:root{--black:#000;--white:#fff;--color-grey-50:#f9faff;--color-grey-100:#f2f4fd;--color-grey-200:#e1e4f5;--color-grey-300:#c9cee7;--color-grey-400:#9fa5c5;--color-grey-500:#777ea2;--color-grey-600:#5e6487;--color-grey-700:#484d6c;--color-grey-800:#353851;--color-grey-900:#222537;--color-grey-950:#0f111c;--color-main-50:#fff7ed;--color-main-100:#ffedd5;--color-main-200:#fed7aa;--color-main-300:#fdba74;--color-main-400:#fb923c;--color-main-500:#f97316;--color-main-600:#ea580c;--color-main-700:#c2410c;--color-main-800:#9a3412;--color-main-900:#7c2d12;--color-main-950:#431407;--color-red-50:#fff8f8;--color-red-100:#fff0ef;--color-red-200:#ffdcd9;--color-red-300:#ffbcb7;--color-red-400:#fb7976;--color-red-500:#d94347;--color-red-600:#ba212d;--color-red-700:#98031c;--color-red-800:#730011;--color-red-900:#500008;--color-red-950:#2c0002;--color-lime-50:#f0fff0;--color-lime-100:#deffde;--color-lime-200:#bcf7bd;--color-lime-300:#8aea8f;--color-lime-400:#2ec747;--color-lime-500:#009b2a;--color-lime-600:#007d20;--color-lime-700:#006217;--color-lime-800:#00480e;--color-lime-900:#003106;--color-lime-950:#001801;--color-cyan-50:#eefffa;--color-cyan-100:#ddfcf3;--color-cyan-200:#b9f4e4;--color-cyan-300:#83e5cd;--color-cyan-400:#00c2a4;--color-cyan-500:#00967e;--color-cyan-600:#007865;--color-cyan-700:#005e4e;--color-cyan-800:#004539;--color-cyan-900:#002e26;--color-cyan-950:#001711;--color-blue-50:#f9faff;--color-blue-100:#f2f3ff;--color-blue-200:#e1e2ff;--color-blue-300:#c9caff;--color-blue-400:#9c98ff;--color-blue-500:#775fff;--color-blue-600:#622ff3;--color-blue-700:#4e12cb;--color-blue-800:#39019e;--color-blue-900:#26016e;--color-blue-950:#11003f;--radius-0:0px;--radius-1:4px;--radius-2:6px;--radius-3:8px;--radius-4:10px;--radius-5:12px;--radius-6:16px;--radius-7:20px;--radius-8:24px;--radius-9:28px;--radius-10:32px;--radius-11:40px;--bound-0:0px;--bound-1:4px;--bound-2:8px;--bound-3:12px;--bound-4:16px;--bound-5:20px;--bound-6:24px;--bound-7:28px;--bound-8:32px;--bound-9:36px;--bound-10:40px;--bound-11:48px;--bound-12:64px}*{box-sizing:border-box;font-size:20px}body{width:100vw;height:100vh;color:var(--color-grey-200);background-color:var(--color-cyan-300);margin:0;overflow:hidden}p{margin:0}loading{z-index:10000;background-color:var(--color-cyan-300);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}content{width:100vw;height:100vh;display:block;container:page/size}viewframe{width:100%;height:100%;display:block;container:viewframe/inline-size}.display-none{display:none!important}.select-none{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}button,.button{cursor:pointer;background-color:var(--color-grey-200);border:unset;border-radius:var(--radius-2);transition:background-color 50ms ease-in-out}button:hover,.button:hover{background-color:var(--color-grey-300)}button:active,.button:active{background-color:var(--color-grey-100)}button.primary-idle,button.primary{background-color:var(--color-main-500)}button.primary-hover:hover,button.primary:hover{background-color:var(--color-main-600)}button.primary:active,button.primary-hover:active{background-color:var(--color-main-400)}button.secondary-idle,button.secondary{background-color:var(--color-grey-200)}button.secondary-hover:hover,button.secondary:hover{background-color:var(--color-blue-300)}button.secondary:active,button.secondary-hover:active{background-color:var(--color-blue-200)}button.negative-idle,button.negative{background-color:var(--color-red-400)}button.negative-hover:hover,button.negative:hover{background-color:var(--color-red-500)}button.negative:active,button.negative-hover:active{background-color:var(--color-red-300)}button.positive-idle,button.positive{background-color:var(--color-lime-300)}button.positive-hover:hover,button.positive:hover{background-color:var(--color-lime-400)}button.positive:active,button.positive-hover:active{background-color:var(--color-lime-200)}input{border-radius:var(--radius-3);font-size:var(--bound-4);box-sizing:border-box;background-color:unset;color:var(--color-grey-900);border-color:var(--color-main-950);outline:var(--color-main-950);padding:5px}input:focus,input:focus-visible,input:focus-within{background-color:var(--color-main-50);color:var(--color-grey-950);border-color:var(--color-main-600);outline:var(--color-main-600) auto 1px}input:disabled{background-color:var(--color-grey-200);color:var(--color-grey-700);outline:var(--color-grey-700);border-color:var(--color-grey-700)}input:invalid{background-color:var(--color-red-200);color:var(--color-grey-950);border-color:var(--color-red-500);outline:var(--color-red-500) auto 1px}input[type=search]{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20width='20'%20height='20'%3e%3c!--%20Лупа%20(круг%20+%20ручка)%20--%3e%3ccircle%20cx='38'%20cy='38'%20r='22'%20fill='none'%20stroke='%23555555'%20stroke-width='6'%20stroke-linecap='round'/%3e%3c!--%20Ручка%20лупы%20--%3e%3cline%20x1='54'%20y1='54'%20x2='82'%20y2='82'%20stroke='%23555555'%20stroke-width='6'%20stroke-linecap='round'/%3e%3c/svg%3e");background-position:4px 4px;background-repeat:no-repeat;background-size:20px;padding-left:26px}div.spinner{background-image:url(/images/spinner.svg);background-repeat:no-repeat;background-size:100% 100%}div.spinner-24{background-image:url(/images/spinner.svg);background-repeat:no-repeat;background-size:24px 24px;width:24px;height:24px}div.spinner-32{background-image:url(/images/spinner.svg);background-repeat:no-repeat;background-size:32px 32px;width:32px;height:32px}div.spinner-48{background-image:url(/images/spinner.svg);background-repeat:no-repeat;background-size:48px 48px;width:48px;height:48px}div.spinner-64{background-image:url(/images/spinner.svg);background-repeat:no-repeat;background-size:64px 64px;width:64px;height:64px}div.spinner-96{background-image:url(/images/spinner.svg);background-repeat:no-repeat;background-size:96px 96px;width:96px;height:96px}div.spinner-128{background-image:url(/images/spinner.svg);background-repeat:no-repeat;background-size:128px 128px;width:128px;height:128px}div.loadingBar{aspect-ratio:30;background-image:url(/images/loadbar.svg);background-repeat:no-repeat;background-size:100% 100%}
