@layer tokens{:root,:host{--font-primary:"X5 Sans", sans-serif;--font-secondary:arial, sans-serif;--line-height-base:1.25;--transition:.4s;--color-red:#e92724;--color-white:white;--color-green:#00431b;--color-green-middle:#00923a;--color-green-light:#a9c58f;--color-green-soft:#6a8f5e;--color-green-soft-dark:#5f8155;--color-blue:blue;--color-yellow:yellow;--color-brown:brown;--color-orange:orange;--color-black:black;--color-grey:grey;--color-pink-light:#fdf9fb;--color-grey-lighter:#efefef;--color-grey-light:#d9d9d9;--color-grey-middle:#999;--color-grey-dark:#555}}@layer reset,base,components;@keyframes scale{0%{opacity:0;transform:scale(.8)translate(0,0)}to{opacity:1;transform:scale(1)translate(0,0)}}.modal{-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);background:#000c;border:none;grid-template-columns:minmax(0,1fr);justify-content:center;place-items:center;width:100vw;max-width:none;height:100dvh;max-height:none;padding:.625rem;display:grid;position:fixed;top:0;left:0;overflow:auto}.modal::backdrop{background:0 0}@media (orientation:portrait){.modal{-webkit-backdrop-filter:none;backdrop-filter:none;padding:.9375rem}}@media (orientation:landscape){.modal::-webkit-scrollbar{width:.375rem;height:.375rem}.modal::-webkit-scrollbar-thumb{background:var(--color-green);border-radius:.375rem}.modal::-webkit-scrollbar-track{background:var(--color-green-light);border-radius:.375rem}}.modal__back{pointer-events:none;position:fixed;inset:0;overflow:hidden}.modal__container{background:var(--color-white);border-radius:1.875rem;grid-template-columns:minmax(0,1fr);gap:1.5rem;width:27.5rem;max-width:100%;padding:1.875rem 3.125rem;display:grid;position:relative;box-shadow:0 .25rem 2.5rem #0006}@media (orientation:portrait){.modal__container{padding:1.875rem 1.25rem}}.fade-leave-active .modal__container{opacity:0;animation:scale calc(var(--transition) / 4) ease reverse}.modal__close{z-index:1;box-sizing:border-box;background:var(--color-white);width:2rem;height:2rem;transition:transform var(--transition) ease-out;cursor:pointer;border-radius:100%;padding:.65625rem;position:absolute;top:1rem;right:1rem;box-shadow:0 0 .625rem #00000026}.modal__close:hover{transform:rotate(180deg)}.modal__title{text-align:center;color:var(--color-green);font-size:2rem;font-weight:900;line-height:1.1}.modal__text{text-align:center;color:var(--color-black);font-size:.9375rem;line-height:1.2}.modal__error{text-align:center;color:var(--color-red);font-size:.8125rem;line-height:1.3}.fade-enter-active,.fade-leave-active{transition:opacity calc(var(--transition) / 2) ease-out}.fade-enter-from,.fade-leave-to{opacity:0;transition:opacity calc(var(--transition) / 2) ease-out}.scale-enter-active{animation:scale var(--transition) ease}.scale-leave-active{animation:scale var(--transition) ease reverse}