.Page-module__xoNAXa__page{flex-direction:column;justify-content:center;align-items:center;display:flex}.Page-module__xoNAXa__introText{text-align:center;order:2;width:75%;padding-bottom:1rem}.Page-module__xoNAXa__introText h1,.Page-module__xoNAXa__introText h2{margin:0 0 .5rem}.Page-module__xoNAXa__controlPanel{text-align:center;flex-direction:column;align-items:center;width:50%;padding-top:1rem;padding-bottom:1rem;display:flex}.Page-module__xoNAXa__focusClock{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.Page-module__xoNAXa__focusClockContainer{aspect-ratio:1;background-image:url(../media/focusClock.794d56fc.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;max-width:600px;position:relative}.Page-module__xoNAXa__focusClockPie{-o-transition:background .2s ease-in-out;border-radius:50%;width:50%;height:50%;margin:auto;transition:background .2s ease-in-out;position:absolute;inset:0}.Page-module__xoNAXa__focusClockPinContainer{inset:0;justify-content:center;align-items:center;width:50%;height:50%;margin:auto;display:flex;position:absolute;inset:0}.Page-module__xoNAXa__focusClockPin{-o-transition:.2s ease-in-out;width:50px;height:20px;transition:all .2s ease-in-out}.Page-module__xoNAXa__buttonContainer{flex-direction:column;align-items:center;margin:0;padding:1rem 0;display:flex}.Page-module__xoNAXa__textInput{width:250px;margin:calc(var(--spacing)*3);border:1px solid #d8d8d8;border-radius:4px;padding:.5rem 1rem}@media (max-width:600px){.Page-module__xoNAXa__focusClockContainer{width:300px}.Page-module__xoNAXa__focusClockPin{width:20px;height:10px}.Page-module__xoNAXa__controlPanel{padding-top:2.5rem;padding-bottom:2.5rem}}@media (max-width:768px){.Page-module__xoNAXa__focusClockContainer{width:350px}.Page-module__xoNAXa__focusClockPin{width:60px;height:25px}}@media (min-width:769px) and (max-width:1024px){.Page-module__xoNAXa__focusClockContainer{width:450px}.Page-module__xoNAXa__focusClockPin{width:70px;height:30px}.Page-module__xoNAXa__buttonContainer{flex-direction:row}}@media (min-width:1025px){.Page-module__xoNAXa__introText{order:1;width:50%;margin:3rem 0 1rem}.Page-module__xoNAXa__focusClockContainer{width:600px}.Page-module__xoNAXa__focusClock{order:2}.Page-module__xoNAXa__controlPanel{order:3}.Page-module__xoNAXa__focusClockPin{width:80px;height:40px}.Page-module__xoNAXa__buttonContainer{flex-direction:row}}