.vh-lost{--_fg: var(--vh-on-media);--_soft: rgb(255 255 255 / .74);--_faint: rgb(255 255 255 / .52);--_fade: clamp(96px, 18svh, 220px);--_media-out: calc(var(--vh-lost-blur, 18) * -2.5px);position:relative;isolation:isolate;background:var(--vh-night);color:var(--_fg)}.vh-lost:before,.vh-lost:after{content:"";position:absolute;z-index:2;inset-inline:0;block-size:var(--_fade);pointer-events:none}.vh-lost:before{top:0;background:linear-gradient(180deg,var(--vh-night) 0%,color-mix(in srgb,var(--vh-night) 72%,transparent) 30%,color-mix(in srgb,var(--vh-night) 30%,transparent) 64%,transparent 100%)}.vh-lost:after{bottom:0;background:linear-gradient(0deg,var(--vh-night) 0%,color-mix(in srgb,var(--vh-night) 72%,transparent) 30%,color-mix(in srgb,var(--vh-night) 30%,transparent) 64%,transparent 100%)}.vh-lost__stage{position:relative;z-index:1;overflow:clip}.vh-lost__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden}.vh-lost__media>img,.vh-lost__media>video{position:absolute;inset:var(--_media-out);inline-size:calc(100% - 2 * var(--_media-out));block-size:calc(100% - 2 * var(--_media-out));max-inline-size:none;object-fit:cover;filter:blur(calc(var(--vh-lost-blur, 18) * 1px))}.vh-lost__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(60% 50% at 30% 30%,rgb(72 38 124 / .7),transparent 72%),radial-gradient(50% 45% at 78% 74%,rgb(110 64 176 / .32),transparent 70%),var(--vh-night)}.vh-lost__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 90% at 50% 46%,transparent 42%,rgb(5 3 8 / .34) 100%),rgb(5 3 8 / var(--vh-lost-dim, .6));pointer-events:none}.vh-lost__frame{position:relative;display:grid;gap:clamp(88px,12vw,168px);max-inline-size:920px;margin-inline:auto;padding:max(var(--vh-header-clear),clamp(96px,12vw,168px)) clamp(20px,5vw,64px) clamp(96px,12vw,168px);text-align:center}.vh-lost__scene{min-inline-size:0}.vh-lost__scene--dots{display:grid;gap:0}.vh-lost__title{margin:0 auto;max-inline-size:20ch;color:var(--_fg);font-family:var(--font-heading-family);font-size:clamp(30px,3.4vw,50px);font-weight:var(--vh-heading-weight);line-height:1.04;letter-spacing:-.028em;text-wrap:balance}.vh-lost__n{color:var(--vh-orange);font-variant-numeric:tabular-nums;white-space:nowrap}.vh-lost__cap{margin:clamp(16px,2.2svh,26px) auto 0;max-inline-size:44ch;color:var(--_soft);font-size:clamp(14px,1.05vw,16px);line-height:1.5;text-wrap:pretty}.vh-lost__closing{margin:0 auto;max-inline-size:18ch;color:var(--_fg);font-family:var(--font-heading-family);font-size:clamp(32px,4.2vw,60px);font-weight:var(--vh-heading-weight);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}.vh-lost__cta{margin-top:clamp(24px,3.4svh,40px)}.vh-lost__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:16px 24px;max-inline-size:600px;margin:clamp(24px,3.6svh,40px) auto 0;text-align:left}.vh-lost__field{min-inline-size:0}.vh-lost__field-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 6px 8px;color:var(--_soft);font-size:13.5px;line-height:1.3}.vh-lost__value{flex:none;color:var(--_fg);font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.vh-lost__range{display:flex;align-items:center;min-block-size:46px;padding:0 14px;border-radius:999px;background:var(--vh-field-bg);box-shadow:inset 0 0 0 1px var(--vh-field-edge),inset 0 1px #ffffff1f;-webkit-backdrop-filter:var(--vh-glass-blur);backdrop-filter:var(--vh-glass-blur);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .3s var(--vh-ease-out),box-shadow .3s var(--vh-ease-out)}.vh-lost__range.is-dragging{background:var(--vh-field-bg-focus)}@media(hover:hover){.vh-lost__range:hover{background:var(--vh-field-bg-focus)}}.vh-lost__range:has(.vh-lost__input:focus-visible){background:var(--vh-field-bg-focus);box-shadow:inset 0 0 0 1px var(--vh-field-edge-focus),0 0 0 4px #ffffff14}.vh-lost__input{--_t: 22px;-webkit-appearance:none;appearance:none;display:block;inline-size:100%;block-size:var(--_t);margin:0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:pan-y}.vh-lost__input:focus,.vh-lost__input:focus-visible{outline:none}.vh-lost:is(.is-live,.is-static) .vh-lost__input{pointer-events:none}.vh-lost__input::-webkit-slider-runnable-track{block-size:4px;border-radius:4px;background:linear-gradient(90deg,#ffffffeb 0 calc(var(--_t) / 2 + var(--fill, 0) * (100% - var(--_t))),#ffffff2e 0)}.vh-lost__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--_t);block-size:var(--_t);margin-top:calc((4px - var(--_t)) / 2);border:0;border-radius:50%;background:#fff}.vh-lost__input::-moz-range-track{block-size:4px;border-radius:4px;background:#ffffff2e}.vh-lost__input::-moz-range-progress{block-size:4px;border-radius:4px;background:#ffffffeb}.vh-lost__input::-moz-range-thumb{inline-size:var(--_t);block-size:var(--_t);border:0;border-radius:50%;background:#fff}.vh-lost__result{margin:clamp(24px,3.6svh,40px) 0 0}.vh-lost__big{display:block;color:var(--_fg);font-family:var(--font-heading-family);font-size:clamp(54px,6.6vw,96px);font-weight:500;line-height:.95;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.vh-lost__big-label{display:block;margin-top:10px;color:var(--_soft);font-size:clamp(14px,1.05vw,16px)}.vh-lost__art{display:block;inline-size:100%;margin-top:clamp(20px,3svh,36px)}.vh-lost__art.is-year{aspect-ratio:53 / 7.6}.vh-lost__art.is-life{block-size:clamp(180px,24vw,280px)}.vh-lost__scene--dots .vh-lost__title+.vh-lost__art{margin-top:clamp(24px,3.4svh,40px)}.vh-lost__scene--dots .vh-lost__cap+.vh-lost__title,.vh-lost__scene--dots .vh-lost__art+.vh-lost__title{margin-top:clamp(72px,10vw,128px)}.vh-lost__graph{--k: 1;max-inline-size:620px;margin:clamp(20px,3svh,34px) auto 0;text-align:left}.vh-lost__axis{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 14px;color:var(--_faint);font-size:12.5px;line-height:1.3}.vh-lost__clock{flex:none;color:var(--_fg);font-variant-numeric:tabular-nums}.vh-lost__clock:empty{display:none}.vh-lost__lane.is-vivid{--_lane: var(--vh-orange);--_lane-fill: rgb(255 122 26 / .3)}.vh-lost__lane.is-after{--_lane: #FFFFFF;--_lane-fill: rgb(255 255 255 / .2)}.vh-lost__lane+.vh-lost__lane{margin-top:clamp(14px,2.4svh,24px)}.vh-lost__lane-head{display:flex;align-items:center;gap:10px;margin:0 0 6px;color:var(--_soft);font-size:13.5px;line-height:1.3}.vh-lost__swatch{flex:none;inline-size:14px;block-size:2.5px;border-radius:2px;background:var(--_lane)}.vh-lost__plot{position:relative;block-size:clamp(60px,9svh,92px);border-bottom:1px solid rgb(255 255 255 / .14)}.vh-lost__hill,.vh-lost__hill>svg{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%}.vh-lost__hill>svg{overflow:visible}.vh-lost__hill-area{fill:#ffffff0b}.vh-lost__hill-line{fill:none;stroke:#ffffff4d;stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.vh-lost__hill.is-lit{clip-path:inset(-4px calc((1 - var(--k)) * 100%) -4px calc(var(--at) * 100%))}.vh-lost__hill.is-lit .vh-lost__hill-area{fill:var(--_lane-fill)}.vh-lost__hill.is-lit .vh-lost__hill-line{stroke:var(--_lane);stroke-width:2}.vh-lost__take{position:absolute;bottom:0;left:calc(var(--at) * 100%);inline-size:1px;block-size:100%;background:linear-gradient(to top,var(--_lane),transparent);opacity:.5}.vh-lost__take:after{content:"";position:absolute;bottom:-4px;left:0;inline-size:8px;block-size:8px;margin-left:-3.5px;border-radius:50%;background:var(--_lane)}.vh-lost__plot:after{content:"";position:absolute;top:-6px;bottom:0;left:calc(var(--k) * 100%);inline-size:1px;background:#ffffff29;opacity:0;transition:opacity .4s var(--vh-ease-out)}.vh-lost__graph.is-running .vh-lost__plot:after{opacity:1}.vh-lost__dot{position:absolute;top:calc(var(--y, .934) * 100%);left:calc(var(--k) * 100%);inline-size:9px;block-size:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#ffffff73;transition:background-color .3s var(--vh-ease-out),box-shadow .3s var(--vh-ease-out)}.vh-lost__lane.is-on .vh-lost__dot{background:var(--_lane);box-shadow:0 0 0 4px color-mix(in srgb,var(--_lane) 22%,transparent)}.vh-lost:not(.is-live) .vh-lost__dot{display:none}.vh-lost__state{position:absolute;top:0;right:0;max-inline-size:60%;color:var(--_fg);font-size:13px;font-weight:500;line-height:1.25;text-align:right;transition:opacity .5s var(--vh-ease-out),transform .5s var(--vh-ease-out)}.vh-lost__lane.is-vivid .vh-lost__state{color:var(--vh-orange)}.vh-lost.is-live .vh-lost__lane:not(.is-on) .vh-lost__state{opacity:0;transform:translateY(4px)}.vh-lost__ticks{position:relative;block-size:14px;margin-top:12px;color:var(--_faint);font:500 11.5px/1 var(--vh-font);font-variant-numeric:tabular-nums}.vh-lost__ticks span{position:absolute;top:0;left:calc(var(--x) * 100%);transform:translate(-50%);white-space:nowrap}.vh-lost__ticks span:first-child{transform:none}.vh-lost__ticks span:last-child{transform:translate(-100%)}.vh-lost__note{margin:14px 0 0;color:var(--_faint);font-size:12px;line-height:1.4;text-align:center}.vh-lost__scene--graph .vh-lost__cap{margin-top:clamp(12px,1.8svh,20px)}.vh-lost.is-live{block-size:calc(var(--vh-lost-track, 420) * 1vh);block-size:calc(var(--vh-lost-track, 420) * 1svh)}.vh-lost.is-live .vh-lost__stage{position:sticky;top:0;block-size:100vh;block-size:100svh}.vh-lost.is-live .vh-lost__frame{grid-template:minmax(0,1fr) / minmax(0,1fr);gap:0;block-size:100%;padding-block:calc(var(--vh-header-clear) + 4px) clamp(20px,4svh,44px)}.vh-lost.is-live .vh-lost__scene{grid-area:1 / 1;align-self:center}.vh-lost.is-live [data-from]{transform-origin:50% 50%}.vh-lost.is-live [data-from]:not(.is-active){pointer-events:none}.vh-lost.is-live .vh-lost__scene--dots{grid-template-areas:"head" "art" "cap";grid-template-rows:auto auto auto}.vh-lost.is-live .vh-lost__scene--dots>.is-head{grid-area:head;align-self:end;margin-top:0}.vh-lost.is-live .vh-lost__scene--dots>.is-life{grid-area:art}.vh-lost.is-live .vh-lost__scene--dots>.is-cap{grid-area:cap}.vh-lost.is-live .vh-lost__art.is-year{display:none}.vh-lost.is-live .vh-lost__art.is-life{block-size:clamp(150px,30svh,280px);margin-top:clamp(20px,3.4svh,36px)}@media(min-width:750px)and (max-height:760px){.vh-lost.is-live .vh-lost__title{font-size:clamp(28px,3vw,42px)}.vh-lost.is-live .vh-lost__big{font-size:clamp(48px,6vw,80px)}.vh-lost.is-live .vh-lost__closing{font-size:clamp(30px,3.6vw,52px)}.vh-lost.is-live .vh-lost__plot{block-size:56px}}@media(max-width:749px){.vh-lost.is-live{block-size:calc(var(--vh-lost-track-sm, 380) * 1vh);block-size:calc(var(--vh-lost-track-sm, 380) * 1svh)}.vh-lost__title{font-size:clamp(27px,7.6vw,34px)}.vh-lost__closing{font-size:clamp(30px,8.8vw,40px)}.vh-lost__cap{font-size:14.5px}.vh-lost__fields{grid-template-columns:1fr;gap:14px;margin-top:26px}.vh-lost__field-row{margin-bottom:8px;font-size:13.5px}.vh-lost__big{font-size:clamp(52px,16vw,72px)}.vh-lost__result{margin-top:24px}.vh-lost__big-label{margin-top:8px;font-size:14.5px}.vh-lost__art.is-year{aspect-ratio:21 / 18.6}.vh-lost__art.is-life{block-size:clamp(240px,70vw,320px)}.vh-lost.is-live .vh-lost__art.is-life{block-size:clamp(220px,44svh,330px)}.vh-lost__lane-head{font-size:13px}.vh-lost__plot{block-size:clamp(64px,10svh,84px)}.vh-lost__state{font-size:12.5px}.vh-lost__ticks span:nth-child(2n){display:none}}@media(max-width:749px)and (max-height:700px){.vh-lost.is-live .vh-lost__title{font-size:clamp(28px,8vw,34px)}.vh-lost.is-live .vh-lost__cap{margin-top:12px;font-size:14px;line-height:1.45}.vh-lost.is-live .vh-lost__fields{margin-top:18px;gap:10px}.vh-lost.is-live .vh-lost__range{min-block-size:46px}.vh-lost.is-live .vh-lost__result{margin-top:16px}.vh-lost.is-live .vh-lost__big{font-size:56px}.vh-lost.is-live .vh-lost__art.is-life{block-size:clamp(190px,40svh,300px);margin-top:16px}.vh-lost.is-live .vh-lost__graph{margin-top:12px}.vh-lost.is-live .vh-lost__plot{block-size:54px}.vh-lost.is-live .vh-lost__note{margin-top:10px}}@media(max-width:749px)and (max-height:600px){.vh-lost.is-live .vh-lost__scene--ask .vh-lost__cap,.vh-lost.is-live .vh-lost__scene--graph .vh-lost__cap{display:none}}@media(prefers-reduced-motion:reduce){.vh-lost__range,.vh-lost__dot,.vh-lost__state,.vh-lost__plot:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/vh-lost-days.css.map */