.rts{--rts-bg: #f9fafc;--rts-accent: #9db6d1;--rts-text: #616262;--rts-muted: #c4c4c4;--rts-title: #3c4646;--rts-hand: #76777b;--rts-hand-active: #85a3b9;--rts-face: 244px;--rts-clock: 244px;--rts-thermo: 170px;--rts-field-w: 58px;--rts-field-h: 44px;--rts-field-font: 18px;position:relative;overflow:hidden;padding:100px 24px 90px;background:var(--rts-bg);color:var(--rts-text);text-align:center}.rts *,.rts *:before,.rts *:after{box-sizing:border-box}.rts__inner{max-width:1500px;margin:0 auto}.rts .rts__title{margin:0 0 90px;color:var(--rts-title);font-size:clamp(28px,3.1vw,46px);line-height:1.15;letter-spacing:.06em;text-transform:uppercase}.rts__stage{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:72px}.rts__controls,.rts__aside{justify-self:center}.rts__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 16px}.rts__time,.rts__extra{display:flex;align-items:center}.rts__extra{gap:16px}.rts__sep{width:12px;color:var(--rts-muted);font-size:14px;line-height:1;text-align:center}.rts .rts__field{display:block;width:var(--rts-field-w);height:var(--rts-field-h);min-height:0;max-width:none;margin:0;padding:0;border:0;border-radius:8px;box-shadow:none;outline:0;background:#fff;color:var(--rts-text);font-size:var(--rts-field-font);line-height:var(--rts-field-h);text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color .3s ease,color .3s ease}.rts .rts__field:focus-visible,.rts .rts__field--temp:focus-within{box-shadow:0 0 0 2px var(--rts-accent)}.rts .rts__controls label.rts__field--temp{display:flex;align-items:center;justify-content:center;width:calc(var(--rts-field-w) + 18px);margin:0;font-size:var(--rts-field-font);letter-spacing:normal;text-transform:none;cursor:text}.rts .rts__field--temp input{width:1.3em;height:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;outline:0;background:none;color:inherit;font-size:inherit;text-align:right;-webkit-appearance:none;appearance:none}.rts .rts__field--gmt{width:auto;padding:0 34px 0 16px;text-align:left;text-indent:0;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23999a9a'/%3E%3C/svg%3E") no-repeat right 14px center / 10px 6px}.rts .rts__field--gmt::-ms-expand{display:none}.rts[data-rts-active=hour] [data-rts-input=hour],.rts[data-rts-active=minute] [data-rts-input=minute],.rts[data-rts-active=second] [data-rts-input=second],.rts[data-rts-active=temp] .rts__field--temp,.rts[data-rts-active=gmt] .rts__field--gmt{background-color:var(--rts-accent);color:#fff}.rts[data-rts-active=gmt] .rts__field--gmt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23fff'/%3E%3C/svg%3E")}.rts .rts__field--gmt option{background:#fff;color:var(--rts-text)}.rts__watch{position:relative}.rts-watch{position:relative;width:var(--rts-face);height:var(--rts-face);border-radius:50%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.rts.is-dragging,.rts.is-dragging *{cursor:grabbing!important}.rts-watch__face,.rts-watch__minute,.rts-watch__disc,.rts-sub__img,.rts-sub__rot,.rts-sub__disc,.rts-sub__oval span{position:absolute;background-position:center;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}.rts-watch__face,.rts-watch__minute,.rts-sub__img,.rts-sub__rot{top:0;right:0;bottom:0;left:0}.rts-watch__minute,.rts-sub__rot,.rts-sub{will-change:transform}.rts-watch__disc{left:5.2%;top:5.2%;width:89.6%;height:89.6%;opacity:0;transition:opacity .4s ease}.rts-watch__hand,.rts-sub__hand{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.rts-watch__hand path,.rts-sub__hand path{fill:var(--rts-hand);transition:fill .4s ease}.rts-sub{position:absolute;border-radius:50%;cursor:grab;pointer-events:auto}.rts-sub--runner{left:12.235%;top:25.825%;width:23.43%;height:23.43%}.rts-sub--gmt{left:63.025%;top:25.355%;width:24.37%;height:24.37%}.rts-sub--hour{left:26.38%;top:42.22%;width:46.3%;height:46.3%}.rts-sub__disc{left:10%;top:10%;width:80%;height:80%;opacity:0;transition:opacity .4s ease}.rts-sub__marker{transition:opacity .4s ease}.rts-sub__oval{position:absolute;left:23.17%;top:36.15%;width:53.67%;height:53.67%;clip-path:inset(76.42% 39.02% 12.2% 39.84% round 999px)}.rts-sub__oval span{top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease}.rts-sub__oval span.is-on,.rts[data-rts-active=minute] .rts-watch__disc,.rts[data-rts-active=hour] .rts-sub--hour .rts-sub__disc,.rts[data-rts-active=second] .rts-sub--runner .rts-sub__disc,.rts[data-rts-active=gmt] .rts-sub--gmt .rts-sub__disc{opacity:1}.rts[data-rts-active=second] .rts-sub--runner .rts-sub__marker,.rts[data-rts-active=gmt] .rts-sub--gmt .rts-sub__marker{opacity:0}.rts[data-rts-active=minute] .rts-watch__hand path,.rts[data-rts-active=hour] .rts-sub__hand path{fill:var(--rts-hand-active)}.rts[data-rts-active=hour] .rts-sub__oval{clip-path:none}.rts-watch__drag{position:absolute;top:50%;left:calc(100% + 28px);width:32px;height:74px;margin-top:-37px;background:no-repeat center / contain;pointer-events:none}.rts__aside{display:flex;align-items:center;gap:clamp(50px,6.25vw,120px)}.rts-clock{position:relative;flex:0 0 auto;width:var(--rts-clock);height:var(--rts-clock);border-radius:50%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.rts-clock__face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.rts-clock__face line{stroke:var(--rts-muted);stroke-width:1.2}.rts-clock__face line.is-major{stroke-width:2.4}.rts-clock__hand{position:absolute;left:44.445%;bottom:41.11%;width:11.11%;will-change:transform}.rts-clock__hand--hour{height:35.56%;transform-origin:50% 75%}.rts-clock__hand--minute{height:52.22%;transform-origin:50% 82.98%}.rts-clock__hand--second{height:50.56%;transform-origin:50% 82.42%}.rts-clock__hand span{position:absolute;top:0;right:0;bottom:0;left:0;background:no-repeat center / 100% 100%;transition:opacity .4s ease}.rts-clock__hand span.is-active{opacity:0}.rts[data-rts-active=hour] .rts-clock__hand--hour span.is-active,.rts[data-rts-active=minute] .rts-clock__hand--minute span.is-active,.rts[data-rts-active=second] .rts-clock__hand--second span.is-active{opacity:1}.rts-thermo{position:relative;flex:0 0 auto;width:64px;height:var(--rts-thermo);margin-bottom:30px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.rts-thermo__bar{position:absolute;top:0;bottom:0;left:14px;width:7px;overflow:hidden;border-radius:4px;background:#66696b}.rts-thermo__fill{position:absolute;left:0;right:0;bottom:0;background:#a3a5a6}.rts[data-rts-active=temp] .rts-thermo__fill{background:var(--rts-accent)}.rts-thermo__bar i{position:absolute;left:0;right:0;height:1px;background:#ffffff59}.rts-thermo__marker{position:absolute;left:2px;width:0;height:0;margin-bottom:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--rts-accent)}.rts .rts-thermo__scale{position:absolute;top:0;bottom:0;left:34px;margin:0;padding:0;list-style:none}.rts .rts-thermo__scale li{position:absolute;left:0;margin:0 0 -.6em;padding:0;color:var(--rts-muted);font-size:14px;line-height:1.2;list-style:none}.rts-thermo__unit{position:absolute;top:calc(100% + 8px);left:26px;color:var(--rts-muted);font-size:22px;line-height:1}.rts__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 46px;margin-top:90px}.rts .rts__tab{min-width:0;margin:0;padding:4px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--rts-muted);font:inherit;font-size:17px;letter-spacing:.03em;text-transform:none;cursor:pointer;transition:color .3s ease}.rts .rts__tab:hover{color:#8d8f90}.rts .rts__tab--now{color:#505050}.rts .rts__tab--now:hover{color:var(--rts-accent)}.rts[data-rts-active=hour] .rts__tab[data-rts-type=hour],.rts[data-rts-active=minute] .rts__tab[data-rts-type=minute],.rts[data-rts-active=second] .rts__tab[data-rts-type=second],.rts[data-rts-active=temp] .rts__tab[data-rts-type=temp],.rts[data-rts-active=gmt] .rts__tab[data-rts-type=gmt]{color:var(--rts-accent);cursor:default}@media only screen and (max-width:1365px){.rts{--rts-thermo: 160px}.rts__stage{grid-template-columns:auto auto;justify-content:center;column-gap:clamp(90px,11vw,160px);row-gap:70px}.rts__controls{grid-column:1 / -1}}@media only screen and (max-width:1023px){.rts{--rts-thermo: 150px;padding:70px 20px 60px}.rts .rts__title{margin-bottom:60px}.rts__tabs{margin-top:60px}}@media only screen and (max-width:767px){.rts{--rts-face: min(68vw, 244px);--rts-clock: min(50vw, 210px);--rts-thermo: min(40vw, 150px);--rts-field-w: 54px;--rts-field-h: 42px;--rts-field-font: 17px;padding:56px 16px 48px}.rts .rts__title{margin-bottom:40px}.rts__stage{grid-template-columns:minmax(0,1fr);row-gap:44px}.rts__watch{order:-1;justify-self:center}.rts__aside{gap:36px}.rts-watch__drag{left:calc(100% + 10px);width:26px;height:60px;margin-top:-30px}.rts__extra{gap:12px}.rts__tabs{gap:10px 26px;margin-top:44px}.rts .rts__tab{font-size:15px}}@media(prefers-reduced-motion:reduce){.rts *,.rts *:before,.rts *:after{transition-duration:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/time-simulator.css.map */