.cyspec{--cs-fg: rgb(var(--color-foreground));--cs-fg2: rgb(var(--color-foreground) / .7);--cs-line: rgb(var(--color-foreground) / .12);--cs-band: rgb(var(--color-foreground) / .035);--cs-bg: rgb(var(--color-background));--cyspec-top: 0px}.cyspec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:2.4rem;flex-wrap:wrap;margin-block-end:clamp(2.4rem,3vw,4rem)}.cy-sys.cyspec .cyspec__head .hdt-section-heading_block{margin-block-end:0!important;text-align:start}.cyspec__diff{display:inline-flex;align-items:center;gap:1rem;min-block-size:4.4rem;padding:0;border:0;background:none;cursor:pointer;font:inherit;font-size:var(--cy-text-footnote, 1.4rem);font-weight:600;color:var(--cs-fg)}.cyspec__diff[hidden]{display:none}.cyspec__switch{position:relative;flex:0 0 auto;inline-size:5.2rem;block-size:2.8rem;border-radius:.8rem;isolation:isolate;background:linear-gradient(180deg,#c4c5cc,#d9dadf 55%,#e8e9ed);box-shadow:inset 0 2px 4px #0000004d,inset 0 1px 1px #0003,inset 0 -1px #ffffffbf,0 1px #ffffffe6,0 0 0 1px #0000001a}.cyspec__switch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;opacity:0;background:radial-gradient(120% 140% at 30% 20%,#ff3b30,#eb0201 45%,#b80000);box-shadow:inset 0 2px 5px #3c00008c,inset 0 -1px #ff8c8c73,0 0 0 1px #78000059,0 0 1.2rem #eb020140;transition:opacity var(--cy-dur-state, .22s) ease}.cyspec__switch:after{content:"";position:absolute;inset-block-start:.3rem;inset-inline-start:.3rem;inline-size:2.2rem;block-size:2.2rem;border-radius:.6rem;background:linear-gradient(90deg,transparent 0 34%,rgb(0 0 0 / .14) 34% 37%,transparent 37% 48.5%,rgb(0 0 0 / .14) 48.5% 51.5%,transparent 51.5% 63%,rgb(0 0 0 / .14) 63% 66%,transparent 66%) center / 100% 46% no-repeat,linear-gradient(180deg,#fff,#f3f3f6 45%,#dcdde2);box-shadow:inset 0 1px #fffffff2,inset 0 -1px 1px #0000001f,0 1px 1px #00000038,0 3px 6px -1px #00000052,0 6px 10px -6px #00000059;transition:translate .32s cubic-bezier(.34,1.4,.64,1)}.cyspec__diff:hover .cyspec__switch:after{box-shadow:inset 0 1px #fffffff2,inset 0 -1px 1px #0000001f,0 1px 1px #0000003d,0 4px 8px -1px #0000005c,0 8px 12px -6px #00000061}.cyspec__diff:active .cyspec__switch:after{box-shadow:inset 0 1px #ffffffe6,inset 0 1px 2px #0000002e,0 1px 1px #00000038}.cyspec__diff[aria-checked=true] .cyspec__switch:before{opacity:1}.cyspec__diff[aria-checked=true] .cyspec__switch:after{translate:2.4rem 0}.cy-dark .cyspec__switch{background:linear-gradient(180deg,#0e0e12,#1a1a20 60%,#24242b);box-shadow:inset 0 2px 4px #000000b3,inset 0 -1px #ffffff1a,0 1px #ffffff0f,0 0 0 1px #ffffff14}.cyspec__diff:focus-visible{outline:2px solid var(--cy-focus, #EB0201);outline-offset:3px;border-radius:.4rem}.cyspec__table{inline-size:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:var(--cy-text-footnote, 1.4rem);line-height:1.45;color:var(--cs-fg2)}.cyspec__corner,.cyspec__collab{inline-size:24%}.cyspec__table thead th{position:sticky;inset-block-start:var(--cyspec-top);z-index:3;padding:1.2rem 1.6rem 1.4rem 0;vertical-align:bottom;text-align:start;background:var(--cs-bg);border-block-end:1px solid rgb(var(--color-foreground) / .2)}.cyspec__phimg{display:block;inline-size:auto;block-size:5.6rem;max-inline-size:8.8rem;object-fit:contain;margin-block-end:.8rem}.cyspec__phname{display:block;font-size:var(--cy-text-callout, 1.6rem);font-weight:800;letter-spacing:-.01em;color:var(--cs-fg)}.cyspec__gh{padding:4rem 0 1.2rem;text-align:start;font-size:clamp(1.8rem,1.5rem + .4vw,2.2rem);font-weight:800;letter-spacing:-.02em;color:var(--cs-fg);border-block-end:1.5px solid var(--cs-fg)}.cyspec__group:first-of-type .cyspec__gh{padding-block-start:2.4rem}.cyspec__row>*{padding:1.4rem 1.6rem 1.4rem 0;text-align:start;vertical-align:top;border-block-end:1px solid var(--cs-line)}.cyspec__row th{font-weight:600;color:var(--cs-fg)}.cyspec__row td strong{color:var(--cs-fg);font-weight:600}@media(hover:hover)and (pointer:fine){.cyspec__row:hover>*{background:var(--cs-band)}.cyspec__row:hover>th{box-shadow:inset 2px 0 0 var(--cy-tint, #EB0201)}.cyspec__row>th{padding-inline-start:1.2rem}.cyspec__corner{padding-inline-start:1.2rem!important}}.cyspec__row.is-picked>*{background:var(--cs-band)}.cyspec__row[data-pick]{cursor:pointer;-webkit-tap-highlight-color:transparent}.cyspec.is-diff .cyspec__row.is-same{display:none!important}.cyspec.is-diff .cyspec__group:not(:has(.cyspec__row:not(.is-same))){display:none}.cyspec__note{margin:1.6rem 0 0;font-size:var(--cy-text-footnote, 1.3rem);color:var(--cs-fg2)}.cyspec__sr{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.cyspec__table{position:relative}.cyspec__bar,.cyspec__hint,.cyspec__nav{display:none}@media(max-width:767px){.cyspec{--lab: 11.6rem;--colw: 14.8rem}.cyspec__head{gap:1.2rem}.cyspec__bar{position:sticky;inset-block-start:var(--cyspec-top);z-index:4;display:flex;overflow:hidden;background:var(--cs-bg);border-block-end:1px solid rgb(var(--color-foreground) / .2)}.cyspec__barc{flex:0 0 var(--lab);position:relative;z-index:1;background:var(--cs-bg)}.cyspec__bart{display:flex;will-change:transform}.cyspec__barh{flex:0 0 var(--colw);display:flex;align-items:center;gap:.8rem;min-block-size:5.6rem;padding:.8rem 1.2rem .8rem 0}.cyspec__barh img{flex:0 0 auto;inline-size:4rem;block-size:3.6rem;object-fit:contain}.cyspec__barh span{font-size:1.5rem;font-weight:800;letter-spacing:-.01em;color:var(--cs-fg)}.cyspec.is-scrolled .cyspec__barc{box-shadow:1px 0 0 var(--cs-line),.8rem 0 1.2rem -1rem #00000059}.cyspec__bar{isolation:isolate}.cyspec__nav{position:absolute;inset-block:0;z-index:2;display:grid;place-items:center;inline-size:4.4rem;padding:0;border:0;background:none;cursor:pointer;color:var(--cs-fg)}.cyspec__nav[hidden]{display:none}.cyspec__nav svg{inline-size:1.4rem;block-size:1.4rem;padding:.7rem;box-sizing:content-box;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(var(--color-foreground) / .28);transition:box-shadow var(--cy-dur-state, .2s) ease,opacity var(--cy-dur-state, .2s) ease}.cyspec__nav--prev{inset-inline-start:calc(var(--lab) - 9.2rem)}.cyspec__nav--next{inset-inline-start:calc(var(--lab) - 4.8rem)}.cyspec__nav:disabled{cursor:default}.cyspec__nav:disabled svg{opacity:.3}.cyspec__nav:not(:disabled):active svg{box-shadow:inset 0 0 0 1px var(--cs-fg)}.cyspec__nav:focus-visible svg{outline:2px solid var(--cy-focus, #EB0201);outline-offset:2px}.cyspec__hint{display:flex;align-items:center;gap:.6rem;max-block-size:4rem;margin:-1.2rem 0 1.6rem;overflow:hidden;font-size:1.3rem;font-weight:600;color:var(--cs-fg2);transition:opacity .4s ease,max-block-size .4s ease,margin .4s ease}.cyspec__hint svg{inline-size:1.6rem;block-size:1.6rem;color:var(--cy-tint-text, #DA0402);animation:cyspecNudge 1.6s ease-in-out 3}.cyspec.is-swiped .cyspec__hint{opacity:0;max-block-size:0;margin-block:-1.2rem 0;pointer-events:none}@keyframes cyspecNudge{0%,to{transform:translate(0)}50%{transform:translate(.5rem)}}.cyspec__scroll{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 3.2rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 3.2rem),transparent)}.cyspec__scroll::-webkit-scrollbar{display:none}.cyspec.is-end .cyspec__scroll{-webkit-mask-image:none;mask-image:none}.cyspec__table{table-layout:fixed;inline-size:calc(var(--lab) + var(--cols, 3) * var(--colw));font-size:1.4rem}.cyspec__table thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.cyspec__collab{inline-size:var(--lab)}.cyspec__colv{inline-size:var(--colw)}.cyspec__corner,.cyspec__row th{inline-size:var(--lab)}.cyspec__barc,.cyspec__barh{box-sizing:border-box}.cyspec__row>*{padding:1.2rem 1.2rem 1.2rem 0}.cyspec__row th{position:sticky;inset-inline-start:0;z-index:1;padding-inline-start:0!important;background:var(--cs-bg);font-size:1.3rem}.cyspec.is-scrolled .cyspec__row th{box-shadow:1px 0 0 var(--cs-line),.8rem 0 1.2rem -1rem #00000059!important}.cyspec__row.is-picked>th{background:linear-gradient(var(--cs-band),var(--cs-band)),var(--cs-bg)}.cyspec__gh{padding:3.2rem 0 1rem;font-size:1.8rem}.cyspec__gh span{position:sticky;inset-inline-start:0}.cyspec__group:first-of-type .cyspec__gh{padding-block-start:2rem}}@media(prefers-reduced-motion:reduce){.cyspec__switch,.cyspec__switch:before,.cyspec__switch:after{transition:none}.cyspec__hint svg{animation:none}}.cyspec__row td,.cyspec__table thead th.cyspec__ph{border-inline-start:1px solid var(--cs-line);padding-inline-start:1.6rem}@media(max-width:767px){.cyspec__row td{padding-inline-start:1.2rem}.cyspec__barh{padding-inline-start:1.2rem;border-inline-start:1px solid var(--cs-line)}}.cyspec__table td.is-model{color:var(--cs-fg2)}.cyspec.cyspec--sheet{--color-foreground: 245 245 247;--color-background: 14 14 16;--sp-mute: #9C9CA3;--sp-gold: #E0B04A;--cs-line: rgb(255 255 255 / .12);--cs-band: rgb(255 255 255 / .04);background:#0e0e10!important;color:#f5f5f7;position:relative;isolation:isolate;overflow:clip;padding-block:clamp(88px,10vw,160px)!important}.cyspec--sheet:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;pointer-events:none;background:radial-gradient(32% 28% at 18% 22%,rgb(255 255 255 / .07),transparent 70%),radial-gradient(38% 32% at 64% 86%,rgb(190 196 210 / .06),transparent 72%)}.cyspec--sheet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgb(255 255 255 / .035) 0 1px,transparent 1px 14px);-webkit-mask:linear-gradient(90deg,#000,rgb(0 0 0 / .25) 34%,transparent 60%);mask:linear-gradient(90deg,#000,rgb(0 0 0 / .25) 34%,transparent 60%)}.cyspec--sheet>*{position:relative;z-index:1}.cyspec--sheet .hdt-heading-block{color:#f5f5f7!important}.cyspec--sheet .cyspec__scroll{margin-block-start:clamp(16px,2vw,32px)}.cyspec--sheet .cyspec__table thead th{border-block-end-color:#fff3}.cyspec--sheet .cyspec__phname{font-weight:600;color:#f5f5f7}.cyspec--sheet .cyspec__gh{padding:5.6rem 0 1.4rem;border-block-end:1px solid #F5F5F7;font:500 13px / 1.4 var(--font-body-family);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-gold)}.cyspec--sheet .cyspec__group:first-of-type .cyspec__gh{padding-block-start:3.2rem}.cyspec--sheet .cyspec__row>*{padding-block:1.4rem;border-block-end-color:var(--cs-line)}.cyspec--sheet .cyspec__row th{font:400 15px / 1.45 var(--font-body-family);color:var(--sp-mute)}.cyspec--sheet .cyspec__row td{font:500 16px / 1.45 var(--font-body-family);color:#f5f5f7}.cyspec--sheet .cyspec__row td strong{color:#f5f5f7}.cyspec--sheet .cyspec__table td.is-model{color:var(--sp-mute);font-weight:400}@media(hover:hover)and (pointer:fine){.cyspec--sheet .cyspec__row:hover>th{box-shadow:none}.cyspec--sheet .cyspec__row>th,.cyspec--sheet .cyspec__corner{padding-inline-start:0!important}}.cyspec--sheet .cyspec__note{color:var(--sp-mute)}@media(max-width:767px){.cyspec.cyspec--sheet{padding-block:72px!important}.cyspec--sheet .cyspec__gh{padding-block:4rem 1.2rem}.cyspec--sheet .cyspec__row th{font-size:13px}.cyspec--sheet .cyspec__row td{font-size:14px}.cyspec--sheet .cyspec__barh span{font-weight:600;color:#f5f5f7}}@media(min-width:768px){.cyspec--sheet{--sh-gap: 24px;--sh-head: 112px;--sh-tpl: minmax(0, var(--sh-g, 30fr)) minmax(0, var(--sh-l, 30fr)) repeat(var(--cols, 3), minmax(0, var(--sh-v, 20fr)))}.cyspec--sheet .cyspec__scroll{overflow:visible;margin-block-start:clamp(40px,4.5vw,72px)}.cyspec--sheet .cyspec__table{display:block;inline-size:100%}.cyspec--sheet colgroup{display:none}.cyspec--sheet thead{display:block;position:sticky;inset-block-start:var(--cyspec-top);z-index:3;background:transparent;transition:background-color .2s ease,box-shadow .2s ease}.cyspec--sheet.is-stuck thead{background:#0e0e10;box-shadow:0 1px 0 var(--cs-line);border-image:linear-gradient(#0e0e10,#0e0e10) fill 0 / 0 / 0 100vmax}.cyspec--sheet thead tr{display:grid;grid-template-columns:var(--sh-tpl);column-gap:var(--sh-gap);min-block-size:var(--sh-head);align-items:end}.cyspec--sheet .cyspec__table thead th{position:static;display:block;padding:12px 0 14px;border:0;background:none}.cyspec--sheet .cyspec__corner{grid-column:1 / 3}.cyspec--sheet .cyspec__group{display:grid;grid-template-columns:var(--sh-tpl);column-gap:var(--sh-gap);margin-block-start:clamp(48px,5vw,72px)}.cyspec--sheet .cyspec__group:first-of-type{margin-block-start:clamp(32px,3.5vw,48px)}.cyspec--sheet .cyspec__ghrow{display:contents}.cyspec--sheet .cyspec__gh,.cyspec--sheet .cyspec__group:first-of-type .cyspec__gh{grid-column:1;grid-row:1 / span 60;align-self:start;position:sticky;inset-block-start:calc(var(--cyspec-top) + var(--sh-head) + 14px);display:block;padding:14px 0 0;border:0}.cyspec--sheet .cyspec__row{grid-column:2 / -1;display:grid;grid-template-columns:subgrid;padding:14px 0;border-block-end:1px solid var(--cs-line);transition:background-color .2s ease,box-shadow .2s ease}.cyspec--sheet .cyspec__ghrow+.cyspec__row{border-block-start:1px solid #F5F5F7}.cyspec--sheet .cyspec__row>*,.cyspec--sheet .cyspec__row>th{display:block;padding:0!important;border:0;background:none!important;position:static;inline-size:auto;box-shadow:none!important}.cyspec--sheet .cyspec__row:hover>*{background:none}}@media(min-width:768px)and (hover:hover)and (pointer:fine){.cyspec--sheet .cyspec__row:hover{background:var(--cs-band);box-shadow:-12px 0 0 var(--cs-band),12px 0 0 var(--cs-band)}}@media(min-width:768px){.cyspec--sheet .cyspec__row.is-picked{background:var(--cs-band)}}@media(min-width:768px)and (max-width:1023px){.cyspec--sheet{--sh-tpl: minmax(0, var(--sh-l, 30fr)) repeat(var(--cols, 3), minmax(0, var(--sh-v, 20fr)))}.cyspec--sheet .cyspec__corner{grid-column:1}.cyspec--sheet .cyspec__gh,.cyspec--sheet .cyspec__group:first-of-type .cyspec__gh{grid-column:1 / -1;grid-row:auto;position:static;padding:0 0 14px;border-block-end:1px solid #F5F5F7}.cyspec--sheet .cyspec__row{grid-column:1 / -1}.cyspec--sheet .cyspec__ghrow+.cyspec__row{border-block-start:0}}.cyspec__wrap--full{inline-size:100%;padding-inline:clamp(1.5rem,2.8vw,6.4rem)}@media(max-width:767px){.cyspec--sheet .cyspec__bar,.cyspec--sheet .cyspec__barc,.cyspec--sheet .cyspec__row th{background:transparent;transition:background-color .2s ease}.cyspec--sheet .cyspec__bar{border-block-end-color:#fff3}.cyspec--sheet.is-stuck .cyspec__bar{background:#0e0e10;border-image:linear-gradient(#0e0e10,#0e0e10) fill 0 / 0 / 0 100vmax;box-shadow:0 1px #fff3}.cyspec--sheet.is-stuck .cyspec__barc,.cyspec--sheet.is-scrolled .cyspec__barc,.cyspec--sheet.is-scrolled .cyspec__row th{background:#0e0e10}.cyspec--sheet .cyspec__row.is-picked>th{background:var(--cs-band)}.cyspec--sheet.is-scrolled .cyspec__row.is-picked>th{background:linear-gradient(var(--cs-band),var(--cs-band)),#0e0e10}}@media(max-width:767px){.cyspec--sheet.is-stuck .cyspec__barc,.cyspec--sheet.is-scrolled .cyspec__barc,.cyspec--sheet.is-scrolled .cyspec__row th{background:linear-gradient(90deg,#0e0e1000,#0e0e10bf 34%,#0e0e10 60%) calc(-1 * var(--sx, 0px)) 0 / var(--sw, 100vw) 100% no-repeat,repeating-linear-gradient(135deg,rgb(255 255 255 / .035) 0 1px,transparent 1px 14px) calc(-1 * var(--sx, 0px)) calc(-1 * var(--sy, 0px)) / var(--sw, 100vw) var(--sh, 100vh) no-repeat,radial-gradient(32% 28% at 18% 22%,rgb(255 255 255 / .07),transparent 70%) calc(-1 * var(--sx, 0px) - var(--sw, 100vw) * .25) calc(-1 * var(--sy, 0px) - var(--sh, 100vh) * .25) / calc(var(--sw, 100vw) * 1.5) calc(var(--sh, 100vh) * 1.5) no-repeat,radial-gradient(38% 32% at 64% 86%,rgb(190 196 210 / .06),transparent 72%) calc(-1 * var(--sx, 0px) - var(--sw, 100vw) * .25) calc(-1 * var(--sy, 0px) - var(--sh, 100vh) * .25) / calc(var(--sw, 100vw) * 1.5) calc(var(--sh, 100vh) * 1.5) no-repeat,#0e0e10}.cyspec--sheet.is-scrolled .cyspec__row.is-picked>th{background:linear-gradient(var(--cs-band),var(--cs-band)),linear-gradient(90deg,#0e0e1000,#0e0e10bf 34%,#0e0e10 60%) calc(-1 * var(--sx, 0px)) 0 / var(--sw, 100vw) 100% no-repeat,repeating-linear-gradient(135deg,rgb(255 255 255 / .035) 0 1px,transparent 1px 14px) calc(-1 * var(--sx, 0px)) calc(-1 * var(--sy, 0px)) / var(--sw, 100vw) var(--sh, 100vh) no-repeat,radial-gradient(32% 28% at 18% 22%,rgb(255 255 255 / .07),transparent 70%) calc(-1 * var(--sx, 0px) - var(--sw, 100vw) * .25) calc(-1 * var(--sy, 0px) - var(--sh, 100vh) * .25) / calc(var(--sw, 100vw) * 1.5) calc(var(--sh, 100vh) * 1.5) no-repeat,radial-gradient(38% 32% at 64% 86%,rgb(190 196 210 / .06),transparent 72%) calc(-1 * var(--sx, 0px) - var(--sw, 100vw) * .25) calc(-1 * var(--sy, 0px) - var(--sh, 100vh) * .25) / calc(var(--sw, 100vw) * 1.5) calc(var(--sh, 100vh) * 1.5) no-repeat,#0e0e10}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/cy-spec-table.css.map */