watches-icons{display:block;position:relative;background:#460032;color:#e8e3dd;--fd:"Queens",Georgia,serif;--fb:"Ysabeau",system-ui,sans-serif;--padX:clamp(28px,3.6vw,72px);--hdH:32px;--ease:ease;--lpE:cubic-bezier(.16,1,.3,1);--fz-body:20px;--lh-body:1.5;--ll-fz-name:16.5px;font-family:var(--fb)}watches-icons *{box-sizing:border-box}watches-icons h2,watches-icons h3,watches-icons p{margin:0}watches-icons .lpT{font-family:var(--fd);font-weight:400;color:#fff}watches-icons .lpT--h{font-size:clamp(28px,3.9vw,56px);line-height:1.15}watches-icons .lpCap{font-size:12px;letter-spacing:.15em}watches-icons .wtDial{position:relative;z-index:1;margin-top:0;background:#460032 linear-gradient(160deg,#460032,#5e2b47);color:#e8e3dd}watches-icons .wtDial__stick{position:sticky;top:0;height:100svh;overflow:hidden;background:#460032 linear-gradient(160deg,#460032,#5e2b47)}watches-icons .wtDial__stick:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120vmax 90vmax at 30% 58%,#0e060b00 30%,#0e060b57)}watches-icons .wtDial__in{position:relative}watches-icons .wtDial__lead{height:100svh}watches-icons .wtDial__run{height:calc(var(--n) * 58svh)}watches-icons .wtDial__in{height:100%;max-width:calc(1336px + 2 * var(--padX));margin:0 auto;box-sizing:border-box;padding:var(--hdH) var(--padX) 0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:"clock ." "clock head" "clock info" "clock .";column-gap:clamp(40px,6.5vw,120px);align-items:center}watches-icons .wtDial__head{grid-area:head;padding-bottom:26px}watches-icons .wtDial__head .lpT--h{text-align:left}watches-icons .wtClock{grid-area:clock;align-self:center;position:relative;--D:min(calc(100svh - var(--hdH) - 64px),calc(56vw - var(--padX)),760px);width:var(--D);height:var(--D)}watches-icons .wtDial__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}watches-icons .wtRing{fill:none;stroke:#e8e3dd33;stroke-width:1.5}watches-icons .wtArc{fill:none;stroke:#f2decc;stroke-width:3;stroke-dasharray:360;stroke-dashoffset:calc(360 - var(--Adeg,0));stroke-linecap:round;opacity:.9}watches-icons .wtTick{stroke:#e8e3dd47;stroke-width:2}watches-icons .wtTickH{stroke:#f2decc;stroke-width:3.5;opacity:.85}watches-icons .wtNum{fill:#e8e3ddb8;font-family:var(--fd);font-size:40px;text-anchor:middle;dominant-baseline:central}watches-icons .wtHand{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--A,0deg));pointer-events:none}watches-icons .wtHand i{position:absolute;left:calc(50% - 1px);top:calc(var(--D) * .03);height:calc(var(--D) * .2);width:2px;background:linear-gradient(180deg,#f2decc,#f2decc40)}watches-icons .wtHand svg{position:absolute;left:calc(50% - 11px);top:calc(var(--D) * .006 - 11px);width:22px;height:22px;fill:#f2decc}watches-icons .wtHand{transition:transform .95s cubic-bezier(.34,1.25,.64,1)}watches-icons .wtArc{transition:stroke-dashoffset .95s cubic-bezier(.34,1.25,.64,1)}watches-icons .wtCore{position:absolute;left:50%;top:50%;width:calc(var(--D) * .46);height:calc(var(--D) * .46);margin:calc(var(--D) * -.23) 0 0 calc(var(--D) * -.23);border-radius:50%;overflow:hidden;background:#f1f2f2;box-shadow:0 0 0 1px #f2decc80}watches-icons .wtCore__i{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:0;transform:rotate(-26deg) scale(1.18);transition:opacity .35s var(--ease),transform .8s cubic-bezier(.34,1.56,.64,1)}watches-icons .wtCore__i.is-on{opacity:1;transform:rotate(0) scale(1.3)}watches-icons .wtCore__i.is-off{opacity:0;transform:rotate(26deg) scale(1.18)}watches-icons .wtFaces{position:absolute;top:0;right:0;bottom:0;left:0}watches-icons .wtFace{--a:calc(var(--k) * 360deg / var(--n));--f:calc(var(--D) * .15);position:absolute;left:calc(50% - var(--f) / 2);top:calc(50% - var(--f) / 2);width:var(--f);height:var(--f);padding:0;border:0;border-radius:50%;cursor:pointer;background:#f1f2f2;transform:rotate(var(--a)) translateY(calc(var(--D) * -.385)) rotate(calc(-1 * var(--a)));box-shadow:0 0 0 1px #f2decc47;transition:box-shadow .35s var(--ease)}watches-icons .wtFace img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;opacity:.8;filter:saturate(.8) brightness(.94);transform:scale(.9);transition:opacity .4s var(--ease),transform .6s cubic-bezier(.34,1.56,.64,1),filter .4s var(--ease)}watches-icons .wtFace:hover img{opacity:1;filter:none}watches-icons .wtFace[aria-pressed=true]{box-shadow:0 0 0 2px #f2decc}watches-icons .wtFace[aria-pressed=true] img{opacity:1;filter:none;transform:scale(1)}watches-icons .wtFace:focus-visible{outline:2px solid #F2DECC;outline-offset:4px}watches-icons .wtFace:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}watches-icons .wtInfo{grid-area:info;display:grid;align-self:start;max-width:470px}watches-icons .wtItem{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .35s var(--ease),visibility 0s linear .35s}watches-icons .wtItem.is-on{visibility:visible;opacity:1;transition:opacity .45s var(--ease) .1s,visibility 0s}watches-icons .wtItem>*{transform:translateY(14px);transition:transform .8s var(--lpE)}watches-icons .wtItem.is-on>*{transform:none}watches-icons .wtItem.is-on>:nth-child(2){transition-delay:.05s}watches-icons .wtItem.is-on>:nth-child(3){transition-delay:.1s}watches-icons .wtItem.is-on>:nth-child(4){transition-delay:.15s}watches-icons .wtItem.is-on>:nth-child(5){transition-delay:.2s}watches-icons .wtItem.is-on>:nth-child(6){transition-delay:.25s}watches-icons .wtItem__hr{display:flex;align-items:baseline;gap:16px;margin:0 0 14px}watches-icons .wtItem__hr span:first-child{font-family:var(--fd);font-weight:400;font-size:28px;line-height:1;color:#e8e3dd}watches-icons .wtItem__n{font-size:clamp(30px,3vw,44px);line-height:1.06;color:#fff}watches-icons .wtItem__s{margin:14px 0 0;font-size:var(--fz-body);line-height:var(--lh-body);color:#e8e3dd;max-width:44ch}watches-icons .wtItem__f{margin:10px 0 0;font-size:var(--ll-fz-name);line-height:1.5;color:#e8e3dd}watches-icons .wtItem__p{margin:18px 0 0;font-family:var(--fb);font-size:var(--ll-fz-name);font-weight:700;color:#fff}watches-icons .wtItem .lpBtn{margin-top:26px}watches-icons .wtDial__stick{position:relative;height:auto;overflow:hidden}watches-icons .wtDial__in{min-height:100svh;padding-top:64px;padding-bottom:64px}watches-icons .wtClock{--D:min(640px,calc(56vw - var(--padX)))}watches-icons .wtDial__run{display:none}watches-icons.is-scroll .wtDial__stick{position:sticky;top:0;height:100svh}watches-icons.is-scroll .wtDial__in{height:100%;padding-top:32px;padding-bottom:32px}watches-icons.is-scroll .wtClock{--D:min( calc(100svh - 96px) ,calc(56vw - var(--padX)),760px)}watches-icons.is-scroll .wtDial__run{display:block;height:calc(var(--n) * 58svh)}watches-icons .wtCore__i img,watches-icons .wtCore__i svg,watches-icons .wtFace svg{display:block;width:100%;height:100%;object-fit:cover;fill:#b9ac9a}watches-icons .wtFace svg{border-radius:50%}watches-icons .wtItem .wi-button{margin-top:26px}watches-icons .wi-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:16px 32px;border:1px solid rgba(232,227,221,.85);color:#e8e3dd;font-size:13px;line-height:16px;font-weight:640;letter-spacing:.22em;text-transform:uppercase;text-decoration:none}watches-icons .wi-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#e8e3dd;transform:scaleX(0);transform-origin:left;transition:transform .38s var(--lpE)}watches-icons .wi-button:hover,watches-icons .wi-button:focus-visible{color:#460032}watches-icons .wi-button:hover:before,watches-icons .wi-button:focus-visible:before{transform:scaleX(1)}watches-icons .wi-button:focus-visible{outline:2px solid #f2decc;outline-offset:4px}watches-icons .wi-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}watches-icons .wtItem:not(.is-on){pointer-events:none}@media(max-width:900px){watches-icons .wtDial__in{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"head" "clock" "info";align-content:center;justify-items:center;row-gap:24px;padding:48px 28px}watches-icons .wtDial__head{padding:0;text-align:center}watches-icons .wtDial__head .lpT--h{text-align:center}watches-icons .wtClock{--D:min(84vw,520px)}watches-icons.is-scroll .wtClock{--D:min(84vw, calc(100svh - 370px) ,560px)}watches-icons.is-scroll .wtDial__in{row-gap:12px;padding:24px 28px}watches-icons .wtInfo{max-width:520px;width:100%;text-align:center}watches-icons .wtItem__hr{justify-content:center;margin-bottom:6px}watches-icons .wtItem__hr span:first-child{font-size:22px}watches-icons .wtItem__n{font-size:26px}watches-icons .wtItem__s{margin:8px auto 0;max-width:36ch}watches-icons .wtItem__f{display:none}watches-icons .wtItem__p{margin-top:8px}watches-icons .wtItem .wi-button{margin-top:14px}}@media(prefers-reduced-motion:reduce){watches-icons *,watches-icons *:before{transition:none!important}}watches-icons .wtDial__stick{background-image:var(--wi-background),linear-gradient(160deg,#460032,#5e2b47);background-size:cover;background-position:60% 50%;background-blend-mode:soft-light,normal}watches-icons.is-scroll .wtDial__stick{top:var(--wi-sticky-top,0px);height:auto;min-height:100svh}watches-icons.is-scroll .wtDial__in{height:auto;min-height:100svh}@media(max-width:900px){watches-icons.is-scroll .wtClock{--D:min(84vw,max(220px, calc(100svh - 370px) ),560px)}}@media(min-width:901px)and (max-height:699px){watches-icons.is-scroll .wtClock{--D:min(max(260px, calc(100svh - 64px) ),calc(56vw - var(--padX)),760px)}}watches-icons.is-scroll .wtDial__stick{top:var(--wi-sticky-top,0px);height:var(--wi-available,100svh);min-height:0;overflow-y:auto}watches-icons.is-scroll .wtDial__in{height:100%;min-height:0}watches-icons.is-scroll .wtHand,watches-icons.is-scroll .wtArc{transition:none}watches-icons.is-scroll .wtClock{--D:min(calc(var(--wi-available,100svh) - 64px),calc(56vw - var(--padX)),760px)}@media(max-width:900px){watches-icons.is-scroll .wtDial__in{align-content:start;padding:16px 22px 20px;row-gap:12px}watches-icons .wtDial__head .lpT--h{font-size:clamp(24px,6.4vw,30px)}watches-icons .wtItem__n{font-size:23px}watches-icons .wtItem__s{font-size:16px;line-height:1.4;margin-top:6px}watches-icons .wtItem__p{font-size:15px;margin-top:7px}watches-icons .wtItem__hr span:first-child{font-size:20px}watches-icons .wtItem .wi-button{margin-top:10px;min-height:44px;padding:12px 24px;font-size:11px}}@media(min-width:901px){watches-icons.is-scroll .wtDial__stick{overflow:hidden;height:auto;min-height:var(--wi-available,100svh)}watches-icons.is-scroll .wtDial__in{height:auto;min-height:var(--wi-available,100svh);grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr)}}watches-icons.is-scroll .wtHand{will-change:transform}
/*# sourceMappingURL=/cdn/shop/t/58/assets/watches-icons.css.map */