.customtimer{display:flex;position:relative;margin-bottom:4rem;height:500px;background:#3a3a39;font-family:LTSuperior-Regular,sans-serif;border-radius:10px;border:1px solid #3f3e3a;padding:20px}.timer-front{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;padding-bottom:20px}input[type=number]{-webkit-appearance:none;-moz-appearance:textfield;appearance:none;outline:none;border:none;background:none;padding:0;text-align:center;width:100%}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.input-wrapper{display:flex;align-items:center;position:relative}.customtimer .input{font-size:20vw;width:24vw;text-align:center;transform:translateY(8%)}.inputs .colon{font-size:15vw;margin:0 2rem}.inputs{display:flex;align-items:center}.input-hours{display:flex}.highlight-placeholder{color:#d6ff69}.input-min-sec{display:flex}.highlight-placeholder::placeholder{color:#f9f7ed;opacity:1}input::placeholder,input::-webkit-input-placeholder,input:-ms-input-placeholder,input::-moz-placeholder,input:-moz-placeholder{color:#f9f7ed;opacity:1}.fullscreen{overflow:hidden}.controls{display:flex;align-items:center;position:relative}.icon-button,.reset-button{background:none;border:none;cursor:pointer;display:flex;align-items:center}.icon-button{transition:transform .1s ease-in-out;border:1px solid #3f3e3a;border-radius:50%;padding:12px;box-shadow:0 6px 12px -1px #0000000d,0 4px 8px -2px #00000008}.icon.play{opacity:.85;transition:opacity .2s ease-in-out}.icon-button:hover .icon.play{opacity:1}.icon-button:active{transform:scale(.95)}.icon.play svg,.icon.pause svg{width:36px;height:36px}.reset-button{position:absolute;left:100px;border:1px solid #3f3e3a;border-radius:50%;padding:10px;box-shadow:0 6px 12px -1px #0000000d,0 4px 8px -2px #00000008}.reset-btn-wrap{display:flex;align-items:center;opacity:.35;transition:opacity .2s ease-in-out}.reset-button:hover .reset-btn-wrap{opacity:.85}.reset-button:active{transform:scale(.95)}.input-wrapper .button{display:none;position:absolute;background:none;border:none;color:#fff;padding:1.5em .2em;cursor:pointer;font-size:1em;font-weight:400;opacity:.35}.button.increment{right:0}.button.decrement{left:0}.input-wrapper .button:hover{opacity:.85}.input-wrapper:hover .button{display:flex}.settings{margin-top:20px}.settings-group{display:flex;align-items:center;margin:16px 0;justify-content:space-between}.settings-group .input{font-size:30px;width:100px;transform:none}.settings-title{width:20%}.custom-select-container{position:relative;display:flex;width:100%;padding-top:24px;border-top:1px dotted #f9f7ed26}.settings select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#484844;color:#f9f7ed;text-transform:none;border-radius:4px;padding:.7em 1.4em .7em .8em;font-family:JetBrainsMono-Regular,sans-serif;font-size:.8rem;font-weight:400;line-height:1;border:none;outline:none;margin:24px 0;width:220px;cursor:pointer}.select-arrow-position:after{content:"";position:absolute;pointer-events:none;right:5px;top:51%;transform:translateY(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #adca5d;width:0;height:0}.select-arrow-position{position:relative;display:inline-block}#checkboxInput{display:none}.toggleSwitch{display:flex;align-items:center;justify-content:center;position:relative;width:50px;height:25px;background-color:#484844;border-radius:20px;cursor:pointer;transition-duration:.2s}.toggleSwitch:after{content:"";position:absolute;height:10px;width:10px;left:5px;background-color:#f9f7ed;border-radius:50%;transition-duration:.2s;box-shadow:5px 2px 7px #08080842;border:5px solid #f9f7ed}#checkboxInput:checked+.toggleSwitch:after{transform:translate(100%);transition-duration:.2s;background-color:#f9f7ed}#checkboxInput:checked+.toggleSwitch{background-color:#adca5d;transition-duration:.2s}.seconds-toggle .toggleSwitch{background-color:#d6dacd!important;cursor:not-allowed}.sound-control{display:flex;align-items:center;flex-direction:column;width:100%}.volume-control{padding-left:20px;width:100%}.select-volume{margin:24px 0;padding:.2em 0;display:flex;align-items:center}.sound-title{display:flex;flex-direction:column;width:50%}.select-sound{display:flex;align-items:center}.play-sound-button{background:none;border:none;padding:0 16px;opacity:.65;display:flex;align-items:center;transition:opacity .2s ease-in-out}.play-sound-button:hover{opacity:1}.mute-button{background:none;border:none;padding:0 16px;opacity:.65;display:flex;align-items:center;transition:opacity .2s ease-in-out}.mute-button:hover{opacity:1}input[type=range]{-webkit-appearance:none;width:80%;height:6px;background:#484844;border-radius:20px;cursor:pointer;transition:background-color .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#f9f7ed;border-radius:50%;cursor:pointer;transition:background-color .2s}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#f9f7ed;border-radius:50%;cursor:pointer;transition:background-color .2s}.pseudo-fullscreen .customtimer,.fullscreen .customtimer{position:fixed;inset:0;overflow:hidden;height:100dvh;z-index:1000;border:none;border-radius:0}@media only screen and (min-width: 1441px){.customtimer .input{font-size:200px;width:16vw}.customtimer .inputs .colon{font-size:200px}.settings-group .input{font-size:30px;width:100px}.input-hours span.hours-hidden{display:none}.fullscreen .customtimer .inputs .colon{font-size:17vw}.fullscreen .customtimer .input{font-size:21vw;width:26vw}.fullscreen .customtimer .inputs{padding-top:90px}.fullscreen .settings-group .input{font-size:30px;width:5vw}}@media only screen and (min-width: 992px) and (max-width: 1440px){.input-hours span.hours-hidden{display:none}.fullscreen .customtimer .inputs{padding-top:90px}}@media screen and (min-width: 768px) and (max-width: 991px){.timer-front{padding:0}.customtimer .input{font-size:18vw;width:22vw}.inputs .colon{font-size:14vw}.customtimer{height:460px}.settings-group .input{font-size:30px;width:100px}.input-hours span.hours-hidden{display:none}.fullscreen .customtimer .inputs,.pseudo-fullscreen .customtimer .inputs{padding-top:50px}.fullscreen .customtimer .input,.pseudo-fullscreen .customtimer .input{font-size:20vw;width:24vw}.fullscreen .customtimer .inputs .colon,.pseudo-fullscreen .customtimer .inputs .colon{font-size:15vw}.fullscreen .settings-group .input,.pseudo-fullscreen .settings-group .input{font-size:30px;width:100px}}@media screen and (max-width: 767px){.settings-group .button.decrement,.settings-group .button.increment{display:none}.customtimer{margin:0}.customtimer.input{height:20vw;font-size:19vw;width:26vw}.inputs,.input-hours{flex-direction:column}.input-hours .colon{display:none}.input-hours .input{font-size:16vw}.input-min-sec{display:flex;align-items:center}.settings select,.select-volume{margin:20px 0}.settings-group .input{font-size:26px;width:100px;height:40px}.hours-hidden{display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-family:JetBrainsMono-Regular,sans-serif;font-size:2.4vw;font-weight:400;line-height:3vw;opacity:.35}.timer-front{padding-top:20px}.settings-menu{bottom:15%}.custom-select-container{flex-direction:column;padding-top:20px}input#volume{display:none}.volume-control{padding:0;display:flex;align-items:center;justify-content:space-between}.sound-title{width:100%}.select-sound,.select-volume{justify-content:space-between}input[type=range],.settings select,.select-arrow-position{width:100%;margin-right:20px}.mute-button,.play-sound-button{padding:0 13px}.pseudo-fullscreen .customtimer,.fullscreen .customtimer{flex-direction:column;justify-content:center}.fullscreen .timer-front,.pseudo-fullscreen .timer-front{justify-content:space-evenly;height:100%}.fullscreen .input-hours,.pseudo-fullscreen .input-hours{padding-top:90px}.fullscreen .hours-hidden,.pseudo-fullscreen .hours-hidden{font-size:3.5vw}.fullscreen .customtimer .input,.pseudo-fullscreen .customtimer .input{height:28vw;font-size:30vw;width:36vw}.fullscreen .inputs .colon,.pseudo-fullscreen .inputs .colon{font-size:24vw}.fullscreen .settings-group .input,.pseudo-fullscreen .settings-group .input{font-size:26px;width:100px;height:40px}}@media screen and (min-width: 480px) and (max-width: 767px){.fullscreen .input-hours .input,.pseudo-fullscreen .input-hours .input{font-size:26vw}}@media only screen and (max-width: 479px){.toggleSwitch{width:46px;height:22px}.toggleSwitch:after{height:8px;width:8px}.customtimer{height:420px;padding:10px}.timer-front{justify-content:center}.settings-title{width:20%;display:inline-block;font-size:.9rem}.hours-hidden{font-size:2.8vw;line-height:8vw}.customtimer .input{height:26vw;font-size:22vw;width:30vw}.input-hours .input{font-size:19vw;height:18vw}.inputs .colon{font-size:17vw;margin:0 1rem}.settings-group .input{font-size:26px;width:100px;height:40px}.controls{padding-top:50px}}.icon-button.disabled{opacity:.35;cursor:not-allowed}.icon-button.disabled:hover{opacity:.35}.icon-button.disabled:active{transform:scale(1)}.icon-button.disabled~.reset-button-custom .reset-btn-wrap{display:flex;align-items:center;justify-content:center;opacity:.85}.icon-button.disabled~.reset-button-custom:hover svg{transform:rotate(180deg);transition:transform .5s ease-in-out}.top-row[data-astro-cid-75cffrzz].timers-main{margin-bottom:2rem}.timers-subtitle[data-astro-cid-75cffrzz]{color:#f9f7ed;letter-spacing:-.01em;margin-top:8px;margin-bottom:0;font-size:1.4rem;font-weight:300;line-height:1.2}@media (max-width: 768px){.timers-subtitle[data-astro-cid-75cffrzz]{font-size:1.2rem}}