veyra-photo-story{display:block;position:relative;background:#050608;color:#fff;--vps-nav:72px;--vps-height: calc(100vh - 72px) }.vps-stage{background:#050608;padding:32px 24px}.vps-inner{max-width:1152px;margin:auto}.vps-layer{margin:32px 0}.vps-layer h2{margin:0;text-align:center;font-size:clamp(46px,7vw,100px);font-weight:700;letter-spacing:-.04em;line-height:1.08;background:linear-gradient(105deg,#eef7ff,#549eff);-webkit-background-clip:text;background-clip:text;color:transparent}.vps-picture{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:16px;background:#050608}.vps-picture img{display:block;width:100%;height:100%;object-fit:contain}.vps-zoom-image{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(var(--vps-zoom,1));transform-origin:40% 54%}.vps-controls{width:100%;max-width:1050px;margin:16px auto 0}.vps-zoom-heading{margin:0 0 8px;color:#94c6ff;font-size:18px;font-weight:600}.vps-control-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.vps-control-head label{font-size:14px;color:#d1d9e7}.vps-control-head output{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums}.vps-slider-row{display:flex;align-items:center;gap:16px;color:#bbc5d5;font-size:13px}.vps-slider-row input{flex:1;min-width:0;height:44px;margin:0;accent-color:#64acff;cursor:ew-resize;touch-action:pan-y}.vps-slider-row input:focus-visible,.vps-reset:focus-visible{outline:2px solid #83bdff;outline-offset:3px;border-radius:6px}.vps-reset{display:block;margin-left:auto;border:1px solid #485467;border-radius:20px;background:transparent;color:#edf3ff;padding:6px 16px;font:inherit;font-size:12px;cursor:pointer;min-height:36px}veyra-photo-story[data-ready]{height:calc(var(--vps-height)*4.08)}[data-ready]>.vps-stage{position:sticky;top:var(--vps-nav);height:var(--vps-height);box-sizing:border-box;padding:24px;overflow:hidden}[data-ready] .vps-inner{position:relative;height:100%}[data-ready] .vps-layer{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none}[data-ready] .vps-intro{opacity:1}[data-ready] .vps-day{z-index:2}[data-ready] .vps-picture{flex:none;width:min(100%,calc((var(--vps-height) - 230px)*1.777778));max-width:1050px}[data-ready] .vps-controls{flex:none;opacity:0}[data-ready] .vps-night .vps-picture{width:min(100%,calc((var(--vps-height) - 64px)*1.777778));max-width:1152px}[data-active] .vps-zoom-image{will-change:transform}[data-active] .vps-layer{will-change:opacity,transform}@media(max-width:749px){veyra-photo-story{--vps-nav:60px;--vps-height: calc(100vh - 60px) }.vps-stage{padding:24px 16px}[data-ready]>.vps-stage{padding:20px 16px}.vps-layer h2{font-size:clamp(40px,12vw,64px)}.vps-picture{border-radius:10px}.vps-zoom-heading{font-size:17px}.vps-control-head label{font-size:13px;max-width:240px}.vps-control-head output{font-size:18px}}@media(prefers-reduced-motion:reduce){veyra-photo-story[data-ready]{height:auto}[data-ready]>.vps-stage{position:relative;top:0;height:auto}[data-ready] .vps-layer{position:relative;opacity:1;pointer-events:auto;margin:32px 0}[data-ready] .vps-controls{opacity:1}}.vps-subcopy{max-width:560px;margin:20px auto 0;text-align:center;font-size:clamp(15px,1.5vw,20px);line-height:1.5;color:#c4cedd}.vps-zoom-copy{margin:0 0 12px;color:#c4cedd;font-size:14px;line-height:1.45}.vps-controls{max-width:560px}.vps-control-head label{font-size:13px}[data-ready] .vps-day .vps-picture{width:min(100%,calc((var(--vps-height) - 285px)*1.777778))}@media(max-width:749px){.vps-subcopy{max-width:320px;margin-top:16px}.vps-zoom-copy{font-size:13px}.vps-controls{max-width:100%}}@media(max-height:500px){.vps-zoom-copy{margin-bottom:4px;font-size:12px}.vps-controls{margin-top:8px}.vps-zoom-heading{margin-bottom:4px}.vps-slider-row input{height:32px}[data-ready] .vps-day .vps-picture{width:min(100%,calc((var(--vps-height) - 220px)*1.777778))}}.vps-controls{visibility:hidden;pointer-events:none}.vps-slider-row input{appearance:none;-webkit-appearance:none;display:block;height:48px;padding:0;border:0;background:transparent;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:pointer}.vps-slider-row input::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(to right,#64acff 0 var(--vps-fill,0%),#51555d var(--vps-fill,0%) 100%)}.vps-slider-row input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:32px;height:32px;margin-top:-12px;border:2px solid #d9ecff;border-radius:50%;background:#64acff;box-shadow:0 0 0 4px #64acff21}.vps-slider-row input::-moz-range-track{height:8px;border-radius:8px;background:#51555d}.vps-slider-row input::-moz-range-progress{height:8px;background:#64acff;border-radius:8px}.vps-slider-row input::-moz-range-thumb{box-sizing:border-box;width:32px;height:32px;border:2px solid #d9ecff;border-radius:50%;background:#64acff}.vps-slider-row input[data-pointer-focus=true]:focus{outline:none!important;box-shadow:none!important}veyra-photo-story,veyra-photo-story .vps-stage,veyra-photo-story .vps-picture{background:#000}
/*# sourceMappingURL=/cdn/shop/t/235/assets/veyra-photo-story.css.map */