@font-face{font-display:block;font-family:"Font Awesome 5 Free";font-weight:400;src:url(1017bce89c72f95bcf8e.ttf)}@font-face{font-display:block;font-family:"Font Awesome 5 Free";font-weight:900;src:url(07c3313b24f7b1ca85ee.ttf)}@font-face{font-display:block;font-family:"Merriweather";font-weight:400;src:url(9ab233598abd51d09b0d.ttf)}@font-face{font-display:block;font-family:"Merriweather";font-weight:700;src:url(ad8b7aefcdf6b1e397c4.ttf)}@font-face{font-display:block;font-family:"Museo";font-weight:400;src:url(6019bae4ee398ec72999.ttf)}@font-face{font-display:block;font-family:"Museo";font-weight:700;src:url(7c88dff03b9f34a51187.ttf)}@font-face{font-display:block;font-family:"Poppins";font-weight:400;src:url(8081832fc5cfbf634aa6.ttf)}@font-face{font-display:block;font-family:"Poppins";font-weight:700;src:url(404e299be26d78e66794.ttf)}*,*::before,*::after{box-sizing:border-box;margin:0;outline:none;padding:0}button{border:none}hr{border-style:solid}input{border:none;font-family:var(--font);width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}label{width:100%}.hidden{display:none !important}html{font-family:var(--font),sans-serif;font-size:calc(100vw / 31)}html[data-font=poppins]{--font: "Poppins"}html[data-font=museo]{--font: "Museo"}html[data-font=merriweather]{--font: "Merriweather"}html[data-color=red]{--color: #f87070}html[data-color=blue]{--color: #70f1f2}html[data-color=purple]{--color: #d681f6}body{background:#1d2041;height:100vh}.container{align-items:center;display:flex;height:100%;justify-content:center;margin:auto;width:87.5vw}.content{display:grid;grid-gap:4.5rem;gap:4.5rem}.logo{display:grid;align-content:center;justify-content:center;place-content:center}.logo__text{color:#d7defb;font-size:1.8rem;font-weight:700}.menu{background:#151932;border-radius:5rem;display:grid;height:5.25rem;margin:auto;padding:.6rem .5rem;width:100%;z-index:1}.menu__options{display:grid;grid-auto-flow:column;height:100%;width:100%}.menu__button{border-radius:5rem;color:#646883;display:grid;align-content:center;justify-content:center;place-content:center}.menu__button--switch{background:#1f223e;color:#646883;display:none;align-content:center;justify-content:center;place-content:center}.menu__button.active{background:var(--color);color:#151932}.menu__text{font-size:1rem;font-weight:700}.timer{align-items:center;background:linear-gradient(130deg, #121632, #292d51);border-radius:50%;box-shadow:-50px -50px 100px 10px #252b57,50px 50px 100px 10px #141833;display:flex;max-height:calc(100vh / 2.3);max-width:calc(100vh / 2.3);height:80vw;justify-content:center;width:80vw}.timer__circle{align-items:center;background:#151932;border-radius:50%;display:flex;height:90%;justify-content:center;position:relative;width:90%}.timer__progress{height:92%;overflow:visible;position:absolute;width:92%}.timer__path{fill:none;stroke:var(--color);stroke-linecap:round;stroke-width:17.5px}.timer__background{border-radius:50%;color:#d7e0ff;display:grid;height:86%;align-content:center;justify-content:center;place-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:86%;z-index:1}.timer__time{font-size:calc(100vmin / 7);margin-top:2rem}.timer__status{font-size:calc(100vmin / 27.5);font-weight:400;letter-spacing:1rem;margin:-0.25rem auto 0;padding-left:1rem;text-transform:uppercase}.switch{display:grid;align-content:center;justify-content:center;place-content:center;z-index:1}.switch__button::before{color:#7b809e;content:"";font-family:"Font Awesome 5 Free";font-size:2.5rem;font-weight:900}.modal{background:rgba(0,0,0,.5);display:grid;height:100vh;align-content:center;justify-content:center;place-content:center;position:absolute;width:100%;z-index:2}.modal__container{max-width:65vh;padding-bottom:calc(4.25rem / 2);width:87.5vw}.modal__container--small{max-width:55vh;padding-bottom:calc(4.25rem / 2);width:87.5vw}.modal__background--light{background:#fff;border-radius:1rem}.modal__background--dark{background:#151932;border-radius:1rem}.modal__header{padding:2rem;text-align:center}.modal__title--light{color:#fff;font-size:1.5rem;font-weight:700}.modal__title--dark{color:#151a30;font-size:1.5rem;font-weight:700}.modal__separator{background:#e8e8e8;border-color:#e8e8e8;border-radius:1rem;border-width:.5px;margin:auto;width:calc(100% - 4rem)}.modal__separator--large{background:#e8e8e8;border-color:#e8e8e8;border-radius:1rem;border-width:.5px}.modal__main{display:grid;grid-gap:1rem;gap:1rem;padding:2rem}.modal__main--center{display:grid;grid-gap:1rem;gap:1rem;padding:2rem;text-align:center}.modal__subtitle--light{color:#fff;font-weight:400;letter-spacing:.1rem;text-align:center}.modal__subtitle--dark{color:#151a30;font-weight:bold;letter-spacing:.3rem;text-align:center}.modal__timers{display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:.5rem;row-gap:.5rem}.modal__timers label{align-self:center;color:#adadb4;font-weight:700;font-size:1.1rem;text-align:left}.modal__timers input{background:#eef1fa;border-radius:1rem;color:#151a30;font-size:1.05rem;font-weight:700;padding:.9rem 1.25rem}.modal__timers input:-moz-read-only{color:#adadb4;cursor:not-allowed}.modal__timers input:read-only{color:#adadb4;cursor:not-allowed}.modal__options{justify-content:center}.modal__menu{display:grid;grid-gap:1rem;gap:1rem;padding:2rem}.modal__fonts{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-auto-flow:column;margin:auto}.modal__fonts .active{background:#151a30;color:#fafcff}.modal__colors{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-auto-flow:column;margin:auto}.modal__colors .active{display:flex}.modal__colors .active::before{color:#151a30;content:"";font-family:"Font Awesome 5 Free";font-size:1.25rem;font-weight:900;margin:auto}.modal__button--poppins{background:#eef1fa;border-radius:50%;color:#151a30;font-family:"Poppins";font-size:1.4rem;font-weight:700;height:3.5rem;width:3.5rem}.modal__button--museo{background:#eef1fa;border-radius:50%;color:#151a30;font-family:"Museo";font-size:1.4rem;font-weight:700;height:3.5rem;width:3.5rem}.modal__button--merriweather{background:#eef1fa;border-radius:50%;color:#151a30;font-family:"Merriweather";font-size:1.4rem;font-weight:700;height:3.5rem;width:3.5rem}.modal__button--red{background:#f87070;border-radius:50%;height:3.5rem;width:3.5rem}.modal__button--blue{background:#70f1f2;border-radius:50%;height:3.5rem;width:3.5rem}.modal__button--purple{background:#d681f6;border-radius:50%;height:3.5rem;width:3.5rem}.modal__footer{height:calc(4.25rem / 2);position:relative}.modal__controls{display:flex;justify-content:space-evenly;position:absolute;text-align:center;width:100%}.modal__control--cancel{background:#1f223e;border-radius:3rem;color:#fff;font-family:var(--font);font-weight:700;font-size:1.1rem;height:4.25rem;padding:0 4rem}.modal__control--apply{background:var(--color);border-radius:3rem;color:#fff;font-family:var(--font);font-weight:700;font-size:1.1rem;height:4.25rem;padding:0 4rem}@media(hover: hover){.pointer{cursor:pointer}}@media(min-width: 500px){html{font-size:14px}.modal__background--light,.modal__background--dark{border-radius:2rem}.modal__header{padding:2rem 3rem}.modal__title--light,.modal__title--dark{font-size:2rem}.modal__separator{width:calc(100% - 6rem)}.modal__main{padding:2rem 3rem;grid-gap:1.5rem;gap:1.5rem}.modal__subtitle--light,.modal__subtitle--dark{align-self:center;font-size:1.1rem;text-align:unset}.modal__timers{grid-gap:0 1.5rem;gap:0 1.5rem;grid-auto-flow:column;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr auto}.modal__timers label{font-size:.9rem;margin:0 0 .5rem .25rem}.modal__timers input{padding:1.1rem 1.25rem}.modal__menu{grid-auto-flow:column;padding:2rem 3rem}.modal__fonts,.modal__colors{margin-right:0}.timer__time{font-size:5.5rem}.timer__status{font-size:1.5rem}}@media(min-width: 992px){html{font-size:16px}.timer__time{font-size:calc(100vmin / 11)}.timer__status{font-size:calc(100vmin / 45)}.logo__text{font-size:2rem}}@media(orientation: landscape)and (max-height: 900px){html{font-size:14px}.container{max-width:none}.content{grid-auto-flow:column}.logo{display:none}.menu{border-radius:3rem;grid-auto-flow:row;grid-template-rows:3fr 1fr;height:25rem;width:15rem}.menu__options{grid-auto-flow:row}.menu__button{border-radius:3rem}.menu__button--switch{border-radius:3rem;display:grid}.menu__text{font-size:1.15rem}.timer{max-height:35rem;max-width:35rem;height:85vh;width:85vh}.timer__time{font-size:5.5rem}.timer__status{font-size:1.5rem}.switch{display:none}.modal__container{max-width:50rem}.modal__container--small{max-width:35rem}.modal__header,.modal__separator--large:first-of-type{display:none}.modal__main{grid-gap:.75rem;gap:.75rem}.modal__main span{margin-left:.25rem}.modal__timers label{font-size:1.1rem}.modal__timers input{font-size:1.5rem}.modal__options{display:flex}.modal__options hr{margin:0;width:auto}}@media(orientation: landscape)and (max-height: 450px){html{font-size:calc(100vh / 31)}.modal__menu{padding:2rem}}