.hero-clock{position:absolute;top:0;right:0;bottom:0;left:0;--clock-body: #C4583A;--clock-hand: #C4583A}.hero-clock__label{position:absolute;left:32px;top:30px;z-index:1;font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#4a3f33}.hero-clock__art{position:absolute;left:16.5cqw;top:6.1cqw;width:67.1cqw;aspect-ratio:1}.hero-clock__art span{position:absolute;display:block}.hero-clock__bracket{left:4%;top:20%;width:14%;height:60%;border-radius:4px;background:var(--clock-body);filter:brightness(.82)}.hero-clock__body{left:14%;top:24%;width:82%;height:52%;border-radius:8px 999px 999px 8px;background:var(--clock-body)}.hero-clock__dial{left:26%;top:31%;width:62%;height:38%;border-radius:999px;background:#fbf8f2}.hero-clock__tick{border-radius:2px;background:var(--clock-hand)}.hero-clock__tick--12{left:56.25%;top:33.5%;width:1.5%;height:4%}.hero-clock__tick--6{left:56.25%;top:62.5%;width:1.5%;height:4%}.hero-clock__tick--3{left:82%;top:49.25%;width:4%;height:1.5%}.hero-clock__tick--9{left:29%;top:49.25%;width:4%;height:1.5%}.hero-clock__hand{bottom:50%;transform-origin:50% 100%;border-radius:4px;background:var(--clock-hand)}.hero-clock__hand--hour{left:55.75%;width:2.5%;height:11%;transform:rotate(305deg)}.hero-clock__hand--min{left:56%;width:2%;height:16%;transform:rotate(60deg)}.hero-clock__sec{left:56.5%;bottom:46%;width:1%;height:21%;transform-origin:50% 81%;border-radius:2px;background:#1f1d1b}.hero-clock__pin{left:55%;top:48%;width:4%;height:4%;border-radius:50%;background:#c9a96e}.hero-clock__bracket,.hero-clock__body,.hero-clock__tick{transition:background-color .7s ease}.hero-clock.is-live .hero-clock__hand{transition:transform .6s ease,background-color .7s ease}.hero-clock.is-live .hero-clock__sec{transition:transform .3s cubic-bezier(.3,1.9,.55,1)}.hero-clock:not(.is-live) .hero-clock__hand{transition:background-color .7s ease}.hero-clock__bar{position:absolute;left:32px;right:32px;bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hero-clock__swatches{display:flex;flex-wrap:wrap;gap:4px}.hero-clock__swatch{position:relative;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.hero-clock__swatch:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #1f1d1b26;transition:box-shadow .3s ease,transform .2s ease}.hero-clock__swatch:hover:before{transform:scale(1.08)}.hero-clock__swatch[aria-pressed=true]:before{box-shadow:0 0 0 3px var(--color-sand),0 0 0 5px var(--color-text)}.hero-clock__now{margin:0;display:flex;align-items:center;height:44px;padding:0 18px;border-radius:999px;background:var(--color-bg);font-size:14px;white-space:nowrap}.hero-clock__now strong{font-weight:700}@media(min-width:750px)and (max-width:989px){.hero__media{width:100%;max-width:600px;justify-self:center}}@media(max-width:989px){.hero-clock__label{left:16px;top:16px;font-size:12px}.hero-clock__art{top:11cqw}.hero-clock__bar{left:12px;right:12px;bottom:12px;flex-direction:column;gap:4px}.hero-clock__swatch{width:36px;height:36px}.hero-clock__now{height:auto;padding:0;background:none;font-size:13px}}@media(prefers-reduced-motion:reduce){.hero-clock *,.hero-clock.is-live *{transition:none!important}.hero-clock__sec{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hero-clock.css.map */