.modal-overlay{background-color:var(--color-bg-overlay);padding:0 var(--pad-x-2xs);z-index:var(--z-index-modal);justify-content:center;align-items:center;animation:.2s ease-out modal-overlay-fadein;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{isolation:isolate;background-color:var(--color-surface-modal);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.2s ease-out modal-slidein;display:flex;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.15)}.modal-loading-overlay{z-index:var(--z-index-modal);border-radius:inherit;background-color:color-mix(in srgb,var(--color-surface-modal)88%,transparent);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.modal-loading-overlay .loading--inline{min-height:0}.modal-header{background-color:var(--color-lnb-1depth-bg-default);border-radius:var(--radius-lg)var(--radius-lg)0 0;border-bottom:none;justify-content:space-between;align-items:center;padding:24px 32px 16px;display:flex}.modal-title{font-size:var(--font-title-lg);line-height:var(--lh-title-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-inset);margin:0}.modal:not(:-webkit-any(.modal--xs,.modal--w320)) .modal-title{font-size:var(--font-title-xl);line-height:var(--lh-title-xl)}.modal:not(:-moz-any(.modal--xs,.modal--w320)) .modal-title{font-size:var(--font-title-xl);line-height:var(--lh-title-xl)}.modal:not(:is(.modal--xs,.modal--w320)) .modal-title{font-size:var(--font-title-xl);line-height:var(--lh-title-xl)}.modal-header-right{align-items:center;gap:var(--space-2,8px);margin-left:auto;margin-right:8px;display:flex}.modal:not(.modal--xs) .modal-header-right .btn{height:var(--size-lg);min-height:var(--size-lg);padding:0 var(--space-2);font-size:var(--font-size-t4)}.modal-close{aspect-ratio:1;border-radius:var(--radius-xs);width:36px;height:36px;color:var(--color-text-inset);font-size:var(--font-size-t2);cursor:pointer;background-color:transparent;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:background-color .2s,color .2s;display:inline-flex}.modal-close:hover{color:var(--color-text-inset);background-color:rgba(255,255,255,.12)}.modal-header--light{background-color:var(--color-surface-card);color:var(--color-text-default);border-bottom:none}.modal-header--light .modal-title,.modal-header--light .modal-close{color:var(--color-text-default)}.modal-header--light .modal-close:hover{color:var(--color-text-default);background-color:rgba(0,0,0,.06)}.modal-header--compact{background-color:var(--color-surface-card);color:var(--color-text-default)}:-webkit-any(.modal--xs,.modal--w320) .modal-header--compact{border-bottom:1px solid var(--color-border-subtle);height:53px;padding:7px 30px}:-moz-any(.modal--xs,.modal--w320) .modal-header--compact{border-bottom:1px solid var(--color-border-subtle);height:53px;padding:7px 30px}:is(.modal--xs,.modal--w320) .modal-header--compact{border-bottom:1px solid var(--color-border-subtle);height:53px;padding:7px 30px}.modal-header--compact .modal-title,.modal-header--compact .modal-close{color:var(--color-text-default)}:-webkit-any(.modal--xs,.modal--w320) .modal-header--compact .modal-close{width:34px;height:34px}:-moz-any(.modal--xs,.modal--w320) .modal-header--compact .modal-close{width:34px;height:34px}:is(.modal--xs,.modal--w320) .modal-header--compact .modal-close{width:34px;height:34px}.modal-header--compact .modal-close:hover{background-color:var(--color-bg-inset);color:var(--color-text-default)}.modal-body{flex:1;min-height:min(360px,60vh);padding:24px 32px 32px;overflow-y:auto}.modal--xs .modal-body,.modal--w320 .modal-body{min-height:0}:-webkit-any(.modal--xs,.modal--w320) .modal-body--pad-popup{padding:var(--pad-y-lg)var(--space-1)var(--space-1)}:-moz-any(.modal--xs,.modal--w320) .modal-body--pad-popup{padding:var(--pad-y-lg)var(--space-1)var(--space-1)}:is(.modal--xs,.modal--w320) .modal-body--pad-popup{padding:var(--pad-y-lg)var(--space-1)var(--space-1)}:-webkit-any(.modal--xs,.modal--w320) .modal-body--pad-wide{padding:var(--pad-y-lg)var(--space-1)}:-moz-any(.modal--xs,.modal--w320) .modal-body--pad-wide{padding:var(--pad-y-lg)var(--space-1)}:is(.modal--xs,.modal--w320) .modal-body--pad-wide{padding:var(--pad-y-lg)var(--space-1)}:-webkit-any(.modal--xs,.modal--w320) .modal-body--pad-compact{padding:var(--pad-y-lg)var(--pad-x-lg)}:-moz-any(.modal--xs,.modal--w320) .modal-body--pad-compact{padding:var(--pad-y-lg)var(--pad-x-lg)}:is(.modal--xs,.modal--w320) .modal-body--pad-compact{padding:var(--pad-y-lg)var(--pad-x-lg)}.modal-body--pad-none{padding:0}.modal-body--overflow-auto{overflow:auto}.modal-body--overflow-hidden{overflow:hidden}.modal-body--overflow-visible{overflow:visible}.popup-page .modal-body,.search-modal .modal-body{gap:var(--gap-3xl);flex-direction:column;display:flex}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-4);padding:16px 32px;display:flex}.modal--w320{max-width:320px}.modal--xs{max-width:var(--modal-width-s)}.modal--xs-sm{max-width:var(--modal-width-xs-sm)}.modal--sm{max-width:550px}.modal--sm-md{max-width:600px}.modal--md{max-width:var(--modal-width-m)}.modal--w720{max-width:720px}.modal--lg{max-width:800px}.popup-page.modal--lg{max-height:80vh}.popup-page.modal--xs .modal-footer{padding-top:0;padding-bottom:32px}.modal--lg-xl{max-width:var(--modal-width-lg-xl)}.modal--xl{max-width:var(--modal-width-l)}.modal--xl-2xl{max-width:var(--modal-width-xl-2xl)}.modal--w990{max-width:var(--modal-width-990)}.modal--w598{max-width:var(--modal-width-598)}.modal--2xl{max-width:1075px}.modal--3xl{max-width:1200px}.modal--variant-layer{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.modal--xs.modal--variant-layer .modal-header{box-sizing:border-box;border-radius:var(--radius-lg)var(--radius-lg)0 0;border-bottom:none;min-height:53px;padding:7px 30px}.modal--xs.modal--variant-layer .modal-title{font-size:var(--font-title-md);line-height:24px}.modal--variant-layer .modal-header-right{margin-right:var(--gap-md)}.modal--xs.modal--variant-layer .modal-close{width:var(--size-md);height:var(--size-md)}.modal--xs.modal--variant-layer .modal-body{padding:var(--pad-y-lg)var(--pad-x-lg)calc(var(--pad-y-lg)*2)}.modal--variant-popup{border-radius:var(--radius-lg);box-shadow:var(--shadow-popup)}.modal--xs.modal--variant-popup{--color-button-primary-bg-default:var(--color-accent-popup)}.modal--xs.modal--variant-popup .modal-header{box-sizing:border-box;min-height:53px;padding:7px var(--modal-pad-x);border-bottom:var(--line-thin)solid var(--color-border-popup);border-radius:var(--radius-lg)var(--radius-lg)0 0}.modal.modal--xs.modal--variant-popup .modal-title{font-size:var(--font-title-md);line-height:20px}.modal.modal--xs.modal--variant-popup .modal-header .modal-title,.modal.modal--xs.modal--variant-popup .modal-header .modal-close{color:var(--color-text-popup)}.modal--variant-popup .modal-header-right{margin-right:var(--gap-3xl)}.modal--xs.modal--variant-popup .modal-close,.modal--xs.modal--variant-popup .modal-close svg{width:var(--size-md);height:var(--size-md)}.modal--xs.modal--variant-popup .modal-close svg path{stroke-width:1.05882}.modal--xs.modal--variant-popup .modal-body{padding:var(--modal-pad-top)var(--modal-pad-x)var(--modal-pad-bottom)}@keyframes modal-overlay-fadein{0%{opacity:0}to{opacity:1}}@keyframes modal-slidein{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header.modal-header--divider{border-bottom:var(--line-thin)solid var(--color-border-popup)}.modal--variant-confirmation{min-height:min(calc(var(--space-2)*12),90vh)}.modal--variant-confirmation .modal-header{height:calc(var(--space-4)*4);padding:0 var(--space-2);gap:var(--space-2);flex-shrink:0}.modal.modal--variant-confirmation .modal-title{font-size:var(--font-size-t4);line-height:calc(var(--font-size-t4) + var(--space-5));color:var(--color-text-popup)}.modal--variant-confirmation .modal-close{width:calc(var(--space-4)*2);height:calc(var(--space-4)*2);flex-shrink:0;padding:0}.modal--variant-confirmation .modal-body{overflow-wrap:anywhere;min-height:0;padding:var(--space-5)var(--space-2)0;font-size:var(--font-size-t5);line-height:var(--space-2)}.modal--variant-confirmation .modal-footer{padding:var(--space-2);flex-shrink:0;justify-content:center}.modal--viewport-wide{max-width:80vw}.modal--viewport-compact{max-width:40vw}
