:root{--color-red:#e2001a;--color-white:white;--color-green:green;--color-blue:blue;--color-yellow:yellow;--color-brown:brown;--color-orange:orange;--color-black:black;--color-dark:#333;--color-grey:#666;--color-grey-light:gray;--color-grey-lightest:#f6f6f6;--bg-color-base:var(--color-white);--color-base:var(--color-grey);--placeholder:var(--color-black);--link-color:var(--color-base);--link-color-hover:var(--color-base);--link-color-visited:var(--color-base);--link-color-active:var(--color-base);--fz-base:1rem;--line-height-base:1.25;--family-base:"DIN Pro", sans-serif;--family-alt:"DIN Pro Cond", sans-serif;--transition:.4s;--control-size:1.75rem}@keyframes scale{0%{opacity:0;transform:scale(.8)translate(0,0)}to{opacity:1;transform:scale(1)translate(0,0)}}.modal{z-index:1000;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);background:#333333b3;grid-template-columns:minmax(0,1fr);justify-content:center;place-items:center;width:100%;height:100dvh;padding:.3125rem;display:grid;position:fixed;top:0;left:0;overflow:auto}@media (orientation:portrait){.modal{-webkit-backdrop-filter:none;backdrop-filter:none;padding:.625rem}}@media (orientation:landscape){.modal::-webkit-scrollbar{width:.375rem;height:.375rem}.modal::-webkit-scrollbar-thumb{background:var(--color-yellow);border-radius:.375rem}.modal::-webkit-scrollbar-track{background:#71033b;border-radius:.375rem}}.modal__back{pointer-events:none;position:fixed;inset:0;overflow:hidden}.modal__container{background:var(--color-grey-lightest);border-radius:2.25rem;grid-template-columns:1fr;gap:1.25rem;width:31.25rem;max-width:100%;padding:1.875rem 2.5rem;display:grid;position:relative}@media (orientation:portrait){.modal__container{border-radius:1.5rem;gap:1.125rem;padding:1.25rem 1rem}}.fade-leave-active .modal__container{opacity:0;animation:scale calc(var(--transition) / 4) ease reverse}.modal__close{z-index:1;width:2.375rem;height:2.375rem;color:var(--color-red);background:var(--color-white);transition:all var(--transition) ease-out;cursor:pointer;border-radius:100%;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex;position:absolute;top:1rem;right:1rem;box-shadow:.125rem .25rem .75rem #0000001a}.modal__close:hover{transform:rotate(180deg)}@media (orientation:portrait){.modal__close{width:2.125rem;height:2.125rem;top:.4375rem;right:.4375rem}}.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}