:root{--selvane-modal-bg: var(--color-background, #ffffff);--selvane-modal-color: var(--color-foreground, #1a1a1a);--selvane-modal-color-muted: var(--color-foreground-muted, #666666);--selvane-modal-border: var(--color-border, #e5e5e5);--selvane-modal-overlay: rgba(0, 0, 0, .5);--selvane-modal-radius: 0;--selvane-modal-max-width: 480px;--selvane-modal-z-index: 9999;--selvane-font-family: var(--font-body-family, "Futura", sans-serif);--selvane-font-heading: var(--font-heading-family, "Futura", sans-serif)}.selvane-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--selvane-modal-z-index);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.selvane-modal[aria-hidden=false]{opacity:1;visibility:visible}.selvane-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--selvane-modal-overlay);cursor:pointer}.selvane-modal__container{position:relative;width:100%;max-width:var(--selvane-modal-max-width);max-height:90vh;background:var(--selvane-modal-bg);color:var(--selvane-modal-color);border-radius:var(--selvane-modal-radius);display:flex;flex-direction:column;transform:translateY(20px);transition:transform .3s ease;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.selvane-modal[aria-hidden=false] .selvane-modal__container{transform:translateY(0)}.selvane-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--selvane-modal-border);flex-shrink:0}.selvane-modal__title{margin:0;font-family:var(--selvane-font-heading);font-size:16px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.selvane-modal__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:-8px -8px -8px 0;padding:0;background:none;border:none;color:inherit;cursor:pointer;transition:opacity .2s ease}.selvane-modal__close:hover{opacity:.6}.selvane-modal__close:focus-visible{outline:2px solid var(--selvane-modal-color);outline-offset:-2px}.selvane-modal__body{flex:1;padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.selvane-modal__footer{padding:16px 24px 24px;border-top:1px solid var(--selvane-modal-border);flex-shrink:0}.selvane-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--selvane-modal-color-muted);font-size:13px}.selvane-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--selvane-modal-border);border-top-color:var(--selvane-modal-color);border-radius:50%;animation:selvane-spin .6s linear infinite}@keyframes selvane-spin{to{transform:rotate(360deg)}}.selvane-toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.selvane-toast{padding:12px 24px;background:var(--selvane-modal-color);color:var(--selvane-modal-bg);font-family:var(--selvane-font-family);font-size:13px;font-weight:500;text-align:center;opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:auto;box-shadow:0 4px 12px #00000026}.selvane-toast.is-visible{opacity:1;transform:translateY(0)}.selvane-toast--success{background:#2e7d32}.selvane-toast--error{background:#c62828}.selvane-toast--info{background:var(--selvane-modal-color)}.selvane-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;font-family:var(--selvane-font-family);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.selvane-btn--primary{background:var(--selvane-modal-color);color:var(--selvane-modal-bg)}.selvane-btn--primary:hover:not(:disabled){opacity:.85}.selvane-btn--primary:disabled{opacity:.4;cursor:not-allowed}.selvane-btn--secondary{background:transparent;color:var(--selvane-modal-color);border:1px solid var(--selvane-modal-border)}.selvane-btn--secondary:hover:not(:disabled){border-color:var(--selvane-modal-color)}.selvane-btn.is-loading{position:relative;color:transparent!important;pointer-events:none}.selvane-btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:selvane-spin .6s linear infinite}.selvane-btn--primary.is-loading:after{border-color:var(--selvane-modal-bg);border-right-color:transparent}.selvane-error{padding:16px;background:#fef2f2;color:#991b1b;font-size:13px;text-align:center;border:1px solid #fecaca}@media (max-width: 749px){.selvane-modal{padding:0;align-items:flex-end}.selvane-modal__container{max-width:100%;max-height:85vh;border-radius:16px 16px 0 0}.selvane-modal[aria-hidden=false] .selvane-modal__container{transform:translateY(0)}.selvane-modal[aria-hidden=true] .selvane-modal__container{transform:translateY(100%)}.selvane-modal__header{padding:16px 20px}.selvane-modal__body{padding:20px}.selvane-modal__footer{padding:16px 20px 20px}.selvane-toast-container{bottom:16px;left:16px;right:16px;transform:none}.selvane-toast{width:100%}}@media (prefers-reduced-motion: reduce){.selvane-modal,.selvane-modal__container,.selvane-toast,.selvane-spinner{transition:none;animation:none}}.selvane-modal *:focus-visible{outline:2px solid var(--selvane-modal-color);outline-offset:2px}.selvane-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/52/assets/selvane-modal.css.map */