.zsp{display:block;position:relative;height:calc(var(--zsp-length, 400) * 1vh)}.zsp__sticky{position:sticky;top:var(--zsp-offset, 0px);height:calc(100vh - var(--zsp-offset, 0px));height:calc(100svh - var(--zsp-offset, 0px));display:grid;place-items:center;overflow:hidden}.zsp__box{position:relative;width:min(100%,calc(100svh - var(--zsp-offset, 0px)),1100px);aspect-ratio:1;overflow:hidden;background:#000}.zsp__stage{position:absolute;top:0;left:0;width:2000px;height:2000px;transform-origin:0 0}.zsp__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:2000px;height:2000px;max-width:none;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.zsp__cap{position:absolute;left:482px;top:1150px;width:1455px;height:313px;transform-origin:0 0;transform:rotate(-27.6deg) translate(-205px,-44px)}.zsp__hint{position:absolute;left:0;right:0;bottom:4%;margin:0;text-align:center;color:#fff9;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;transition:opacity .6s ease}.zsp__hint.is-hidden{opacity:0}.zsp--static{height:auto}.zsp--static .zsp__sticky{position:relative;top:0;height:auto}.zsp--inline{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.zsp--inline .zsp__sticky{position:relative;top:0;display:block;height:100%}.zsp--inline .zsp__box{width:100%;height:100%;max-width:none;aspect-ratio:auto}.zsp-flash{animation:zsp-flash 1.4s ease-out 1}@keyframes zsp-flash{0%,to{box-shadow:0 0 #c8f33600}30%{border-color:#c8f336;box-shadow:0 0 0 3px #c8f336,0 0 40px 8px #c8f33699}}@media(prefers-reduced-motion:reduce){.zsp-flash{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-zpen-scroll-pen.css.map */