.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background-color:var(--surface-popup-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none}.modal-overlay.is-open,.modal-overlay[data-open=true]{display:block}.modal{position:fixed;z-index:var(--z-modal);display:none;flex-direction:column;background-color:var(--c-white);box-shadow:0 8px 32px var(--c-black-20);max-block-size:100dvh;overflow:hidden}.modal.is-open,.modal[data-open=true]{display:flex}.modal--panel-r{top:0;inset-inline-end:0;height:100dvh;width:min(420px,100vw);border-start-start-radius:var(--radius-l);border-end-start-radius:var(--radius-l)}.modal--panel-b{inset:auto 0 0 0;width:100%;max-block-size:90dvh;border-start-start-radius:var(--radius-l);border-start-end-radius:var(--radius-l)}.modal--center{top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));max-block-size:min(80dvh,720px);border-radius:var(--radius-l)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-m);padding:var(--padding-xs);flex:0 0 auto}.modal__title{margin:0;font-size:var(--type-body-17);font-weight:var(--fw-bold);color:var(--text-headline);line-height:1.2}.modal__title-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding-inline:8px;margin-inline-start:var(--gap-xs);border-radius:var(--radius-full);background-color:var(--c-purple-900);color:var(--c-white);font-size:var(--type-body-13);font-weight:var(--fw-bold);line-height:1}.modal__title-count--success{background-color:var(--c-green-700)}.modal__header--bottom-sheet{justify-content:space-between}.modal__header--bottom-sheet.modal__header--ruled{border-block-end:1px solid var(--border-light)}.modal__body{flex:1 1 auto;overflow-y:auto;padding:var(--padding-popup);display:flex;flex-direction:column;gap:var(--gap-m)}.modal__footer{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--gap-s);padding:var(--padding-xs);background-color:var(--c-white);border-block-start:1px solid var(--border-light)}.modal__footer--inline{flex-direction:row;align-items:center;justify-content:flex-end}.popup{position:absolute;z-index:var(--z-tooltip);display:none;flex-direction:column;min-width:250px;max-width:320px;padding:var(--padding-xs);border-radius:var(--radius-l);background-color:var(--c-white);box-shadow:0 4px 16px var(--c-black-20)}.popup.is-open,.popup[data-open=true]{display:flex}.popup--tooltip{padding-block:8px;padding-inline:12px;font-size:var(--type-body-13);line-height:1.3;color:var(--text-primary)}.popup--tooltip:before{content:"";position:absolute;width:12px;height:12px;background-color:var(--c-white);transform:rotate(45deg);z-index:-1}.popup--tooltip[data-placement=top]:before{bottom:-4px;left:50%;margin-inline-start:-6px}.popup--tooltip[data-placement=bottom]:before{top:-4px;left:50%;margin-inline-start:-6px}.modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-modal.css.map */