.preorder-alert{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}.preorder-alert[open]{pointer-events:auto}.preorder-alert .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-drawer-overlay) / .7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity var(--animation-smooth)}.preorder-alert[open] .overlay{opacity:1}.preorder-alert__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:90%;max-width:500px;background-color:rgb(var(--color-base-background));border-radius:var(--rounded-block);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;opacity:0;transition:all var(--animation-smooth);max-height:90vh;overflow-y:auto}.preorder-alert[open] .preorder-alert__content{opacity:1;transform:translate(-50%,-50%) scale(1)}.preorder-alert__header{padding:var(--sp-6) var(--sp-6) var(--sp-4);border-bottom:1px solid rgb(var(--color-border))}.preorder-alert__title{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.25;color:rgb(var(--color-base-text));margin:0}.preorder-alert__body{padding:var(--sp-6)}.preorder-alert__message{color:rgb(var(--color-base-text));font-size:var(--text-base);line-height:1.6;margin-bottom:var(--sp-4)}.preorder-alert__message strong{font-weight:var(--font-semibold)}.preorder-alert__footer{padding:var(--sp-4) var(--sp-6) var(--sp-6);display:flex;gap:var(--sp-3);justify-content:flex-end}.preorder-alert__button{min-width:120px}body.preorder-alert-open{overflow:hidden}@media screen and (max-width: 639px){.preorder-alert__content{width:95%;max-width:none;margin:var(--sp-4)}.preorder-alert__footer{flex-direction:column-reverse}.preorder-alert__button{width:100%}}@media (prefers-reduced-motion: no-preference){.preorder-alert__content{transition:all .3s cubic-bezier(.4,0,.2,1)}.preorder-alert .overlay{transition:opacity .3s ease-in-out}}.preorder-alert__button:focus{outline:2px solid rgb(var(--color-base-accent-1));outline-offset:2px}@media (prefers-contrast: high){.preorder-alert__content{border:2px solid rgb(var(--color-base-text))}.preorder-alert__header{border-bottom-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/preorder-alert.css.map */