.timer-section{opacity:.3;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.active-timer-section{opacity:1;transform:scale(1.2)}.timer-sequence-tracker-container{position:absolute;top:2rem;bottom:2rem;left:1.5rem;z-index:2}.sequence-block{position:absolute;width:4px;border-radius:4px;transition:transform .3s ease-in-out,width .3s ease-in-out}.sequence-block.active{transform:translateX(12px);width:6px}.timer-countdown-bar-container{position:absolute;top:2rem;bottom:2rem;right:1.5rem;z-index:2}.timer-countdown-bar{position:relative;height:100%;width:2px}.timer-countdown-ball{position:absolute;right:-5px;height:12px;width:12px;border-radius:50%;transform:translateY(-50%)}.timer-countdown-card{position:relative;padding-top:75%}.timer-content{position:absolute;top:0;left:0;height:100%;width:100%;z-index:2}.countdown-timer-text{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}.time-type{opacity:.9}.radial-gradient{position:absolute;top:50%;left:50%;height:1px;width:1px;box-shadow:0 0 150px 75px #fff;z-index:1;border-radius:100%}.settings-icon{height:30px;width:30px;display:inline-block}.countdown-timer-text{font-family:Fira Code,monospace}.config-option-value input{width:5rem;-moz-appearance:none;-webkit-appearance:none;appearance:none}.config-option-value input::-webkit-inner-spin-button,.config-option-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.config-option-input{-webkit-appearance:none;appearance:none;width:100%;height:6px;opacity:.6}.config-option-input:hover{opacity:1;background:#bee3f8!important}.config-option-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#63b3ed;cursor:pointer;border-radius:100%}.config-option-input:focus{-webkit-appearance:none;appearance:none;outline:none}.background-flash{position:absolute;top:0;left:0;right:0;bottom:0;animation:background-flash-animation 1.5s linear 0s infinite;z-index:1}@keyframes background-flash-animation{0%{background:transparent}50%{background:#f99}to{background:transparent}}.app-timer-background,.background-texture{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.background-texture{opacity:.1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28'%3E%3Cpath fill='%239C92AC' fill-opacity='.4' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 10-4 0h-4.09A25.98 25.98 0 000 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 00-2-2v-2a4 4 0 013.98 3.6 28.09 28.09 0 012.8-3.86A8 8 0 000 6V4a9.99 9.99 0 018.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 000 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0014.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 014 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 00-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0148.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0156 4v2a8 8 0 00-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0156 10v2a2 2 0 00-2 2.07 28.4 28.4 0 012-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 012.8-3.86 8 8 0 00-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 017.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 00-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0136.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 00-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0125.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 00-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0116.34 0z'/%3E%3C/svg%3E")}.pomodoro-timer-component{position:relative;z-index:1}.pomodoro-config-manager-component{position:absolute;top:0;left:0;width:100%;z-index:10;background:#fffefc}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease-out}.fade-enter,.fade-leave-to{opacity:0}.settings-btn-wrapper{position:absolute;top:0;left:0;width:100%;z-index:10}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}strong{font-weight:bolder}input{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}template{display:none}h1,h3,p,ul{margin:0}ul{list-style:none;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}input::placeholder{color:#a0aec0}h1,h3{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}a,input{color:inherit}input{padding:0;line-height:inherit}svg{display:block;vertical-align:middle}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.bg-gray-200{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.bg-gray-300{--bg-opacity:1;background-color:#e2e8f0;background-color:rgba(226,232,240,var(--bg-opacity))}.bg-teal-100{--bg-opacity:1;background-color:#e6fffa;background-color:rgba(230,255,250,var(--bg-opacity))}.bg-teal-200{--bg-opacity:1;background-color:#b2f5ea;background-color:rgba(178,245,234,var(--bg-opacity))}.bg-teal-300{--bg-opacity:1;background-color:#81e6d9;background-color:rgba(129,230,217,var(--bg-opacity))}.bg-blue-100{--bg-opacity:1;background-color:#ebf8ff;background-color:rgba(235,248,255,var(--bg-opacity))}.bg-blue-200{--bg-opacity:1;background-color:#bee3f8;background-color:rgba(190,227,248,var(--bg-opacity))}.bg-blue-300{--bg-opacity:1;background-color:#90cdf4;background-color:rgba(144,205,244,var(--bg-opacity))}.border-gray-400{--border-opacity:1;border-color:#cbd5e0;border-color:rgba(203,213,224,var(--border-opacity))}.rounded{border-radius:.25rem}.border-0{border-width:0}.border-b-2{border-bottom-width:2px}.cursor-pointer{cursor:pointer}.inline-block{display:inline-block}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.font-semibold{font-weight:600}.h-16{height:4rem}.h-screen{height:100vh}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-5xl{font-size:3rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.min-h-screen{min-height:100vh}.opacity-50{opacity:.5}.hover\:opacity-100:hover{opacity:1}.overflow-hidden{overflow:hidden}.p-0{padding:0}.p-1{padding:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.absolute{position:absolute}.relative{position:relative}.fill-current{fill:currentColor}.text-center{text-align:center}.text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.text-teal-400{--text-opacity:1;color:#4fd1c5;color:rgba(79,209,197,var(--text-opacity))}.text-teal-900{--text-opacity:1;color:#234e52;color:rgba(35,78,82,var(--text-opacity))}.text-blue-400{--text-opacity:1;color:#63b3ed;color:rgba(99,179,237,var(--text-opacity))}.text-blue-900{--text-opacity:1;color:#2a4365;color:rgba(42,67,101,var(--text-opacity))}.hover\:text-gray-700:hover{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.hover\:text-teal-500:hover{--text-opacity:1;color:#38b2ac;color:rgba(56,178,172,var(--text-opacity))}.hover\:text-blue-500:hover{--text-opacity:1;color:#4299e1;color:rgba(66,153,225,var(--text-opacity))}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.w-16{width:4rem}.w-full{width:100%}.w-screen{width:100vw}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}