@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.main-timer-section-timer{display:flex;justify-content:center;gap:calc(var(--apx, 1px) * 32);max-width:calc(var(--apx, 1px) * 881);max-height:calc(var(--apx, 1px) * 680);height:100%}.main-timer-section-process .main-timer-section-timer,.main-timer-section-finished .main-timer-section-timer{transform:translateY(calc(var(--apx, 1px) * -40))}.main-timer-section-timer .time-container{display:flex;gap:calc(var(--apx, 1px) * 32)}.main-timer-section-timer .time-container .number-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--apx, 1px) * 12)}.main-timer-section-timer .time-container .number-container .time-picker-button{background:none;border:none;outline:none;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.main-timer-section-timer .time-container .number-container .time-picker-button svg{color:#854cbf}.main-timer-section-timer .time-container .number-container .time-picker-button:hover svg{color:#703aa6}.main-timer-section-timer .time-container .number-container .time-picker-button:active svg{color:#703aa6}.main-timer-section-timer .time-container .number-container .button-down{transform:rotate(180deg);transition:all 0s}.main-timer-section-timer .time-container .number-container p,.main-timer-section-timer .time-container .number-container .time{width:calc(var(--apx, 1px) * 200);height:calc(var(--apx, 1px) * 119);margin:0;padding:0 calc(var(--apx, 1px) * 16) calc(var(--apx, 1px) * 12) 0;text-align:center;font-family:Chava;font-size:calc(var(--apx, 1px) * 138);line-height:86%;color:#fff;-webkit-user-select:none;user-select:none}.main-timer-section-timer .time-container .number-container p:hover,.main-timer-section-timer .time-container .number-container .time:hover{cursor:text}.main-timer-section-timer .time-container .number-container .input-time{position:relative;top:calc(var(--apx, 1px) * -1);left:calc(var(--apx, 1px) * -.5);border:none;outline:none;background-color:transparent;max-width:calc(var(--apx, 1px) * 200);max-height:calc(var(--apx, 1px) * 119);font-family:Chava;font-size:calc(var(--apx, 1px) * 138);line-height:86%;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center}.main-timer-section-timer .time-container .dots{padding:0 calc(var(--apx, 1px) * 16) calc(var(--apx, 1px) * 12) 0;margin:auto;text-align:center;font-family:Chava;font-size:calc(var(--apx, 1px) * 138);line-height:86%;color:#fff;-webkit-user-select:none;user-select:none}.button-icon-wrapper{padding:calc(var(--apx, 1px) * 1)}.button-icon-wrapper .icon-button-size-small{width:calc(var(--apx, 1px) * 32);height:calc(var(--apx, 1px) * 32);border-radius:calc(var(--apx, 1px) * 8)}.button-icon-wrapper .icon-button-size-medium{width:calc(var(--apx, 1px) * 40);height:calc(var(--apx, 1px) * 40);border-radius:calc(var(--apx, 1px) * 16)}.button-icon-wrapper .icon-button-name-edit-medium{width:calc(var(--apx, 1px) * 34);height:calc(var(--apx, 1px) * 34);border-radius:calc(var(--apx, 1px) * 9)}.button-icon-wrapper .icon-button-size-large{width:calc(var(--apx, 1px) * 62);height:calc(var(--apx, 1px) * 62);border-radius:calc(var(--apx, 1px) * 24)}.button-icon-wrapper .icon-button-size-extra-large{width:calc(var(--apx, 1px) * 80);height:calc(var(--apx, 1px) * 80);border-radius:calc(var(--apx, 1px) * 32)}.icon-button{border:none;outline:none;background:none;color:#fff;font-family:Chava;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.icon-button:hover{cursor:pointer}.primary-icon-button{background-color:#854cbf}@media (min-width: 601px){.primary-icon-button:hover{background-color:#703aa6;box-shadow:0 0 calc(var(--apx, 1px) * 12) 0 #854cbf80}}.primary-icon-button:active{background-color:#673699;box-shadow:none}.success-icon-button{background-color:#4cbf97;border-radius:calc(var(--apx, 1px) * 24)}.success-icon-button:hover{background-color:#42a683;box-shadow:0 0 calc(var(--apx, 1px) * 12) 0 #4cbf8b80}.success-icon-button:active{background-color:#338065;box-shadow:none}.close-green-button-icon-wrapper{width:calc(var(--apx, 1px) * 40);height:calc(var(--apx, 1px) * 40);background-color:transparent;border-radius:calc(var(--apx, 1px) * 12);display:flex;justify-content:center;align-items:center}.close-green-button-icon-wrapper:hover{background-color:#11261f;box-shadow:0 0 calc(var(--apx, 1px) * 12) 0 #15342a;cursor:pointer;transform:scale(1.05)}.close-green-button-icon-wrapper:active{background-color:#0a1914;box-shadow:none}.control-panel{display:flex;justify-content:center;align-items:center}@media (min-width: 601px){.control-panel{padding-top:calc(var(--apx, 1px) * 15);gap:calc(var(--apx, 1px) * 24)}}@media (max-width: 600px){.control-panel{display:flex;justify-content:center;align-items:center;width:100%;padding-top:calc(var(--apx, 1px) * 10);gap:calc(var(--apx, 1px) * 36)}}.control-panel-process{display:flex;justify-content:center;align-items:center;gap:calc(var(--apx, 1px) * 24)}@media (min-width: 601px){.control-panel-process{padding-top:calc(var(--apx, 1px) * 15);gap:calc(var(--apx, 1px) * 24)}}@media (max-width: 600px){.control-panel-process{padding-top:calc(var(--apx, 1px) * 10);gap:calc(var(--apx, 1px) * 36)}}.control-panel-finished{display:flex;justify-content:center;align-items:center}@media (min-width: 601px){.control-panel-finished{padding-top:calc(var(--apx, 1px) * 15);gap:calc(var(--apx, 1px) * 24)}}@media (max-width: 600px){.control-panel-finished{width:100%;padding-top:calc(var(--apx, 1px) * 10);padding-left:calc(var(--apx, 1px) * 13);padding-right:calc(var(--apx, 1px) * 13);gap:calc(var(--apx, 1px) * 36);justify-content:space-between}}.button-text{border:none;outline:none;background:none;color:#fff;font-family:Chava;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--apx, 1px) * 300);max-height:calc(var(--apx, 1px) * 64);display:flex;align-items:center;justify-content:center}.button-text:hover{cursor:pointer}.primary-button{background-color:#854cbf}.primary-button:hover{background-color:#703aa6;box-shadow:0 0 calc(var(--apx, 1px) * 12) 0 #854cbf80}.primary-button:active{background-color:#673699;box-shadow:none}.primary-button-size-medium{padding:calc(var(--apx, 1px) * 19) calc(var(--apx, 1px) * 65);border-radius:calc(var(--apx, 1px) * 32);font-size:calc(var(--apx, 1px) * 24)}.primary-button-size-small{padding:calc(var(--apx, 1px) * 12) calc(var(--apx, 1px) * 24);border-radius:calc(var(--apx, 1px) * 24);font-size:calc(var(--apx, 1px) * 20)}.success-button{background-color:#4cbf97;padding:calc(var(--apx, 1px) * 12) calc(var(--apx, 1px) * 22);border-radius:calc(var(--apx, 1px) * 24);font-size:calc(var(--apx, 1px) * 16)}.success-button:hover{background-color:#42a683;box-shadow:0 0 calc(var(--apx, 1px) * 12) 0 #4cbf8b80}.success-button:active{background-color:#338065;box-shadow:none}.name-readonly{display:flex;justify-content:flex-start;align-items:center;min-width:auto!important}@media (max-width: 600px){.name-readonly span{text-align:center;max-width:calc(var(--apx, 1px) * 342)}}.name-readonly svg{width:calc(var(--apx, 1px) * 25)}.main-timer-section-name-container{white-space:nowrap;font-family:Inter}@media (min-width: 601px){.main-timer-section-name-container{display:flex;justify-content:center;align-items:center;font-size:calc(var(--apx, 1px) * 24);line-height:calc(var(--apx, 1px) * 34);font-weight:500;leading-trim:none}}@media (max-width: 600px){.main-timer-section-name-container{min-width:100%;display:flex;justify-content:space-between;align-items:center;font-size:calc(var(--apx, 1px) * 22);line-height:calc(var(--apx, 1px) * 26);font-weight:500}}.main-timer-section-name-container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:calc(var(--apx, 1px) * 9);line-height:calc(var(--apx, 1px) * 34)}@media (min-width: 601px){.main-timer-section-name-container span{max-width:calc(var(--apx, 1px) * 238)}}@media (max-width: 600px){.main-timer-section-name-container span{width:100%}}.input-timer-name-wrapper{border-bottom:calc(var(--apx, 1px) * 2) solid #854CBF;height:calc(var(--apx, 1px) * 34)}@media (min-width: 601px){.input-timer-name-wrapper{max-width:calc(var(--apx, 1px) * 238)}}@media (max-width: 600px){.input-timer-name-wrapper{width:100%}}.input-timer-name-wrapper input{padding:0 calc(var(--apx, 1px) * 9) calc(var(--apx, 1px) * 2) calc(var(--apx, 1px) * 8);width:100%;height:100%;border:none;outline:none;background-color:transparent;font-family:Inter;font-size:calc(var(--apx, 1px) * 24);line-height:calc(var(--apx, 1px) * 34);font-weight:500;vertical-align:middle}.input-timer-name-wrapper ::placeholder{color:#2b1840}@media (min-width: 601px){.user-presets-history-wrapper{padding:calc(var(--apx, 1px) * 45) 0}}@media (max-width: 600px){.user-presets-history-wrapper{width:100%}}.user-presets-history-wrapper h3{padding-bottom:calc(var(--apx, 1px) * 16);font-family:Inter;font-weight:500;line-height:100%;color:#854cbf}@media (min-width: 601px){.user-presets-history-wrapper h3{font-size:calc(var(--apx, 1px) * 24)}}@media (max-width: 600px){.user-presets-history-wrapper h3{font-size:calc(var(--apx, 1px) * 22)}}@media (min-width: 601px){.user-presets-history{display:flex;justify-content:center;align-items:center;gap:calc(var(--apx, 1px) * 100);max-width:calc(var(--apx, 1px) * 690)}}@media (max-width: 600px){.user-presets-history{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--apx, 1px) * 12)}}.user-presets-history .user-presets-history-right-side,.user-presets-history .user-presets-history-left-side{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media (min-width: 601px){.user-presets-history .user-presets-history-right-side,.user-presets-history .user-presets-history-left-side{display:flex;justify-content:center;align-items:center;gap:calc(var(--apx, 1px) * 8);height:calc(var(--apx, 1px) * 184)}}@media (max-width: 600px){.user-presets-history .user-presets-history-right-side,.user-presets-history .user-presets-history-left-side{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:calc(var(--apx, 1px) * 12);max-width:calc(var(--apx, 1px) * 342)}}.user-preset-wrapper{width:100%;padding:calc(var(--apx, 1px) * 2) 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(var(--apx, 1px) * 49)}@media (min-width: 601px){.user-preset-wrapper{max-width:calc(var(--apx, 1px) * 266)}}@media (max-width: 600px){.user-preset-wrapper{max-width:100%}}.user-preset-wrapper .text-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:calc(var(--apx, 1px) * 8)}@media (min-width: 601px){.user-preset-wrapper .text-container .timer-length{font-size:calc(var(--apx, 1px) * 22)}}@media (max-width: 600px){.user-preset-wrapper .text-container .timer-length{font-size:calc(var(--apx, 1px) * 32)}}.user-preset-wrapper .text-container .timer-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-family:Inter;font-weight:400;line-height:100%;color:#854cbf;font-size:calc(var(--apx, 1px) * 12)}@media (max-width: 600px){.user-preset-wrapper .text-container .timer-name{font-size:calc(var(--apx, 1px) * 16)}}.user-preset-wrapper .timer-length{font-family:Chava;font-size:calc(var(--apx, 1px) * 22);color:#fff;-webkit-user-select:none;user-select:none}.user-preset-wrapper .user-preset{margin-right:auto;display:flex;justify-content:flex-start;gap:calc(var(--apx, 1px) * 3);height:100%}.user-preset-wrapper .user-preset .time-container{display:flex}.user-preset-wrapper .user-preset .time-container .number-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--apx, 1px) * 12)}.user-preset-wrapper .user-preset .time-container .number-container .time{font-family:Chava;color:#fff;-webkit-user-select:none;user-select:none}.user-preset-wrapper .user-preset .time-container .number-container .time:hover{cursor:text}.user-preset-wrapper .user-preset .time-container .dots{padding:0 0 0 calc(var(--apx, 1px) * 3);margin:auto;font-family:Chava;color:#fff;-webkit-user-select:none;user-select:none}@media (min-width: 601px){div .wrapper-layout{display:flex;flex-direction:column;min-height:100%;width:100%}div .wrapper-layout .main-divider{width:100vw}div .wrapper-layout .main-timer-section-wrapper{max-width:calc(var(--apx, 1px) * 881);margin:0 auto;padding:calc(var(--apx, 1px) * 90);transition:all 1s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--apx, 1px) * 33);background-color:transparent;flex:1}div .wrapper-layout .main-timer-section-wrapper *{z-index:100}div .wrapper-layout .main-timer-section-wrapper.centered{flex:unset;margin:auto;min-height:100%;display:flex;align-items:center;justify-content:center}div .wrapper-layout .main-timer-section-wrapper.centered .main-timer-section-hotkeys{transition:all .2s ease-in-out}div .wrapper-layout .main-timer-section{transition:all .4s ease-in-out;display:flex;flex-direction:column;align-items:center;gap:calc(var(--apx, 1px) * 33);background-color:transparent}div .wrapper-layout .main-timer-section *{z-index:100}div .wrapper-layout .main-timer-section-hotkeys{display:flex;gap:calc(var(--apx, 1px) * 18)}div .wrapper-layout .divider{width:100%;border-bottom:1px solid #854CBF}div .wrapper-layout .history-timers-section{display:flex;flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 600px){div .divider{width:100%;border-bottom:1px solid #854CBF}div .history-timers-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%!important}}:root{--row-h: apx(48);--gap: apx(12);--cell-h: calc(var(--row-h) + var(--gap))}.main-timer-section-timer-mobile{width:100%;max-height:calc(var(--apx, 1px) * 200);box-sizing:border-box;touch-action:pan-y;overscroll-behavior:contain;position:relative}@media (max-width: 600px){.main-timer-section-timer-mobile{position:relative}.main-timer-section-timer-mobile div div:last-of-type{width:0!important}.main-timer-section-timer-mobile .picker{margin:auto;font-family:Chava;font-size:calc(var(--apx, 1px) * 32);line-height:86%;font-weight:400;text-align:center;transition:all 0s;position:relative;display:grid;grid-auto-flow:column;gap:calc(var(--apx, 1px) * 63);background:transparent;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.main-timer-section-timer-mobile .picker-column-wrapper{position:relative;width:100%;touch-action:pan-y;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center}.main-timer-section-timer-mobile .picker-item-wrapper{width:100%;touch-action:pan-y;overscroll-behavior:contain}.main-timer-section-timer-mobile .picker-item-wrapper:last-of-type{min-width:100%}.main-timer-section-timer-mobile .picker-col-wrap{position:relative}.main-timer-section-timer-mobile .picker-item{color:#ffffffb3;transition:color .15s ease,opacity .15s ease;scroll-snap-align:center;-webkit-user-select:none;user-select:none}.main-timer-section-timer-mobile .picker-selected-item{color:#fff;cursor:pointer}.main-timer-section-timer-mobile .picker-selected-item-editable{color:transparent!important}.main-timer-section-timer-mobile .picker-sep{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-family:Chava;font-size:calc(var(--apx, 1px) * 36);line-height:86%;font-weight:400;text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;touch-action:none}.main-timer-section-timer-mobile .picker-sep-after{left:-50%}.main-timer-section-timer-mobile .picker-input-overlay{position:absolute;top:50%;left:50%;min-width:calc(var(--apx, 1px) * 80);height:calc(var(--apx, 1px) * 48);transform:translate(-50%,-50%);z-index:1000;pointer-events:auto;display:flex;align-items:center;justify-content:center}.main-timer-section-timer-mobile .picker-input{width:100%;height:100%;background:transparent;outline:none;font-family:Chava;font-size:calc(var(--apx, 1px) * 32);line-height:86%;font-weight:400;color:#fff;text-align:center;-webkit-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;z-index:1000;box-shadow:none;border:none;outline:0;outline-offset:0}.main-timer-section-timer-mobile .picker-input:focus{outline:none;box-shadow:none}}@media (max-width: 600px){.mobile-main-timer-section-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--apx, 1px) * 32)}}@media (max-width: 600px){.mobile-main-timer-section{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}}@media (max-width: 600px){.mobile-main-timer-readonly-wrapper{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:calc(var(--apx, 1px) * 8);font-family:Chava;font-weight:400;font-size:calc(var(--apx, 1px) * 32);line-height:86%;text-align:center;color:#fff}}:root{--bg: #0e0716;--text: rgba(252, 253, 255, .92);--text-dim: rgba(252, 253, 255, .75);--stroke: #341B4C;--stroke-hover: #7E8CF2;--menu-bg: #110819;--hover-line: rgba(126, 140, 242, .6);--ok: #34e2b0;--scroll: #452466}.dropdown{width:calc(var(--apx, 1px) * 515);max-width:100%;padding:calc(var(--apx, 1px) * 8) 0;background:var(--bg)}@media (max-width: 600px){.dropdown{width:calc(var(--apx, 1px) * 210);max-width:100%}}.dropdown .dropdown__select{width:100%;color:var(--text);background:var(--menu-bg);border-radius:calc(var(--apx, 1px) * 24)}.dropdown .dropdown__select .MuiSelect-select{padding:calc(var(--apx, 1px) * 16) calc(var(--apx, 1px) * 24);display:flex;align-items:center;font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:calc(var(--apx, 1px) * 20);line-height:calc(var(--apx, 1px) * 32)}.dropdown .dropdown__select .MuiOutlinedInput-notchedOutline{border-color:var(--stroke);border-width:1px;border-radius:calc(var(--apx, 1px) * 24)}.dropdown .dropdown__select:hover .MuiOutlinedInput-notchedOutline,.dropdown .dropdown__select.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--stroke-hover)}.dropdown .dropdown__select .MuiSelect-icon{right:calc(var(--apx, 1px) * 18);top:calc(50% - 14px)}.dropdown .dropdown__select *:focus{outline:none}.dropdown .dropdown__label{font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:calc(var(--apx, 1px) * 20);line-height:calc(var(--apx, 1px) * 32);color:var(--text)}.dropdown .dropdown__chevron{position:absolute;right:calc(var(--apx, 1px) * 28);transition:transform .2s;font-size:calc(var(--apx, 1px) * 28)!important;fill:#a26cd9!important;pointer-events:none}.dropdown .dropdown__chevron.is-open{transform:rotate(180deg)}.MuiPaper-root.dropdown__menuPaper{margin-top:calc(var(--apx, 1px) * 8);background:var(--menu-bg)!important;color:var(--text)!important;border-radius:calc(var(--apx, 1px) * 22)!important;border:none;overflow:hidden}.MuiMenu-list.dropdown__menuList{max-height:calc(var(--apx, 1px) * 296);overflow-x:hidden;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:var(--scroll) transparent}.MuiMenu-list.dropdown__menuList::-webkit-scrollbar{width:calc(var(--apx, 1px) * 4)}.MuiMenu-list.dropdown__menuList::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:999px;border:14px solid transparent;background-clip:padding-box}@media (max-width: 600px){.MuiMenu-list.dropdown__menuList{margin:calc(var(--apx, 1px) * 16) 0}}.dropdown__menuItem{display:flex!important;align-items:center;justify-content:space-between;padding:calc(var(--apx, 1px) * 12) calc(var(--apx, 1px) * 16)!important;min-height:calc(var(--apx, 1px) * 56)!important;background:#110819!important;width:100%}.dropdown__menuItem:hover{background:#190b26!important;color:#190b26}.dropdown__menuItem.Mui-selected{background:transparent!important}.dropdown__menuItem.Mui-selected:hover{background:#190b26!important;color:#190b26}.dropdown__itemText{flex:1;font-family:Inter,system-ui,sans-serif!important;font-weight:400!important;font-size:calc(var(--apx, 1px) * 20)!important;line-height:calc(var(--apx, 1px) * 32)!important;color:var(--text-dim)!important}.dropdown__itemText.is-selected{color:var(--text)!important}.dropdown__checkWrap{min-width:calc(var(--apx, 1px) * 28)!important}.dropdown__checkIcon{fill:var(--ok)!important;font-size:calc(var(--apx, 1px) * 28)!important}.MuiMenuItem-root.Mui-selected:after{display:none!important;content:none!important}.modal-settings-wrapper{position:absolute;inset:0;z-index:1000;width:100wv;display:flex;justify-content:center;align-items:center;background-color:#180b2633;color:#fff;font-family:Inter;padding:0 calc(var(--apx, 1px) * 27)}@media (min-width: 601px){.modal-settings-wrapper{height:calc(var(--vh, 1vh) * 100);-webkit-backdrop-filter:blur(calc(var(--apx, 1px) * 100));backdrop-filter:blur(calc(var(--apx, 1px) * 100))}}@media (max-width: 600px){.modal-settings-wrapper{position:fixed;height:calc(var(--vh, 1vh) * 100);-webkit-backdrop-filter:blur(calc(var(--apx, 1px) * 60));backdrop-filter:blur(calc(var(--apx, 1px) * 60))}}.modal-settings-wrapper h4{font-size:calc(var(--apx, 1px) * 20);line-height:calc(var(--apx, 1px) * 32);font-weight:400}.modal-settings-wrapper .modal-settings{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:calc(var(--apx, 1px) * 24);border-radius:calc(var(--apx, 1px) * 16);background:#110819;box-shadow:0 calc(var(--apx, 1px) * 16) calc(var(--apx, 1px) * 24) #292a2e14,0 0 calc(var(--apx, 1px) * 1) #292a2e1f}@media (min-width: 601px){.modal-settings-wrapper .modal-settings{max-width:calc(var(--apx, 1px) * 641);max-height:calc(var(--apx, 1px) * 518);padding:calc(var(--apx, 1px) * 16) calc(var(--apx, 1px) * 24) calc(var(--apx, 1px) * 24)}}@media (max-width: 600px){.modal-settings-wrapper .modal-settings{max-height:calc(var(--apx, 1px) * 532);padding:calc(var(--apx, 1px) * 16) calc(var(--apx, 1px) * 16) calc(var(--apx, 1px) * 25) calc(var(--apx, 1px) * 16)}}.modal-settings-wrapper .modal-settings .modal-settings-head{width:100%;display:flex;justify-content:space-between}.modal-settings-wrapper .modal-settings .modal-settings-head h3{font-family:Inter;font-size:calc(var(--apx, 1px) * 28);line-height:calc(var(--apx, 1px) * 40);color:#fcfdff}@media (min-width: 601px){.modal-settings-wrapper .modal-settings .modal-settings-head h3{font-weight:700}}@media (max-width: 600px){.modal-settings-wrapper .modal-settings .modal-settings-head h3{font-weight:500}}.modal-settings-wrapper .modal-settings .modal-settings-body-sound .modal-settings-body-sound-select{display:flex;justify-content:flex-start;align-items:center;gap:calc(var(--apx, 1px) * 15)}.modal-settings-footer{margin-top:auto;align-self:stretch}@media (min-width: 601px){.modal-settings-footer{display:flex;justify-content:flex-end}}@media (max-width: 600px){.modal-settings-footer button{width:100%}}.modal-settings-repeat{margin-top:calc(var(--apx, 1px) * 6);display:flex;justify-content:flex-start;align-items:center;gap:calc(var(--apx, 1px) * 10);color:#854cbf;cursor:pointer;font-size:calc(var(--apx, 1px) * 20);line-height:calc(var(--apx, 1px) * 32)}.modal-settings-repeat-checkbox{width:calc(var(--apx, 1px) * 28);height:calc(var(--apx, 1px) * 28);border-radius:calc(var(--apx, 1px) * 8);margin-left:calc(var(--apx, 1px) * 2);display:flex;justify-content:center;align-items:center;background:#341b4c;border:calc(var(--apx, 1px) * 1) solid #341B4C}.modal-settings-repeat-checkbox:hover{background:#452466}.modal-settings-repeat-checkbox:active{background:#572d80}.on .modal-settings-repeat-checkbox{background:#854cbf;border-color:#854cbf}.on .modal-settings-repeat-checkbox:hover{background:#703aa6;border-color:#703aa6}.on .modal-settings-repeat-checkbox:active{background:#683699;border-color:#683699}.modal-settings-repeat-checkbox svg{display:none}.on .modal-settings-repeat-checkbox svg{display:block}.modal-settings-body-mode-radio-list{display:flex;flex-direction:column;gap:calc(var(--apx, 1px) * 12);margin-top:calc(var(--apx, 1px) * 12)}.modal-settings-mode-item{display:flex;justify-content:flex-start;align-items:center;gap:calc(var(--apx, 1px) * 10);color:#854cbf;cursor:pointer;font-size:calc(var(--apx, 1px) * 20);line-height:calc(var(--apx, 1px) * 32)}.modal-settings-mode-radiobutton{width:calc(var(--apx, 1px) * 28);height:calc(var(--apx, 1px) * 28);border-radius:50%;margin-left:calc(var(--apx, 1px) * 2);display:flex;justify-content:center;align-items:center;background:#341b4c;border:calc(var(--apx, 1px) * 1) solid #341B4C}.modal-settings-mode-radiobutton:hover{background:#452466}.modal-settings-mode-radiobutton:active{background:#572d80}.on .modal-settings-mode-radiobutton{background:#854cbf;border-color:#854cbf}.on .modal-settings-mode-radiobutton:hover{background:#703aa6;border-color:#703aa6}.on .modal-settings-mode-radiobutton:active{background:#683699;border-color:#683699}.on .modal-settings-mode-radiobutton:before{content:"";width:calc(var(--apx, 1px) * 16);height:calc(var(--apx, 1px) * 16);border-radius:50%;background:#fff}html,body,#root{height:100%}.home-page{position:relative;width:100%;height:100%;padding-bottom:calc(var(--apx, 1px) * 90);display:flex;flex-direction:column}@media (min-width: 601px){.home-page{display:flex;justify-content:center;align-items:center;overflow:hidden}}@media (max-width: 600px){.home-page{padding:calc(var(--apx, 1px) * 100) calc(var(--apx, 1px) * 16) calc(var(--apx, 1px) * 50) calc(var(--apx, 1px) * 16)}}.home-page *{transition:all .2s ease-in-out}.home-page-stop,.home-page-process{background:linear-gradient(180deg,#190b2600,#341b4c),linear-gradient(0deg,#190b26,#190b26)}.home-page-finished{background:linear-gradient(0deg,#28aa87,#28aa87),linear-gradient(180deg,#00826d,#28aa8700)}.mobile-main-timer-section-wrapper *{transition:all .3s ease-in-out}.animation-state-null .circular-box{opacity:0}.animation-state-null .wrapper-layout .time-picker-button,.animation-state-null .wrapper-layout .button-up,.animation-state-null .wrapper-layout .button-down{opacity:1;transition:opacity .5s ease-in-out}.animation-state-null .wrapper-layout .main-divider,.animation-state-null .wrapper-layout .user-presets-history-wrapper{opacity:1;transform:translateY(0);transition:transform .5s ease-in-out,opacity 1.5s}.animation-state-null .wrapper-layout .main-timer-section-hotkeys{opacity:1;transition:opacity .1s ease-in-out}.animation-state-presetsOut .wrapper-layout .time-picker-button,.animation-state-presetsOut .wrapper-layout .button-up,.animation-state-presetsOut .wrapper-layout .button-down{opacity:0;pointer-events:none!important;cursor:unset!important}.animation-state-presetsOut .wrapper-layout .main-divider{opacity:0;transition:opacity .2s ease-in-out}.animation-state-presetsOut .wrapper-layout .user-presets-history-wrapper{opacity:1;transform:translateY(200%);transition:transform .5s ease-in-out}.animation-state-presetsOut .wrapper-layout .main-timer-section{transform:translateY(50%)}.animation-state-circleFadeIn .wrapper-layout .time-picker-button,.animation-state-circleFadeIn .wrapper-layout .button-up,.animation-state-circleFadeIn .wrapper-layout .button-down{opacity:0;pointer-events:none!important;cursor:unset!important}.animation-state-circleFadeIn .wrapper-layout .main-divider,.animation-state-circleFadeIn .wrapper-layout .user-presets-history-wrapper{opacity:0;transform:translateY(200%)}.animation-state-circleFadeIn .wrapper-layout .main-timer-section{transform:translateY(50%)}.animation-state-circleFadeIn .wrapper-layout .main-timer-section-hotkeys{opacity:0;z-index:-1;pointer-events:none}.animation-state-circleFadeIn .wrapper-layout .control-panel-finished,.animation-state-circleFadeIn .wrapper-layout .control-panel-process{transform:translateY(-100px);transition:transform .3s ease-in-out}.animation-state-timerCentered .wrapper-layout .time-picker-button,.animation-state-timerCentered .wrapper-layout .button-up,.animation-state-timerCentered .wrapper-layout .button-down{opacity:0;pointer-events:none!important;cursor:unset!important}.animation-state-timerCentered .wrapper-layout .main-divider,.animation-state-timerCentered .wrapper-layout .user-presets-history-wrapper{opacity:0;transform:translateY(200%)}.animation-state-timerCentered .wrapper-layout .main-timer-section{transform:translateY(50%)}.animation-state-timerCentered .wrapper-layout .main-timer-section-hotkeys{opacity:0;z-index:-1;pointer-events:none}.animation-state-timerCentered .wrapper-layout .control-panel-finished,.animation-state-timerCentered .wrapper-layout .control-panel-process{transform:translateY(-100px)}.animation-state-hotkeysOut .circular-box{opacity:1}.animation-state-hotkeysOut .wrapper-layout .time-picker-button,.animation-state-hotkeysOut .wrapper-layout .button-up,.animation-state-hotkeysOut .wrapper-layout .button-down{opacity:0;pointer-events:none!important;cursor:unset!important}.animation-state-hotkeysOut .wrapper-layout .main-divider,.animation-state-hotkeysOut .wrapper-layout .user-presets-history-wrapper{opacity:0;transform:translateY(200%)}.animation-state-hotkeysOut .wrapper-layout .main-timer-section{transform:translateY(50%)}.animation-state-hotkeysOut .wrapper-layout .main-timer-section-hotkeys{opacity:0;z-index:-1;pointer-events:none}.animation-state-hotkeysOut .wrapper-layout .control-panel-finished,.animation-state-hotkeysOut .wrapper-layout .control-panel-process{transform:translateY(-100px)}@media (max-width: 600px){.animation-state-null{overflow:auto}}.animation-state-null .circular-box{height:0px;transition:all .5s ease-in-out}.animation-state-null .mobile-main-timer-section-wrapper{transition:all .5s ease-in-out}.animation-state-null .mobile-main-timer-section-wrapper .main-divider{opacity:1;transition:all .5s ease-in-out}.animation-state-null .mobile-main-timer-section-wrapper .main-timer-section-timer-mobile{opacity:1;transition:all .3s ease-in-out}.animation-state-null .mobile-main-timer-section-wrapper .history-timers-section{opacity:1;transition:transform .5s ease-in-out}.animation-state-null .mobile-main-timer-section-wrapper .mobile-main-timer-readonly-wrapper{opacity:0;transition:opacity .3s}@media (max-width: 600px){.animation-state-presetsOut{overflow:auto}}.animation-state-presetsOut .mobile-main-timer-section-wrapper{transform:translateY(-20%);transition:all .5s ease-in-out}.animation-state-presetsOut .mobile-main-timer-section-wrapper .main-timer-section-timer-mobile,.animation-state-presetsOut .mobile-main-timer-section-wrapper .main-divider{opacity:0;pointer-events:none!important}.animation-state-presetsOut .mobile-main-timer-section-wrapper .history-timers-section{opacity:0;transform:translateY(140%);transition:all .5s ease-in-out}.animation-state-presetsOut .mobile-main-timer-section-wrapper .mobile-main-timer-readonly-wrapper{opacity:1;transition:all .5s ease-in-out}@media (max-width: 600px){.animation-state-circleFadeIn{overflow:hidden}}.animation-state-circleFadeIn .mobile-main-timer-section-wrapper{transform:translateY(-20%)}.animation-state-circleFadeIn .mobile-main-timer-section-wrapper .main-timer-section-timer-mobile,.animation-state-circleFadeIn .mobile-main-timer-section-wrapper .main-divider{opacity:0;pointer-events:none!important}.animation-state-circleFadeIn .mobile-main-timer-section-wrapper .history-timers-section{opacity:0;transform:translateY(140%)}.animation-state-circleFadeIn .mobile-main-timer-section-wrapper .mobile-main-timer-readonly-wrapper{opacity:1}@media (max-width: 600px){.animation-state-timerCentered{overflow:hidden}}.animation-state-timerCentered .mobile-main-timer-section-wrapper{transform:translateY(-20%)}.animation-state-timerCentered .mobile-main-timer-section-wrapper .main-timer-section-timer-mobile,.animation-state-timerCentered .mobile-main-timer-section-wrapper .main-divider{opacity:0;pointer-events:none!important}.animation-state-timerCentered .mobile-main-timer-section-wrapper .history-timers-section{opacity:0;transform:translateY(140%)}.animation-state-timerCentered .mobile-main-timer-section-wrapper .mobile-main-timer-readonly-wrapper{opacity:1}@media (max-width: 600px){.animation-state-hotkeysOut{overflow:hidden}}.animation-state-hotkeysOut .circular-box{transition:all .1s ease-in-out}.animation-state-hotkeysOut .mobile-main-timer-section-wrapper{transform:translateY(-20%)}.animation-state-hotkeysOut .mobile-main-timer-section-wrapper .main-timer-section-timer-mobile,.animation-state-hotkeysOut .mobile-main-timer-section-wrapper .main-divider{opacity:0;pointer-events:none!important}.animation-state-hotkeysOut .mobile-main-timer-section-wrapper .history-timers-section{opacity:0;transform:translateY(140%)}.animation-state-hotkeysOut .mobile-main-timer-section-wrapper .mobile-main-timer-readonly-wrapper{opacity:1}.animation-state-hotkeysOut .mobile-main-timer-section-wrapper .element::-webkit-scrollbar{width:0}*{margin:0;padding:0;box-sizing:border-box}body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.react-mobile-picker{touch-action:pan-y!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.react-mobile-picker .picker-column{touch-action:pan-y!important;overscroll-behavior:contain!important}@font-face{font-family:Chava;font-display:swap;src:url(./Chava-CGTQmgZT.woff2) format("woff2"),url(./Chava-BtIzCFgH.woff) format("woff");font-weight:400;font-style:normal}::-webkit-scrollbar{width:4px;height:10px}::-webkit-scrollbar-track{background-color:#231233}::-webkit-scrollbar-thumb{background-color:#452466;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#341b4c}