@import url(https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@700&family=Roboto+Slab:wght@700&family=Space+Mono:wght@700&display=swap);.settings__button[data-v-fe188d26]{opacity:.5;outline:0;transition:opacity var(--transition)}.settings__button[data-v-fe188d26]:focus,.settings__button[data-v-fe188d26]:hover{opacity:1}.overlay[data-v-fe188d26]{position:fixed;top:0;left:0;background:rgba(30,33,62,.5);width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--dark-blue)}.overlay__body[data-v-fe188d26]{background:var(--white);border-radius:25px;position:relative;width:90%;margin:0 auto}@media (min-width:768px){.overlay__body[data-v-fe188d26]{width:540px;margin:0 2.4rem}}h2[data-v-fe188d26]{margin:0;padding:3rem 4rem;border-bottom:1px solid var(--light-gray)}.overlay__content[data-v-fe188d26]{padding:0 2.4rem 5rem}@media (min-width:768px){.overlay__content[data-v-fe188d26]{padding:0 4rem 5rem}}.overlay__timers[data-v-fe188d26]{display:grid;grid-row-gap:2rem}@media (min-width:768px){.overlay__timers[data-v-fe188d26]{grid-template-columns:repeat(3,140px);grid-column-gap:2rem}}.overlay__field-group[data-v-fe188d26]{display:grid;grid-template-columns:1fr 140px;align-items:center}@media (min-width:768px){.overlay__field-group[data-v-fe188d26]{display:initial}}.overlay__label[data-v-fe188d26]{font-size:1.2rem;color:var(--dark-blue);opacity:.4}.overlay__input-container[data-v-fe188d26]{position:relative}.overlay__input-btn[data-v-fe188d26]{--offset:.5rem;padding:.1rem;position:absolute;right:1.5rem;opacity:.25;transition:opacity var(--transition);outline:0}.overlay__input-btn[data-v-fe188d26]:focus,.overlay__input-btn[data-v-fe188d26]:hover{opacity:1}.overlay__input-btn--increase[data-v-fe188d26]{top:var(--offset)}.overlay__input-btn--decrease[data-v-fe188d26]{bottom:var(--offset)}.overlay__input[data-v-fe188d26]{width:100%;height:48px;background-color:var(--light-gray);border:0;border-radius:10px;padding:0 1.6rem}.overlay__input[data-v-fe188d26]::-webkit-inner-spin-button{-webkit-appearance:none}.overlay__style-container[data-v-fe188d26]{display:flex;flex-direction:column;align-items:center}@media (min-width:768px){.overlay__style-container[data-v-fe188d26]{flex-direction:row;justify-content:space-between}}.overlay__style-container--fonts[data-v-fe188d26]{margin:2rem 0 0;padding:0 2rem;border-top:1px solid var(--light-gray);border-bottom:1px solid var(--light-gray)}@media (min-width:768px){.overlay__style-container--fonts[data-v-fe188d26]{padding:0}}.overlay__style[data-v-fe188d26]{list-style-type:none;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:2rem;padding:0}.overlay__style button[data-v-fe188d26]{width:100%;height:100%}.overlay__style-nugget[data-v-fe188d26]{--aspect-ratio:44px;position:relative;width:var(--aspect-ratio);height:var(--aspect-ratio);border-radius:var(--aspect-ratio);border:2px solid transparent;padding:4px;transition:border-color var(--transition)}.overlay__style-nugget[data-v-fe188d26]:focus,.overlay__style-nugget[data-v-fe188d26]:hover{border-color:var(--light-gray)}.overlay__style-nugget button[data-v-fe188d26]{outline:0;border-radius:var(--aspect-ratio)}.overlay__style-nugget--font button[data-v-fe188d26]{transition:background-color var(--transition),color var(--transition);background-color:var(--light-gray)}.overlay__style-nugget--font-active button[data-v-fe188d26]{background-color:var(--darker-blue);color:var(--white)}.overlay__style-nugget--colour[data-v-fe188d26]{position:relative}.overlay__style-nugget--colour[data-v-fe188d26]::after,.overlay__style-nugget--colour[data-v-fe188d26]::before{position:absolute;content:"";width:2px;background:var(--darker-blue);opacity:0;transition:opacity var(--transition);cursor:pointer;z-index:-1}.overlay__style-nugget--colour[data-v-fe188d26]::before{height:12px;top:15px;left:21px;transform:rotate(45deg)}.overlay__style-nugget--colour[data-v-fe188d26]::after{height:7px;top:20px;left:15px;transform:rotate(-45deg)}.overlay__style-nugget--colour-active[data-v-fe188d26]::after,.overlay__style-nugget--colour-active[data-v-fe188d26]::before{opacity:1;z-index:0}.overlay__apply-btn[data-v-fe188d26]{background-color:var(--primary-colour-active);border-radius:30px;font-family:var(--font-family-active);padding:2rem 4.5rem;color:var(--white);transition:filter var(--transition);position:absolute;bottom:-27px;left:50%;transform:translateX(-50%)}.overlay__apply-btn[data-v-fe188d26]:focus,.overlay__apply-btn[data-v-fe188d26]:hover{filter:brightness(110%)}.overlay__close[data-v-fe188d26]{opacity:.5;position:absolute;top:4rem;right:4rem;transition:opacity var(--transition)}.overlay__close[data-v-fe188d26]:focus,.overlay__close[data-v-fe188d26]:hover{opacity:1}.app-timer[data-v-7fcfebd8]{position:relative;background:linear-gradient(315deg,#2e325a 0,#0e112a 100%);box-shadow:-50px -50px 100px #272c5a,50px 50px 100px #121530;border-radius:400px;margin-bottom:6.3rem}.app-timer__container[data-v-7fcfebd8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.app-timer__time[data-v-7fcfebd8]{margin:0}.app-timer__btn[data-v-7fcfebd8]{color:var(--light-gray);font-size:16px;line-height:16px;letter-spacing:15px;text-transform:uppercase;transition:color var(--transition)}.app-timer__btn[data-v-7fcfebd8]:focus,.app-timer__btn[data-v-7fcfebd8]:hover{color:var(--primary-colour-active)}.app-controls[data-v-3a1fcca8]{list-style-type:none;margin:5.5rem 0 4.5rem;display:grid;padding:0;grid-template-columns:repeat(3,1fr);background-color:var(--darker-blue);border-radius:30px}.app-controls__control[data-v-3a1fcca8]{padding:22px;border-radius:30px;transition:background-color var(--transition)}.app-controls__control--active[data-v-3a1fcca8]{background-color:var(--primary-colour-active)}.app-control__btn[data-v-3a1fcca8]{color:var(--secondary-colour);opacity:.4;transition:opacity var(--transition),color var(--transition);font-family:var(--font-family-active);font-size:1.2rem}@media (min-width:768px){.app-control__btn[data-v-3a1fcca8]{font-size:1.4rem}}.app-control__btn[data-v-3a1fcca8]:focus,.app-control__btn[data-v-3a1fcca8]:hover{opacity:1}.app-controls__control--active .app-control__btn[data-v-3a1fcca8]{color:var(--darker-blue);opacity:1}:root{--font-family-1:"Kumbh Sans",sans-serif;--font-family-2:"Roboto Slab",serif;--font-family-3:"Space Mono",monospace;--font-family-active:var(--font-family-1);--primary-colour-1:hsl(0, 91%, 71%);--primary-colour-2:hsl(182, 91%, 71%);--primary-colour-3:hsl(284, 89%, 74%);--primary-colour-active:var(--primary-colour-1);--secondary-colour:hsl(227, 100%, 92%);--dark-blue:hsl(235, 35%, 18%);--darker-blue:hsl(234, 39%, 14%);--white:hsl(0, 0%, 100%);--light-gray:hsl(229, 52%, 96%);--transition:0.25s ease-in-out}*{box-sizing:border-box}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--secondary-colour);font-family:var(--font-family-active);margin:0;background-color:var(--dark-blue);min-height:100vh}#app{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4.8rem 0 5.6rem;min-height:100vh}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}h1{font-size:100px;line-height:120px;letter-spacing:-5px}h2{font-size:28px;line-height:34px}h3{font-size:16px;line-height:16px;letter-spacing:15px;text-transform:uppercase}h4{font-size:13px;line-height:13px;letter-spacing:5px;text-transform:uppercase}.body--1,p{font-size:14px;line-height:18px;opacity:.6}.body--2{font-size:12px;line-height:14px;opacity:.4}button{background:0 0;border:0;cursor:pointer;outline:0}