.volatile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000;display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;opacity:0;transition:all .3s ease}.volatile-modal-overlay.volatile-modal-show{background-color:#00000080;opacity:1}.volatile-modal-overlay.volatile-modal-closing{opacity:0}.volatile-modal-content{background-color:rgb(var(--color-background));border-radius:12px;max-width:480px;width:100%;padding:32px;position:relative;box-shadow:0 20px 60px #0000004d;transform:translateY(20px);transition:transform .3s ease}.volatile-modal-overlay.volatile-modal-show .volatile-modal-content{transform:translateY(0)}.volatile-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;padding:8px;color:rgb(var(--color-foreground));opacity:.6;transition:opacity .2s ease;border-radius:50%}.volatile-modal-close:hover{opacity:1;background-color:rgba(var(--color-foreground),.05)}.volatile-modal-icon{display:flex;justify-content:center;margin-bottom:24px}.volatile-modal-icon svg{width:48px;height:48px;color:#f59e0b}.volatile-modal-title{font-size:20px;font-weight:700;text-align:center;margin:0 0 20px;color:rgb(var(--color-foreground));line-height:1.3}.volatile-modal-text{font-size:14px;line-height:1.6;text-align:center;margin:0 0 16px;color:rgba(var(--color-foreground),.8)}.volatile-modal-text strong{color:rgb(var(--color-foreground));font-weight:600}.volatile-modal-text.small{font-size:13px;color:rgba(var(--color-foreground),.6);margin-top:20px;padding-top:16px;border-top:1px solid rgba(var(--color-foreground),.1)}.volatile-modal-button{width:100%;padding:14px 24px;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:var(--buttons-radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:24px;text-align:center}.volatile-modal-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;opacity:.9}@media screen and (max-width: 480px){.volatile-modal-overlay{padding:16px}.volatile-modal-content{padding:24px}.volatile-modal-title{font-size:18px}.volatile-modal-text{font-size:13px}.volatile-modal-text.small{font-size:12px}.volatile-modal-button{padding:12px 20px;font-size:14px}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.volatile-modal-content{box-shadow:0 20px 60px #000c}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/volatile-currency-modal.css.map */