.dmodels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}@media(min-width:750px){.dmodels{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}}@media(min-width:1100px){.dmodels{grid-template-columns:repeat(4,minmax(0,1fr))}}.dmodels__link{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:4rem;padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-5);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--color-bg),color-mix(in srgb,var(--color-surface) 55%,var(--color-bg)));box-shadow:inset 0 0 0 1px var(--color-border),0 2px 8px #0000000a;color:var(--color-text);font-size:var(--fs-sm);font-weight:var(--font-body-weight-semibold);text-decoration:none;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-3) var(--ease-out)}@media(min-width:750px){.dmodels__link{min-height:4.75rem;font-size:var(--fs-base)}}.dmodels__link:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 22%,transparent),0 10px 24px #00000014}.dmodels__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.dmodels__link.is-soldout{opacity:.55}.dmodels__name{min-width:0;overflow-wrap:anywhere}.dmodels__go{display:grid;flex:none;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--color-surface);transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.dmodels__link:hover .dmodels__go{background:var(--color-text);color:var(--color-bg)}.dmodels--small{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.dmodels--small .dmodels__link{min-height:3.25rem;padding-left:var(--sp-4);font-size:var(--fs-sm)}.dmodels--small .dmodels__go{width:1.875rem;height:1.875rem}.sbb__title{margin-bottom:var(--sp-2);text-align:center;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:var(--fs-h2);letter-spacing:var(--ls-h2)}.sbb__sub{margin-bottom:var(--sp-2);text-align:center;color:var(--color-text-muted)}.sbb__browser{display:block;margin-top:clamp(var(--sp-6),3vw,var(--sp-10))}.sbb__rail-wrap{position:relative}.sbb__rail{--rail-item: 72%;--rail-item-md: 42%;--rail-item-lg: calc((100% - 2 * var(--grid-gap)) / 3)}.sbb__card{display:flex;flex-direction:column;gap:var(--sp-3);width:100%;color:var(--color-text);text-align:left;text-decoration:none}.sbb__media{position:relative;display:block;overflow:hidden;aspect-ratio:9 / 10;border-radius:var(--radius-md);background:var(--color-surface);transition:box-shadow var(--dur-3) var(--ease-out)}.sbb__img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-5) var(--ease-out)}@media(hover:hover){.sbb__card:hover .sbb__img{transform:scale(1.04)}}.sbb__card.is-active .sbb__media{box-shadow:inset 0 0 0 2px var(--color-text)}.sbb__name{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-base);font-weight:var(--font-body-weight-semibold)}.sbb__chev{transition:transform var(--dur-3) var(--ease-out)}.sbb__card.is-active .sbb__chev{transform:rotate(180deg)}.sbb__card:focus-visible{outline:none}.sbb__card:focus-visible .sbb__media{box-shadow:0 0 0 3px var(--color-accent)}.sbb__nav{position:absolute;inset:40% 0 auto;justify-content:space-between;pointer-events:none;margin-inline:calc(var(--sp-5) * -1)}.sbb__nav .rail-nav__btn{pointer-events:auto;box-shadow:0 6px 18px #0000001f}.sbb__panel{margin-top:clamp(var(--sp-6),3vw,var(--sp-10));animation:sbb-in var(--dur-4) var(--ease-out) both}@keyframes sbb-in{0%{opacity:0;transform:translateY(10px)}}.sbb__panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-5)}.sbb__panel-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:var(--fs-h3);letter-spacing:var(--ls-h3)}.sbb__panel-actions{display:flex;align-items:center;gap:var(--sp-3)}.sbb__all{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:var(--font-body-weight-semibold);color:var(--color-text)}.sbb__close{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-surface)}.sbb__close:hover{background:var(--color-text);color:var(--color-bg)}.mdb{display:block}.mdb__brand{width:100%;text-align:left;cursor:pointer}.mdb__brand .mcard__title:after{content:""}.mdb__panel{animation:sbb-in var(--dur-3) var(--ease-out) both}.mdb__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-4)}.mdb__back{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--font-body-weight-semibold)}.mdb__back:hover{color:var(--color-accent-text)}.mdb__all{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);color:var(--color-text-muted)}.mdb__all:hover{color:var(--color-text)}.mdb .dmodels{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:990px){.mega .mdb .dmodels{grid-template-columns:repeat(3,minmax(0,1fr));max-height:min(56vh,30rem);overflow-y:auto;padding:2px;overscroll-behavior:contain}}@media(prefers-reduced-motion:reduce){.sbb__panel,.mdb__panel{animation:none}}@media(min-width:990px){.sbb__rail--fit{justify-content:center;overflow:visible}}.sbb--name .sbb__title{font-size:var(--fs-h3);letter-spacing:var(--ls-h3)}.sbb--name .sbb__browser{margin-top:clamp(var(--sp-5),2.5vw,var(--sp-8))}.sbb__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);max-width:calc(var(--sbb-count, 3) * 17rem + (var(--sbb-count, 3) - 1) * var(--sp-4));margin-inline:auto}@media(min-width:750px){.sbb__chips{grid-template-columns:repeat(var(--sbb-count, 3),minmax(0,1fr));gap:var(--sp-4)}}.sbb__chip-item:only-child{grid-column:1 / -1}.sbb__chip{position:relative;display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:4.5rem;padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-3);overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(145deg,color-mix(in srgb,var(--color-text) 9%,var(--color-bg)),color-mix(in srgb,var(--color-text) 4%,var(--color-bg)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 12%,transparent);color:var(--color-text);text-align:left;text-decoration:none;transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out),background-color var(--dur-3) var(--ease-out)}@media(min-width:750px){.sbb__chip{min-height:5.25rem;padding:var(--sp-4) var(--sp-5) var(--sp-4) var(--sp-4);gap:var(--sp-4)}}.sbb__chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--color-text) 10%,transparent) 50%,transparent 70%);transform:translate(-100%);transition:transform .8s var(--ease-out);pointer-events:none}@media(hover:hover){.sbb__chip:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 26%,transparent),0 14px 30px -14px #00000059}.sbb__chip:hover:after{transform:translate(100%)}}.sbb__chip:focus-visible{outline:2px solid var(--color-accent-text, var(--color-accent));outline-offset:3px}.sbb__mono{display:grid;flex:none;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-accent);color:#fff;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:var(--fs-lg)}@media(min-width:750px){.sbb__mono{width:3.25rem;height:3.25rem;font-size:var(--fs-xl)}}.sbb__chip-text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2}.sbb__chip-name{overflow:hidden;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:var(--fs-lg);white-space:nowrap;text-overflow:ellipsis}@media(min-width:750px){.sbb__chip-name{font-size:var(--fs-xl)}}.sbb__chip-count{margin-top:2px;font-size:var(--fs-xs);color:var(--color-text-muted)}.sbb__chip-go{display:grid;flex:none;place-items:center;width:2rem;height:2rem;border-radius:50%;background:color-mix(in srgb,var(--color-text) 10%,transparent);transition:transform var(--dur-3) var(--ease-out),background-color var(--dur-3) var(--ease-out)}.sbb__chip.is-active{background:var(--color-text);color:var(--color-bg);box-shadow:none}.sbb__chip.is-active .sbb__chip-count{color:color-mix(in srgb,var(--color-bg) 70%,transparent)}.sbb__chip.is-active .sbb__chip-go{transform:rotate(180deg);background:color-mix(in srgb,var(--color-bg) 16%,transparent)}.sbb--name .sbb__panel{margin-top:clamp(var(--sp-5),2.5vw,var(--sp-8))}@media(max-width:749px){.sbb__chip{flex-direction:column;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-4)}.sbb__chip-go{position:absolute;top:var(--sp-3);right:var(--sp-3)}.sbb__mono{width:2.25rem;height:2.25rem;font-size:var(--fs-base)}}@media(prefers-reduced-motion:reduce){.sbb__chip,.sbb__chip:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-device-browser.css.map */