@layer tokens{:root{--font-primary:"CoFo Avito Display", sans-serif;--font-secondary:"Ambidexter", sans-serif;--line-height-base:1.3;--transition:.4s;--color-red:red;--color-white:white;--color-green:green;--color-blue:blue;--color-yellow:yellow;--color-brown:brown;--color-orange:orange;--color-black:black;--color-grey:grey;--color-purple:#450e97;--color-purple-light:#965eeb;--color-purple-dark:#1f0546;--color-purple-pale:#dbbfff;--color-white-translucent:#ffffff12;--color-purple-light-focus:#965eeb26;--color-red-focus:#ff00001a;--color-purple-ink:#320b6e;--color-purple-track:#e7d7ff;--color-lavender-translucent:#c2a0fa80;--color-shadow-purple:#4d11a70f;--color-white-glass:#ffffff59;--color-white-glass-strong:#ffffff80;--color-white-transparent:#fff0;--color-gift-pink:#e74067;--color-gift-orange:#ff944d;--color-gift-yellow:#ffd20a;--gradient-result-badge:radial-gradient(ellipse at center, #cbaffb00 0%, #ffffff3b 100%);--gradient-result-section:linear-gradient(205deg, #c2a0fa 33%, #fff 100%);--gradient-reward-border:conic-gradient(from 180deg, #ff4053 0deg 77deg, #965eeb 78deg 103deg, #0af 104deg 253deg, #04e061 254deg 359deg, #ff4053 360deg)}}@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{z-index:1000;-webkit-backdrop-filter:blur(.1875rem);backdrop-filter:blur(.1875rem);background:#1f05469e;grid-template-columns:minmax(0,1fr);justify-content:center;place-items:center;width:100%;height:100dvh;padding:.625rem;display:grid;position:fixed;top:0;left:0;overflow:auto}@media (orientation:portrait){.modal{-webkit-backdrop-filter:none;backdrop-filter:none;padding:.9375rem}}@media (orientation:landscape){.modal::-webkit-scrollbar{width:.625rem;height:.625rem}.modal::-webkit-scrollbar-thumb{background:var(--color-white);border-radius:.625rem}.modal::-webkit-scrollbar-track{background:var(--color-purple);border-radius:.625rem}}.modal__back{pointer-events:none;position:fixed;inset:0;overflow:hidden}.modal__container{width:31.25rem;max-width:100%;color:var(--color-black);background:var(--color-white);border-radius:1.6875rem;grid-template-columns:1fr;gap:2.0625rem;padding:2.5rem 3.125rem;display:grid;position:relative}@media (orientation:portrait){.modal__container{border-radius:1.6875rem;gap:1.125rem;width:20.3125rem;padding:4rem .9375rem 3rem}}.fade-leave-active .modal__container{opacity:0;animation:scale calc(var(--transition) / 4) ease reverse}.modal__close{z-index:1;width:2.6875rem;height:2.6875rem;color:var(--color-white);transition:all var(--transition) ease-out;cursor:pointer;background:0 0;border:0;border-radius:100%;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:absolute;top:.6875rem;right:.9375rem}.modal__close svg{width:100%;height:100%}.modal__close:hover{transform:rotate(90deg)}.modal__close:focus-visible{outline:.125rem solid var(--color-purple-light);outline-offset:.125rem}@media (orientation:portrait){.modal__close{top:.6875rem;right:.9375rem}}.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}