#root,body,html{height:100%;margin:0}body{background-color:#8fbc8f}.countdown-container{align-items:center;background:#0000;display:flex;flex-direction:column;font-family:Helvetica,sans-serif;font-weight:700;height:100%;justify-content:center;position:relative;text-align:center;z-index:0}.back-btn{background-color:#000000b3;border:none;border-radius:5px;box-shadow:0 2px 8px #0000001f;color:#fff;cursor:pointer;font-size:1.1rem;left:env(safe-area-inset-left,24px);padding:.6rem 1.6rem;position:absolute;top:calc(env(safe-area-inset-top, 0px) + 56px);transition:background-color .2s,color .2s;z-index:10}.back-btn:hover{background-color:#fff;color:#222}#counter{font-size:4rem}#gender{font-size:6rem}.duration-input{font-size:1.2rem}.duration-input,.gender-selection{margin-bottom:1rem}.gender-btn,.start-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:.2rem;padding:.5rem 1rem}.gender-btn{background-color:grey}.start-btn{background-color:teal;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.6rem 1.5rem}.flicking-viewport{overflow:hidden;position:relative}.flicking-viewport.vertical{display:inline-flex}.flicking-viewport.vertical>.flicking-camera{display:inline-flex;flex-direction:column}.flicking-viewport.flicking-hidden>.flicking-camera>*{visibility:hidden}.flicking-camera{display:flex;flex-direction:row;height:100%;position:relative;width:100%;will-change:transform;z-index:1}.flicking-camera>*{flex-shrink:0}
/*# sourceMappingURL=main.e90c9bc2.css.map*/