.story-overlay[hidden]{display:none}.story-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#ffffff8c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.story-overlay__close{position:absolute;top:20px;right:var(--page-pad);display:flex;align-items:center;gap:4px;padding:0 8px 0 0;font-family:var(--font-script-original);font-size:24px;font-weight:400;line-height:1.2;letter-spacing:.07px;text-transform:uppercase;width:99.263px}.story-overlay__close span{flex:0 0 62px}.story-overlay__close img{display:block;width:25.263px;height:24px;object-fit:contain;transform:translateY(-2px)}.story-overlay__content{width:min(760px,calc(100vw - 80px));height:min(648px,calc(100vh - 80px));height:min(648px,calc(100dvh - 80px));display:flex;flex-direction:column;align-items:stretch;transform:translateY(-4px)}.story-overlay__title{margin:0 0 20px;font-family:var(--font-script);font-size:24px;font-weight:400;line-height:1.2;letter-spacing:.07px;text-align:center;text-transform:uppercase;white-space:nowrap;flex:0 0 auto}.story-overlay__stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;max-width:100%}.story-overlay__image,.story-overlay__video{width:100%;height:100%;min-height:0;object-fit:contain;display:block}.story-overlay__image[hidden],.story-overlay__video[hidden]{display:none}.story-overlay__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.story-overlay__arrow--prev{left:32px}.story-overlay__arrow--next{right:32px}.story-overlay__footer{display:flex;align-items:center;align-self:center;justify-content:space-between;gap:20px;max-width:100%;min-height:21px;margin-top:8px;font-family:var(--font-serif);font-size:16px;font-weight:400;line-height:1.3;letter-spacing:.07px;flex:0 0 auto}.story-overlay__caption{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-overlay__counter{flex:0 0 auto;white-space:nowrap}body.story-open{overflow:hidden}@media(max-width:950px){.story-overlay{padding:71px 15px 24px}.story-overlay__content{width:100%;height:min(720px,calc(100vh - 95px));height:min(720px,calc(100dvh - 95px));transform:none}.story-overlay__title{margin-bottom:16px;white-space:normal}.story-overlay__footer{align-items:flex-start}.story-overlay__caption{white-space:normal}.story-overlay__arrow--prev{left:20px}.story-overlay__arrow--next{right:20px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/story-overlay.css.map */