._label_17hbq_1{color:var(--new-text-color);font-size:calc(2.3rem + 1vw)}._baseTimer_17hbq_7{width:var(--container-size);max-width:var(--max-container-size);height:var(--container-size);max-height:var(--max-container-size);display:flex;align-items:center;flex-direction:column}._controlsBox_17hbq_17{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem 0 0}._button_uyahq_1{display:inline-block;padding:.5em 1.25em;color:var(--button-text);font-size:1rem;background-color:var(--button-color);border:none;border-radius:4px;cursor:pointer}._button_uyahq_1:hover,._button_uyahq_1:active{background-color:var(--hover-button-text);color:var(--new-background-color)}._buttonDiv_uyahq_18{display:flex;justify-content:space-evenly;width:85%;margin:1em 0}._inputDiv_121ix_1{display:flex;align-items:center;justify-content:center;width:75%}._timeInput_121ix_8{display:inline-block;width:3em;padding:.5em;color:var(--new-background-color);font-size:1rem;background-color:var(--new-text-color);border:none;border-radius:4px}html{--container-size: 70vw;--max-container-size: 400px;--new-text-color: #dbc5e7;--new-green: #5dd9c1;--new-orange: #ffbe86;--new-red: #ff729f;--new-background-color: #190933;--button-color: #5f507c;--new-purple: #b084cc;--button-text: #e4d4ed;--new-grey: #bdbfc7;--hover-button-text: #acfcd9;height:100vh;margin:0;color:var(--new-text-color);font-size:1.2vw;font-family:Roboto Mono,monospace;background-color:var(--new-background-color)}*{margin:0}h1{margin-top:0;margin-bottom:5px;font-weight:500;font-size:3rem;text-align:center}p{margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.outer-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.popout-icon-container{display:flex;justify-content:end;align-items:center;align-self:end}.popout-icon{margin-top:0;cursor:pointer;margin-right:2rem;border:0;color:var(--button-color);background-color:inherit;font-size:1rem;padding:0}.popout-icon:hover,.popout-icon:focus{color:var(--new-text-color)}.controls-area{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem 0 0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;appearance:textfield}@media screen and (max-width: 1300px){html{font-size:1.2rem}}@media screen and (max-width: 650px){.base-timer__label{font-size:2rem}h1{font-size:1.5rem}}