.ui-modal{width:min(56rem,calc(100vw - 3rem));max-height:calc(100vh - 6rem);max-height:calc(100dvh - 6rem);margin:auto;padding:0;border:0;border-radius:var(--popup-corner-radius, 18px);background-color:rgb(var(--color-base-background-1));color:rgb(var(--color-base-text));overflow:hidden;box-shadow:0 1.2rem 4rem rgba(var(--color-shadow),.28)}.ui-modal::backdrop{background-color:#0006;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}.ui-modal__inner{display:flex;flex-direction:column;max-height:calc(100vh - 6rem);max-height:calc(100dvh - 6rem)}.ui-modal__grabber{display:none}.ui-modal__head{display:flex;flex-shrink:0;align-items:center;gap:1.2rem;padding:2.4rem 2.4rem 1.6rem;border-bottom:.1rem solid rgba(var(--color-base-text),.1)}.ui-modal__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background-color:rgba(var(--color-base-accent-1),.12);color:rgb(var(--color-base-accent-1))}.ui-modal__icon svg{width:2.4rem;height:2.4rem}.ui-modal__title{flex:1 1 auto;min-width:0;margin:0;font-size:1.8rem;line-height:1.25}.ui-modal__close{flex-shrink:0;width:3.6rem;height:3.6rem;padding:.8rem;border:0;background:none;color:inherit;cursor:pointer}.ui-modal__close:hover{opacity:.7}.ui-modal__close svg{width:100%;height:100%}.ui-modal__body{flex:1 1 auto;min-height:0;padding:2rem 2.4rem 2.4rem;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;font-size:1.4rem;line-height:1.6}.ui-modal__body>:first-child{margin-top:0}.ui-modal__body>:last-child{margin-bottom:0}.ui-modal__foot{flex-shrink:0;padding:1.6rem 2.4rem 2.4rem;border-top:.1rem solid rgba(var(--color-base-text),.1)}@keyframes ui-modal-in{0%{opacity:0;transform:translateY(1.2rem) scale(.97)}}@keyframes ui-modal-out{to{opacity:0;transform:translateY(.6rem) scale(.98)}}@keyframes ui-backdrop-in{0%{opacity:0}}.ui-modal[open]{animation:ui-modal-in .24s cubic-bezier(.2,0,.2,1)}.ui-modal[open]::backdrop{animation:ui-backdrop-in .24s ease}.ui-modal.is-closing{animation:ui-modal-out .17s ease forwards}.ui-modal.is-closing::backdrop{animation:ui-backdrop-in .17s ease reverse forwards}@media screen and (max-width:749px){.ui-modal{width:100%;max-width:none;max-height:88vh;max-height:88dvh;margin:auto auto 0;border-radius:1.8rem 1.8rem 0 0}.ui-modal__inner{max-height:88vh;max-height:88dvh}.ui-modal__grabber{display:block;flex-shrink:0;width:4rem;height:.4rem;margin:1rem auto 0;border-radius:9999px;background-color:rgba(var(--color-base-text),.25)}.ui-modal__head{padding:1.4rem 2rem}.ui-modal__body{padding:1.8rem 2rem calc(2.4rem + env(safe-area-inset-bottom))}.ui-modal__foot{padding:1.4rem 2rem calc(2rem + env(safe-area-inset-bottom))}@keyframes ui-modal-in{0%{transform:translateY(100%)}}@keyframes ui-modal-out{to{transform:translateY(100%)}}}@media(prefers-reduced-motion:reduce){.ui-modal[open],.ui-modal[open]::backdrop,.ui-modal.is-closing,.ui-modal.is-closing::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-modal.css.map */