.shipstreak-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;display:none;opacity:0;transition:opacity .3s ease}.shipstreak-modal.active{display:block;opacity:1}.shipstreak-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:backdrop-filter .3s ease,background .3s ease;z-index:1}.shipstreak-modal.fullscreen .shipstreak-modal__backdrop{display:none}.shipstreak-modal__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:420px;height:55vh;max-height:420px;background:rgb(var(--color-background));border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;transition:all .3s ease;display:flex;flex-direction:column;z-index:2}.shipstreak-modal.fullscreen .shipstreak-modal__container{top:0;left:0;transform:none;width:100%;max-width:none;height:calc(100% - 65px);height:calc(100% - 65px - constant(safe-area-inset-bottom));height:calc(100% - 65px - env(safe-area-inset-bottom));max-height:none;border-radius:0;box-shadow:none}@media screen and (min-width: 750px){.shipstreak-modal.fullscreen .shipstreak-modal__container{height:100%}}.shipstreak-modal__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(var(--color-foreground),.1);background:rgb(var(--color-background));flex-shrink:0}.shipstreak-modal.fullscreen .shipstreak-modal__header{display:none}.shipstreak-modal__title{font-size:16px;font-weight:600;margin:0;color:rgb(var(--color-foreground))}.shipstreak-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));transition:background-color .2s ease}.shipstreak-modal__close:hover{background:rgba(var(--color-foreground),.1)}.shipstreak-modal__close svg{width:20px;height:20px}.shipstreak-modal__content{position:relative;flex:1;overflow:hidden;pointer-events:auto}.shipstreak-modal__iframe{width:100%;height:100%;border:none;background:rgb(var(--color-background));position:relative;z-index:1;pointer-events:auto}.shipstreak-modal__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgb(var(--color-background));z-index:2;pointer-events:none}.shipstreak-modal__loading.hidden{display:none}.shipstreak-modal__spinner{width:40px;height:40px;border:3px solid rgba(var(--color-foreground),.1);border-top-color:rgb(var(--color-button));border-radius:50%;animation:shipstreak-spin .8s linear infinite}@keyframes shipstreak-spin{to{transform:rotate(360deg)}}.shipstreak-modal__loading-text{margin-top:16px;color:rgba(var(--color-foreground),.6);font-size:14px}@media screen and (max-width: 749px){.shipstreak-modal__container{width:95%;height:60vh;max-height:450px}}body.shipstreak-modal-open{overflow:hidden}body.shipstreak-modal-open:not(:has(.shipstreak-modal.fullscreen))>*:not(.shipstreak-modal){filter:blur(4px);pointer-events:none}body.shipstreak-modal-open:has(.shipstreak-modal.fullscreen)>*:not(.shipstreak-modal){pointer-events:none}body.shipstreak-modal-open:has(.shipstreak-modal.fullscreen) .bottom-nav,body.shipstreak-modal-open:has(.shipstreak-modal.fullscreen) [id*=bottom-navigation]{pointer-events:auto;filter:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-shipstreak-modal.css.map */