html:has(.modal.visible){overscroll-behavior:none;overflow:hidden}.modal{--modal-header-height:var(--header-height,72px);z-index:6;padding:var(--spacing-5);background-color:color-mix(in srgb, var(--colors-surface-usual-prime) calc(.5 * 100%), transparent);-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;pointer-events:none;justify-content:center;align-items:flex-end;transition:opacity .2s ease-out,-webkit-backdrop-filter .2s ease-out,backdrop-filter .2s ease-out;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:1024px){.modal{--modal-header-height:var(--header-height,104px);padding-top:var(--modal-header-height);align-items:flex-start}}.modal.visible{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal.visible .modal-card{transform:translateY(0)}.modal .modal-card{width:100%;max-width:400px;max-height:calc(100vh - var(--spacing-5) - var(--modal-header-height));max-height:calc(100dvh - var(--spacing-5) - var(--modal-header-height));color:var(--colors-text-usual-prime);background-color:var(--colors-surface-usual-second);border:1px solid var(--colors-border-usual-prime);border-radius:var(--card-radius) var(--card-radius) var(--spacing-11) var(--spacing-11);transform:translateY(var(--spacing-7));flex-direction:column;transition:transform .2s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 20px #00000040}.modal .modal-header{padding:var(--spacing-5) var(--spacing-5);flex-direction:column;flex-shrink:0;display:flex;position:relative}.modal .modal-header.with-bg-image{height:160px;padding-bottom:var(--spacing-8);margin-bottom:var(--spacing-5)}.modal .modal-header.with-bg-image+.modal-content{gap:var(--spacing-8)}.modal .modal-header-bg{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.modal .modal-header-bg>:first-child{object-fit:cover;width:100%;height:100%}.modal .modal-header-row{z-index:1;align-items:flex-start;gap:var(--spacing-5);display:flex;position:relative}.modal .modal-header-icons{align-items:center;gap:var(--spacing-1);display:flex}.modal .modal-header-icon{width:var(--spacing-10);height:var(--spacing-10);color:var(--colors-icon-usual-prime);background-color:var(--colors-surface-usual-third);border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.modal .modal-header-icon svg{width:var(--spacing-8);height:var(--spacing-8)}.modal .modal-header-icon .modal-header-icon-badge{width:var(--spacing-5);height:var(--spacing-5);justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.modal .modal-header-icon .modal-header-icon-badge svg{width:100%;height:100%}.modal .modal-close-button{margin-left:auto}.modal .modal-content{gap:var(--spacing-5);min-height:0;padding:0 var(--spacing-5) var(--spacing-8);overscroll-behavior:contain;flex-direction:column;flex:auto;display:flex;overflow-y:auto}.modal .modal-title{letter-spacing:-1px;text-transform:uppercase;font-family:GTAmerica,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:26px}.modal .modal-body{font-size:var(--spacing-4);letter-spacing:0;white-space:pre-line;font-style:normal;font-weight:700;line-height:14px}.modal .modal-body:empty{display:none}.modal .modal-footer{gap:var(--spacing-2);padding:var(--spacing-5);border-top:1px solid var(--colors-border-usual-prime);flex-direction:column;flex-shrink:0;display:flex}.modal .modal-footer .button.big{height:var(--spacing-12);border-radius:var(--radius-11)}
