.loading-placeholder{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffffe6;z-index:1000;visibility:visible;opacity:1;transition:opacity .3s ease}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-placeholder.hidden{visibility:hidden;opacity:0}.interactive-image-column{display:flex;flex-direction:column;width:100%;max-width:1147px;margin:0 auto;scroll-snap-type:y mandatory}.image-container{position:relative;width:100%;scroll-snap-align:start;overflow:hidden}.image-container img{width:100%;height:auto;display:block}.viewport-gradient{position:fixed;bottom:0;left:0;width:100%;height:15vh;background:linear-gradient(to bottom,#fff0,#fdfff5);pointer-events:none;z-index:28}@keyframes pulse{0%{box-shadow:0 0 #ffa500b3;transform:scale(1)}50%{box-shadow:0 0 15px 10px #ffa5001a;transform:scale(1.05)}to{box-shadow:0 0 #ffa50000;transform:scale(1)}}.clickable-area.highlight{animation:pulse 2s ease-out infinite;transition:opacity .3s ease}.clickable-area.fade-highlight{animation:none;opacity:.8}.clickable-areas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:block}.clickable-area:before{content:" ";display:block}.clickable-area:empty{display:block!important}.clickable-area{z-index:18;position:absolute;pointer-events:auto;cursor:pointer;transition:transform .3s ease,background .3s ease}.clickable-area.hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#ffa5004d;transform-origin:center center}.clickable-area.rectangle{background:#00a5ff4d}.clickable-area:hover{background:#dd0222b3;transform:scale(1.1)}.scroll-to-top{z-index:29;position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:#fec200cc;border-radius:50%;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0003;transition:background .3s ease;pointer-events:auto}.scroll-to-top i{font-size:24px;color:#fff}.scroll-to-top:hover{background:#dd0222}.locked-placeholder{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:#f0f0f0}.locked-placeholder{display:block!important;visibility:visible!important;height:auto!important;width:auto!important}.locked-placeholder img{max-width:100%;max-height:100%;opacity:.8;border:1px solid red}@media(max-width:430px){.viewport-gradient{position:fixed;bottom:0;left:0;width:100%;height:15vh;background:linear-gradient(to bottom,#fff0,#fdfff5);pointer-events:none;z-index:28}.viewport-gradient:empty{display:block!important}}@media(min-width:769px){.viewport-gradient{display:none}}#passkey-form,#otp-form{display:none;position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;box-shadow:0 4px 8px #0003;z-index:1000}#passkey-form input,#otp-form input{width:100%;margin-bottom:10px}#passkey-form button,#otp-form button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/17/assets/interactive-webmag.css.map */