.modal-container{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;padding:var(--size-20);background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}.modal-container__close{font-size:0;width:var(--size-36);height:var(--size-36);background:none;border:none;outline:none;color:transparent;position:absolute;top:0;left:0;width:100%;height:100%}.modal{width:100%;max-width:var(--size-560);max-height:calc(100% - var(--size-40));background:var(--background);border:1px solid var(--foreground-20);overflow-y:auto}.modal--large{max-width:var(--size-900);border:none}.modal__header{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--size-10) var(--size-10) var(--size-10) var(--size-20);border-bottom:1px solid var(--foreground-20);background:#0f0f0f}.modal--large .modal__header{border:1px solid var(--foreground-20)}@media (min-width:60rem){.modal__header{padding:var(--size-20) var(--size-30) var(--size-20) var(--size-40)}.modal--large .modal__header{display:contents}}.modal__title{font-size:var(--size-16);margin:0}@media (min-width:60rem){.modal__title{font-size:var(--size-24)}.modal--large .modal__title{display:none}}.modal__close{font-size:0;width:var(--size-36);height:var(--size-36);background:none;border:none;outline:none;display:flex;align-items:center;justify-content:center;color:var(--foreground);cursor:pointer}@media (min-width:60rem){.modal--large .modal__close{position:absolute;top:var(--size-12);right:var(--size-12)}}.modal__close .icon--close{width:var(--size-16);height:var(--size-16)}@media (min-width:60rem){.modal__close .icon--close{width:var(--size-24);height:var(--size-24)}}@media (hover:hover){.modal__close:hover .icon--close{opacity:.8}}.modal__content{padding:var(--size-20)}.modal__content--none{display:contents}@media (min-width:60rem){.modal__content{padding:var(--size-40)}}.modal__buttons{display:flex;gap:var(--size-20)}