.scf{--scf-ring: #136ff4;--scf-ease: cubic-bezier(.2, .8, .2, 1);overflow:hidden}.scf__inner{display:flex;flex-direction:column;align-items:center}.scf .sbh{--sbh-gap: 6px;max-width:984px}.scf .sbh__eyebrow{font-size:12px;line-height:16px}.scf .sbh__title{font-size:var(--pdp-fs-title);line-height:1.2}.scf .sbh__desc{font-size:var(--pdp-fs-sub);line-height:16px}@media(min-width:768px){.scf .sbh{--sbh-gap: 16px}.scf .sbh__eyebrow{font-size:16px;line-height:20px}.scf .sbh__title{line-height:1.125}.scf .sbh__desc{line-height:24px}}@media(min-width:1024px)and (max-width:1599px){.scf .sbh__desc{line-height:1.33}}.scf__stage{--scf-size: min(324px, calc((100vw - 40px)*.895) );--scf-r: 600px;--scf-step: 3.63deg;--scf-gap: 38px;--scf-edge: 22px;--scf-dot: 24px;position:relative;width:min(100%,362px);height:var(--scf-size);margin-top:40px}@media(min-width:768px){.scf__stage{--scf-size: min(640px, calc(100vw - 2 * var(--home-gutter) - 200px));--scf-r: 470px;--scf-step: 9.18deg;--scf-gap: 75px;--scf-dot: 32px;width:min(100%,984px);margin-top:48px}}.scf__arcs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.scf__arc{position:absolute;top:calc(50% - var(--scf-r));width:calc(2 * var(--scf-r));height:calc(2 * var(--scf-r));overflow:visible}.scf__arc circle{fill:none;stroke:#00000014;stroke-width:.5px;stroke-dasharray:4 4}@media(min-width:768px){.scf__arc circle{stroke-width:1px;stroke-dasharray:8 8}}.scf__arc--start{left:var(--scf-edge)}.scf__arc--end{right:var(--scf-edge)}.scf__product{position:absolute;top:0;left:50%;width:var(--scf-size);height:var(--scf-size);transform:translate(-53.3%);-webkit-user-select:none;user-select:none}.scf__acc,.scf__wallet-move,.scf__layer{position:absolute;top:0;right:0;bottom:0;left:0}.scf__layer{isolation:isolate;transition:transform 1s var(--scf-ease),opacity .26s ease}@media(min-width:768px){.scf__layer{transition:transform 1s var(--scf-ease),opacity .26s ease,filter .6s ease}}.scf__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.scf__img.is-prev{z-index:1;opacity:1}.scf__img.is-active{z-index:2;opacity:1}.scf__layer--sense,.scf__layer--wallet{filter:drop-shadow(5px 5px 5px rgba(0,0,0,.15))}@media(min-width:768px){.scf__layer--sense,.scf__layer--wallet{filter:drop-shadow(10px 10px 10px rgba(0,0,0,.25))}}.scf__layer--wallet.is-empty{opacity:0}.scf__root.is-exploded .scf__layer--phone{transform:translate3d(3.44%,-1.38%,0)}.scf__root.is-exploded .scf__layer--sense{transform:translate3d(-1.72%,.69%,0)}.scf__root.is-exploded .scf__layer--wallet{transform:translate3d(-6.88%,2.75%,0)}@media(min-width:768px){.scf__root.is-exploded .scf__layer--sense,.scf__root.is-exploded .scf__layer--wallet{filter:drop-shadow(-10px 14px 18px rgba(20,20,40,.22))}}.scf__swatches{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--scf-legend-gap: 16px}.scf__swatch{--i: calc(var(--i2) / 2);--a: calc(var(--i) * var(--scf-step));position:absolute;top:calc(50% + var(--i) * var(--scf-gap));top:calc(50% + var(--scf-r) * sin(var(--a)));width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:transform .25s var(--scf-ease)}.scf__swatches--sense .scf__swatch{left:var(--scf-edge);left:calc(var(--scf-edge) + var(--scf-r) * (1 - cos(var(--a))))}.scf__swatches--phone .scf__swatch{left:calc(100% - var(--scf-edge));left:calc(100% - var(--scf-edge) - var(--scf-r) * (1 - cos(var(--a))))}.scf__swatch:before,.scf__swatch:after{content:"";position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.scf__swatch:before{width:var(--scf-dot);height:var(--scf-dot);background:#fff;box-shadow:0 0 0 .5px #0000001a;transition:box-shadow .25s}.scf__swatch:after{width:calc(var(--scf-dot) - 4px);height:calc(var(--scf-dot) - 4px);background:var(--c);box-shadow:inset 0 2px 2px #0000002e}.scf__swatch.is-active:before{box-shadow:0 0 0 1px var(--scf-ring)}@media(hover:hover){.scf__swatch:hover{transform:scale(1.12)}}.scf__swatch:focus-visible,.scf__segment:focus-visible{outline:2px solid var(--scf-ring);outline-offset:2px}.scf__legend{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:16px;white-space:nowrap}.scf__legend-name{color:rgba(var(--color-body-rgb),.7)}.scf__legend-value{color:rgb(var(--color-body-rgb));font-weight:500}.scf__swatches .scf__legend{--i: calc(var(--i2) / 2);--a: calc(var(--i) * var(--scf-step));position:absolute;top:calc(50% + var(--i) * var(--scf-gap) - var(--scf-dot) / 2 - var(--scf-legend-gap));top:calc(50% + var(--scf-r) * sin(var(--a)) - var(--scf-dot) / 2 - var(--scf-legend-gap));transform:translateY(-100%)}.scf__legend--sense{left:0;align-items:flex-start}.scf__legend--phone{right:0;align-items:flex-end}.scf__legend--wallet{flex-direction:row;justify-content:center;gap:6px;margin-bottom:-8px}@media(min-width:768px){.scf__legend{font-size:14px;line-height:20px}.scf__legend--wallet{margin-bottom:-10px}}.scf__explode{position:absolute;z-index:3;top:calc(100% + 6px);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px;border:1px solid transparent;border-radius:999px;background:transparent;color:#0000008a;font:inherit;font-size:12px;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}.scf__explode:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.scf__explode-icon{display:block;flex:none;width:14px;height:14px}@media(hover:hover){.scf__explode:hover{color:#000000e6}}.scf__explode:focus-visible{outline:2px solid var(--scf-ring);outline-offset:2px}@media(min-width:768px){.scf__explode{top:calc(100% + 8px);gap:6px;height:36px;padding:0 12px;font-size:14px}.scf__explode-icon{width:16px;height:16px}}@media(min-width:768px)and (hover:hover){.scf__explode:hover{background:#0000000a}}@media(max-width:767px){.scf__stage:has(.scf__explode)+.scf__controls{margin-top:48px}}@media(min-width:768px){.scf__stage:has(.scf__explode)+.scf__controls{margin-top:72px}}.scf__controls{display:flex;flex-direction:column;gap:20px;width:min(100%,362px);margin-top:40px}@media(min-width:768px){.scf__controls{gap:24px;width:min(100%,424px);margin-top:56px}}.scf__segments{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;padding:2px;border-radius:999px;background:#0000000a}.scf__segment{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:2px 4px;border:0;border-radius:999px;background:transparent;color:#0000008a;font:inherit;font-size:12px;line-height:14px;cursor:pointer;transition:background-color .3s,box-shadow .3s,color .3s}.scf__segment.is-active{background:#fff;box-shadow:0 1.6px 16px #00000014;color:#000000e6}.scf__thumb{position:relative;display:block;width:24px;height:24px;overflow:hidden}.scf__thumb img{position:absolute;left:50%;top:50%;width:180%;height:180%;max-width:none;transform:translate(-50%,-65%)}.scf__thumb img[data-scf-thumb-sense]{width:150%;height:150%;transform:translate(-50%,-64%)}.scf__segment-label{white-space:nowrap}@media(min-width:768px){.scf__segments{gap:4px}.scf__segment{min-height:56px;padding:3px 6px;font-size:12px;line-height:16px}.scf__thumb{width:32px;height:32px}}.scf__img.scf-in-color{animation:scf-color .62s ease-in-out both}.scf__acc.scf-acc-out{animation:scf-acc-out .62s linear both}.scf__img.scf-in-plain{animation:scf-plain .2s ease-out both}.scf__img.scf-in-wallet{animation:scf-color .45s ease-in-out both}.scf__wallet-move.scf-w-swap{animation:scf-w-swap .45s linear backwards}.scf__wallet-move.scf-w-out{animation:scf-w-out .32s linear backwards}.scf__wallet-move.scf-w-arrive{animation:scf-w-arrive .38s linear backwards}@keyframes scf-color{0%,30%{opacity:0}62%,to{opacity:1}}@keyframes scf-plain{0%{opacity:0}to{opacity:1}}@keyframes scf-acc-out{0%{transform:none;animation-timing-function:cubic-bezier(.3,0,.2,1)}30%{transform:translate3d(-7%,0,0)}68%{transform:translate3d(-7%,0,0);animation-timing-function:cubic-bezier(.6,0,.95,.5)}to{transform:none}}@keyframes scf-w-swap{0%{transform:none;animation-timing-function:cubic-bezier(.3,0,.2,1)}30%{transform:translate3d(-7%,0,0)}68%{transform:translate3d(-7%,0,0);animation-timing-function:cubic-bezier(.6,0,.95,.5)}to{transform:none}}@keyframes scf-w-out{0%{transform:none;animation-timing-function:cubic-bezier(.3,0,.2,1)}to{transform:translate3d(-7%,0,0)}}@keyframes scf-w-arrive{0%{transform:translate3d(-7%,0,0);opacity:0;animation-timing-function:cubic-bezier(.6,0,.95,.5)}35%{opacity:1}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.scf__layer,.scf__swatch{transition:none}.scf__img.scf-in-color,.scf__img.scf-in-plain,.scf__img.scf-in-wallet,.scf__acc.scf-acc-out,.scf__wallet-move.scf-w-swap,.scf__wallet-move.scf-w-out,.scf__wallet-move.scf-w-arrive{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/soulog-configurator.css.map */