.master-container{display:grid;max-width:120.313rem;margin:0 auto;grid-template-columns:1fr 1fr 1fr;grid-template-rows:repeat(3,min-content);padding:1rem;overflow-x:hidden}@media only screen and (max-width: 71.25rem){.master-container{display:flex;flex-direction:column}}.main{width:100%;height:100vh;grid-column:2/2;grid-row:1/2;padding:1rem}@media only screen and (max-width: 71.25rem){.main{height:auto}}@media only screen and (max-width: 31.875rem){.main{padding:2rem;max-width:26.3rem;margin:0 auto}}.timer-count{font-variant-numeric:tabular-nums;font-family:arial;font-size:clamp(6rem,15vw,15rem);font-weight:700;text-align:center;padding-top:1.5rem}.amount{grid-column:3/3;font-size:1rem}.amount__coin-container{display:flex;gap:5px}@media only screen and (max-width: 71.25rem){.amount__coin-container{align-self:center;justify-content:center}}.progress-bar{width:100%;margin-top:1rem;background-color:#1b1b1b;border-radius:5px;border:1px hsl(0,0%,7%)}@media only screen and (max-width: 71.25rem){.progress-bar{width:90vw}}.money{padding:1%;text-align:right;font-size:20px;border-radius:5px;font-size:4rem;height:25px}.buttons-container{display:flex;justify-content:center;margin-top:1rem;gap:2rem}@media only screen and (max-width: 31.875rem){.buttons-container{gap:1rem;flex-direction:column}}.btn-control{padding:.6rem 4rem;border:0;cursor:pointer;font-size:1rem;color:#fff;background-color:#54bc73;border:1px solid #54bc73;border-radius:5px;filter:drop-shadow(-2px 6px 0px #49a263);transition:all .3s ease}.btn-control:active{transform:scale(.95)}.btn-control.stop{background-color:#f05b5b;filter:drop-shadow(-2px 6px 0px #ca4d4d);border:1px solid #f05b5b}.btn-control.stop__hover{background-color:#f05b5b;color:#fff}.message-box{text-align:center;margin-top:1rem;font-size:1.5rem;padding:1rem}.pomo-counter{grid-column:3/3;grid-row:2;font-size:1rem;max-width:75ch;word-break:break-word}.overlay{position:fixed;background-color:transparent;width:100vw;height:100vh;top:0;left:0;z-index:-1}.overlay.show{opacity:.6;z-index:1;background-color:#000}small{margin-top:1rem}.pomo-container{padding:1rem 0 0 1rem}.stats{font-size:2.5rem}.stats-container{padding:1rem 0 0 1rem}@media only screen and (max-width: 71.25rem){.stats-container{display:flex;flex-direction:column;align-items:center}}.credit{display:flex;justify-content:center;gap:1rem;position:absolute;bottom:0;right:0;width:100vw;padding:.5rem 1.5rem;background-color:transparent}@media only screen and (max-width: 71.25rem){.credit{position:relative}}.footer-note{font-size:.8rem;align-self:center;color:var(--bg-light)}.icon-github{width:25px;height:25px;cursor:pointer;opacity:.5;transition:.3s}.icon-github:hover{opacity:1}.hero-heading{text-align:center;padding:1rem;color:#121212}.header__description{text-align:center;color:#242b38}@media only screen and (max-width: 71.25rem){.header__description{font-size:clamp(10px,5vw,20px);padding:0 2rem}}.list,.list-disabled{display:flex;flex-direction:column;grid-column:1;grid-row:1/-1;padding:1rem}@media only screen and (max-width: 71.25rem){.list,.list-disabled{padding:2rem}}@media only screen and (max-width: 31.875rem){.list,.list-disabled{max-width:404px;margin:0 auto;padding:0}}.list-disabled{opacity:.5;pointer-events:none}.reward__heading{font-size:2.5rem;text-align:center}.reward__block{background-color:#fff;display:flex;justify-content:space-between;padding:.4rem 1rem;border:1px solid #d1cfcf;border-radius:0;border-bottom:0}.reward__block:last-of-type{border-bottom:1px solid #d1cfcf}.reward__left-content,.reward__right-content{display:flex;gap:1rem}.reward__cost{margin:auto;display:flex;gap:5px}.reward__coin-img{width:20px;height:auto}@media only screen and (max-width: 31.875rem){.reward__coin-img{display:none}}.reward__text{font-size:1.2rem;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width: 31.875rem){.reward__text{font-size:.9rem;max-width:25ch}}.reward-img{width:50px;height:auto}.btn-claim{cursor:pointer;border:0;padding:.5rem 1rem;color:#121212;background-color:#54bc73;border:1px solid var(red);border-radius:5px;color:#fff;border:1px solid #54bc73;transition:all .3s ease}@media only screen and (max-width: 31.875rem){.btn-claim{padding:.4rem}}.custom-select{border:1px solid #d1cfcf;appearance:none}@media only screen and (max-width: 31.875rem){.custom-select{display:flex;justify-content:center;align-items:center}}.btn-claim:hover{background-color:#fff;color:#62da86;border:1px solid #62da86}@media only screen and (max-width: 71.25rem){.btn-claim:hover{background-color:#54bc73;border:1px solid #54bc73;color:#fff}}.btn-delete{padding:5px 10px;cursor:pointer;border:0;background-color:transparent}@media only screen and (max-width: 31.875rem){.btn-delete{padding:0}}.btn-delete:hover{color:var(--accent-gold-light)}.form{padding:1rem 0;display:flex}.form input{font-size:1.2rem;padding:.5rem;width:100%;border:1px dashed var(red)}@media only screen and (max-width: 31.875rem){.form input{font-size:1rem}}.form select{padding:1rem;cursor:pointer;background-color:var(--bg-light);border:1px hsl(217,14%,42%)}.form button{padding:1rem;cursor:pointer;background-color:#54bc73;border:0;color:#fff}.modal-box>div:nth-child(2)>svg:nth-child(1){width:400px;height:400px}@media only screen and (max-width: 31.875rem){.modal-box>div:nth-child(2)>svg:nth-child(1){width:auto;height:auto}}.modal-box{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:1000;padding:2rem;left:50%;transform:translate(-50%);top:5%;background-color:#fff;width:592px;border-radius:5px;text-align:center}@media only screen and (max-width: 71.25rem){.modal-box{transform:translate(-50%,30%)}}@media only screen and (max-width: 31.875rem){.modal-box{width:362px;transform:translate(-50%,50%);top:90%}}.modal-title{font-size:3rem;font-weight:400}.modal-trophy{width:400px;margin:0 auto}.modal-congrats{font-size:1.5rem}@media only screen and (max-width: 31.875rem){.modal-congrats{font-size:1rem}}.btn-modal-close{margin-top:1rem;padding:1rem 2.5rem;cursor:pointer;background-color:transparent;border-radius:10px;border:1px solid hsl(0,0%,7%);transition:all .3s ease}.btn-modal-close:hover{background-color:#fff;color:#54bc73;border:1px solid #54bc73}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}body{color:#121212;display:flex;justify-content:center;align-items:center;font-family:sans-serif;font-family:Poppins,sans-serif;overflow-x:hidden;overflow-y:hidden;background-image:url(/assets/abstract-timekeeper.svg);min-height:100vh}@media only screen and (max-width: 71.25rem){body{overflow-y:unset}}h1{font-size:2rem;font-weight:800;color:#fff}.times-container{display:grid;gap:.2rem;grid-row:2/2;grid-column:1/-1;align-self:center;max-width:700px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (max-width: 31.875rem){.times-container{flex-direction:column}}.time-btn{border:0;cursor:pointer;height:72px;width:177px;border:1px solid #d1cfcf;border-radius:5px;background-color:#fff;color:#121212;transition:all .3s ease}.time-btn:not(:disabled):hover:hover{background-color:#fff;color:#54bc73;border:1px solid #54bc73}@media only screen and (max-width: 71.25rem){.time-btn:not(:disabled):hover:hover{background-color:#fff;color:#121212;border:1px solid #d1cfcf}}@media only screen and (max-width: 71.25rem){.time-btn{height:88px;width:129px}}@media only screen and (max-width: 31.875rem){.time-btn{height:56px;width:100%}}.time-btn:disabled{opacity:.5;cursor:not-allowed}