.modal-component{position:fixed;z-index:99;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;display:none}.modal-component.active{display:flex}.modal-component .modal-close{background:none;position:fixed;z-index:2;top:var(--spacing-sm);right:var(--spacing-sm);width:24px;cursor:pointer;color:#fff}.modal-component .modal-overlay{background:var(--overlay-color-medium);position:fixed;z-index:0;width:100%;height:100%;display:block}.modal-component[size=xs] .modal-content{max-width:var(--modal-width-xs)}.modal-component[size=sm] .modal-content{max-width:var(--modal-width-sm)}.modal-component[size=md] .modal-content{max-width:var(--modal-width-md)}.modal-component[size=lg] .modal-content{max-width:var(--modal-width-lg)}.modal-component[size=xl] .modal-content{max-width:var(--modal-width-xl)}.modal-component[size=full] .modal-content{max-width:100%}.modal-component[size=auto] .modal-content{max-width:initial}.modal-content{background:var(--color-background);z-index:1;width:var(--modal-width-mobile);max-height:var(--model-height-mobile);overflow-y:auto;padding:var(--spacing-sm);border-radius:var(--border-radius-md);display:grid;grid-template-columns:1fr;align-content:start;gap:var(--spacing-sm);max-width:var(--modal-width-sm)}.modal-content.content--page img{width:100%}@media (min-width: 768px){.modal-content{max-height:var(--modal-height-xl)}}