:root{--color-text-white:#e3e3e3;--color-text-gray:#9a9a9a;--color-title-h2:#6c6c6c;--btn-grey-border:#2b2b2b;--btn-grey-color:#2c2c2c;--defeat-btn-border:#555;--defeat-btn-color:#494949;--defeat-color-txt:#7e7e7e;--btn-red-border:#bf3535cc;--btn-red-txt-color:#bf3535cc;--btn-green-border:#5eff94cc;--btn-green-color:#5eff94cc;--attention-block-border:#cf6500;--attention-block-bakgr:#cf650033;--srok-oplaty-green:#35c86f;--srok-oplaty-red:#dc3545;--ref-ssilka-border:#7c8ffb;--ref-ssilka-bakgr:#7cb7fb33;--circle-border:#232323;--circle-bakground:#393939;--shadow:0 4px 10px #0003}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Roboto,sans-serif;height:100%}body,h2,html{color:#e3e3e3;color:var(--color-text-white)}h2{font-size:1.4em;font-weight:400}p,span{color:#e3e3e3;color:var(--color-text-white);font-family:Roboto,sans-serif;font-size:1em;font-weight:300}a{color:inherit;text-decoration:none}u{color:#9a9a9a;color:var(--color-text-gray);text-underline-offset:4px}.top-section{background:radial-gradient(circle at 50% 35%,#636363 0,#292929 90%)}
/*    !*inset: 0;*!*/
/*    !*background: radial-gradient(*!*/
/*    !*circle at 50% 35%,*!*/
/*    !*#636363 0%,*!*/
/*    !*#292929 90%*!*/
/*    !*);*!*/
/*    !*animation: fadeGradient 1s ease;*!*/.gap05{gap:.5em}.gap1{gap:1em}.font17{font-size:1.6em}.font11{font-size:1.1em}.font09{font-size:.9em}.font08{font-size:.8em}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;display:flex;justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-start{display:flex;justify-content:flex-start}.align-center{align-items:center}.justify-center{justify-content:center}.w100{width:100%}.h100{height:100%}.pad1{padding:1em}.relative{position:relative}.absolute{position:absolute}.white-text{color:#e3e3e3;color:var(--color-text-white)}.grey{color:#9a9a9a;color:var(--color-text-gray)}.shadow-1{box-shadow:0 4px 10px #0003;box-shadow:var(--shadow)}.txt_rob_mono{font-family:Roboto,monospace}.main_width{height:100%;max-width:500px;width:100%}.app{height:100%;padding:1.8em}.gray-block{background:#2c2c2c;background:var(--btn-grey-color);border:1px solid #2b2b2b;border:1px solid var(--btn-grey-border);border-radius:10px;display:flex;height:fit-content}.active{border:2px solid #707070;box-shadow:0 0 6px #6c6c6c}.fake-btn{box-shadow:inset 1px 1px 20px #00000055;padding:1em}.btn,.fake-btn{background-color:#2c2c2c;background-color:var(--btn-grey-color);border:1px solid #2b2b2b;border:1px solid var(--btn-grey-border);border-radius:10px;color:#e3e3e3;color:var(--color-text-white);display:inline-flex;font-size:1em;font-weight:400;-webkit-user-select:none;user-select:none}.btn{align-items:center;cursor:pointer;padding:.9em;transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s ease}.btn:not(.disabled):active{transform:scale(.96) translateY(1px);transition-duration:.18s}.btn.disabled{background-color:#555;border:2px solid #494949;color:#7e7e7e;cursor:default;opacity:.6;pointer-events:none;transform:none!important}.btn svg{fill:#e3e3e3;fill:var(--color-text-white);color:#e3e3e3;color:var(--color-text-white);display:block;height:20px;margin-bottom:2px;margin-right:10px;min-width:20px;width:20px}.btn.disabled svg{color:#7e7e7e}.btn-month{background-color:#2c2c2c;background-color:var(--btn-grey-color);border:#2b2b2b;border:var(--btn-grey-border);border-radius:10px;font-size:1em}.btn-color{appearance:none;-webkit-appearance:none;background:#0000;border-radius:6px;height:fit-content;padding:10px;width:fit-content}.btn-red{border:2px solid #bf3535cc;border:2px solid var(--btn-red-border);color:#bf3535cc;color:var(--btn-red-border)}.btn-green,.btn-red{background-color:#2c2c2c}.btn-green{border:2px solid #5eff94cc;border:2px solid var(--btn-green-border);color:#5eff94cc;color:var(--btn-green-border)}.device-btn{align-items:center;display:flex;font-size:16px;max-height:55px;padding:8px 16px}.butt_click{background-color:#e3e3e3;background-color:var(--color-text-white);border:3px solid #2b2b2b;border:3px solid var(--btn-grey-border);border-radius:20px;color:#2b2b2b;color:var(--btn-grey-border);font-size:.9em;padding:.3em}.btn-icon-n{aspect-ratio:1/1;height:60%;margin-right:10px}.bnt-devices{font-size:.9em;padding:.8em}.btn-month.active,.btn-month.selected,.btn-month[data-selected=true]{box-shadow:inset 0 4px 16px #01010166;transform:scale(.96) translateY(1px)}.devices-buttons{flex:1 1}.flex-end{justify-content:flex-end}.soda-logo{filter:blur(8px);object-fit:contain;opacity:0;width:auto}.logo_container{display:flex;height:130px;justify-content:center;overflow:visible}.img1{animation:appear .2s ease 0s forwards,levitation1 1.5s ease-in-out infinite alternate}.img2{animation:appear .2s ease .2s forwards,levitation2 1.9s ease-in-out infinite alternate}.img3{animation:appear .2s ease .4s forwards,levitation3 1.8s ease-in-out infinite alternate}.img4{animation:appear .2s ease .6s forwards,levitation4 1.9s ease-in-out infinite alternate}@keyframes appear{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes levitation1{0%{transform:translateZ(0)}50%{transform:translate3d(-1px,-1px,0)}to{transform:translateZ(0)}}@keyframes levitation2{0%{transform:translateZ(0)}50%{transform:translate3d(-1px,-1px,0)}to{transform:translateZ(0)}}@keyframes levitation3{0%{transform:translateZ(0)}50%{transform:translate3d(-1px,1px,0)}to{transform:translateZ(0)}}@keyframes levitation4{0%{transform:translateZ(0)}50%{transform:translate3d(-1px,1px,0)}to{transform:translateZ(0)}}.glass-block{align-items:baseline;background:#2c2c2c;background:var(--btn-grey-color);border:1px solid #2b2b2b;border:1px solid var(--btn-grey-border);border-radius:10px;box-shadow:0 4px 10px #0003;box-shadow:var(--shadow);color:#e3e3e3;color:var(--color-text-white);flex-direction:row}.glass-item span{padding-left:1.6em;padding-top:.4em}.date-history{color:#9a9a9a;color:var(--color-text-gray);font-size:.7em;font-weight:700;right:1em;top:1em}.srok-oplaty-green{color:#35c86f;color:var(--srok-oplaty-green)}.srok-oplaty-red{color:#dc3545;color:var(--srok-oplaty-red)}.tarifs-grid{display:grid;grid-template-columns:1fr 1fr}.slider{-webkit-appearance:none;background:#393939;background:var(--circle-bakground);border-radius:10px;box-shadow:inset 0 4px 10px #0003;box-shadow:inset var(--shadow);height:19px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#393939;background:var(--circle-bakground);border:4px solid #fff;border-radius:50%;box-shadow:0 0 2px #00000080;cursor:pointer;height:19px;width:20px}.slider::-moz-range-thumb,.slider::-moz-range-track{background:#393939;background:var(--circle-bakground);border:4px solid #fff;border-radius:50%;box-shadow:0 0 2px #00000080;cursor:pointer;height:19px;width:20px}

/*!* ===== Засечки ===== *!*/.tarifs-txt{aspect-ratio:1/1;color:#c8c8c8;font-size:1.05em;font-weight:700;gap:.5em}.tarifs-txt span:last-child{color:#e1e1e1;font-size:1.2em}.skidka{color:#efefefad;font-size:14px;padding:2px 6px}.column{display:flex;flex:1 1;justify-content:space-between}.ssilka{background-color:#7cb7fb33;background-color:var(--ref-ssilka-bakgr);border:1px solid #7c8ffb;border:1px solid var(--ref-ssilka-border);border-radius:8px;font-family:Roboto,monospace;padding:.5em}.ssilka svg{height:1.2em;margin-right:.3em;transition:opacity .3s ease;width:1.5em}.ssilka-block{gap:.2em;width:100%}.ukazatel{color:#bcbcbc;font-size:12px;margin-left:.2em}.activno{display:block;width:fit-content}.attention-block{background:#cf650033;background:var(--attention-block-bakgr);border:2px solid #cf6500;border:2px solid var(--attention-block-border);border-radius:10px;font-size:14px;margin-bottom:10px}.date{color:#9a9a9a;color:var(--color-text-gray);font-size:.7em;font-weight:700;text-align:left}.connect-header{flex:0 0 auto}.connect-footer{display:flex;flex:0.3 1;justify-content:center}.btn3{font-size:14px;padding:12px;width:fit-content}.select-trigger{background:#2c2c2c;border:1px solid #252525;border-radius:10px;box-shadow:inset 0 2px 5px #20202061;cursor:pointer;height:auto;padding:7px 10px;width:140px}.select-left{gap:8px}.icon{height:20px;width:20px}.select-arrows{gap:2px;pointer-events:none}.arrow{color:#fff;height:6px;opacity:.6;width:10px}.select.open .arrow.up{opacity:1}.select.open .arrow.down{opacity:.25}.select-dropdown{background:#2c2c2c;border:1px solid #0000;border-radius:10px;box-shadow:none;left:50%;max-height:300px;opacity:0;overflow-y:auto;pointer-events:none;position:absolute;top:calc(100% + 6px);transform:translateX(-50%) translateY(-10px);transition:opacity .25s ease,transform .25s ease;width:140px;z-index:1000}.select-dropdown.open{border:1px solid #252525;box-shadow:inset 0 2px 5px #20202061;opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.option{cursor:pointer;gap:8px}.option:hover{background:#ffffff14}.step{display:flex;gap:24px;position:relative}.step-marker{flex-shrink:0;width:40px}.circle{background:#393939;background:var(--circle-bakground);border:5px solid #232323;border:5px solid var(--circle-border);border-radius:50%;height:40px;width:40px}.circle svg{height:18px;margin:0;width:18px}.line{background:#232323;background:var(--circle-border);flex-grow:1;margin:8px 0;width:3px}.step-content{padding-bottom:1em}.step-content p{font-size:14px;margin:0 0 8px}.step:last-child .line{display:none}#timer{font-size:1.7em;font-weight:700;width:fit-content}.span-summ{font-size:1.2em;margin-left:10px}.title-ustan{font-size:1.5em;margin:0}.none,.none:hover{transform:none;transition:none}.line-2{border-bottom:2px dashed grey;flex:0.9 1;margin-bottom:3px}.modal-overlay{background:#000c;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease}.modal-window{background:#2c2c2c;background:var(--btn-grey-color);border:1px solid #2b2b2b;border:1px solid var(--btn-grey-border);border-radius:10px;margin-bottom:1em;max-width:400px;transform:translateY(100%);transition:transform .35s ease;width:90%}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-overlay.active .modal-window{transform:translateY(39vh)}.modal-btn{background:#3b3b3b;border:1px solid #2b2b2b;border:1px solid var(--btn-grey-border);border-radius:6px;cursor:pointer;font-size:.9em;padding:.7em}.modal-btn:hover{background:#3a3a3a}.line-3{background-color:#9a9a9a;background-color:var(--color-text-gray);flex:0.8 1;height:1px}.inp{background:#e3e3e3;background:var( --color-text-white);border:2px solid #2b2b2b;border:2px solid var(--btn-grey-border);border-radius:8px;height:52px;padding:.5em}.border_title{border-bottom:2px solid #6c6c6c;border-bottom:2px solid var(--color-title-h2);padding-bottom:5px}
/*# sourceMappingURL=main.32163716.css.map*/