.ssc{--ssc-ease: cubic-bezier(.77, 0, .18, 1);--ssc-ease-out: cubic-bezier(.16, 1, .3, 1);--ssc-ease-in: cubic-bezier(.55, 0, .75, .2);--ssc-glide: 1.05s;--ssc-ink: #121214;--ssc-ink-soft: rgba(18, 18, 20, .5);--ssc-rule: rgba(18, 18, 20, .32);position:relative;height:clamp(620px,calc(var(--ssc-h, 100) * 1svh - var(--header-height, 0px)),1040px);overflow:hidden;isolation:isolate;color:var(--ssc-ink);font-family:var(--ssc-font, "Montserrat", system-ui, sans-serif);background:#f4f1f6;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.ssc[data-scheme=dark]{--ssc-ink: #f3f2f5;--ssc-ink-soft: rgba(243, 242, 245, .55);--ssc-rule: rgba(243, 242, 245, .34);background:#101013}.ssc *,.ssc *:before,.ssc *:after{box-sizing:border-box}.ssc__slide,.ssc__bg>i{--t: var(--tint, #8a8a99);--l-page-a: color-mix(in srgb, var(--t) 5%, #fff);--l-page-b: color-mix(in srgb, var(--t) 17%, #fff);--l-card-a: color-mix(in srgb, var(--t) 9%, #fff);--l-card-b: color-mix(in srgb, var(--t) 22%, #fff);--l-card-c: color-mix(in srgb, var(--t) 38%, #fff);--d-page-a: color-mix(in srgb, var(--t) 15%, #0e0e11);--d-page-b: color-mix(in srgb, var(--t) 5%, #08080a);--d-card-a: color-mix(in srgb, var(--t) 36%, #17171c);--d-card-b: color-mix(in srgb, var(--t) 25%, #131317);--d-card-c: color-mix(in srgb, var(--t) 15%, #0f0f12)}.ssc__bg,.ssc__bg>i{position:absolute;top:0;right:0;bottom:0;left:0}.ssc__bg{z-index:-1}.ssc__bg>i{--page-a: var(--l-page-a);--page-b: var(--l-page-b);background:radial-gradient(120% 70% at 50% 42%,color-mix(in srgb,var(--page-a) 80%,#fff) 0%,transparent 70%),linear-gradient(180deg,var(--page-a) 0%,var(--page-b) 100%);opacity:0;transition:opacity 1.1s ease}.ssc[data-scheme=dark] .ssc__bg>i{--page-a: var(--d-page-a);--page-b: var(--d-page-b);background:radial-gradient(90% 60% at 50% 42%,color-mix(in srgb,var(--d-card-a) 55%,transparent) 0%,transparent 70%),linear-gradient(180deg,var(--page-a) 0%,var(--page-b) 100%)}.ssc__bg>i.is-on{opacity:1}.ssc__head{position:absolute;top:clamp(22px,5.5%,56px);left:clamp(20px,4.5vw,72px);margin:0;pointer-events:none}.ssc__eyebrow,.ssc__title{margin:0;padding:0;font-family:inherit;text-transform:uppercase;line-height:1.3}.ssc__eyebrow{font-size:11px;font-weight:500;letter-spacing:.22em;color:var(--ssc-ink-soft)}.ssc__title{margin-top:8px;font-size:clamp(14px,1.15vw,18px);font-weight:700;letter-spacing:.06em;line-height:1.2;color:var(--ssc-ink)}.ssc__stage{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;touch-action:pan-y}.ssc__track{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.ssc__slide{--ratio: 1.86;--zt: calc(clamp(22px, 5.5cqh, 56px) + 58px) ;--zb: calc(100cqh - max(24px, 4cqh) - 117px) ;--cap: 25cqw;--card-w: min(calc((var(--zb) - var(--zt) - 100px) / var(--ratio)), var(--cap));--card-h: calc(var(--card-w) * var(--ratio));--text-h: clamp(78px, calc(var(--card-w) * .32), 118px);--d: max(50cqw, calc(var(--card-w) * .9 + 4cqw));--off: 0;--sc: .8;--drag: 0px;position:absolute;left:50%;top:calc(var(--zt) + max(0px,(var(--zb) - var(--zt) - var(--card-h) - var(--text-h)) / 2) + var(--card-h) / 2);width:var(--card-w);height:var(--card-h);margin:0;container-type:inline-size;transform:translate(-50%,-50%) translate(calc(var(--off) * var(--d) + var(--drag))) scale(var(--sc));transition:transform var(--ssc-glide) var(--ssc-ease);will-change:transform}.ssc__slide.is-center{--sc: 1;z-index:2}.ssc__slide.is-far{visibility:hidden;transition:transform var(--ssc-glide) var(--ssc-ease),visibility 0s linear var(--ssc-glide)}.ssc__slide.no-anim,.ssc.is-dragging .ssc__slide{transition:none}@container (min-width: 700px) and (max-width: 979px){.ssc__slide{--cap: 30cqw}}@container (max-width: 699px){.ssc__slide{--zb: calc(100cqh - max(16px, 3cqh) - 117px) ;--cap: 60cqw;--d: calc(var(--card-w) * .9 + 7cqw)}}.ssc__card{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:inherit;text-decoration:none;border-radius:clamp(10px,4.5cqi,18px);outline-offset:6px;-webkit-user-drag:none}.ssc__plate{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;--card-a: var(--l-card-a);--card-b: var(--l-card-b);--card-c: var(--l-card-c);background:linear-gradient(172deg,var(--card-a) 0%,var(--card-b) 55%,var(--card-c) 100%);box-shadow:inset 0 1px #ffffff8c,0 30px 60px -40px #1e142859}.ssc[data-scheme=dark] .ssc__plate{--card-a: var(--d-card-a);--card-b: var(--d-card-b);--card-c: var(--d-card-c);box-shadow:inset 0 1px #ffffff14,0 40px 70px -40px #000000b3}.ssc__slide[data-stone=white-opal] .ssc__plate{background:radial-gradient(70% 45% at 18% 22%,rgba(150,226,206,.42),transparent 70%),radial-gradient(70% 45% at 86% 70%,rgba(252,196,180,.38),transparent 70%),radial-gradient(60% 40% at 70% 18%,rgba(196,176,246,.35),transparent 70%),linear-gradient(172deg,var(--card-a) 0%,var(--card-b) 55%,var(--card-c) 100%)}.ssc[data-scheme=dark] .ssc__slide[data-stone=white-opal] .ssc__plate{background:radial-gradient(70% 45% at 18% 22%,rgba(70,150,130,.25),transparent 70%),radial-gradient(70% 45% at 86% 70%,rgba(170,90,80,.22),transparent 70%),linear-gradient(172deg,var(--card-a) 0%,var(--card-b) 55%,var(--card-c) 100%)}.ssc__frame{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 -40% 0 -40%);pointer-events:none}.ssc__watch{position:absolute;left:50%;top:50%;width:112%;aspect-ratio:1000 / 1712;transform:translate(-50%,-50%)}.ssc__float{position:absolute;top:0;right:0;bottom:0;left:0;display:block;will-change:transform}.ssc__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(25,18,30,.22));opacity:0;transition:opacity .6s ease;-webkit-user-drag:none}.ssc[data-scheme=dark] .ssc__img{filter:drop-shadow(0 26px 30px rgba(0,0,0,.55))}.ssc[data-band=strap] .ssc__img[data-band-img=strap],.ssc[data-band=bracelet] .ssc__img[data-band-img=bracelet]{opacity:1}.ssc__meta{position:absolute;left:0;right:0;top:calc(100% + clamp(12px,6cqi,26px));display:block}.ssc__line{display:block;overflow:hidden;padding-bottom:.08em}.ssc__line>span{display:block;transform:translateY(115%);transition:transform .42s var(--ssc-ease-in)}.ssc__line:nth-child(3)>span{transition-delay:0ms}.ssc__line:nth-child(2)>span{transition-delay:55ms}.ssc__line:nth-child(1)>span{transition-delay:.11s}.ssc__slide.is-shown .ssc__line>span{transform:none;transition:transform .64s var(--ssc-ease-out)}.ssc__slide.is-shown .ssc__line:nth-child(1)>span{transition-delay:0ms}.ssc__slide.is-shown .ssc__line:nth-child(2)>span{transition-delay:70ms}.ssc__slide.is-shown .ssc__line:nth-child(3)>span{transition-delay:.14s}.ssc__sub{font-size:clamp(9px,3.6cqi,12px);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ssc-ink-soft)}.ssc__name{margin-top:.3em;font-size:clamp(14px,7cqi,26px);font-weight:700;letter-spacing:.02em;line-height:1.12;text-transform:uppercase}.ssc__price{margin-top:.55em;font-size:clamp(12px,5cqi,17px);font-weight:500;font-variant-numeric:tabular-nums}.ssc[data-band=strap] [data-band-price=bracelet],.ssc[data-band=bracelet] [data-band-price=strap]{display:none}.ssc__controls{--row-b: max(24px, 4%);position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.ssc__nav,.ssc__band{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.ssc__nav{position:absolute;bottom:calc(var(--row-b) + 50px);display:flex;flex-direction:column;width:clamp(96px,14.5vw,240px);padding:14px 0;font-size:clamp(11px,.85vw,13px);font-weight:500;letter-spacing:.14em;text-transform:uppercase}.ssc__nav--prev{left:0;align-items:flex-end}.ssc__nav--next{right:0;align-items:flex-start}.ssc__rule{display:block;height:1px;width:100%;background:var(--ssc-rule);transform-origin:left center;transition:transform .5s var(--ssc-ease-out),background-color .3s}.ssc__nav--prev .ssc__rule{transform-origin:right center}.ssc__navlabel{display:block;margin-top:12px;transition:transform .5s var(--ssc-ease-out)}.ssc__nav--prev .ssc__navlabel{margin-right:-.14em}@media(hover:hover){.ssc__nav:hover .ssc__rule{transform:scaleX(.72);background:var(--ssc-ink)}.ssc__nav--prev:hover .ssc__navlabel{transform:translate(-12px)}.ssc__nav--next:hover .ssc__navlabel{transform:translate(12px)}}.ssc__nav:focus-visible,.ssc__band:focus-visible,.ssc__card:focus-visible{outline:2px solid var(--ssc-ink);outline-offset:4px}.ssc__bands{position:absolute;left:50%;bottom:calc(var(--row-b) + 60px);transform:translate(-50%);display:flex;gap:6px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--ssc-ink) 6%,transparent);pointer-events:auto}.ssc__band{padding:9px 16px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ssc-ink-soft);transition:background-color .3s,color .3s}.ssc__band[aria-pressed=true]{background:var(--ssc-ink);color:#fff}.ssc[data-scheme=dark] .ssc__band[aria-pressed=true]{color:#111}@media(hover:hover){.ssc__band[aria-pressed=false]:hover{color:var(--ssc-ink)}}.ssc__cta{position:absolute;left:50%;bottom:var(--row-b);transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:240px;height:48px;padding:0 30px;border-radius:999px;background:var(--ssc-ink);color:#fff;font:inherit;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap;pointer-events:auto;transition:background-color .3s,color .3s,opacity .3s}.ssc[data-scheme=dark] .ssc__cta{color:#111}.ssc__cta-arrow{flex:none;transition:transform .4s var(--ssc-ease-out)}@media(hover:hover){.ssc__cta:hover{background:color-mix(in srgb,var(--ssc-ink) 82%,#888)}.ssc__cta:hover .ssc__cta-arrow{transform:translate(4px)}}.ssc__cta:focus-visible{outline:2px solid var(--ssc-ink);outline-offset:4px}.ssc__cta.is-off{opacity:0;pointer-events:none;visibility:hidden}@media(max-width:699px){.ssc{height:clamp(600px,calc(var(--ssc-h, 100) * 1svh - var(--header-height, 0px)),860px)}.ssc__controls{--row-b: max(16px, 3%)}.ssc__cta{width:min(320px,64vw);min-width:0}.ssc__nav{width:22vw}.ssc__navlabel{margin-top:10px}.ssc__band{padding:9px 13px;letter-spacing:.1em}}.ssc__cursor{position:absolute;left:0;top:0;z-index:5;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:color-mix(in srgb,var(--ssc-ink) 55%,transparent);pointer-events:none;opacity:0;transition:opacity .25s,width .3s var(--ssc-ease-out),height .3s var(--ssc-ease-out),margin .3s var(--ssc-ease-out),background-color .3s}.ssc.has-cursor .ssc__cursor{opacity:1}.ssc.has-cursor.is-pointing .ssc__cursor{width:44px;height:44px;margin:-22px 0 0 -22px;background:color-mix(in srgb,var(--ssc-ink) 12%,transparent)}@media(hover:hover)and (pointer:fine){.ssc.cursor-dot,.ssc.cursor-dot *{cursor:none}}.ssc__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ssc:not(.is-ready) .ssc__slide:not(:first-child),.ssc:not(.is-ready) .ssc__controls,.ssc.is-single .ssc__controls .ssc__nav{display:none}.ssc:not(.is-ready) .ssc__slide:first-child .ssc__line>span{transform:none}.ssc:not(.is-ready) .ssc__bg>i:first-child{opacity:1}@supports not (color: color-mix(in srgb,red 50%,blue)){.ssc__plate,.ssc__slide[data-stone] .ssc__plate{background:#fff9}.ssc[data-scheme=dark] .ssc__plate{background:#ffffff14}}@media(prefers-reduced-motion:reduce){.ssc{--ssc-glide: 1ms}.ssc__line>span,.ssc__slide.is-shown .ssc__line>span{transition-duration:1ms;transition-delay:0ms!important}.ssc__bg>i{transition-duration:.3s}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/strange-stone-carousel.css.map */