@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:after,:before{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer utilities{.scwv-style-guide{max-width:72rem;padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*12);margin-inline:auto}@media (min-width:48rem){.scwv-style-guide{padding-inline:calc(var(--spacing,.25rem)*10)}}@media (min-width:64rem){.scwv-style-guide{padding-block:calc(var(--spacing,.25rem)*16)}}.scwv-style-guide__header{margin-bottom:calc(var(--spacing,.25rem)*12);border-bottom-style:var(--tw-border-style);padding-bottom:calc(var(--spacing,.25rem)*8);border-bottom-width:1px;border-color:var(--brand-heading)}.scwv-style-guide__title{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,1.11111));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}@media (min-width:48rem){.scwv-style-guide__title{font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1))}}.scwv-style-guide__title{color:var(--brand-heading)}.scwv-style-guide__intro{margin-top:calc(var(--spacing,.25rem)*3);max-width:65ch;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));color:var(--brand-text);line-height:var(--line-height-body)}.scwv-style-guide__toc{margin-top:calc(var(--spacing,.25rem)*6)}.scwv-style-guide__toc-list{column-gap:calc(var(--spacing,.25rem)*4);row-gap:calc(var(--spacing,.25rem)*2);flex-wrap:wrap;display:flex}.scwv-style-guide__toc-link{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);text-underline-offset:4px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));color:var(--brand-nav-link);text-decoration-line:underline}.scwv-style-guide__toc-link:hover{color:var(--brand-nav-link-hover)}.scwv-style-guide__section{padding-block:calc(var(--spacing,.25rem)*10);border-bottom:1px solid var(--brand-heading)}@supports (color:color-mix(in lab,red,red)){.scwv-style-guide__section{border-bottom:1px solid color-mix(in srgb,var(--brand-heading) 15%,#0000)}}.scwv-style-guide__section:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.scwv-style-guide__section-title{margin-bottom:calc(var(--spacing,.25rem)*6);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}@media (min-width:48rem){.scwv-style-guide__section-title{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,1.2))}}.scwv-style-guide__section-title{color:var(--brand-heading)}.scwv-style-guide__subsection{margin-top:calc(var(--spacing,.25rem)*8)}.scwv-style-guide__subsection:first-child{margin-top:0}.scwv-style-guide__subsection-title{margin-bottom:calc(var(--spacing,.25rem)*4);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--brand-heading)}.scwv-style-guide__demo-row{gap:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*3);flex-direction:column;display:flex}@media (min-width:32rem){.scwv-style-guide__demo-row{align-items:center;gap:calc(var(--spacing,.25rem)*6);flex-direction:row}}.scwv-style-guide__demo-label{min-width:calc(var(--spacing,.25rem)*32);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);opacity:.7}.scwv-style-guide__demo-content{flex:1}.scwv-style-guide__swatch-grid{gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:32rem){.scwv-style-guide__swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:48rem){.scwv-style-guide__swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.scwv-style-guide__swatch-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.scwv-style-guide__swatch-card{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*3);text-align:center;border-width:1px;border-color:var(--brand-heading);flex-direction:column;display:flex}@supports (color:color-mix(in lab,red,red)){.scwv-style-guide__swatch-card{border-color:color-mix(in srgb,var(--brand-heading) 15%,#0000)}}.scwv-style-guide__swatch-block{height:calc(var(--spacing,.25rem)*14);border:1px solid var(--surface-fg);border-radius:.25rem;width:100%}@supports (color:color-mix(in lab,red,red)){.scwv-style-guide__swatch-block{border:1px solid color-mix(in srgb,var(--surface-fg) 10%,#0000)}}.scwv-style-guide__swatch-label{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--brand-text)}.scwv-style-guide__swatch-var{opacity:.6;font-size:.65rem}.scwv-style-guide__icon-grid{gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (min-width:32rem){.scwv-style-guide__icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:48rem){.scwv-style-guide__icon-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:64rem){.scwv-style-guide__icon-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}.scwv-style-guide__icon-card{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*4);text-align:center;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-width:1px;border-color:var(--brand-heading);flex-direction:column;display:flex}@supports (color:color-mix(in lab,red,red)){.scwv-style-guide__icon-card{border-color:color-mix(in srgb,var(--brand-heading) 15%,#0000)}}.scwv-style-guide__icon-card{color:var(--brand-text)}.scwv-style-guide__icon-card:hover{border-color:var(--brand-heading)}.scwv-style-guide__icon-name{--tw-leading:var(--leading-tight,1.25);font-size:.65rem;line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.scwv-style-guide__block-table-wrap{overflow-x:auto}.scwv-style-guide__block-table{border-collapse:collapse;width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.scwv-style-guide__block-table th{border-bottom-style:var(--tw-border-style);text-align:left;--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);border-bottom-width:2px;border-color:var(--brand-heading);color:var(--brand-heading)}.scwv-style-guide__block-table td,.scwv-style-guide__block-table th{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3)}.scwv-style-guide__block-table td{border-bottom-style:var(--tw-border-style);vertical-align:top;border-bottom-width:1px;border-color:var(--brand-heading)}@supports (color:color-mix(in lab,red,red)){.scwv-style-guide__block-table td{border-color:color-mix(in srgb,var(--brand-heading) 15%,#0000)}}.scwv-style-guide__block-table td{color:var(--brand-text)}.scwv-style-guide__block-table code{padding-inline:calc(var(--spacing,.25rem)*1.5);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);background:var(--brand-promo-mint);border-radius:.25rem}@supports (color:color-mix(in lab,red,red)){.scwv-style-guide__block-table code{background:color-mix(in srgb,var(--brand-promo-mint) 40%,#0000)}}.scwv-style-guide__block-table code{color:var(--brand-heading)}}.sg-3d-demo{background:var(--brand-btn-primary-bg);width:10rem;height:7rem;color:var(--brand-btn-primary-fg);cursor:default;place-content:center;font-size:.875rem;font-weight:600;display:grid}.sg-lift-up{transform-style:preserve-3d;border-radius:32px;transition:transform .4s ease-in-out,box-shadow .4s ease-in-out;transform:rotateX(51deg)rotate(43deg);box-shadow:1px 1px 0 1px #fff,-1px 0 28px #22215103,28px 28px 28px #22215140}.sg-lift-up:hover{transform:translateY(-16px)rotateX(51deg)rotate(43deg);box-shadow:1px 1px 0 1px #fff,-1px 0 28px #22215103,54px 54px 28px -10px #22215126}.sg-flap-down{will-change:transform;border-radius:5px;transition:transform .4s ease-in-out;transform:perspective(2000px)translate3d(0,-66px,198px)rotateX(-55deg)scale(.86,.75)translateY(50px)}.sg-flap-down:hover{transform:scale(1)}.sg-forward-tilt{border:5px solid var(--color-grey-02);border-radius:20px;transition:transform .4s ease-in-out;transform:perspective(750px)translateZ(-250px)rotateX(27deg)scale(.9);box-shadow:0 70px 40px -20px #0003}.sg-forward-tilt:hover{transform:translateZ(-250px)}.sg-anim-underline{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.sg-anim-underline a{color:inherit;padding:.2em 0;text-decoration:none;display:block;position:relative}.sg-anim-underline a:after{content:"";background-color:var(--brand-btn-primary-bg);opacity:0;width:100%;height:.1em;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0}.sg-anim-underline li:first-child a:focus:after,.sg-anim-underline li:first-child a:hover:after{opacity:1;transform:translateY(.2em)}.sg-anim-underline li:nth-child(2) a{overflow:hidden}.sg-anim-underline li:nth-child(2) a:after{opacity:1;transform:translate(-100%)}.sg-anim-underline li:nth-child(2) a:focus:after,.sg-anim-underline li:nth-child(2) a:hover:after{transform:translate(0)}.sg-anim-underline li:nth-child(3) a:after{opacity:1;transform-origin:50%;transform:scale(0)}.sg-anim-underline li:nth-child(3) a:focus:after,.sg-anim-underline li:nth-child(3) a:hover:after{transform:scale(1)}.sg-masked-text{color:#0000;background-image:linear-gradient(90deg,var(--brand-btn-primary-bg),var(--brand-promo-mint),var(--brand-outline-neon),var(--brand-promo-peach),var(--brand-btn-primary-bg));-webkit-text-fill-color:#0000;background-position:0;background-size:300%;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.2;animation:5s linear infinite alternate sg-animate-background}@keyframes sg-animate-background{0%{background-position:0}to{background-position:100%}}.sg-split-text{text-transform:uppercase;gap:.25em;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;display:flex;overflow:hidden}.sg-text-part{animation-duration:1.2s;animation-timing-function:ease-out;animation-fill-mode:forwards;display:inline-block}.sg-text-part.sg-left{color:var(--brand-btn-primary-bg);animation-name:sg-slide-in-left;transform:translate(-200%)}.sg-text-part.sg-right{color:var(--brand-heading);animation-name:sg-slide-in-right;transform:translate(200%)}@keyframes sg-slide-in-left{to{transform:translate(0)}}@keyframes sg-slide-in-right{to{transform:translate(0)}}.sg-strike{background:linear-gradient(var(--brand-btn-primary-bg) 0 0) no-repeat 0 60% /var(--s,0) .1em,var(--surface-fg);-webkit-text-fill-color:#0000;color:#0000;cursor:default;-webkit-background-clip:border-box,text;background-clip:border-box,text;transition:background-size .4s;display:inline}.sg-strike:hover{--s:100%}.sg-marquee-3d{display:flex;overflow:hidden}.sg-marquee-3d__panel{white-space:nowrap;flex:1;height:6rem;font-size:1.5rem;font-weight:700;line-height:6rem;position:relative;overflow:hidden}.sg-marquee-3d__panel:first-child{background-color:var(--brand-btn-primary-bg);color:var(--brand-btn-primary-fg);transform-origin:100%;transform:perspective(100px)rotateY(-15deg)}.sg-marquee-3d__panel:last-child{background-color:var(--brand-promo-mint);color:var(--brand-heading);transform-origin:0;transform:perspective(100px)rotateY(15deg)}.sg-marquee-3d__panel span{animation:5s linear infinite sg-marquee;position:absolute}.sg-marquee-3d__panel:first-child span{animation-delay:2.5s;left:-100%}@keyframes sg-marquee{0%{left:100%}to{left:-100%}}.sg-effect-link{color:inherit;padding:.2em 0;font-size:1.125rem;text-decoration:none;display:inline-block;position:relative}.sg-effect-underline:after{content:"";opacity:0;border-bottom:1px solid;width:100%;height:1px;transition:opacity .35s,transform .35s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.sg-effect-underline:hover:after{opacity:1;transform:scale(1)}.sg-effect-box:after,.sg-effect-box:before{content:"";opacity:0;width:100%;transition:opacity .35s,transform .35s;display:inline-block;position:absolute;left:0}.sg-effect-box:before{border-left:1px solid;border-right:1px solid;top:0;bottom:0;transform:scaleY(0)}.sg-effect-box:after{border-top:1px solid;border-bottom:1px solid;bottom:0;transform:scaleX(0)}.sg-effect-box:hover:after,.sg-effect-box:hover:before{opacity:1;transform:scale(1)}.sg-effect-shine:hover{animation:2s infinite sg-shine;-webkit-mask-image:linear-gradient(-75deg,#0009 30%,#000 50%,#0009 70%);-webkit-mask-size:200%}@keyframes sg-shine{0%{-webkit-mask-position:150%}to{-webkit-mask-position:-50%}}.sg-btn-shine{position:relative;overflow:hidden}.sg-btn-shine:before{content:"";border-radius:inherit;opacity:0;will-change:opacity,transform;pointer-events:none;background-image:linear-gradient(-45deg,#0000 30%,#fff6,#0000 70%);background-size:600%;border:2px solid #fff9;transition:opacity .2s ease-in-out,transform .2s ease-in-out;animation-duration:7s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;inset:-4px;transform:scale(.95)}.sg-btn-shine:focus:before,.sg-btn-shine:hover:before{opacity:1;animation-name:sg-animation-shine;transform:scale(1)}@keyframes sg-animation-shine{0%{background-position:100%}30%{background-position:0}to{background-position:0}}.sg-flip-wrapper{--translate-distance:1lh;--duration:2s;--timing-function:cubic-bezier(.66,0,.34,1);color:var(--brand-heading);grid-auto-columns:1fr;grid-auto-flow:column;gap:0;max-width:max-content;font-size:clamp(2.5rem,7vw,6rem);font-weight:700;line-height:1;display:grid;overflow-y:hidden}.sg-flip-wrapper>span{--translate:calc(var(--translate-distance)*2);place-content:center;display:grid}@media not all and (prefers-reduced-motion){.sg-flip-wrapper>span{animation-name:sg-flip-transform,sg-flip-translate;animation-duration:var(--duration);animation-timing-function:var(--timing-function);animation-iteration-count:infinite;animation-delay:calc(var(--i,1)*.1s)}}@keyframes sg-flip-transform{50%,to{transform:translateY(calc(var(--translate)*-1))}}@keyframes sg-flip-translate{25%{opacity:1;translate:0}25%{opacity:0}25%,to{opacity:1;translate:0 calc(var(--translate)*1)}}@keyframes succulent-bloom{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.succulent-frame{grid-template:"top top top""left content right"1fr"bottom bottom bottom"/42px 1fr 42px;width:66%;margin-inline:auto;display:grid}.succulent-frame__top{grid-area:top;align-items:flex-end;display:flex;overflow:hidden}.succulent-frame__left{flex-direction:column;grid-area:left;display:flex;overflow:hidden}.succulent-frame__content{grid-area:content;min-width:0}.succulent-frame__right{flex-direction:column;grid-area:right;display:flex;overflow:hidden}.succulent-frame__bottom{grid-area:bottom;align-items:flex-end;display:flex;overflow:hidden;transform:scaleY(-1)}.succulent-icon{z-index:1;flex-shrink:0;position:relative}.succulent-z2{z-index:2}.succulent-icon--mirror{transform:scaleX(-1)}.succulent-icon-bloom{animation:succulent-bloom .45s cubic-bezier(.34,1.56,.64,1) var(--bloom-delay,0s) both}.sframe-row .succulent-icon{top:var(--sframe-top,0);left:var(--sframe-left-jitter,0)}.sframe-row .succulent-icon+.succulent-icon{margin-left:-22px}.sframe-row .sframe-anchor--right{position:absolute;top:auto;bottom:0;right:0}.sframe-col .succulent-icon{left:var(--sframe-left,0)}.sframe-col .succulent-icon+.succulent-icon{margin-top:var(--sframe-mt,-22px)}.sframe-col .succulent-icon:first-child{margin-top:-22px}@media (max-width:499px){.succulent-icon{width:14px;height:14px}.sframe-row .succulent-icon+.succulent-icon{margin-left:-7px}.sframe-col .succulent-icon+.succulent-icon{margin-top:calc(var(--sframe-mt,-22px)*.33)}.sframe-col .succulent-icon:first-child{margin-top:-7px}}@media (min-width:32rem){.succulent-icon{width:21px;height:21px}.sframe-row .succulent-icon+.succulent-icon{margin-left:-11px}.sframe-col .succulent-icon+.succulent-icon{margin-top:calc(var(--sframe-mt,-22px)*.5)}.sframe-col .succulent-icon:first-child{margin-top:-11px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}