.back-in-stock-modal{display:block;box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:301;margin:0 auto;top:0;left:0;overflow:auto;width:100%;padding:20px;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:100%;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.back-in-stock-modal[open]{opacity:1;visibility:visible}.back-in-stock-modal__content{position:relative;background:#fafafa;margin:60px auto 20px;max-width:500px;width:100%;border-radius:0;box-shadow:0 20px 60px #00000040;overflow:hidden;transform:translateY(20px);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.back-in-stock-modal[open] .back-in-stock-modal__content{transform:translateY(0)}.back-in-stock-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.12);background:#f8f8f8;position:relative}.back-in-stock-modal__header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.15),transparent)}.back-in-stock-modal__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text, #202020);line-height:1.3;letter-spacing:-.01em}.back-in-stock-modal__close{position:relative;width:36px;height:36px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:0;transition:all .2s ease;color:var(--color-text, #202020)}.back-in-stock-modal__close:hover{background-color:#00000014;transform:scale(1.05)}.back-in-stock-modal__close:active{transform:scale(.95)}.back-in-stock-modal__close svg{width:18px;height:18px;fill:currentColor;transition:transform .2s ease}.back-in-stock-modal__close:hover svg{transform:rotate(90deg)}.back-in-stock-modal__body{padding:24px;background:#fafafa}.back-in-stock-modal__variant-info{margin:0 0 20px;padding:20px;background:#00000008;border-radius:0;border:1px solid rgba(0,0,0,.1);text-align:left;position:relative}.back-in-stock-modal__variant-info:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#00000026}.back-in-stock-modal__variant-title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color-text, #202020);line-height:1.3}.back-in-stock-modal__variant-description{margin:0;font-size:14px;color:rgba(var(--color-text-rgb, 0, 0, 0),.7);line-height:1.5;font-weight:400}.back-in-stock-modal__forms{display:flex;flex-direction:column;gap:16px}.back-in-stock-form{width:100%;padding:0;margin:0}.notify-me-container{text-align:center}@media (max-width: 768px){.back-in-stock-modal{padding:0;display:flex;align-items:flex-end;justify-content:center}.back-in-stock-modal__content{margin:0;max-width:100%;width:100%;height:auto;max-height:90vh;transform:translateY(100%);border-radius:0;box-shadow:0 -10px 40px #0000004d}.back-in-stock-modal[open] .back-in-stock-modal__content{transform:translateY(0)}.back-in-stock-modal__header{padding:20px 24px;background:#f8f8f8;position:sticky;top:0;z-index:10}.back-in-stock-modal__body{padding:24px;background:#fafafa;overflow-y:auto;max-height:calc(90vh - 80px)}.back-in-stock-modal__title{font-size:1.125rem}.back-in-stock-modal__variant-info{padding:16px;margin:0 0 16px}.notify-me-button--square{width:100%;max-width:300px}.back-in-stock-modal__header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#0003;border-radius:2px}}@media (prefers-contrast: more){.back-in-stock-modal__content{border:3px solid var(--color-text, #000000);box-shadow:0 20px 60px #0006}.back-in-stock-modal__close{border:2px solid var(--color-text, #000000)}.back-in-stock-modal__variant-info{border:2px solid var(--color-text, #000000);background:rgba(var(--color-text-rgb, 0, 0, 0),.05)}.notify-me-button--square{border-width:3px}}@media (prefers-reduced-motion: reduce){.back-in-stock-modal{transition:none}.back-in-stock-modal__content{transition:none;transform:none}.back-in-stock-modal__close{transition:none}.back-in-stock-modal__close:hover{transform:none}.back-in-stock-modal__close:hover svg{transform:none}.notify-me-button--square{transition:none}.notify-me-button--square:hover{transform:none}}@media (max-width: 768px) and (hover: none){.back-in-stock-modal__content{transition:transform .25s cubic-bezier(.25,.46,.45,.94)}.back-in-stock-modal__close:active{background-color:#0000001f;transform:scale(.95)}}.button-row{display:flex;align-items:center;width:100%;gap:6px}.notify-me-button--square{min-width:auto!important;width:46px!important;height:46px!important;padding:0!important;display:flex;align-items:center!important;justify-content:center!important;background:#000!important;border:none!important;border-radius:0!important;transition:background-color .2s ease!important}.notify-me-button--square:hover{background:#333!important}.notify-me-button--square:focus{outline:3px solid #0056b3!important;outline-offset:2px!important}.notify-me-icon{width:20px;height:20px;color:#fff;stroke:currentColor;stroke-width:2}@media (max-width: 768px){.button-row{gap:8px}.notify-me-button--square{width:46px!important;height:46px!important}.notify-me-icon{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/back-in-stock-modal.css.map */