@font-face{font-family:Kumbh Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e233fe527a364da1-s.woff2) format("woff2");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:Kumbh Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f8d8b8f9b400f123-s.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-family:Kumbh Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/27998b9f5672a7b7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Kumbh Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/13897345908cd58e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Kumbh Sans Fallback;src:local("Arial");ascent-override:94.39%;descent-override:24.30%;line-gap-override:0.00%;size-adjust:104.49%}.__className_90d4f6{font-family:Kumbh Sans,Kumbh Sans Fallback;font-style:normal}.__variable_90d4f6{--font-kumbh-sans:"Kumbh Sans","Kumbh Sans Fallback"}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9329b4c88e9a4c65-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d3efbe5313c5c902-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/fe38b696a443eb13-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2120ac497748d3bb-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/3ccba4c07802ced8-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/0e3bef0061ae10d8-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a88c13d5f58b71d4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Roboto Slab Fallback;src:local("Times New Roman");ascent-override:89.69%;descent-override:23.20%;line-gap-override:0.00%;size-adjust:116.83%}.__className_c6dd3a{font-family:Roboto Slab,Roboto Slab Fallback;font-style:normal}.__variable_c6dd3a{--font-roboto-slab-serif:"Roboto Slab","Roboto Slab Fallback"}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/77fb5eec12c66d49-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/281dae1e814de8c6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/806de4d605d3ad01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Mono Fallback;src:local("Arial");ascent-override:81.58%;descent-override:26.30%;line-gap-override:0.00%;size-adjust:137.28%}.__className_55a229{font-family:Space Mono,Space Mono Fallback;font-weight:700;font-style:normal}.__variable_55a229{--font-space-mono:"Space Mono","Space Mono Fallback"}*,:after,:before{box-sizing:border-box}html{text-size-adjust:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{-webkit-margin-after:0;margin-block-end:0}ol[role=list],ul[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}img,picture,svg{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}html{background-color:var(--clr-blue-850)}body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;max-width:410px;width:95%;margin:0 auto;font-family:var(--font-family-kumbh);gap:36px;text-align:center}button{background-color:transparent;border:none}.header{gap:56px}.header,.timer{display:flex;flex-direction:column;align-items:center}.timer{gap:64px}.timer button{background-color:transparent;border:none}.timer button:hover path{color:var(--clr-blue-100);opacity:1;cursor:pointer}@media (max-width:1092px){body{justify-content:start;-webkit-margin-before:80px;margin-block-start:80px;gap:108px}}@media (max-width:676px){body{justify-content:start;-webkit-margin-before:32px;margin-block-start:32px;gap:47px}}.intro{width:100vw;height:100vh;overflow:hidden;position:absolute;top:0;z-index:5;perspective:1000px;display:flex}.intro__bit{height:100%;width:25%;background-color:rgb(190,194,244)}.intro__welcome-message{position:absolute;top:50%;font-size:5rem;left:50%;transform:translate(-50%,-50%)}:root{--clr-blue-50:rgb(239,241,250);--clr-blue-100:rgb(215,224,255);--clr-blue-850:rgb(30,33,63);--clr-blue-900:rgb(22,25,50);--clr-cyan-300:rgb(112,243,248);--clr-grey-200:rgb(228,226,226);--clr-magenta-400:rgb(216,129,248);--clr-red-400:rgb(248,112,112);--clr-white:rgb(255,255,255);--font-family-kumbh:"Kumbh Sans",sans-serif;--font-family-roboto-slab:"Roboto Slab",serif;--font-family-space-mono:"Space Mono",monospace}.button-container{background-color:var(--clr-blue-900);padding:8px 10px;border-radius:31px;font-size:14px;position:relative;z-index:1}.button-container__button{display:inline-block;inline-size:120px;padding-block:16px;border-radius:26.5px;border:none;background-color:transparent;color:var(--clr-blue-100);opacity:.4;font-weight:700}.button-container__button--active{color:var(--clr-blue-850);opacity:1}.button-container__button--active.red{background-color:var(--clr-red-400)}.button-container__button--active.cyan{background-color:var(--clr-cyan-300)}.button-container__button--active.magenta{background-color:var(--clr-magenta-400)}.button-container__button:hover:not(.button-container__button--active){color:var(--clr-blue-100);opacity:1;cursor:pointer}@media (max-width:676px){.button-container{display:flex;inline-size:90%}.button-container__button{font-size:12px}}span.button-container__button{position:absolute;left:10px;top:8px;line-height:1;z-index:2}.text-transparent{color:transparent}.timer-display-container{background-color:var(--clr-blue-900);color:var(--clr-blue-100);font-size:16px;text-align:center;font-weight:700;border-radius:100%;padding:22px;filter:drop-shadow(-50px -50px 100px rgb(39,44,90)) drop-shadow(50px 50px 100px rgb(18,21,48));background-image:linear-gradient(-90deg,#2e325a,#0e112a)}.timer-display-container__oval{block-size:366px;aspect-ratio:1/1;align-content:center;background-color:inherit;border-radius:100%}.timer-display-container span{display:block}.timer-display-container__time{font-size:100px;letter-spacing:-5px}.timer-display-container__control{text-transform:uppercase;letter-spacing:15px}.timer-display-container__control.red:hover{color:var(--clr-red-400);cursor:pointer}.timer-display-container__control.cyan:hover{color:var(--clr-cyan-300);cursor:pointer}.timer-display-container__control.magenta:hover{color:var(--clr-magenta-400);cursor:pointer}@media (max-width:676px){.timer-display-container__oval{block-size:300px}.timer-display-container__time{font-size:80px}.timer-display-container__control{font-size:14px;letter-spacing:13px}}.modal{background-color:var(--clr-white);border-radius:25px;inline-size:540px;position:relative;-webkit-padding-after:35px;padding-block-end:35px}.modal__head{display:flex;justify-content:space-between;align-items:center;padding:35px;-webkit-border-after:1px solid var(--clr-grey-200);border-block-end:1px solid var(--clr-grey-200)}.modal__head__title{font-size:28px}.modal__head button:hover path{cursor:pointer;stroke:#979797}.modal__color-wrapper__title,.modal__font-wrapper__title,.modal__head__title,.modal__time-wrapper__title{margin:0}.modal__color-wrapper__title,.modal__font-wrapper__title,.modal__time-wrapper__title{font-size:13px;letter-spacing:5px;color:var(--clr-blue-900)}.modal__time-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;text-align:start;grid-row-gap:16px;row-gap:16px;inline-size:480px;margin:0 auto;padding-block:32px}.modal__time-wrapper__title{grid-row:1/2;grid-column:1/-1}.modal__time-wrapper__options{display:grid;grid-row:2/3;grid-column:1/-1;grid-template-columns:subgrid;grid-column-gap:24px;column-gap:24px}.modal__time-wrapper__options label{color:var(--clr-blue-850);opacity:.4;font-size:12px;font-weight:700;display:block;-webkit-margin-after:8px;margin-block-end:8px}.modal__time-wrapper__options input{inline-size:100%;background-color:var(--clr-blue-50);color:transparent;font-size:13px;font-weight:700;letter-spacing:5px;border:none;border-radius:10px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;padding:15px 18px}.modal__color-wrapper,.modal__font-wrapper{display:flex;justify-content:space-between;align-items:center;inline-size:480px;margin:0 auto;padding-block:32px;-webkit-border-before:1px solid var(--clr-grey-200);border-block-start:1px solid var(--clr-grey-200)}.modal__color-wrapper__options>*+*,.modal__font-wrapper__options>*+*{-webkit-margin-start:16px;margin-inline-start:16px}.modal__color-wrapper__options__button,.modal__font-wrapper__options__button{inline-size:40px;block-size:40px;border-radius:100%;border:none;background-color:var(--clr-blue-50);color:var(--clr-blue-850)}.modal__font-wrapper__options__button--active{background-color:var(--clr-blue-900);color:var(--clr-white)}.modal__font-wrapper__options__button--kumbh{font-family:var(--font-family-kumbh);font-weight:700}.modal__font-wrapper__options__button--roboto-slab{font-family:var(--font-family-roboto-slab)}.modal__font-wrapper__options__button--space-mono{font-family:var(--font-family-space-mono);font-weight:700}.modal__color-wrapper__options__button--red{background-color:var(--clr-red-400)}.modal__color-wrapper__options__button--cyan{background-color:var(--clr-cyan-300)}.modal__color-wrapper__options__button--magenta{background-color:var(--clr-magenta-400)}.modal__apply-button{display:inline-block;padding:18px 48px;border-radius:26px;background-color:var(--clr-red-400);color:var(--clr-white);border:none;position:absolute;left:50%;top:calc(100% - 26.5px);transform:translateX(-50%);font-weight:700}.modal__apply-button:hover{cursor:pointer}.input-wrapper{position:relative}.long-break-minutes,.pomodoro-minutes,.short-break-minutes{position:absolute;top:13px;left:18px;color:var(--clr-blue-850);font-size:13px;font-weight:700;letter-spacing:5px}.input-wrapper button{position:absolute;right:10px;background-color:transparent;border:none}.input-wrapper .arrow-up-btn{top:25%}.input-wrapper .arrow-down-btn{top:55%}.arrow-down-btn:hover path,.arrow-up-btn:hover path{cursor:pointer;stroke:var(--clr-blue-850);stroke-opacity:1}.modal__color-wrapper__options__button--active{position:relative}.modal__color-wrapper__options__button--active:before{content:"";display:inline-block;inline-size:20px;block-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(/_next/static/media/check-mark.07cdcbc8.svg);background-repeat:no-repeat;background-position:50%;background-size:20px 15px}.modal__color-wrapper__options__button:hover,.modal__font-wrapper__options__button:hover{cursor:pointer;outline:1px solid var(--clr-blue-50);outline-offset:5px}@media (max-width:1092px){.modal{top:50%;transform:translateY(-50%)}}@media (max-width:676px){.modal{inline-size:95%}.modal__head{padding:20px}.modal__time-wrapper{inline-size:90%;text-align:center}.modal__time-wrapper,.modal__time-wrapper__options{grid-template-columns:1fr;grid-template-rows:auto auto auto}.modal__time-wrapper__options>div:first-child{grid-row:1/2;grid-column:1/2;display:flex;justify-content:space-between;align-items:center}.modal__time-wrapper__options>div:nth-child(2){grid-row:2/3;grid-column:1/2;display:flex;justify-content:space-between;align-items:center}.modal__time-wrapper__options>div:last-child{grid-row:3/4;grid-column:1/2;display:flex;justify-content:space-between;align-items:center}.modal__time-wrapper__options>*+*{-webkit-margin-before:8px;margin-block-start:8px}.input-wrapper{inline-size:50%}.modal__color-wrapper,.modal__font-wrapper{display:flex;flex-direction:column;inline-size:90%;gap:16px}}