/* Cybeart design system v3.2 · THEME VARIANT of design-system/v3.2/src @ 5faea09 (manifest.theme: without heading.css, field.css, option.css, accordion.css, drawer.css, backgrounds.css) · built 2026-10-23 13:59 UTC · do not edit: rebuild with scripts/design/v3.2/to-theme.js */
:root{--cy-brand:#FF0000;--cy-tint:#EB0201;--cy-tint-text:#DA0402;--cy-on-tint:#FFFFFF;--cy-tint-top:#ED0603;--cy-wipe:linear-gradient(90deg,#C00000,#E60000);--cy-run-core:#FFFFFF;--cy-run-ivory:#FFF7D6;--cy-light-comet:transparent 0deg 240deg,rgb(0 0 0 / .06) 262deg,rgb(0 0 0 / .2) 290deg,rgb(0 0 0 / .55) 318deg,#000 331deg,#000 337deg,rgb(0 0 0 / .55) 347deg,rgb(0 0 0 / .14) 355deg,transparent 360deg;--cy-light-arc:transparent 0deg,rgb(0 0 0 / .08) 14deg,rgb(0 0 0 / .3) 32deg,rgb(0 0 0 / .7) 47deg,#000 52deg,#000 58deg,rgb(0 0 0 / .7) 63deg,rgb(0 0 0 / .3) 78deg,rgb(0 0 0 / .08) 96deg,transparent 110deg;--cy-gold-hi:251 231 161;--cy-gold:224 181 76;--cy-gold-lo:184 134 43;--cy-gold-ink:#946410;--cy-gold-m1:#9A6A12;--cy-gold-m2:#C08A22;--cy-gold-m3:#E0B04A;--cy-gold-metal:linear-gradient(100deg,var(--cy-gold-m1),var(--cy-gold-m2) 30%,var(--cy-gold-m3) 50%,var(--cy-gold-m2) 70%,var(--cy-gold-m1));--cy-bg:#FFFFFF;--cy-bg-grouped:#F6F6FB;--cy-bg-elevated:#FFFFFF;--cy-bg-sunken:#EFF0F4;--cy-label:#0D0D10;--cy-label-2:#505054;--cy-label-3:#6B6B6F;--cy-separator:#E5E5E9;--cy-border:#89898D;--cy-fill:#EFF0F4;--cy-ink-fill:#0D0D10;--cy-on-ink:#FFFFFF;--cy-on-dark:#FFFFFF;--cy-card-line:#E2E2E6;--cy-card-line-hover:#BFBFC6;--cy-pc-stage:#FFFFFF;--cy-pc-stage-flat:#FFFFFF;--cy-stock-in-fg:#137333;--cy-stock-in-dot:#1E8E3E;--cy-stock-pre-fg:#9D5D03;--cy-stock-pre-dot:#E0931F;--cy-stock-out-fg:#6B6B6F;--cy-stock-out-dot:#76767B;--cy-stock-in-line:var(--cy-stock-in-dot);--cy-stock-pre-line:var(--cy-stock-pre-dot);--cy-stock-out-line:var(--cy-stock-out-dot);--cy-conn-wireless:#6D3FD3;--cy-conn-wired:#A04E0E;--cy-buy-pre:#FFD814;--cy-buy-pre-ink:#0F1111;--cy-buy-out:linear-gradient(180deg,#E8E8EC,#DCDCE1);--cy-buy-out-wipe:linear-gradient(90deg,#D6D6DB,#D2D2D7);--cy-buy-pre-top:#FFE45C;--cy-buy-pre-wipe:linear-gradient(90deg,#F2C200,#F7CA00);--cy-badge-new-bg:#EEEEF2;--cy-badge-new-ink:#0D0D10;--cy-chip-ink:#3A3A40;--cy-toggle-ink:#2A2A30;--cy-static-ink:#3F3F46;--cy-success:var(--cy-stock-in-fg);--cy-caution:var(--cy-stock-pre-fg);--cy-info:#236CC1;--cy-danger:var(--cy-tint-text);--cy-dark-fill:linear-gradient(180deg,#2B2B30,#0E0E10);--cy-dark-wipe:linear-gradient(90deg,#34343A,#45454C);--cy-dark-shadow:inset 0 0 0 1px rgb(0 0 0 / .6),inset 0 1px 0 rgb(255 255 255 / .14),0 1px 2px rgb(0 0 0 / .35),0 1rem 2rem -1.2rem rgb(0 0 0 / .6);--cy-dark-shadow-h:inset 0 0 0 1px rgb(0 0 0 / .6),inset 0 1px 0 rgb(255 255 255 / .14),0 1px 2px rgb(0 0 0 / .4),0 1.4rem 2.6rem -1.2rem rgb(0 0 0 / .65);--cy-light-fill:linear-gradient(180deg,#FFFFFF,#F4F4F6);--cy-light-wipe:linear-gradient(90deg,#ECECEF,#E4E4E8);--cy-light-shadow:inset 0 0 0 1px rgb(0 0 0 / .09),inset 0 1px 0 rgb(255 255 255 / .9),0 1px 2px rgb(0 0 0 / .06),0 .8rem 1.6rem -1.2rem rgb(0 0 0 / .28);--cy-light-shadow-h:inset 0 0 0 1px rgb(0 0 0 / .09),inset 0 1px 0 rgb(255 255 255 / .9),0 1px 2px rgb(0 0 0 / .08),0 1.2rem 2.2rem -1.2rem rgb(0 0 0 / .34);--cy-light-ink:#111113;--cy-pressed:inset 0 2px .4rem rgb(0 0 0 / .12);--cy-chosen-fill:var(--cy-dark-fill);--cy-chosen-wipe:var(--cy-dark-wipe);--cy-chosen-ink:var(--cy-on-dark);--cy-chosen-edge:var(--cy-dark-edge);--cy-chosen-hi:var(--cy-dark-hi);--cy-chosen-core:var(--cy-run-core);--cy-chosen-shadow:var(--cy-dark-shadow);--cy-chosen-shadow-h:var(--cy-dark-shadow-h);--cy-tint-edge:rgb(90 0 0 / .35);--cy-tint-hi:rgb(255 255 255 / .2);--cy-tint-shadow:0 1px 2px rgb(110 0 0 / .3),0 .8rem 1.6rem -1.2rem rgb(200 0 0 / .55);--cy-tint-shadow-h:0 1px 2px rgb(110 0 0 / .3),0 1.2rem 2.2rem -1.2rem rgb(200 0 0 / .65);--cy-dark-edge:rgb(0 0 0 / .6);--cy-dark-hi:rgb(255 255 255 / .14);--cy-dark-edge-on-dark:rgb(255 255 255 / .16);--cy-light-edge:rgb(0 0 0 / .09);--cy-light-hi:rgb(255 255 255 / .9);--cy-pre-edge:rgb(120 90 0 / .35);--cy-pre-hi:rgb(255 255 255 / .55);--cy-pre-shadow:0 1px 2px rgb(120 90 0 / .3),0 .8rem 1.6rem -1.2rem rgb(200 150 0 / .5);--cy-pre-shadow-h:0 1px 2px rgb(120 90 0 / .3),0 1.2rem 2.2rem -1.2rem rgb(200 150 0 / .6);--cy-out-shadow:0 1px 2px rgb(0 0 0 / .06),0 .8rem 1.6rem -1.2rem rgb(0 0 0 / .22);--cy-card-lift:0 1.8rem 4rem -3rem rgb(0 0 0 / .45);--cy-tile-lift:0 2.4rem 4.8rem -2.8rem rgb(0 0 0 / .55);--cy-help-bg:radial-gradient(90% 140% at 100% 0%,rgb(255 0 0 / .18),transparent 55%),#0A0A0B;--cy-help-edge:rgb(255 255 255 / .08);--cy-help-text:rgb(255 255 255 / .62);--cy-tile-fill:linear-gradient(180deg,rgb(13 13 16 / .035),rgb(13 13 16 / .012));--cy-drawer-cast:2.4rem 0 6rem -3rem rgb(15 15 15 / .35);--cy-switch-track:linear-gradient(180deg,#CDCDD4,#E5E5EA);--cy-switch-on:linear-gradient(180deg,#B80009,var(--cy-tint));--cy-knob-fill:linear-gradient(180deg,#FFFFFF 0%,#F6F6F8 55%,#E7E7EC 100%);--cy-disabled-fill:#EFF0F4;--cy-well-soft:inset 0 1px 2px rgb(0 0 0 / .04);--cy-well:inset 0 2px 4px rgb(11 11 14 / .22),inset 0 1px 0 rgb(11 11 14 / .07),inset 0 -1px 0 rgb(255 255 255 / .75);--cy-knob-shadow:inset 0 1px 0 #FFFFFF,inset 0 -1px 0 rgb(11 11 14 / .08),0 1px 1px rgb(11 11 14 / .28),0 3px 8px -2px rgb(11 11 14 / .4);--cy-spot:rgb(13 13 16 / .09);--cy-graphite:#0B0B0C;--cy-room:#08080A;--cy-dot:rgb(255 255 255 / .17);--cy-sheen-soft:rgb(255 255 255 / .05);--cy-red-pool:rgb(255 0 0 / .1);--cy-red-line:rgb(255 0 0 / .55);--cy-pool-1:rgb(235 2 1 / .42);--cy-pool-2:rgb(235 2 1 / .24);--cy-room-vignette:rgb(0 0 0 / .55);--cy-dot-dark:rgb(13 13 16 / .14);--cy-sweep:rgb(255 255 255 / .7);--cy-glint:rgb(255 255 255 / .75);--cy-shadow-2:0 1px 2px rgb(13 13 16 / .14),0 0 2px rgb(13 13 16 / .12);--cy-shadow-4:0 2px 4px rgb(13 13 16 / .14),0 0 2px rgb(13 13 16 / .12);--cy-shadow-8:0 4px 8px rgb(13 13 16 / .14),0 0 2px rgb(13 13 16 / .12);--cy-shadow-16:0 8px 16px rgb(13 13 16 / .14),0 0 2px rgb(13 13 16 / .12);--cy-cast:rgb(11 11 12 / .22);--cy-cast-near:rgb(11 11 12 / .10);--cy-scrim:rgb(13 13 16 / .40);--cy-material:rgb(255 255 255 / .72);--cy-material-blur:saturate(180%) blur(2rem);--cy-font-display:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--cy-font-text:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--cy-text-display:round(clamp(4rem,3.184rem + 2.092vw,7.2rem),1px);--cy-text-title-1:round(clamp(3.2rem,2.588rem + 1.569vw,5.6rem),1px);--cy-text-title-2:2.8rem;--cy-text-title-3:round(clamp(2.2rem,1.945rem + .654vw,3.2rem),1px);--cy-text-headline:round(clamp(1.8rem,1.698rem + .261vw,2.2rem),1px);--cy-text-lede:1.5rem;--cy-text-body:1.4rem;--cy-text-callout:1.5rem;--cy-text-footnote:1.3rem;--cy-text-caption:1.2rem;--cy-text-control:1.4rem;--cy-text-control-s:1.3rem;--cy-text-pc-title:1.3rem;--cy-text-price-card:1.4rem;--cy-text-price:round(clamp(2.4rem,2.145rem + .654vw,3.4rem),1px);--cy-text-input:1.6rem;--cy-lh-display:1.04;--cy-lh-title:1.12;--cy-lh-headline:1.3;--cy-lh-body:1.55;--cy-lh-ui:1.25;--cy-track-display:-.035em;--cy-track-title:-.02em;--cy-track-caps:.22em;--cy-measure:65ch;--cy-measure-lede:54ch;--cy-space-1:.4rem;--cy-space-2:.8rem;--cy-space-3:1.2rem;--cy-space-4:1.6rem;--cy-space-5:2rem;--cy-space-6:2.4rem;--cy-space-7:3.2rem;--cy-space-8:4rem;--cy-space-9:4.8rem;--cy-space-10:6.4rem;--cy-space-11:8rem;--cy-space-12:9.6rem;--cy-gutter:clamp(1.6rem,.376rem + 3.137vw,6.4rem);--cy-section-pad:clamp(4.8rem,2.965rem + 4.706vw,12rem);--cy-grid-gap:clamp(.8rem,.596rem + .523vw,1.6rem);--cy-container:128rem;--cy-container-wide:160rem;--cy-container-text:68rem;--cy-radius-xs:.4rem;--cy-radius-s:.8rem;--cy-radius-m:1.2rem;--cy-radius-l:2rem;--cys-btn-radius:var(--cy-radius-s);--cys-radius:var(--cy-radius-m);--cys-fg:var(--cy-label);--cys-fg2:var(--cy-label-2);--cys-line:var(--cy-separator);--cys-line-hi:var(--cy-border);--cys-ease:var(--cy-ease-out);--cys-hover-dur:var(--cy-dur-state);--cy-hit:4.4rem;--cy-btn-h:4.8rem;--cy-btn-h-s:3.6rem;--cy-buy-h:6.4rem;--cy-input-h:5.2rem;--cy-chip-h:3.6rem;--cy-tab-h:4.4rem;--cy-icon-btn:4rem;--cy-icon-s:1.6rem;--cy-icon-m:2rem;--cy-icon-l:2.4rem;--cy-icon-inline:1em;--cy-light-w:1.5px;--cy-light-w-card:2px;--cy-dur-press:100ms;--cy-dur-state:200ms;--cy-dur-reveal:250ms;--cy-dur-move:320ms;--cy-dur-entrance:600ms;--cy-dur-sheet:300ms;--cy-dur-exit:200ms;--cy-dur-wipe:500ms;--cy-dur-roll:450ms;--cy-dur-spin:1800ms;--cy-ease-out:cubic-bezier(.16,1,.3,1);--cy-ease-move:cubic-bezier(.22,.61,.36,1);--cy-ease-in:cubic-bezier(.7,0,.84,0);--cy-ease-state:cubic-bezier(.33,0,.67,1);--cy-ease-sheet:cubic-bezier(.32,.72,0,1);--cy-ease-spring:cubic-bezier(.3,1.25,.4,1);--cy-focus:var(--cy-tint);--cy-e-bar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1973.62 340.24'%3E%3Cpolygon points='335.04,340.24 0,0 1973.62,0 1639.21,340.24'/%3E%3C/svg%3E");--cy-e-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1974 1669'%3E%3Cpolygon points='335,340 0,0 1974,0 1639,340'/%3E%3Cpolygon points='335,1014 0,674 1974,674 1639,1014'/%3E%3Cpolygon points='335,1669 0,1328 1974,1328 1639,1669'/%3E%3C/svg%3E");--cy-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 8'%3E%3Cpath d='M.9 0 4.9 4 .9 8 .2 7.3 3.5 4 .2 .7z'/%3E%3C/svg%3E");--cy-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--cy-select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6B6F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}@media (min-width: 768px){:root{--cy-text-title-2:4rem;--cy-text-lede:1.6rem;--cy-text-body:1.5rem;--cy-text-footnote:1.4rem;--cy-text-pc-title:1.5rem;--cy-text-price-card:1.6rem;--cys-radius:var(--cy-radius-l)}}@media (min-width: 1150px){:root{--cy-text-title-2:4.8rem}}@media (pointer: fine){:root{--cy-hit:3.6rem;--cy-btn-h:4.4rem;--cy-input-h:4.8rem;--cy-tab-h:4rem;--cy-icon-btn:4rem}}:root[data-gold="champagne"]{--cy-gold-hi:245 230 196;--cy-gold:217 188 133;--cy-gold-lo:179 142 85;--cy-gold-ink:#7E5E2C;--cy-gold-m1:#6A4E22;--cy-gold-m2:#8C6B36;--cy-gold-m3:#A58047}:root[data-stage="tint"]{--cy-pc-stage:#F4F4F7}:root[data-stage="tint"] :is(.cy-dark,.pc--dark){--cy-pc-stage:#202024}.cy-dark,.pc--dark{--cy-bg:#0A0A0D;--cy-bg-grouped:#050608;--cy-bg-elevated:#17171A;--cy-bg-sunken:#030305;--cy-label:#F6F6FB;--cy-label-2:#A2A2A6;--cy-label-3:#8C8C90;--cy-separator:#232326;--cy-border:#656569;--cy-fill:#242427;--cy-ink-fill:#F6F6FB;--cy-on-ink:#0D0D10;--cy-card-line:#26262A;--cy-card-line-hover:#4A4A52;--cy-pc-stage:#17171A;--cy-tint-text:#FF1E15;--cy-focus:#FF1E15;--cy-success:var(--cy-stock-in-fg);--cy-caution:var(--cy-stock-pre-fg);--cy-danger:var(--cy-tint-text);--cys-fg:var(--cy-label);--cys-fg2:var(--cy-label-2);--cys-line:var(--cy-separator);--cys-line-hi:var(--cy-border);--cy-select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C8C90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--cy-gold-ink:rgb(var(--cy-gold));--cy-gold-metal:linear-gradient(100deg,rgb(var(--cy-gold-lo)),rgb(var(--cy-gold)) 30%,rgb(var(--cy-gold-hi)) 50%,rgb(var(--cy-gold)) 70%,rgb(var(--cy-gold-lo)));--cy-stock-in-fg:#81C995;--cy-stock-pre-fg:#E0931F;--cy-stock-out-fg:#C4C4C8;--cy-conn-wireless:#B69CFF;--cy-conn-wired:#F2A65A;--cy-pc-glow-rgb:255 255 255;--cy-pc-cast-near:rgb(0 0 0 / .55);--cy-pc-cast:rgb(0 0 0 / .9);--cy-pc-glow-brand:rgb(255 30 21 / .22);--cy-cast:rgb(0 0 0 / .34);--cy-cast-near:rgb(0 0 0 / .20);--cy-scrim:rgb(0 0 0 / .6);--cy-material:rgb(23 23 26 / .72);--cy-spot:rgb(255 255 255 / .09);--cy-shadow-2:0 0 0 1px rgb(255 255 255 / .06);--cy-shadow-4:0 0 0 1px rgb(255 255 255 / .07);--cy-shadow-8:0 0 0 1px rgb(255 255 255 / .08);--cy-shadow-16:0 0 0 1px rgb(255 255 255 / .1);--cy-light-fill:linear-gradient(180deg,rgb(255 255 255 / .06),rgb(255 255 255 / .03));--cy-light-wipe:linear-gradient(90deg,rgb(255 255 255 / .1),rgb(255 255 255 / .14));--cy-light-edge:rgb(255 255 255 / .22);--cy-light-hi:rgb(255 255 255 / .08);--cy-light-ink:#F6F6FB;--cy-light-shadow:none;--cy-light-shadow-h:none;--cy-chip-ink:#E8E8EC;--cy-toggle-ink:#F0F0F4;--cy-static-ink:#C9C9CE;--cy-switch-track:linear-gradient(180deg,#19191E,#2A2A30);--cy-knob-fill:linear-gradient(180deg,#FFFFFF 0%,#F2F2F5 55%,#E2E2E8 100%);--cy-disabled-fill:rgb(255 255 255 / .04);--cy-well:inset 0 2px 4px rgb(0 0 0 / .6),inset 0 1px 0 rgb(0 0 0 / .4),inset 0 -1px 0 rgb(255 255 255 / .07);--cy-knob-shadow:inset 0 1px 0 #FFFFFF,inset 0 -1px 0 rgb(11 11 14 / .1),0 1px 1px rgb(0 0 0 / .5),0 4px 10px -2px rgb(0 0 0 / .6);--cy-buy-out:linear-gradient(180deg,#2C2C31,#202024);--cy-buy-out-wipe:linear-gradient(90deg,#2A2A2F,#34343A);--cy-out-shadow:0 1px 2px rgb(0 0 0 / .4);--cy-chosen-fill:linear-gradient(180deg,#FFFFFF,#F1F1F4);--cy-chosen-wipe:linear-gradient(90deg,#ECECEF,#E4E4E8);--cy-chosen-ink:#111113;--cy-chosen-edge:rgb(0 0 0 / .1);--cy-chosen-hi:#FFFFFF;--cy-chosen-core:var(--cy-brand);--cy-chosen-shadow:0 1px 2px rgb(0 0 0 / .3),0 .8rem 1.6rem -1.2rem rgb(0 0 0 / .5);--cy-chosen-shadow-h:var(--cy-chosen-shadow);color-scheme:dark}@media (prefers-contrast: more){:root{--cy-label-2:#2E2E32;--cy-label-3:#45454A;--cy-border:#5C5C61;--cy-separator:#B8B8BE;--cy-card-line:#8A8A90;--cy-tint:#B00000;--cy-tint-text:#B00000;--cy-stock-in-fg:#0B5A27;--cy-stock-out-fg:#333336}}@media (prefers-reduced-motion: reduce){:root{--cy-dur-press:0ms;--cy-dur-state:0ms;--cy-dur-reveal:0ms;--cy-dur-sheet:0ms;--cy-dur-exit:0ms;--cy-dur-wipe:0ms;--cy-dur-roll:0ms}}@media (min-width: 2400px){html.cy-scale{font-size:75%}}@media (min-width: 3200px){html.cy-scale{font-size:93.75%}}:where(.cy-sys,.cy-sys *,.pc,.pc *,[class^="cy-"],[class*=" cy-"],[class^="cys-"],[class*=" cys-"]),:where(.cy-sys *,.pc *,[class^="cy-"],[class*=" cy-"],[class^="cys-"],[class*=" cys-"])::before,:where(.cy-sys *,.pc *,[class^="cy-"],[class*=" cy-"],[class^="cys-"],[class*=" cys-"])::after{box-sizing:border-box}.cy-sys :focus-visible,.pc :focus-visible,.pc:focus-visible{outline:1px solid var(--cy-focus);outline-offset:2px}.cy-sys :focus:not(:focus-visible){outline:0}.cys-spot{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(26rem circle at var(--mx,50%) var(--my,40%),var(--cy-spot),transparent 60%);transition:opacity var(--cy-dur-state) var(--cy-ease-state)}.cys-roll{position:relative;display:inline-block;overflow:hidden;vertical-align:top;line-height:1.25;margin-block-end:-.25em}.cys-roll>span{display:block;padding-block-end:.25em;transition:transform var(--cy-dur-roll) var(--cy-ease-out)}.cys-roll__copy{position:absolute;inset-inline:0;inset-block-start:100%}[data-cy-count]{font-variant-numeric:tabular-nums}[data-cy-reveal]{transition:opacity var(--cy-dur-entrance) var(--cy-ease-out),transform var(--cy-dur-entrance) var(--cy-ease-out);transition-delay:calc(var(--i,0) * 75ms)}.cy-js [data-cy-reveal]:not(.is-in){opacity:0;transform:translateY(2rem)}@media (prefers-reduced-motion: reduce){[data-cy-reveal]{opacity:1 !important;transform:none !important}.cys-spot{display:none}.cys-roll>span{transition:none}}@media (forced-colors: active){.cys-spot{display:none}}@property --cy-ang{syntax:'<angle>';inherits:true;initial-value:0deg}.cy-frame{position:relative;isolation:isolate;border:0;--cy-r:var(--cys-btn-radius);--cy-edge:var(--cy-card-line);--cy-core:var(--cy-brand);--cy-lw:var(--cy-light-w)}.cy-edge{position:absolute !important;inset:0 !important;z-index:5;inline-size:100% !important;block-size:100% !important;margin:0 !important;overflow:visible;pointer-events:none;rotate:none !important;transform:none !important}.cy-edge rect{fill:none;x:.5px;y:.5px;width:calc(100% - 1px);height:calc(100% - 1px);rx:calc(var(--cy-r) - .5px)}.cy-edge__rail{stroke:var(--cy-edge);stroke-width:1px;transition:stroke var(--cy-dur-state) var(--cy-ease-state),stroke-width var(--cy-dur-state) var(--cy-ease-state)}.cy-edge__light{opacity:0;transition:opacity var(--cy-dur-state) var(--cy-ease-state);-webkit-mask-image:conic-gradient(from calc(var(--cy-ang) + var(--cy-l-from)),var(--cy-l-stops));mask-image:conic-gradient(from calc(var(--cy-ang) + var(--cy-l-from)),var(--cy-l-stops))}.cy-edge__light rect{stroke:var(--cy-core);stroke-width:var(--cy-lw);x:calc(var(--cy-lw) / 2);y:calc(var(--cy-lw) / 2);width:calc(100% - var(--cy-lw));height:calc(100% - var(--cy-lw));rx:calc(var(--cy-r) - var(--cy-lw) / 2)}[data-light="card"]{--cy-core:var(--cy-brand);--cy-lw:var(--cy-light-w-card);--cy-l-from:-55deg;--cy-l-stops:var(--cy-light-arc)}[data-light="button"]{--cy-core:var(--cy-run-core);--cy-lw:var(--cy-light-w);--cy-l-from:0deg;--cy-l-stops:var(--cy-light-comet)}.cy-frame[data-light="card"]:is([aria-checked="true"],.is-on)>.cy-edge>.cy-edge__rail{stroke:var(--cy-tint);stroke-width:2px}@keyframes cy-run{from{--cy-ang:0deg}to{--cy-ang:360deg}}@media (hover: hover) and (pointer: fine){.cy-sys--hover [data-light="card"]:is(:hover,.is-hover):not(:disabled,[aria-disabled="true"])>.cy-edge__light{opacity:1}.cy-sys--hover [data-light="button"]:is(:hover,.is-hover):not(:disabled,[aria-disabled="true"],[aria-busy="true"])>.cy-edge__light{opacity:1;animation:cy-run var(--cy-dur-spin) linear infinite}.cy-sys--hover [data-light="card"]:has([data-light="button"]:hover)>.cy-edge__light{opacity:0}}.cy-sys--hover [data-light="button"][aria-busy="true"]>.cy-edge__light{opacity:1;animation:cy-run 1.2s linear infinite}@media (prefers-reduced-motion: reduce){.cy-edge__light{display:none}[data-light="button"][aria-busy="true"]>.cy-edge__light{display:block;animation:none;opacity:1;--cy-ang:60deg}}@media (forced-colors: active){.cy-edge{display:none}.cy-frame{border:1px solid CanvasText}}.cys-btn{--b-fill:linear-gradient(180deg,var(--cy-tint-top),var(--cy-tint));--b-wipe:var(--cy-wipe);--cy-core:var(--cy-run-core);--b-ink:var(--cy-on-tint);--b-edge:var(--cy-tint-edge);--cy-edge:var(--b-edge);--b-hi:var(--cy-tint-hi);--b-shadow:var(--cy-tint-shadow);--b-shadow-h:var(--cy-tint-shadow-h);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-block-size:var(--cy-btn-h);margin:0;padding:0 2.6rem;border:0;border-radius:var(--cys-btn-radius);background:var(--b-wipe) 0 0 / 0% 100% no-repeat,var(--b-fill);color:var(--b-ink);font:700 var(--cy-text-callout)/1 var(--cy-font-text);letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;box-shadow:inset 0 1px 0 var(--b-hi),var(--b-shadow);transition:box-shadow var(--cy-dur-state) var(--cy-ease-state),color var(--cy-dur-press) var(--cy-ease-state),filter var(--cy-dur-press) var(--cy-ease-state),background-size var(--cy-dur-wipe) var(--cy-ease-out)}.cys-btn:not(.cy-frame){box-shadow:inset 0 0 0 1px var(--b-edge),inset 0 1px 0 var(--b-hi),var(--b-shadow)}.cys-btn>svg:not(.cy-edge){inline-size:var(--cy-icon-m);block-size:var(--cy-icon-m);flex:none}.cys-btn:active,.cys-btn.is-press{box-shadow:var(--cy-pressed);filter:brightness(.96)}.cys-btn:active,.cys-btn.is-press{background-size:100% 100%,auto;transition-duration:var(--cy-dur-press)}.cys-btn[aria-busy="true"]{cursor:progress;pointer-events:none}.cys-btn[aria-busy="true"]>:not(.cy-edge){opacity:.4}.cys-btn:disabled,.cys-btn[aria-disabled="true"]{--b-fill:var(--cy-disabled-fill);--b-wipe:none;--b-ink:var(--cy-label-3);--b-edge:var(--cy-separator);--cy-edge:var(--cy-separator);--b-hi:transparent;--b-shadow:none;--b-shadow-h:none;filter:none;cursor:not-allowed}.cys-btn--dark{--b-fill:var(--cy-dark-fill);--b-wipe:var(--cy-dark-wipe);--cy-core:var(--cy-run-core);--b-ink:var(--cy-on-dark);--b-edge:var(--cy-dark-edge);--b-hi:var(--cy-dark-hi);--b-shadow:var(--cy-dark-shadow);--b-shadow-h:var(--cy-dark-shadow-h)}.cys-btn--light{--b-fill:var(--cy-light-fill);--b-wipe:var(--cy-light-wipe);--cy-core:var(--cy-brand);--b-ink:var(--cy-light-ink);--b-edge:var(--cy-light-edge);--b-hi:var(--cy-light-hi);--b-shadow:var(--cy-light-shadow);--b-shadow-h:var(--cy-light-shadow-h)}.cys-btn--pre{--b-fill:linear-gradient(180deg,var(--cy-buy-pre-top),var(--cy-buy-pre));--b-wipe:var(--cy-buy-pre-wipe);--cy-core:var(--cy-run-ivory);--b-ink:var(--cy-buy-pre-ink);--b-edge:var(--cy-pre-edge);--b-hi:var(--cy-pre-hi);--b-shadow:var(--cy-pre-shadow);--b-shadow-h:var(--cy-pre-shadow-h)}.cys-btn--out{--b-fill:var(--cy-buy-out);--b-wipe:var(--cy-buy-out-wipe);--cy-core:var(--cy-brand);--b-ink:var(--cy-light-ink);--b-edge:var(--cy-light-edge);--b-hi:var(--cy-light-hi);--b-shadow:var(--cy-out-shadow);--b-shadow-h:var(--cy-out-shadow)}.cy-dark .cys-btn--dark{--b-edge:var(--cy-dark-edge-on-dark)}.cys-btn--sm{min-block-size:var(--cy-btn-h-s);padding:0 1.6rem;font-size:var(--cy-text-control-s)}.cys-btn--buy{min-block-size:var(--cy-buy-h);font-size:var(--cy-text-input);font-weight:800;letter-spacing:.04em}.cys-btn--full{inline-size:100%}@media (pointer: coarse){.cys-btn--sm{min-block-size:calc(var(--cy-btn-h-s) + .8rem);border-block:.4rem solid transparent;border-radius:var(--cys-btn-radius) / calc(var(--cys-btn-radius) + .4rem);background-clip:padding-box;box-shadow:inset 0 1px 0 var(--b-hi)}}@media (hover: hover) and (pointer: fine){.cys-btn:hover,.cys-btn.is-hover{box-shadow:inset 0 1px 0 var(--b-hi),var(--b-shadow-h)}.cys-btn:hover,.cys-btn.is-hover{background-size:100% 100%,auto}.cys-btn:hover .cys-roll>span,.cys-btn.is-hover .cys-roll>span{transform:translateY(-100%)}.cys-btn:is(:disabled,[aria-disabled="true"]):hover{background-size:0% 100%,auto}}.cys-tabs,.cys-chips{display:flex;flex-wrap:nowrap;gap:.8rem;margin-block:-1.2rem;padding:1.2rem 2.4rem 1.2rem 0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.4rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2.4rem),transparent)}.cys-tabs::-webkit-scrollbar,.cys-chips::-webkit-scrollbar{display:none}.cys-tabs>*,.cys-chips>*{flex:0 0 auto}.cys-chips--wrap,.cys-tabs--wrap{flex-wrap:wrap;overflow:visible;margin:0;padding:0;-webkit-mask-image:none;mask-image:none}@media (min-width: 768px){.cys-tabs,.cys-chips{flex-wrap:wrap;overflow:visible;margin:0;padding:0;-webkit-mask-image:none;mask-image:none}}.cys-tab,.cys-chip{--b-fill:var(--cy-light-fill);--b-wipe:var(--cy-light-wipe);--b-ink:var(--cy-light-ink);--b-edge:var(--cy-light-edge);--cy-edge:var(--b-edge);--cy-core:var(--cy-brand);--b-hi:var(--cy-light-hi);--b-shadow:var(--cy-light-shadow);--b-shadow-h:var(--cy-light-shadow-h);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;margin:0;border:0;border-radius:var(--cys-btn-radius);background:var(--b-wipe) 0 0 / 0% 100% no-repeat,var(--b-fill);color:var(--b-ink);font-family:var(--cy-font-text);font-weight:600;letter-spacing:.005em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;box-shadow:inset 0 1px 0 var(--b-hi),var(--b-shadow);transition:box-shadow var(--cy-dur-state) var(--cy-ease-state),color var(--cy-dur-press) var(--cy-ease-state),background-size var(--cy-dur-wipe) var(--cy-ease-out)}.cys-tab{block-size:var(--cy-tab-h);padding-inline:1.8rem;font-size:var(--cy-text-control)}.cys-chip{block-size:var(--cy-chip-h);padding-inline:1.4rem;font-size:var(--cy-text-control-s);--b-ink:var(--cy-chip-ink)}.cys-tab__n{font-size:var(--cy-text-caption);font-weight:600;opacity:.72;font-variant-numeric:tabular-nums}.cys-tab.is-active,.cys-tab[aria-selected="true"],.cys-chip.is-active,.cys-chip[aria-pressed="true"],.cys-chip[aria-checked="true"]{--b-fill:var(--cy-chosen-fill);--b-wipe:var(--cy-chosen-wipe);--b-ink:var(--cy-chosen-ink);--b-edge:var(--cy-chosen-edge);--cy-edge:var(--cy-chosen-edge);--cy-core:var(--cy-chosen-core);--b-hi:var(--cy-chosen-hi);--b-shadow:var(--cy-chosen-shadow);--b-shadow-h:var(--cy-chosen-shadow-h)}.cys-tab:active,.cys-chip:active,.cys-tab.is-press,.cys-chip.is-press{box-shadow:var(--cy-pressed);background-size:100% 100%,auto;transition-duration:var(--cy-dur-press)}.cys-chip:disabled,.cys-tab:disabled{--b-fill:var(--cy-disabled-fill);--b-wipe:none;--b-ink:var(--cy-label-3);--b-edge:var(--cy-separator);--cy-edge:var(--cy-separator);--b-hi:transparent;--b-shadow:none;--b-shadow-h:none;cursor:not-allowed}@media (pointer: coarse){.cys-chip{block-size:calc(var(--cy-chip-h) + .8rem);border-block:.4rem solid transparent;border-radius:var(--cys-btn-radius) / calc(var(--cys-btn-radius) + .4rem);background-clip:padding-box;box-shadow:inset 0 1px 0 var(--b-hi)}}@media (hover: hover) and (pointer: fine){:is(.cys-tab,.cys-chip):is(:hover,.is-hover) .cys-roll>span{transform:translateY(-100%)}}.cys-tabs--switch{--cy-r:calc(var(--cys-btn-radius) + .4rem);position:relative;display:inline-flex;flex-wrap:nowrap;gap:.2rem;margin:0;padding:.4rem;overflow:visible;border:0;border-radius:calc(var(--cys-btn-radius) + .4rem);background:var(--cy-switch-track);box-shadow:var(--cy-well);-webkit-mask-image:none;mask-image:none}.cys-knob{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1;inline-size:0;block-size:0;border-radius:var(--cys-btn-radius);pointer-events:none;opacity:0;background:var(--cy-knob-fill);box-shadow:var(--cy-knob-shadow)}.cys-knob.is-ready{transition:transform var(--cy-dur-move) var(--cy-ease-move),inline-size var(--cy-dur-move) var(--cy-ease-move),block-size var(--cy-dur-move) var(--cy-ease-move),opacity var(--cy-dur-state) var(--cy-ease-state)}.cys-tabs--switch>.cys-tab{--b-fill:transparent;--b-wipe:none;--b-edge:transparent;--cy-edge:transparent;--b-hi:transparent;--b-shadow:none;--b-shadow-h:none;--b-ink:var(--cy-label-2);position:relative;z-index:2;flex:1 1 auto;justify-content:center;border-radius:var(--cys-btn-radius);background:transparent;box-shadow:none;transition:color var(--cy-dur-state) var(--cy-ease-state),box-shadow var(--cy-dur-state) var(--cy-ease-state)}.cys-tabs--switch>.cys-tab>.cy-edge{display:none}.cys-tabs--switch>.cys-tab:is(.is-active,[aria-selected="true"]){--b-ink:var(--cy-label)}.cys-tabs--switch:not(.has-knob)>.cys-tab:is(.is-active,[aria-selected="true"]){background:var(--cy-knob-fill);box-shadow:var(--cy-knob-shadow)}.cys-tabs--switch>.cys-tab:is(.is-active,[aria-selected="true"]) .cys-tab__n{opacity:.72}.cys-tabs--switch>.cys-tab:not(.is-active,[aria-selected="true"]):is(:active,.is-press){box-shadow:var(--cy-well-soft);background-size:auto}@media (hover: hover) and (pointer: fine){.cys-tabs--switch>.cys-tab:is(:hover,.is-hover):not(:disabled,.is-active,[aria-selected="true"]){--b-ink:var(--cy-label);background-size:auto;box-shadow:none}.cys-tabs--switch>.cys-tab:is(:hover,.is-hover) .cys-roll>span{transform:none}}.cy-dark .cys-tabs--switch>.cys-tab:is(.is-active,[aria-selected="true"]){--b-ink:var(--cy-on-ink)}.cy-badge{display:inline-flex;align-items:center;min-block-size:2.2rem;padding:0 .8rem;border-radius:var(--cy-radius-xs);background:var(--cy-tint);color:var(--cy-on-tint);font:800 var(--cy-text-caption)/1 var(--cy-font-text);letter-spacing:.05em;text-transform:uppercase}.cy-badge--ink{background:var(--cy-ink-fill);color:var(--cy-on-ink)}.cy-badge--soft{background:var(--cy-fill);color:var(--cy-label-2)}.cy-badge--new{background:var(--cy-badge-new-bg);color:var(--cy-badge-new-ink)}.cy-badge--out{background:var(--cy-stock-out-dot);color:var(--cy-on-tint)}.cy-stock{display:inline-flex;align-items:center;gap:.5rem;font:600 var(--cy-text-control-s)/1 var(--cy-font-text);color:var(--cy-stock-in-fg)}.cy-stock::before{content:"";flex:none;inline-size:var(--cy-icon-s);block-size:var(--cy-icon-s);background:currentColor;-webkit-mask:var(--stock-icon) center / contain no-repeat;mask:var(--stock-icon) center / contain no-repeat;--stock-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.5 2.5 2.5L16 9.5'/%3E%3C/svg%3E")}.cy-stock--pre{color:var(--cy-stock-pre-fg)}.cy-stock--pre::before{--stock-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}.cy-stock--out{color:var(--cy-stock-out-fg)}.cy-stock--out::before{--stock-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m9 9 6 6m0-6-6 6'/%3E%3C/svg%3E")}.cy-stock__date{font-weight:500;color:var(--cy-label-3)}.cy-conn{display:inline-flex;align-items:center;gap:.4rem;font:600 var(--cy-text-caption)/1 var(--cy-font-text);color:var(--cy-conn-wireless)}.cy-conn svg{inline-size:var(--cy-icon-inline);block-size:var(--cy-icon-inline);flex:none}.cy-conn--wired{color:var(--cy-conn-wired)}.cy-conn--plate{padding:.3rem .6rem;border-radius:var(--cy-radius-xs);background:var(--cy-material)}.cy-price{display:inline-flex;flex-wrap:wrap;align-items:baseline;column-gap:.8rem;font-variant-numeric:tabular-nums}.cy-price__now{font:800 var(--cy-text-input)/1.2 var(--cy-font-text);letter-spacing:-.01em;color:var(--cy-label)}.cy-price--sale .cy-price__now{color:var(--cy-tint-text)}.cy-price__was{font:500 var(--cy-text-caption)/1.2 var(--cy-font-text);color:var(--cy-label-3);text-decoration:line-through}.cy-price__save{font:700 var(--cy-text-caption)/1 var(--cy-font-text);color:var(--cy-tint-text)}.cy-price--pdp .cy-price__now{font-size:var(--cy-text-price)}.cy-price--pdp .cy-price__was{font-size:var(--cy-text-control)}.cy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cy-grid-gap)}@media (min-width: 768px){.cy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1150px){.cy-grid{grid-template-columns:repeat(var(--cy-cols,5),minmax(0,1fr))}}.pc{--pc-r:var(--cys-radius);--pc-in:1.2rem;--cy-sx:0px;--cy-sy:0px;--pc-lift:none;--cy-r:var(--pc-r);--cy-edge:var(--cy-card-line);position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;min-inline-size:0;block-size:100%;padding:1px;border:0;border-radius:var(--pc-r);background:var(--cy-bg-elevated);color:var(--cy-label);box-shadow:var(--pc-lift);transition:box-shadow var(--cy-dur-move) var(--cy-ease-move),translate var(--cy-dur-move) var(--cy-ease-move);cursor:pointer}.pc:not(.cy-frame){box-shadow:inset 0 0 0 1px var(--cy-edge),var(--pc-lift)}.pc__stage{grid-area:1 / 1;position:relative;overflow:hidden;border-radius:calc(var(--pc-r) - 1px) calc(var(--pc-r) - 1px) 0 0;background:var(--cy-pc-stage)}.pc--flat{--cy-pc-stage:var(--cy-pc-stage-flat)}.pc__media{display:block;position:relative;inline-size:100%;aspect-ratio:1 / 1;text-decoration:none}.pc__img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain}.pc__img--hover{opacity:0}.pc__img[hidden]{display:none}.pc.is-soldout .pc__img--main{opacity:.55}.pc__brandmark{position:absolute;z-index:4;inset:.7rem auto auto .7rem;inline-size:3rem;block-size:3rem;pointer-events:none}.pc__brandmark img{inline-size:100%;block-size:100%;object-fit:contain;border-radius:var(--cy-radius-xs)}.pc__badges{position:absolute;inset:.7rem .7rem auto auto;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;pointer-events:none}.pc__badge{display:inline-block;padding:.3rem .6rem;border-radius:var(--cy-radius-xs);font:800 var(--cy-text-caption)/1 var(--cy-font-text);letter-spacing:.05em;text-transform:uppercase;color:var(--cy-on-tint);background:var(--cy-tint)}.pc__badge--new{background:var(--cy-badge-new-bg);color:var(--cy-badge-new-ink)}.pc__buy{grid-area:3 / 1;position:relative;z-index:3;display:flex;padding:0 var(--pc-in) var(--pc-in)}.pc__cta{inline-size:100%;min-block-size:3.6rem;padding:0 1.6rem;font-size:var(--cy-text-caption)}@media (pointer: coarse){.pc__cta{min-block-size:calc(3.6rem + .8rem);margin-block-end:-.8rem;border-block-end:.8rem solid transparent;border-radius:var(--cys-btn-radius) var(--cys-btn-radius) var(--cys-btn-radius) var(--cys-btn-radius) / var(--cys-btn-radius) var(--cys-btn-radius) calc(var(--cys-btn-radius) + .8rem) calc(var(--cys-btn-radius) + .8rem);background-clip:padding-box;box-shadow:inset 0 0 0 1px var(--b-edge),inset 0 1px 0 var(--b-hi)}}.pc__media:focus-visible{outline-offset:-3px}.pc__cta>svg:not(.cy-edge){inline-size:var(--cy-icon-s);block-size:var(--cy-icon-s)}.pc__info{grid-area:2 / 1;display:flex;flex-direction:column;gap:.6rem;min-inline-size:0;padding:var(--pc-in);background:var(--cy-bg-elevated);text-align:start;border-radius:0 0 calc(var(--pc-r) - 1px) calc(var(--pc-r) - 1px)}.pc__head{display:flex;flex-direction:column;gap:.4rem}.pc__title{margin:0;min-inline-size:0;min-block-size:calc(2 * 1.25 * var(--cy-text-pc-title));font:700 var(--cy-text-pc-title)/1.25 var(--cy-font-text);letter-spacing:-.01em;text-wrap:initial}.pc__title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--cy-label);text-decoration:none;transition:color var(--cy-dur-state) var(--cy-ease-state)}.pc__price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.6rem;margin:0;font-variant-numeric:tabular-nums}.pc__now{order:-1;font:800 var(--cy-text-price-card)/1.2 var(--cy-font-text);letter-spacing:-.01em;color:var(--cy-label)}.pc__price.is-sale .pc__now{color:var(--cy-tint-text)}.pc.is-soldout .pc__price.is-sale .pc__now{color:var(--cy-label-2)}.pc__was{font:500 var(--cy-text-caption)/1.2 var(--cy-font-text);color:var(--cy-label-3)}.pc__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:auto calc(var(--pc-in) * -1) 0;padding:.8rem var(--pc-in) 0;min-block-size:3.8rem;border-block-start:2px solid var(--cy-stock-in-line)}.pc.is-preorder .pc__foot{border-block-start-color:var(--cy-stock-pre-line)}.pc.is-soldout .pc__foot{border-block-start-color:var(--cy-stock-out-line)}.pc__spec{display:flex;align-items:center;gap:.6rem;flex:1 1 auto;min-inline-size:0;margin:0;font:500 var(--cy-text-caption)/1.25 var(--cy-font-text);color:var(--cy-label-3)}.pc__spec>span{min-inline-size:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pc__spec .cy-conn{flex:none}.pc__dot{color:var(--cy-tint-text)}.pc__logo{flex:none;inline-size:2.4rem;block-size:2.4rem;object-fit:contain;border-radius:var(--cy-radius-xs)}.pc__opts{display:flex;flex:0 1 auto;gap:.4rem;min-inline-size:0;margin:-.8rem -.2rem;padding:.8rem .2rem;overflow-x:auto;scrollbar-width:none}.pc__opts::-webkit-scrollbar{display:none}.pc__opts.is-scroll{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.4rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2.4rem),transparent)}.pc__foot--pad{flex-wrap:wrap}.pc__foot--pad .pc__opts{flex:1 1 100%}.pc__foot--pad .pc__opt:first-child{margin-inline-start:auto}.pc__spec:empty + .pc__opts:not(.pc__opts--pad){margin-inline-start:auto}.pc__opt{position:relative;isolation:isolate;overflow:hidden;display:inline-grid;place-items:center;flex:none;min-inline-size:3.6rem;padding:.4rem .8rem;border:0 solid transparent;border-width:.8rem .2rem;margin:-.8rem -.2rem;border-radius:calc(var(--cys-btn-radius) + .2rem) / calc(var(--cys-btn-radius) + .8rem);background:var(--cy-light-fill) padding-box;color:var(--cy-light-ink);font:600 var(--cy-text-caption)/1 var(--cy-font-text);letter-spacing:.02em;text-decoration:none;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--cy-light-edge),inset 0 1px 0 var(--cy-light-hi);transition:box-shadow var(--cy-dur-state) var(--cy-ease-state),color var(--cy-dur-press) var(--cy-ease-state)}.pc__opt::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--cy-light-wipe);transform:scaleX(0);transform-origin:left center;transition:transform var(--cy-dur-wipe) var(--cy-ease-out)}.pc__opt.is-on{background:var(--cy-chosen-fill) padding-box;color:var(--cy-chosen-ink);box-shadow:inset 0 0 0 1px var(--cy-chosen-edge),inset 0 1px 0 var(--cy-chosen-hi)}.pc__opt.is-on::before{background:var(--cy-chosen-wipe)}.pc__opt.is-out{opacity:.45;text-decoration:line-through}.pc__opt--static{background:var(--cy-fill) padding-box;color:var(--cy-static-ink);box-shadow:none;cursor:default}.pc__opt--static::before{display:none}@media (min-width: 768px){.pc{--pc-in:1.6rem}.pc__info{gap:.8rem}.pc__title{line-height:1.3;min-block-size:calc(2 * 1.3 * var(--cy-text-pc-title))}.pc__foot{padding-block-start:1.2rem;min-block-size:4.4rem}.pc__brandmark{inset:1.2rem auto auto 1.2rem;inline-size:3.5rem;block-size:3.5rem}.pc__badges{inset:1.2rem 1.2rem auto auto}.pc__badge{padding:.4rem .8rem}.pc__opt{padding:.4rem .9rem}}@media (hover: hover) and (pointer: fine){.pc{grid-template-rows:auto 1fr}.pc__buy{grid-area:1 / 1;align-self:end;margin:1.2rem;padding:0;justify-content:center;opacity:0}.pc__cta{inline-size:86%;min-block-size:4rem;font-size:var(--cy-text-control-s)}.pc:hover,.pc.is-hover{--cy-edge:var(--cy-card-line-hover);translate:0 -.6rem;--pc-lift:calc(var(--cy-sx) * .3) calc(var(--cy-sy) * .3 + .3rem) .8rem -.4rem var(--cy-cast-near),var(--cy-sx) calc(var(--cy-sy) + 2rem) 4.2rem -1.2rem var(--cy-cast)}.pc:hover .pc__buy,.pc.is-hover .pc__buy,.pc:focus-within .pc__buy{animation:pc-rise var(--cy-dur-move) var(--cy-ease-move) both}.pc .pc__buy.is-settled{animation:none;transform:none;opacity:1}.pc__title a:hover{color:var(--cy-tint-text)}.pc__opt:hover{box-shadow:inset 0 0 0 1px var(--cy-border),inset 0 1px 0 var(--cy-light-hi)}.pc__opt:hover::before{transform:scaleX(1)}.pc__img--main{transition:opacity .42s var(--cy-ease-out) .1s,transform .7s var(--cy-ease-out) .06s}.pc__img--hover{transform:scale(1.04);transition:opacity .24s var(--cy-ease-state),transform .45s var(--cy-ease-state)}:is(.pc:hover,.pc.is-hover) .pc__stage:has(.pc__img--hover:not([hidden])) .pc__img--main{opacity:0;transform:scale(.97);transition:opacity .28s var(--cy-ease-state),transform .5s var(--cy-ease-state)}:is(.pc:hover,.pc.is-hover) .pc__stage:has(.pc__img--hover:not([hidden])) .pc__img--hover{opacity:1;transform:scale(1);transition:opacity .45s var(--cy-ease-out) .12s,transform .75s var(--cy-ease-out) .08s}}@media (pointer: coarse){.pc__opts{margin-block:-1.2rem;padding-block:1.2rem}.pc__opt{border-width:1.2rem .2rem;margin:-1.2rem -.2rem;border-radius:calc(var(--cys-btn-radius) + .2rem) / calc(var(--cys-btn-radius) + 1.2rem);min-inline-size:4.4rem}}@keyframes pc-rise{from{opacity:0;transform:translateY(1.4rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.pc,.pc__img,.pc__opt,.pc__title a{transition:none}.pc:hover,.pc.is-hover{translate:none}.pc:hover .pc__buy,.pc.is-hover .pc__buy,.pc:focus-within .pc__buy,.pc .pc__buy.is-settled{animation:none;opacity:1}.pc__img--hover{transform:none}}.cy-dark .pc__stage,.pc--dark .pc__stage{background:radial-gradient(68% 58% at 50% 54%,rgb(var(--cy-pc-glow-rgb) / var(--pc-glow,.07)),rgb(var(--cy-pc-glow-rgb) / 0) 72%),var(--cy-pc-stage);transition:--pc-glow var(--cy-dur-move) var(--cy-ease-move)}@property --pc-glow{syntax:"<number>";inherits:true;initial-value:.07}@media (hover: hover) and (pointer: fine){:is(.cy-dark,.pc--dark) :is(.pc:hover,.pc.is-hover),.pc--dark:is(:hover,.is-hover){--pc-glow:.12;--pc-lift:calc(var(--cy-sx) * .3) calc(var(--cy-sy) * .3 + .4rem) 1rem -.4rem var(--cy-pc-cast-near),var(--cy-sx) calc(var(--cy-sy) + 2.4rem) 4.8rem -1.2rem var(--cy-pc-cast),0 0 4rem -1.2rem var(--cy-pc-glow-brand)}}.cys-card{--cy-r:var(--cys-radius);--cy-edge:var(--cy-separator);position:relative;isolation:isolate;padding:1px;border:0;border-radius:var(--cys-radius);background:var(--cy-bg-elevated);color:var(--cy-label);transition:transform var(--cy-dur-move) var(--cy-ease-move),box-shadow var(--cy-dur-move) var(--cy-ease-move),border-color var(--cy-dur-state) var(--cy-ease-state)}a.cys-card{display:block;text-decoration:none;color:inherit}.cys-card:not(.cy-frame){box-shadow:inset 0 0 0 1px var(--cy-edge)}.cys-card--pad{padding:calc(var(--cy-space-6) + 1px)}.cys-card__eyebrow{display:block;margin:0 0 .6rem;font:800 var(--cy-text-caption)/1 var(--cy-font-text);letter-spacing:.12em;text-transform:uppercase;color:var(--cy-label-3)}.cys-card__title{display:block;margin:0;font:700 var(--cy-text-headline)/var(--cy-lh-headline) var(--cy-font-display);letter-spacing:-.01em;color:var(--cy-label)}.cys-card__text{display:block;margin:.6rem 0 0;font-size:var(--cy-text-footnote);line-height:var(--cy-lh-body);color:var(--cy-label-2)}.cys-card__pic{display:block;inline-size:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:calc(var(--cys-radius) - 1px) calc(var(--cys-radius) - 1px) 0 0}.cys-card__body{padding:var(--cy-space-5) var(--cy-space-6) var(--cy-space-6)}@media (hover: hover) and (pointer: fine){.cy-sys--hover .cys-card:is(:hover,.is-hover){transform:translateY(-2px);--cy-edge:var(--cy-card-line-hover);box-shadow:var(--cy-card-lift)}.cy-sys--hover .cys-card:is(:hover,.is-hover) .cys-spot{opacity:1}}.cys-help{display:flex;flex-direction:column;align-items:stretch;gap:var(--cy-space-5);padding:var(--cy-space-6);border-radius:var(--cys-radius);border:1px solid var(--cy-help-edge);background:var(--cy-help-bg);color:var(--cy-on-tint);text-align:center}.cys-help__title{margin:0;font:800 var(--cy-text-headline)/1.25 var(--cy-font-display);letter-spacing:-.02em;color:var(--cy-on-tint)}.cys-help__text{margin:.6rem 0 0;font-size:var(--cy-text-callout);line-height:var(--cy-lh-body);color:var(--cy-help-text)}.cys-help__text a,.cys-help__text strong{color:var(--cy-on-tint);font-weight:600}@media (min-width: 768px){.cys-help{flex-direction:row;align-items:center;justify-content:space-between;padding:2.8rem 3.2rem;text-align:start}.cys-help>div{min-inline-size:0}.cys-help>.cys-btn{flex:0 0 auto}}.cys-tile{--cy-r:var(--cys-radius);--cy-edge:var(--cy-separator);position:relative;isolation:isolate;display:flex;flex-direction:column;block-size:100%;padding:calc(1.8rem + 1px) calc(1.6rem + 1px) calc(2rem + 1px);border:0;border-radius:var(--cys-radius);background:var(--cy-tile-fill);transition:transform var(--cy-dur-move) var(--cy-ease-move),box-shadow var(--cy-dur-move) var(--cy-ease-move)}.cys-tile__n{position:absolute;inset:1.4rem auto auto 1.6rem;z-index:2;font:700 var(--cy-text-caption)/1 var(--cy-font-text);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--cy-label-3);transition:color var(--cy-dur-state) var(--cy-ease-state)}.cys-tile__pic{display:block;inline-size:100%;aspect-ratio:1;object-fit:contain;padding:10%;transition:transform .7s var(--cy-ease-out)}.cys-tile__cap{margin:.4rem 0 0;font:700 var(--cy-text-control-s)/1.35 var(--cy-font-text);letter-spacing:-.005em;color:var(--cy-label)}@media (min-width: 1150px){.cys-tile{padding:calc(2.2rem + 1px) calc(2rem + 1px) calc(2.4rem + 1px)}.cys-tile__cap{font-size:var(--cy-text-callout)}}@media (hover: hover) and (pointer: fine){.cy-sys--hover .cys-tile:is(:hover,.is-hover){transform:translateY(-.4rem);box-shadow:var(--cy-tile-lift)}.cy-sys--hover .cys-tile:is(:hover,.is-hover) .cys-tile__n{color:var(--cy-tint-text)}.cy-sys--hover .cys-tile:is(:hover,.is-hover) .cys-tile__pic{transform:scale(1.07)}}@media (prefers-reduced-motion: reduce){.cys-card,.cys-tile,.cys-tile__pic{transition:none}.cys-card:hover,.cys-tile:hover{transform:none}}.cys-tile:not(.cy-frame){box-shadow:inset 0 0 0 1px var(--cy-edge)}
