@layer theme,base;@layer components{.compare-heads,.compare-marks-row{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compare-heads{margin-bottom:calc(var(--spacing) * 4)}.compare-marks-row{margin-top:calc(var(--spacing) * 5)}.compare-side__head{align-content:start;gap:calc(var(--spacing) * 1);display:grid}.compare-side__label{align-items:baseline;gap:calc(var(--spacing) * 2);color:var(--color-ink);font-size:var(--text-body-s);font-weight:600;line-height:var(--text-body-s--line-height);margin:0;display:flex}.compare-side__dot{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);translate:0 calc(var(--spacing) * -.25);background:var(--color-text-3);border-radius:999px;flex:none}.compare-side__head[data-side=after] .compare-side__dot{background:var(--color-violet)}.compare-side__line{padding-left:calc(var(--spacing) * 4);color:var(--color-text-2);font-size:var(--text-caption);line-height:var(--text-caption--line-height);text-wrap:pretty;margin:0}.compare-marks{align-content:start;gap:calc(var(--spacing) * 2);margin:0;padding:0;list-style:none;display:grid}.compare-mark{align-items:flex-start;gap:calc(var(--spacing) * 2);color:var(--color-ink);font-size:var(--text-caption);line-height:var(--text-caption--line-height);display:flex}.compare-mark__icon{margin-top:calc(var(--spacing) * .5);color:var(--color-text-3);flex:none}.compare-marks[data-side=after] .compare-mark__icon{color:var(--color-violet-ink)}.compare-slider [data-drag-surface]{overscroll-behavior-x:contain}.compare-slider>:not([data-drag-surface]),.compare-slider [data-drag-surface]>div>div>span{display:none!important}.compare-layer{--compare-scale:.58;--compare-room:calc((125cqi - var(--spacing) * 17) / .58);--compare-fade-from:45;position:absolute;inset:0}.compare-layer[data-side=before]{--compare-center:calc(var(--p) * .5cqi);--compare-show:clamp(0, (var(--p) - var(--compare-fade-from)) / 3, 1)}.compare-layer[data-side=after]{--compare-center:calc((var(--p) + 100) * .5cqi);--compare-show:clamp(0, (100 - var(--p) - var(--compare-fade-from)) / 3, 1)}.compare-group{top:calc(var(--spacing) * 4);justify-items:center;gap:calc(var(--spacing) * 3);width:max-content;opacity:var(--compare-show);transform:translateX(calc(var(--compare-center) - 50%)) scale(var(--compare-scale));transform-origin:top;display:grid;position:absolute;left:0}.compare-layer[data-side=before] .compare-device{--device-crop-height:calc(var(--compare-room) - var(--spacing) * 24)}.compare-layer[data-side=after] .compare-device{--device-crop-height:calc(var(--compare-room) - var(--spacing) * 66)}.compare-arrow{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 7);color:var(--color-line-strong);display:block}.compare-brands{gap:calc(var(--spacing) * 2);width:100%;margin:calc(var(--spacing) * -1) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.compare-brand{justify-items:center;gap:calc(var(--spacing) * 1);display:grid}.compare-brand__tile{justify-items:center;gap:calc(var(--spacing) * 1);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper);width:100%;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 2);color:var(--color-ink);font-size:var(--text-caption);font-weight:600;line-height:var(--text-caption--line-height);display:grid}.compare-brand__name{white-space:nowrap}.compare-brand__grow{color:var(--color-text-2);flex:none}.compare-incoming{justify-items:center;gap:calc(var(--spacing) * 1);display:grid}.compare-incoming .compare-arrow{color:var(--color-violet-line)}.compare-order{border-radius:var(--radius-md);background:var(--color-paper);padding:calc(var(--spacing) * 2.5) calc(var(--spacing) * 3);box-shadow:var(--shadow-soft)}.compare-foundation{justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);width:100%;display:flex}.compare-foundation__stack{gap:calc(var(--spacing) * 1);flex-direction:column-reverse;width:100%;margin:0;padding:0;list-style:none;display:flex}.compare-foundation__block{border:1px solid var(--color-violet-line);border-radius:var(--radius-sm);background:var(--color-paper);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);color:var(--color-ink);font-size:var(--text-caption);font-weight:600;line-height:var(--text-caption--line-height);text-align:center;white-space:nowrap}.compare-foundation__arrow{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);color:var(--color-violet-ink);flex:none}.compare-profile{background:var(--color-canvas);min-height:100%;padding:calc(var(--spacing) * 3) calc(var(--spacing) * 3) calc(var(--spacing) * 8);align-content:start;justify-items:center;display:grid}.compare-profile__avatar{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);background:var(--color-cloud);color:var(--color-text-3);box-shadow:var(--shadow-hairline);border-radius:999px;place-items:center;display:grid}.compare-profile__handle{margin-top:calc(var(--spacing) * 2);color:var(--color-ink);font-size:var(--text-caption);font-weight:600;line-height:var(--text-caption--line-height)}.compare-profile__social{gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 4);display:flex}.compare-profile__social-item{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);background:var(--color-paper);box-shadow:var(--shadow-hairline);color:var(--color-text-2);border-radius:999px;place-items:center;display:grid}.compare-profile__links{gap:calc(var(--spacing) * 2);width:100%;margin-top:calc(var(--spacing) * 3);display:grid}.compare-profile__link{min-height:calc(var(--spacing) * 11);align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-sm);background:var(--color-paper);padding-inline:calc(var(--spacing) * 3);box-shadow:var(--shadow-hairline);color:var(--color-ink);font-size:var(--text-note);font-weight:600;display:flex}.compare-profile__icon,.compare-profile__out{color:var(--color-text-3);flex:none}.compare-profile__text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.compare-profile__out{color:var(--color-ink)}@media (min-width:40rem){.compare-profile{padding:calc(var(--spacing) * 5) calc(var(--spacing) * 4) calc(var(--spacing) * 8)}.compare-profile__avatar{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.compare-profile__handle{margin-top:calc(var(--spacing) * 2.5)}.compare-profile__links{margin-top:calc(var(--spacing) * 4)}}@media (min-width:640px){.compare-layer{--compare-scale:.66;--compare-room:calc((62.5cqi - var(--spacing) * 17) / .66);--compare-fade-from:37}.compare-side__label{font-size:var(--text-body);line-height:var(--text-body--line-height)}.compare-side__line,.compare-mark{font-size:var(--text-body-s);line-height:var(--text-body-s--line-height)}.compare-side__line{padding-left:calc(var(--spacing) * 4)}}@media (min-width:1024px){.compare-layer{--compare-scale:.8;--compare-room:calc((56.25cqi - var(--spacing) * 17) / .8);--compare-fade-from:27}.compare-heads,.compare-marks-row{gap:calc(var(--spacing) * 8)}}}@layer utilities;
@layer theme,base,components;@layer utilities{html[data-motion=on] body [data-reveal=stagger]{opacity:1;transform:none}html[data-motion=on] :is([data-reveal=stagger]>:not(:has([data-swipe])),[data-reveal=stagger] [data-swipe]>*){opacity:0;transform:translate3d(0, var(--reveal-shift), 0);transition:opacity var(--duration-reveal) var(--ease-out-expo) calc(var(--reveal-delay) * 1ms), transform var(--duration-reveal-path) var(--ease-out-expo) calc(var(--reveal-delay) * 1ms), translate var(--duration-ui) var(--ease-out-expo), scale var(--duration-micro) var(--ease-out-expo), box-shadow var(--duration-ui) var(--ease-out-expo)}@media (max-width:1023.98px){html[data-motion=on] [data-reveal=stagger] [data-swipe]>*{transform:translate3d(var(--reveal-shift), 0, 0)}}html[data-motion=on] :is([data-reveal=stagger][data-shown]>:not(:has([data-swipe])),[data-reveal=stagger][data-shown] [data-swipe]>*){opacity:1;transform:none}[data-reveal=stagger] *{--reveal-delay:0}[data-reveal=stagger] :nth-child(2){--reveal-delay:80}[data-reveal=stagger] :nth-child(3){--reveal-delay:160}[data-reveal=stagger] :nth-child(4){--reveal-delay:240}[data-reveal=stagger] :nth-child(5){--reveal-delay:320}[data-reveal=stagger] :nth-child(6){--reveal-delay:400}html :where(#main) [data-card]{transition-property:box-shadow,translate,transform}html :where(#main) [data-card]:has(a[data-card-link]:focus-visible){--tw-shadow:var(--shadow-raised);translate:0 calc(var(--spacing) * -.5)}html :where(#main) .group\/btn{transition-property:background-color,color,transform,scale}html :where(#main) .group\/btn:focus-visible>svg{translate:var(--spacing) 0}#material figure[data-world] picture{isolation:isolate}#material figure[data-world] picture>img{transition:scale var(--duration-reveal) var(--ease-out-expo)}#material figure[data-world]>:first-child:has(>[data-band-open]:focus-visible)>picture>img{scale:1.03}#community a[data-track=outbound_social]{transition:background-color var(--duration-micro) var(--ease-out-expo), scale var(--duration-micro) var(--ease-out-expo)}#community a[data-track=outbound_social]>svg{transition:translate var(--duration-ui) var(--ease-out-expo)}#community a[data-track=outbound_social]:focus-visible>svg{translate:calc(var(--spacing) * .5) calc(var(--spacing) * -.5)}:is([data-ki-lower],[data-ki-raise]){transition:scale var(--duration-micro) var(--ease-out-expo)}@media (hover:hover){html :where(#main) .group\/btn:hover>svg{translate:var(--spacing) 0}#material figure[data-world]>:first-child:hover>picture>img{scale:1.03}html :where(#main) details:has(>[data-accordion-panel])>summary:hover>span[aria-hidden]{scale:1.08}#community a[data-track=outbound_social]:hover>svg{translate:calc(var(--spacing) * .5) calc(var(--spacing) * -.5)}}html :where(#main) [data-card]:active{--tw-shadow:var(--shadow-soft);translate:none}html :where(#main) details:has(>[data-accordion-panel])>summary:active>span[aria-hidden]{scale:.92}#community a[data-track=outbound_social]:active{scale:.985}:is([data-ki-lower],[data-ki-raise]):not(:disabled):active{scale:.94}@media (prefers-reduced-motion:reduce){:is([data-reveal=stagger]>*,[data-reveal=stagger] [data-swipe]>*){opacity:1!important;transform:none!important}}}