@layer theme,base;@layer components{[data-slot=scene-inquiry-contact]{--tl-send:.2;--tl-send-len:.04;--tl-sent:.24;--tl-sent-len:.04;--tl-fly:.25;--tl-fly-len:.1;--tl-card:.33;--tl-card-len:.05;--tl-tags:.38;--tl-tag-gap:.03;--tl-tag-len:.04;--tl-insert:.48;--tl-insert-len:.09;--tl-pan:.6;--tl-pan-len:.06;--tl-tidy:.67;--tl-tidy-len:.09;--tl-mark:.76;--tl-mark-gap:.02;--tl-mark-len:.04;--send:clamp(0, (var(--p) - var(--tl-send)) / var(--tl-send-len), 1);--sent:clamp(0, (var(--p) - var(--tl-sent)) / var(--tl-sent-len), 1);--fly:clamp(0, (var(--p) - var(--tl-fly)) / var(--tl-fly-len), 1);--card:clamp(0, (var(--p) - var(--tl-card)) / var(--tl-card-len), 1);--insert:clamp(0, (var(--p) - var(--tl-insert)) / var(--tl-insert-len), 1);--pan:clamp(0, (var(--p) - var(--tl-pan)) / var(--tl-pan-len), 1);--tidy:clamp(0, (var(--p) - var(--tl-tidy)) / var(--tl-tidy-len), 1);--sent-e:calc(var(--sent) * var(--sent) * (3 - 2 * var(--sent)));--fly-e:calc(var(--fly) * var(--fly) * (3 - 2 * var(--fly)));--insert-e:calc(var(--insert) * var(--insert) * (3 - 2 * var(--insert)));--pan-e:calc(var(--pan) * var(--pan) * (3 - 2 * var(--pan)));--tidy-e:calc(var(--tidy) * var(--tidy) * (3 - 2 * var(--tidy)));--card-e:calc(1 - (1 - var(--card)) * (1 - var(--card)) * (1 - var(--card)));--send-press:clamp(0, (var(--send) - .55) / .45, 1)}[data-slot=scene-inquiry-contact] :is([data-part=page-scroll]>*,[data-part=page]>:first-child,[data-part=contact-slot]:not([data-fresh])>*,[data-part=conversation-slot]:not([data-seoa])>*,[data-part=chip]>*,[data-part=before]>*,[data-part=after]>*,[data-part=packet]>*,[data-slot=avatar],[data-slot=logo],[data-slot=chapter-heading]>:not([data-part=thread])){--p:0;--send:0;--sent:0;--fly:0;--card:0;--insert:0;--pan:0;--tidy:0;--sent-e:0;--fly-e:0;--insert-e:0;--pan-e:0;--tidy-e:0;--card-e:0;--send-press:0;--c:0}[data-slot=scene-inquiry-contact]{--board-w:400px;--board-h:780px;--phone-x:30px;--phone-y:0px;--phone-back-y:0px;--phone-back-scale:.94;--phone-back-fade:.7;--window-x:0px;--window-y:300px;--window-w:400px;--window-h:470px;--window-rise:30rem;--window-fade:1;--packet-x0:200px;--packet-y0:579px;--packet-x1:200px;--packet-y1:443px;--packet-arc:7rem;row-gap:var(--spacing-stack-lg);width:100%;max-width:var(--container-page);height:100svh;padding:var(--spacing-stack-xl) var(--spacing-margin-mobile);grid-template-rows:auto minmax(0,1fr);margin-inline:auto;display:grid}@container landing-stage (min-width:48rem){[data-slot=scene-inquiry-contact]{--board-w:1080px;--board-h:720px;--phone-x:0px;--phone-y:30px;--phone-back-y:0px;--phone-back-scale:1;--phone-back-fade:0;--window-x:400px;--window-y:60px;--window-w:680px;--window-h:600px;--window-rise:0rem;--window-fade:0;--packet-x0:170px;--packet-y0:609px;--packet-x1:740px;--packet-y1:203px;--packet-arc:9rem;padding-inline:var(--spacing-margin-tablet)}}[data-slot=scene-inquiry-contact] [data-part=board-col]{align-self:stretch;min-width:0;min-height:0;position:relative;container:inquiry-board/size}[data-slot=scene-inquiry-contact] [data-slot=landing-mock]{width:var(--board-w);height:var(--board-h);translate:-50% -50%;scale:min(1, tan(atan2(100cqw, var(--board-w))), tan(atan2(100cqh, var(--board-h))));position:absolute;top:50%;left:50%}@supports not (scale:tan(atan2(1px, 1px))){[data-slot=scene-inquiry-contact] [data-slot=landing-mock]{scale:.7}}[data-slot=scene-inquiry-contact] [data-part=phone]{top:var(--phone-y);left:var(--phone-x);z-index:1;transform-origin:50% 0;opacity:calc(1 - var(--fly-e) * var(--phone-back-fade));translate:0 calc(var(--fly-e) * var(--phone-back-y));scale:calc(1 - var(--fly-e) * (1 - var(--phone-back-scale)));position:absolute}[data-slot=scene-inquiry-contact] [data-part=page-scroll]{translate:0 calc(var(--form-top) * -1 + var(--sent-e) * 12rem);--form-top:27.5rem}[data-slot=scene-inquiry-contact] [data-slot=inquiry-fill],[data-slot=scene-inquiry-contact] [data-slot=inquiry-fill]>*>*{--sent:0}[data-slot=scene-inquiry-contact] [data-slot=inquiry-fill]>*{grid-area:1/1}[data-slot=scene-inquiry-contact] [data-slot=inquiry-fill] [data-part=form]{opacity:calc(1 - clamp(0, var(--sent) * 2, 1));scale:calc(1 - clamp(0, var(--sent) * 2, 1) * .05)}[data-slot=scene-inquiry-contact] [data-slot=inquiry-fill] [data-part=result]{opacity:clamp(0, var(--sent) * 2 - 1, 1);translate:0 calc((1 - clamp(0, var(--sent) * 2 - 1, 1)) * 1rem);align-self:start}[data-slot=scene-inquiry-contact] [data-slot=creator-field][data-active]>:nth-child(2){outline:2px solid var(--page-focus-on-face,var(--page-focus));outline-offset:-1px}[data-slot=scene-inquiry-contact] [data-slot=inquiry-fill] [data-part=form] button[type=submit]{--send:0;--send-press:clamp(0, (var(--send) - .55) / .45, 1);scale:calc(1 - .12 * var(--send-press) * (1 - var(--send-press)))}@media (prefers-reduced-motion:reduce){[data-slot=scene-inquiry-contact] [data-slot=inquiry-fill]{--sent:1}[data-slot=scene-inquiry-contact] [data-slot=inquiry-fill] [data-part=form] button[type=submit]{--send:1}}[data-slot=scene-inquiry-contact] [data-part=send-touch]{--touch-on:calc(clamp(0, var(--send) * 3, 1) * (1 - var(--sent)));--press:var(--send-press);--touch-x:calc(160px + (1 - clamp(0, var(--send) / .55, 1)) * 3rem);--touch-y:calc(500px + (1 - clamp(0, var(--send) / .55, 1)) * 2.5rem)}[data-slot=scene-inquiry-contact] [data-part=packet]{z-index:4;opacity:calc(clamp(0, var(--fly) * 6, 1) * (1 - clamp(0, var(--card) / .35, 1)));translate:calc(var(--packet-x0) + (var(--packet-x1) - var(--packet-x0)) * var(--fly-e)) calc(var(--packet-y0) + (var(--packet-y1) - var(--packet-y0)) * var(--fly-e) - var(--packet-arc) * 4 * var(--fly) * (1 - var(--fly)));rotate:calc(-10deg * 4 * var(--fly) * (1 - var(--fly)));scale:calc(.85 + .15 * var(--fly-e) - .15 * var(--card));margin:-1.5rem 0 0 -5.5rem;position:absolute;top:0;left:0}[data-slot=scene-inquiry-contact] [data-part=window]{top:var(--window-y);left:var(--window-x);z-index:2;width:var(--window-w);height:var(--window-h);opacity:calc(1 - (1 - var(--fly-e)) * var(--window-fade));translate:0 calc((1 - var(--fly-e)) * var(--window-rise));position:absolute}[data-slot=scene-inquiry-contact] [data-part=tab-indicator]{width:5rem;translate:calc(var(--pan-e) * 5rem) 0}[data-slot=scene-inquiry-contact] [data-part=tab][data-tab=contacts]{color:var(--color-fg);opacity:calc(1 - var(--pan) * .4)}[data-slot=scene-inquiry-contact] [data-part=tab][data-tab=inbox]{color:var(--color-fg);opacity:calc(.6 + var(--pan) * .4)}[data-slot=scene-inquiry-contact] [data-part=panels]{translate:calc(var(--pan-e) * -100%) 0}[data-slot=scene-inquiry-contact] [data-part=swap]>*{grid-area:1/1}[data-slot=scene-inquiry-contact] [data-part=count-before]{opacity:calc(1 - var(--insert));translate:0 calc(var(--insert) * -.5rem)}[data-slot=scene-inquiry-contact] [data-part=count-after]{opacity:var(--insert);translate:0 calc((1 - var(--insert)) * .5rem)}[data-slot=scene-inquiry-contact] [data-part=contact-slot]{padding-bottom:var(--spacing-stack-sm)}[data-slot=scene-inquiry-contact] [data-part=contact-card]{min-height:var(--contact-min-h)}[data-slot=scene-inquiry-contact]{--contact-min-h:5.5rem}@container landing-stage (min-width:48rem){[data-slot=scene-inquiry-contact]{--contact-min-h:0px}}[data-slot=scene-inquiry-contact] [data-part=contact-slot]:not([data-fresh]){opacity:calc(1 - .5 * var(--card) * (1 - var(--insert-e)));translate:0 calc((var(--insert-e) - 1) * 100%)}[data-slot=scene-inquiry-contact] [data-part=contact-slot][data-fresh]{z-index:1;opacity:clamp(0, var(--card) * 3, 1);translate:0 calc((1 - var(--insert-e)) * -.5rem);scale:calc(.5 + .53 * (1 + 2.4 * (var(--card) - 1) * (var(--card) - 1) * (var(--card) - 1) + 1.4 * (var(--card) - 1) * (var(--card) - 1)) - .03 * var(--insert-e));position:relative}[data-slot=scene-inquiry-contact] [data-part=contact-slot][data-fresh] [data-part=contact-card]{--tw-shadow:0 calc(18px * (1 - var(--insert-e))) calc(40px * (1 - var(--insert-e))) color-mix(in srgb, var(--color-ink-surface) calc(22% * (1 - var(--insert-e))), transparent);position:relative}[data-slot=scene-inquiry-contact] [data-part=contact-slot][data-fresh] [data-part=contact-card]:after{content:"";pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--color-brand);opacity:calc(var(--card) * (1 - var(--insert-e)));position:absolute;inset:0}[data-slot=scene-inquiry-contact] [data-fresh] [data-part=chip]{--c:clamp(0, (var(--p) - var(--tl-tags) - var(--k) * var(--tl-tag-gap)) / var(--tl-tag-len), 1);opacity:clamp(0, var(--c) * 3, 1);translate:0 calc((1 - var(--c)) * (1 - var(--c)) * -.75rem);scale:calc(1.6 - .6 * (1 + 2.7 * (var(--c) - 1) * (var(--c) - 1) * (var(--c) - 1) + 1.7 * (var(--c) - 1) * (var(--c) - 1)))}[data-slot=scene-inquiry-contact] [data-part=conversation-slot]{height:5.75rem;translate:0 calc(var(--row-from) * (1 - var(--tidy-e)) * 100%)}[data-slot=scene-inquiry-contact] [data-part=conversation-slot]+[data-part=conversation-slot]{border-top:1px solid var(--color-line)}[data-slot=scene-inquiry-contact] [data-part=conversation-slot][data-seoa]{z-index:1;position:relative}[data-slot=scene-inquiry-contact] [data-seoa]>div{box-shadow:0 calc(16px * 4 * var(--tidy) * (1 - var(--tidy))) calc(32px * 4 * var(--tidy) * (1 - var(--tidy))) color-mix(in srgb, var(--color-ink-surface) calc(20% * 4 * var(--tidy) * (1 - var(--tidy))), transparent);scale:calc(1 + .03 * 4 * var(--tidy) * (1 - var(--tidy)))}[data-slot=scene-inquiry-contact] [data-panel=inbox] [data-part=before]{opacity:calc(1 - var(--tidy));translate:0 calc(var(--tidy) * -.375rem)}[data-slot=scene-inquiry-contact] [data-panel=inbox] [data-part=after]{opacity:var(--tidy);translate:0 calc((1 - var(--tidy)) * .375rem)}[data-slot=scene-inquiry-contact] [data-part=after-dot]{opacity:var(--tidy);scale:var(--tidy)}[data-slot=scene-inquiry-contact] [data-seoa] [data-part=chip]{--c:clamp(0, (var(--p) - var(--tl-mark) - var(--k) * var(--tl-mark-gap)) / var(--tl-mark-len), 1);opacity:clamp(0, var(--c) * 3, 1);translate:0 calc((1 - var(--c)) * (1 - var(--c)) * -.5rem);scale:calc(1.45 - .45 * (1 + 2.7 * (var(--c) - 1) * (var(--c) - 1) * (var(--c) - 1) + 1.7 * (var(--c) - 1) * (var(--c) - 1)))}}@layer utilities;
@layer theme,base;@layer components{[data-slot=scene-pick-home]{--tl-chip:.25;--tl-chip-len:.03;--tl-chip-tap:.28;--tl-chip-tap-len:.06;--tl-grow:.34;--tl-grow-len:.14;--tl-desk:.48;--tl-desk-len:.14;--tl-phone-scroll:.32;--tl-phone-scroll-len:.24;--tl-picker:.58;--tl-picker-len:.04;--tl-tap2:.62;--tl-tap2-len:.05;--tl-wipe2:.655;--tl-wipe2-len:.08;--tl-tap3:.73;--tl-tap3-len:.05;--tl-wipe3:.765;--tl-wipe3-len:.08;--tl-fan:.84;--tl-fan-len:.15;--desk-scroll:1420px;--phone-scroll:420px;--chip-in:clamp(0, (var(--p) - var(--tl-chip)) / var(--tl-chip-len), 1);--chip-tap:clamp(0, (var(--p) - var(--tl-chip-tap)) / var(--tl-chip-tap-len), 1);--grow:clamp(0, (var(--p) - var(--tl-grow)) / var(--tl-grow-len), 1);--desk:clamp(0, (var(--p) - var(--tl-desk)) / var(--tl-desk-len), 1);--phone-down:clamp(0, (var(--p) - var(--tl-phone-scroll)) / var(--tl-phone-scroll-len), 1);--picker:clamp(0, (var(--p) - var(--tl-picker)) / var(--tl-picker-len), 1);--tap2:clamp(0, (var(--p) - var(--tl-tap2)) / var(--tl-tap2-len), 1);--tap3:clamp(0, (var(--p) - var(--tl-tap3)) / var(--tl-tap3-len), 1);--w2:clamp(0, (var(--p) - var(--tl-wipe2)) / var(--tl-wipe2-len), 1);--w3:clamp(0, (var(--p) - var(--tl-wipe3)) / var(--tl-wipe3-len), 1);--fan:clamp(0, (var(--p) - var(--tl-fan)) / var(--tl-fan-len), 1);--fan-move:clamp(0, var(--fan) / .45, 1);--fan-open:clamp(0, (var(--fan) - .35) / .65, 1);--grow-e:calc(var(--grow) * var(--grow) * (3 - 2 * var(--grow)));--desk-e:calc(var(--desk) * var(--desk) * (3 - 2 * var(--desk)));--phone-down-e:calc(var(--phone-down) * var(--phone-down) * (3 - 2 * var(--phone-down)));--fan-move-e:calc(var(--fan-move) * var(--fan-move) * (3 - 2 * var(--fan-move)));--fan-open-e:calc(1 - (1 - var(--fan-open)) * (1 - var(--fan-open)) * (1 - var(--fan-open)));--chip-arrive:clamp(0, var(--chip-tap) / .55, 1);--chip-press:clamp(0, (var(--chip-tap) - .55) / .45, 1);--tap2-arrive:clamp(0, var(--tap2) / .55, 1);--tap2-press:clamp(0, (var(--tap2) - .55) / .45, 1);--tap3-arrive:clamp(0, var(--tap3) / .55, 1);--tap3-press:clamp(0, (var(--tap3) - .55) / .45, 1)}[data-slot=scene-pick-home] :is([data-part=layer-page]>*,[data-part=desktop]>:first-child,[data-part=page]>:first-child,[data-part=sheet],[data-part=swatch],[data-part=desk-chip]>svg,[data-slot=chapter-heading]>:not([data-part=thread])){--p:0;--chip-in:0;--chip-tap:0;--grow:0;--desk:0;--phone-down:0;--picker:0;--tap2:0;--tap3:0;--w2:0;--w3:0;--w:0;--gone:0;--fan:0;--fan-move:0;--fan-open:0;--grow-e:0;--desk-e:0;--phone-down-e:0;--fan-move-e:0;--fan-open-e:0;--chip-arrive:0;--chip-press:0;--tap2-arrive:0;--tap2-press:0;--tap3-arrive:0;--tap3-press:0}[data-slot=scene-pick-home]{--phone-x:30px;--phone-y:0px;--phone-start-dx:0px;--desk-from-x:0px;--desk-from-y:0px;--desk-from-scale:.4;--picker-x:40px;--picker-y:688px;--picker-w:320px;--fan-x:200px;--fan-y:300px;--phone-fan-dx:0px;--phone-fan-scale:.74;--fan-card-scale:.82;--kit-fan-x:-92px;--kit-fan-y:40px;--kit-fan-r:-6deg;--board-w:400px;--board-h:760px;--desk-display:none;--chip-display:none;row-gap:var(--spacing-stack-lg);width:100%;max-width:var(--container-page);height:100svh;padding:var(--spacing-stack-xl) var(--spacing-margin-mobile);grid-template-rows:auto minmax(0,1fr);margin-inline:auto;display:grid}@container landing-stage (min-width:48rem){[data-slot=scene-pick-home]{--tl-phone-scroll:.5;--tl-phone-scroll-len:.12;--phone-scroll:250px;--phone-x:640px;--phone-y:50px;--phone-start-dx:-320px;--desk-from-x:150px;--desk-from-y:40px;--picker-x:140px;--picker-y:616px;--picker-w:400px;--fan-x:490px;--fan-y:380px;--phone-fan-dx:-320px;--phone-fan-scale:.9;--fan-card-scale:1;--kit-fan-x:-205px;--kit-fan-y:30px;--kit-fan-r:-12deg;--board-w:980px;--desk-display:flex;--chip-display:flex;padding-inline:var(--spacing-margin-tablet)}}[data-slot=scene-pick-home] [data-part=board-col]{align-self:stretch;min-width:0;min-height:0;position:relative;container:pick-board/size}[data-slot=scene-pick-home] [data-slot=landing-mock]{width:var(--board-w);height:var(--board-h);translate:-50% -50%;scale:min(1, tan(atan2(100cqw, var(--board-w))), tan(atan2(100cqh, var(--board-h))));will-change:opacity;position:absolute;top:50%;left:50%}@supports not (scale:tan(atan2(1px, 1px))){[data-slot=scene-pick-home] [data-slot=landing-mock]{scale:.7}}[data-slot=scene-pick-home] [data-part=layers]{position:relative;overflow:clip}[data-slot=scene-pick-home] :is([data-part=layer],[data-part=layer-inner]){position:absolute;inset:0}[data-slot=scene-pick-home] [data-part=layer]{overflow:clip}[data-slot=scene-pick-home] [data-part=layer][data-theme=ink]{--gone:clamp(0, (var(--w2) - .9999) * 10000, 1)}[data-slot=scene-pick-home] [data-part=layer][data-wipe="2"]{--w:var(--w2);--gone:clamp(0, (var(--w3) - .9999) * 10000, 1)}[data-slot=scene-pick-home] [data-part=layer][data-wipe="3"]{--w:var(--w3)}[data-slot=scene-pick-home] [data-part=layer]:not([data-wipe="3"]){inset:calc(var(--gone) * -100%) 0 calc(var(--gone) * 100%)}[data-slot=scene-pick-home] [data-part=layer][data-wipe]{translate:0 calc((1 - var(--w)) * 100%)}[data-slot=scene-pick-home] [data-part=layer][data-wipe]>[data-part=layer-inner]{translate:0 calc((var(--w) - 1) * 100%)}[data-slot=scene-pick-home] [data-part=layer][data-wipe]:after{content:"";pointer-events:none;background:linear-gradient(to top, transparent, color-mix(in srgb, var(--color-surface) 50%, transparent));border-top:2px solid color-mix(in srgb, var(--color-surface) 92%, transparent);height:3.5rem;opacity:min(1, var(--w) * 12, (1 - var(--w)) * 12);position:absolute;inset:0 0 auto}[data-slot=scene-pick-home] [data-part=block]{--b:0;--b-left:calc((1 - var(--b)) * (1 - var(--b)) * (1 - var(--b)));--ghost:color-mix(in srgb, var(--page-text) 7%, transparent);position:relative}@media (prefers-reduced-motion:reduce){[data-slot=scene-pick-home] [data-part=block]{--b:1}}[data-slot=scene-pick-home] [data-part=block]>[data-slot=creator-block]>*{opacity:clamp(0, var(--b) * 2.2, 1);translate:0 calc(var(--b-left) * 2.25rem);scale:calc(1 - var(--b-left) * .06)}[data-slot=scene-pick-home] [data-part=ghost]{inset:var(--page-gap,.875rem) 0 0;z-index:0;pointer-events:none;background:var(--ghost);opacity:calc(1 - clamp(0, var(--b) * 3, 1));border-radius:1rem;position:absolute}[data-slot=scene-pick-home] [data-part=ghost][data-kind]{background:0 0;flex-direction:column;display:flex}[data-slot=scene-pick-home] [data-part=ghost]>*,[data-slot=scene-pick-home] :is([data-part=ghost-pills],[data-part=ghost-grid])>*{background:var(--ghost);flex:none;display:block}[data-slot=scene-pick-home] [data-part=ghost-bar]{border-radius:999px;height:.75rem}[data-slot=scene-pick-home] [data-part=ghost][data-kind=profile]{border-radius:0;align-items:center;inset:0}[data-slot=scene-pick-home] [data-part=ghost-cover]{align-self:stretch;height:8rem}[data-slot=scene-pick-home] [data-part=ghost-avatar]{background:color-mix(in srgb, var(--page-text) 10%, var(--page-surface));width:6rem;height:6rem;box-shadow:0 0 0 4px var(--page-surface);border-radius:999px;margin-top:-3.125rem}[data-slot=scene-pick-home] [data-kind=profile]>[data-size=title]{width:18%;height:1.25rem;margin-top:1.25rem}[data-slot=scene-pick-home] [data-kind=profile]>[data-size=short]{width:29%;margin-top:1rem}[data-slot=scene-pick-home] [data-kind=profile]>[data-size=long]{width:85%;margin-top:.9375rem}[data-slot=scene-pick-home] [data-kind=profile]>[data-size=mid]{width:60%;margin-top:.75rem}[data-slot=scene-pick-home] [data-part=ghost-pills]{background:0 0;gap:.5rem;margin-top:1.25rem;display:flex}[data-slot=scene-pick-home] [data-part=ghost-pills]>*{border-radius:999px;width:5.25rem;height:2rem}[data-slot=scene-pick-home] [data-part=ghost-pills]>:last-child{width:3.875rem}[data-slot=scene-pick-home] [data-part=ghost][data-kind=storefront]{align-items:flex-start}[data-slot=scene-pick-home] [data-kind=storefront]>[data-size=title]{width:16%;height:1.125rem;margin-top:.25rem}[data-slot=scene-pick-home] [data-kind=storefront]>[data-size=short]{width:18%;margin-top:1.25rem}[data-slot=scene-pick-home] [data-part=ghost-grid]{background:0 0;grid-template-columns:1fr 1fr;align-self:stretch;gap:.625rem;height:8.75rem;margin-top:.9375rem;display:grid}[data-slot=scene-pick-home] [data-part=ghost-grid]>*{border-radius:1rem}[data-slot=scene-pick-home] [data-part=ghost-row]{border-radius:1rem;align-self:stretch;height:4rem;margin-top:2rem}[data-slot=scene-pick-home] [data-kind=profile] [data-slot=profile-cover]{opacity:clamp(0, var(--b) * 2.5, 1);scale:calc(1 + var(--b-left) * .14)}[data-slot=scene-pick-home] [data-kind=profile] [data-slot=profile-avatar]{--a:clamp(0, (var(--b) - .2) / .6, 1);opacity:clamp(0, var(--a) * 3, 1);scale:calc(.4 + .6 * (1 + 2.4 * (var(--a) - 1) * (var(--a) - 1) * (var(--a) - 1) + 1.4 * (var(--a) - 1) * (var(--a) - 1)))}[data-slot=scene-pick-home] [data-kind=profile] [data-slot=profile-info]>*{--n:clamp(0, (var(--b) - .4) / .6, 1);opacity:var(--n);translate:0 calc((1 - var(--n)) * (1 - var(--n)) * .875rem)}[data-slot=scene-pick-home] [data-part=block]>:not([data-part=ghost]){z-index:1;position:relative}[data-slot=scene-pick-home] [data-part=phone]{top:var(--phone-y);left:var(--phone-x);z-index:3;transform-origin:50%;translate:calc((1 - var(--grow-e)) * var(--phone-start-dx) + var(--fan-move-e) * var(--phone-fan-dx)) 0;scale:calc(1 - var(--fan-move-e) * (1 - var(--phone-fan-scale)));position:absolute}[data-slot=scene-pick-home] [data-part=phone] [data-part=layers]{flex:1 1 0;min-height:0}[data-slot=scene-pick-home] [data-part=phone] [data-part=layer-page]{translate:0 calc(var(--phone-down-e) * var(--phone-scroll) * -1)}[data-slot=scene-pick-home] [data-part=desk-chip]{display:var(--chip-display);z-index:2;height:2.5rem;opacity:calc(clamp(0, var(--chip-in) * 1.5, 1) * (1 - clamp(0, var(--grow) * 3, 1)));translate:-50% calc((1 - var(--chip-in)) * (1 - var(--chip-in)) * .75rem);scale:calc(1 - .24 * var(--chip-press) * (1 - var(--chip-press)));position:absolute;bottom:2rem;left:50%}[data-slot=scene-pick-home] [data-part=chip-touch]{--touch-on:calc(clamp(0, var(--chip-arrive) * 3, 1) * (1 - clamp(0, var(--grow) * 4, 1)));--press:var(--chip-press);--touch-x:calc((1 - var(--chip-arrive)) * (1 - var(--chip-arrive)) * 3.5rem);--touch-y:calc((1 - var(--chip-arrive)) * (1 - var(--chip-arrive)) * 3rem);top:50%;left:50%}[data-slot=scene-pick-home] [data-part=desktop]{display:var(--desk-display);z-index:1;transform-origin:50%;width:680px;height:500px;opacity:calc(clamp(0, var(--grow) * 4, 1) - var(--fan-move-e));translate:calc((1 - var(--grow-e)) * var(--desk-from-x) - var(--fan-move-e) * 3rem) calc((1 - var(--grow-e)) * var(--desk-from-y));scale:calc(var(--desk-from-scale) + (1 - var(--desk-from-scale)) * var(--grow-e) - var(--fan-move-e) * .06);flex-direction:column;position:absolute;top:90px;left:0}[data-slot=scene-pick-home] [data-part=desktop] [data-part=layers]{flex:1 1 0;min-height:0}[data-slot=scene-pick-home] [data-part=desktop] [data-part=layer-page]{transform-origin:0 0;width:900px;scale:.755556;transform:translateY(calc(var(--desk-e) * var(--desk-scroll) * -1))}[data-slot=scene-pick-home] [data-part=picker]{top:var(--picker-y);left:var(--picker-x);z-index:4;width:var(--picker-w);height:56px;opacity:calc(clamp(0, var(--picker) * 1.6, 1) * (1 - var(--fan-move)));translate:0 calc((1 - var(--picker)) * (1 - var(--picker)) * 1.5rem + var(--fan-move-e) * 1rem);position:absolute}[data-slot=scene-pick-home] [data-part=swatch-ring]{translate:calc((var(--tap2-press) + var(--tap3-press)) * 2.75rem) 0}[data-slot=scene-pick-home] [data-part=swatch] [data-slot=creator-frame]{height:100%}[data-slot=scene-pick-home] [data-part=theme-names]>*{grid-area:1/1}[data-slot=scene-pick-home] [data-part=theme-names]>[data-theme=ink]{opacity:calc(1 - var(--tap2-press));translate:0 calc(var(--tap2-press) * -.5rem)}[data-slot=scene-pick-home] [data-part=theme-names]>[data-theme=cream]{opacity:calc(var(--tap2-press) - var(--tap3-press));translate:0 calc((1 - var(--tap2-press)) * .5rem - var(--tap3-press) * .5rem)}[data-slot=scene-pick-home] [data-part=theme-names]>[data-theme=photo]{opacity:var(--tap3-press);translate:0 calc((1 - var(--tap3-press)) * .5rem)}[data-slot=scene-pick-home] [data-part=picker-touch]{--touch-on:calc(clamp(0, var(--tap2-arrive) * 3, 1) * (1 - clamp(0, (var(--w3) - .6) * 3, 1)));--press:calc(var(--tap2-press) * (1 - var(--tap3-arrive)) + var(--tap3-press));--touch-x:calc(var(--swatch-2-x) + var(--tap3-arrive) * var(--swatch-gap) + (1 - var(--tap2-arrive)) * (1 - var(--tap2-arrive)) * 4rem);--touch-y:calc(28px + (1 - var(--tap2-arrive)) * (1 - var(--tap2-arrive)) * 3.5rem);--swatch-2-x:114px;--swatch-gap:2.75rem}[data-slot=scene-pick-home] [data-part=fan-kit]{top:var(--fan-y);left:var(--fan-x);z-index:2;transform-origin:50% 170%;opacity:clamp(0, var(--fan-open) * 4, 1);width:250px;height:333px;translate:calc(var(--fan-open-e) * var(--kit-fan-x)) calc(var(--fan-open-e) * var(--kit-fan-y));rotate:calc(var(--fan-open-e) * var(--kit-fan-r));scale:calc((.86 + .14 * var(--fan-open-e)) * var(--fan-card-scale));margin:-167px 0 0 -125px;position:absolute}[data-slot=scene-pick-home] [data-part=fan-kit] [data-part=sheet]{height:100%}[data-slot=scene-pick-home] [data-part=kit-page]{transform-origin:0 0;width:390px;scale:.641026}[data-slot=scene-pick-home] [data-part=fan-label]{--label:clamp(0, (var(--fan-open) - .7) / .3, 1);white-space:nowrap;opacity:var(--label);translate:-50% calc((1 - var(--label)) * .5rem);position:absolute;top:-2.25rem;left:50%}[data-slot=scene-pick-home] [data-part=fan-kit]>[data-part=fan-label]{translate:0 calc((1 - var(--label)) * .5rem);left:.75rem}[data-slot=scene-pick-home] [data-part=phone]>[data-part=fan-label]{top:-2rem}}@layer utilities;