.scs{--scs-ring: #136ff4;--scs-card-grey: #c8c9cd;--scs-card-dark: #1a1a1a}.scs__inner{display:flex;flex-direction:column;align-items:center;gap:24px}@media(min-width:768px){.scs__inner{gap:40px}}.scs__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;min-width:0;margin:0;padding:0;border:0}.scs__swatch{position:relative;display:inline-flex;width:32px;height:32px;cursor:pointer}@media(min-width:768px){.scs__swatches{gap:24px}.scs__swatch{width:40px;height:40px}}.scs__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.scs__dot{width:100%;height:100%;border-radius:50%;background:var(--scs-c);box-shadow:inset 0 0 0 1px #0000001a;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s ease}.scs__input:checked+.scs__dot{outline-color:var(--scs-ring)}.scs__input:focus-visible+.scs__dot{outline-color:var(--sbt-fg)}.scs__soon{margin:-8px 0 0;font-size:var(--home-fs-body);line-height:var(--home-lh-body);color:var(--sbt-muted);visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.scs__soon.is-on{visibility:visible;opacity:1}.scs__name{margin:-8px 0 0;font-size:var(--home-fs-body);line-height:var(--home-lh-body);color:var(--sbt-muted)}.scs__stage{position:relative;width:min(100%,1096px);aspect-ratio:1096 / 616;overflow:hidden;border-radius:var(--home-radius-card)}.scs__stage--grey{background:var(--scs-card-grey)}.scs__stage--dark{background:var(--scs-card-dark)}.scs__stage--surface{background:var(--sbt-surface)}.scs__layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s ease}.scs__layer.is-on{opacity:1}.scs__layer picture,.scs__img{display:block;width:100%;height:100%}.scs__img{object-fit:contain}.scs__stage--cover .scs__img{object-fit:cover}.scs__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.scs__ph-device{position:relative;height:76%;aspect-ratio:155 / 250;border-radius:9%/5.5%;background:linear-gradient(160deg,color-mix(in srgb,var(--scs-c) 70%,#ffffff) 0%,var(--scs-c) 45%,color-mix(in srgb,var(--scs-c) 78%,#000000) 100%);box-shadow:0 18px 40px #0000002e}.scs__ph-device:before{content:"";position:absolute;top:0;right:-2%;left:-2%;height:11%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,color-mix(in srgb,var(--scs-c) 55%,#ffffff),color-mix(in srgb,var(--scs-c) 88%,#ffffff))}.scs__model{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .4s ease;background:transparent;--poster-color: transparent}.scs__model.is-active{pointer-events:auto;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.scs__model.is-dragging{cursor:grabbing}.scs.is-model-ready .scs__model.is-active{opacity:1}.scs.is-model-ready .scs__layer{opacity:0}@media(prefers-reduced-motion:no-preference){.scs--intro:not(.is-intro-done) .scs__layer{visibility:hidden}}.scs.is-model-off .scs__model,.scs__gallery{display:none}.scs--gallery .scs__gallery,.scs.is-model-off .scs__gallery{display:grid;grid-template-columns:minmax(0,1fr)}.scs.is-model-off .scs__stage{display:none}@media(max-width:1023px),(max-width:1366px)and (orientation:portrait){.scs--model-desktop-only .scs__gallery{display:grid;grid-template-columns:minmax(0,1fr)}.scs--model-desktop-only .scs__stage{display:none}}.scs__gallery{margin-top:24px;--carousel-card-bg: var(--scs-card-grey)}@media(min-width:768px){.scs__gallery{margin-top:32px}}.scs__gallery .soulog-carousel{--carousel-btn-bg: color-mix(in srgb, var(--sbt-fg) 16%, transparent);--carousel-btn-bg-active: color-mix(in srgb, var(--sbt-fg) 24%, transparent);--carousel-btn-fg: var(--sbt-fg);--carousel-dot: var(--sbt-fg)}.scs__gallery .soulog-carousel__nav{justify-content:flex-end}.scs__gallery--dark{--carousel-card-bg: var(--scs-card-dark)}.scs__gallery--surface{--carousel-card-bg: var(--sbt-surface)}.scs__gallery--none{--carousel-card-bg: transparent}.scs__carousel{grid-area:1 / 1;min-width:0;margin-top:0;--carousel-card-w: 70vw;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}@media(min-width:768px){.scs__carousel{--carousel-card-w: min(50vw, 600px, 37.5vh )}@supports (height: 100svh){.scs__carousel{--carousel-card-w: min(50vw, 600px, 37.5svh )}}}@media(min-width:1024px)and (orientation:landscape),(min-width:1367px){.scs__carousel .soulog-carousel__track{padding-inline:var(--home-gutter);scroll-padding-inline:var(--home-gutter)}.scs__carousel .soulog-carousel__card{width:calc((100% - 3 * var(--carousel-gap)) / 4)}.scs__carousel .soulog-carousel__nav{display:none}}.scs__carousel.is-on{opacity:1;visibility:visible;transition-delay:0s}.scs__angle{aspect-ratio:5 / 8}.scs__angle-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.scs__gallery--cover .scs__angle-img{object-fit:cover}.scs__angle .scs__ph{perspective:900px}.scs__angle .scs__ph-device{height:auto;width:46%}.scs__ph-device--a2{transform:rotateY(-38deg)}.scs__ph-device--a3{transform:rotateY(38deg) rotateX(8deg)}.scs__ph-device--a4{transform:rotateX(58deg) rotate(-18deg)}@media(prefers-reduced-motion:reduce){.scs__layer,.scs__model,.scs__dot,.scs__carousel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/soulog-color-switch.css.map */