@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);body,head,html{all:unset;height:100%;width:100%}@property --dot-color{syntax:"<color>";inherits:false;initial-value:#fff}body{--dot-color:var(--dot-color-init);background:var(--main-background);background-image:radial-gradient(var(--dot-color) 1px,#0000 0);background-position:50% 50%;background-size:var(--size) var(--size);font-family:Roboto,serif;font-weight:400;transition-property:--dot-color,background-size;&:before{background-image:url(https://framerusercontent.com/images/rR6HYXBrMmX4cRpXfXUOvpvpB0.png);background-repeat:repeat;content:"";filter:var(--background-filter);height:100%;opacity:.06;position:fixed;width:100%}}.domain-expansion{animation:infinite-domain .4s ease-in 0ms 1 normal backwards}.animate-forwards{animation-direction:normal}.animate-reverse{animation-direction:reverse}@keyframes infinite-domain{0%{--dot-color:var(--dot-color-transition);background-size:2rem 2rem}33%{--dot-color:#0000;background-size:2.4rem 2.4rem}34%{--dot-color:#0000;background-size:2rem 2rem}50%{--dot-color:#0000}to{--dot-color:var(--dot-color-transition)}}*{box-sizing:border-box}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#g_a11y_announcement{display:none!important}#credential_picker_container{left:50%;translate:-50% 0}@property --hue{syntax:"<number>";inherits:true;initial-value:0}.frosted-glass{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(6px);background:hsl(var(--hue) var(--saturation) var(--luminosity)/var(--alpha));border:1px solid hsl(var(--hue) var(--saturation) var(--luminosity));box-shadow:0 4px 30px var(--box-shadow);&:before{background-image:url(https://framerusercontent.com/images/rR6HYXBrMmX4cRpXfXUOvpvpB0.png);background-repeat:repeat;content:"";inset:0;opacity:.03;position:absolute}}.static-noise{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:var(
    --static-noise-bg
  )!important;border:1px solid var(--static-noise-border)!important;&:before{background-image:url(https://framerusercontent.com/images/rR6HYXBrMmX4cRpXfXUOvpvpB0.png);background-repeat:repeat;content:"";filter:var(--background-filter);height:100%;opacity:.03!important;position:absolute;width:100%;z-index:0}}html[data-theme=light]{--main-background:#fff;--dot-color-init:#000;--dot-color-transition:#000;--background-filter:invert(1);--text-color:#000;--svg-fill:#000;--ripple-color:#121e2c;--static-noise-bg:#0000003b;--static-noise-border:#0000004d;--box-shadow:#ffffff1a;--luminosity:63.9%;--saturation:63.5%;--backdrop-fade:#ffffff80;--label-color:#000000b3;--routine-border-color:#00000080;--routine-button-border-color:#00000029;--alpha:0.83}html[data-theme=dark]{--main-background:#000;--dot-color-init:#fff;--dot-color-transition:#fff;--background-filter:invert(0);--text-color:#fff;--svg-fill:#fff;--ripple-color:#ede1d3;--static-noise-bg:#ffffff3b;--static-noise-border:#ffffff4d;--box-shadow:#0000001a;--luminosity:36.1%;--saturation:36.5%;--backdrop-fade:#00000080;--label-color:#ffffffb3;--routine-border-color:#ffffff80;--routine-button-border-color:#ffffff29;--alpha:0.17}:root{--size:2rem}.main-page{display:flex;flex-direction:column;height:100%;width:100%;>nav{align-items:center;background-color:var(--navbar-background);color:var(--text-color);display:flex;gap:.5rem;justify-content:center;padding:1rem;position:relative;span{display:inline-block;flex:1 1;font-size:1.25rem;line-height:3rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.theme-button{svg{position:absolute;transition:translate .3s}}}}.routine-page{display:flex;flex-wrap:wrap;justify-content:space-evenly;overflow-y:scroll}.create-routine-dialog{form{--hue:127}}.routine{aspect-ratio:1/1.414;border:1px solid var(--routine-border-color);border-radius:4px;cursor:pointer;height:fit-content;margin:.5rem;overflow:hidden;position:relative;width:10rem;button{background-color:var(--routine-button-border-color);border-radius:4px;margin:.5rem .5rem .5rem auto;z-index:1;&:before{opacity:.03!important}}>svg{background-color:var(--main-background);height:100%;left:50%;top:0;translate:-50% 0}>article,>svg{position:absolute}>article{aspect-ratio:1/calc(sqrt(2) - 1);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:var(--static-noise-bg);border:none;bottom:0;color:var(--text-color);font-weight:700;letter-spacing:1px;padding:.5rem 0 0 .5rem;width:100%;header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>h5{font-weight:400;letter-spacing:normal;margin-top:.25rem;opacity:.6}}}.edit-routine-dialog{form{--hue:31}}.ui-button{align-items:center;aspect-ratio:1/1;background-color:initial;border:0;border-radius:4px;color:var(--svg-fill);cursor:pointer;display:flex;height:3rem;justify-content:center;padding:0;position:relative;text-align:center;width:3rem;img,svg{fill:var(--svg-fill);border-radius:1rem;height:50%;width:50%}}.ui-disabled{box-shadow:none;cursor:not-allowed;opacity:.45;pointer-events:all!important}.ripple{cursor:pointer;overflow:hidden;position:relative}.ripple:hover:before{background-color:var(--ripple-color);opacity:.08}.ripple:after,.ripple:before{content:"";opacity:0;position:absolute}.ripple:before{background-color:var(--ripple-color);inset:0;transition:opacity 15ms linear,background-color 15ms linear}.ripple:after{aspect-ratio:1/1;background:radial-gradient(closest-side,var(--ripple-color) max(100% - 70px,65%),#0000 100%);inset:50%;transform-origin:center center;translate:-50% -50%}.ui-disabled.ripple:hover:before{opacity:0}.create-or-edit-routine-container{padding:1.5rem 1.5rem 0;width:calc(100vw - 2rem)}:root{--placeholder-font-size:1rem;--focus-font-size:13.2px}.input{border:0;display:inline-flex;flex-direction:column;min-width:0;padding:0;position:relative;vertical-align:top;width:100%;label{color:var(--label-color);display:block;left:0;line-height:1.4375em;max-width:calc(100% - 24px);overflow:hidden;padding:0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:translate(14px,16px) scale(1);transform-origin:left top 0;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1),max-width .2s cubic-bezier(0,0,.2,1);white-space:nowrap;z-index:1}>div,label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em}>div{-moz-box-align:center;align-items:center;border-radius:4px;box-sizing:border-box;color:var(--text-color);cursor:text;display:inline-flex;line-height:1.4375;position:relative;input{background:none;border:0;box-sizing:initial;color:currentColor;display:block;font:inherit;height:1.4375rem;letter-spacing:inherit;margin:0;min-width:0;padding:16.5px 14px;width:100%;&[type=number]:where(::-webkit-inner-spin-button,::-webkit-outer-spin-button){appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0}&[type=number]{appearance:textfield}}input:focus{outline:0}fieldset{border:1px solid var(--static-noise-bg);border-radius:inherit;inset:-5px 0 0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;text-align:left;legend{display:block;float:none;font-size:.75rem;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto;span{display:inline-block;opacity:0;padding-left:5px;padding-right:5px;visibility:visible}}}}p{color:#0000;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;letter-spacing:.03333em;line-height:1.66;margin:0;min-height:1.25rem;text-align:left;span{color:var(--label-color);margin-left:auto}}}.input:focus-within label,.input:has(input:not([value=""])) label{max-width:calc(133% - 32px);pointer-events:auto;transform:translate(14px,-9px) scale(.75);-webkit-user-select:none;user-select:none}.input:focus-within fieldset,.input:has(input:not([value=""])) fieldset{border-width:2px}.input:focus-within legend,.input:has(input:not([value=""])) legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.input:has(input:user-invalid) fieldset{border-color:#bc0117}.input:has(input:user-invalid) p{color:#bc0117}.dialog{border:none;&[open]{all:unset;align-items:center;display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%;z-index:9999999;&:before{animation:backdrop-fade 40ms linear 0s 1 normal forwards}form{opacity:1;transition:all .3s;transition-property:opacity,translate;translate:0;@starting-style{opacity:0;translate:0 2rem}}}&:before{content:"";inset:0;position:absolute}form{border-radius:4px;header{all:unset;align-items:center;display:flex;button{margin:.5rem}button:focus-visible{outline:none}span{align-items:center;color:var(--text-color);display:flex;justify-content:center}}footer{display:flex;padding:.5rem 1rem;width:100%;button:first-of-type{margin-right:auto}button{background-color:initial;height:3rem;padding:0;width:3rem}}}}@keyframes backdrop-fade{0%{background:#0000}to{background:var(--backdrop-fade)}}.confirm-delete-dialog{article{--hue:0;align-items:center;border-radius:4px;color:var(--text-color);display:flex;flex-direction:column;opacity:1;transition:opacity .3s cubic-bezier(.33,1,.68,1);width:90%;@starting-style{opacity:0}>svg{fill:red;height:2rem;margin:1.5rem 0 0;width:2rem}h1{font-size:1.2rem;margin-bottom:0}h4{padding:0 1rem;text-align:center}section{display:flex;gap:.5rem;justify-content:flex-end;padding:1rem;width:100%;button{background-color:initial;background-color:#ff000030;box-shadow:none;font-weight:700;padding:.5rem 0;width:6rem;&:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}&:nth-of-type(2){background-color:#ff000090}}}}}.confirm-delete-dialog::backdrop{background-color:var(--backdrop-fade)}.confirm-delete-dialog[open]{all:unset;align-items:center;display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%}.create-button{height:56px;inset:auto 1rem 1rem 1rem;position:absolute;width:calc(100% - 2rem);svg{height:70%;width:auto}span{font-weight:700}}:root{--border-width:2px}.workout{border-radius:4px;color:var(--text-color);display:flex;height:9rem;margin:0 .5rem;overflow:hidden;position:relative;width:100%;.left{align-items:center;aspect-ratio:1/1;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;picture{border-radius:4px;margin:0 4px;overflow:hidden;img{display:flex;width:100%}}&:before{background-color:inherit;content:"";height:100%;height:66%;width:100%;z-index:-1}&:before,svg{position:absolute}svg{width:25%}}.middle{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:.5rem;position:relative;width:100%;span{text-align:center;width:fit-content;&:first-child{max-width:calc(100% - 6rem);overflow:hidden;text-overflow:ellipsis}}span+span{color:var(--label);font-size:.8rem;margin-top:4px}.workout-buttons{align-items:center;border:var(--border-width) solid var(--static-noise-bg);border-radius:4px;display:flex;flex-direction:row;font-size:1.2rem;height:4rem;justify-content:space-evenly;margin-top:1rem;width:100%;button{border-radius:0;height:calc(4rem - 4px);height:calc(4rem - var(--border-width)*2);margin:0;width:calc(4rem - 4px);width:calc(4rem - var(--border-width)*2);svg{height:50%;width:50%}}}}.right{border-radius:4px;height:2.5rem;inset:.5rem .5rem auto auto;position:absolute;width:2.5rem}}.edit-workout-dialog{form{--hue:270}}:root{--input-height:2.5rem}.create-or-edit-workout-container{display:flex;flex-direction:column;padding:0 1rem;[class^=input-wrapper]{height:2.5rem;height:var(--input-height)}.numerical-input-wrapper{display:flex;gap:.5rem;>div{width:50%}}}.radio-group{align-items:center;border:2px solid var(--static-noise-bg);border-radius:4px;color:var(--label-color);display:flex;justify-content:space-between;margin:0 0 1.25rem;padding:0 8px;width:100%;legend{font-size:.75rem;padding:0 5px}>div{align-items:center;display:flex;translate:0 -3.75px;>div{align-items:center;border-radius:4px;display:flex}label{font-size:1rem;white-space:nowrap}input{appearance:none;aspect-ratio:1/1;background-color:initial;box-sizing:initial;cursor:pointer;height:1.4375rem;margin:0;padding:16.5px 14px;position:relative;width:100%}input:after,input:before{aspect-ratio:1/1;border-radius:100vw;content:"";inset:50%;position:absolute;transition:all .3s cubic-bezier(.83,0,.17,1);translate:-50% -50%}input:before{width:0}input:after{border:2px solid var(--label-color);width:33.333%}input:checked:before{background-color:var(--text-color);width:20.08333%}input:checked:after{border:2px solid var(--text-color)}div:has(input:checked)+label{color:var(--text-color)}}>div:nth-of-type(odd){flex-grow:1}}.counter{border:0;display:inline-flex;flex-direction:column;min-width:0;padding:0;position:relative;width:100%;label{color:var(--label-color);display:block;left:0;letter-spacing:.00938rem;line-height:1.4375rem;max-width:calc(133% - 32px);overflow:hidden;padding:0;pointer-events:none;pointer-events:auto;position:absolute;text-overflow:ellipsis;top:0;transform:translate(14px,-9px) scale(.75);transform-origin:left top 0;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1),max-width .2s cubic-bezier(0,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}>div,label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem}>div{-moz-box-align:center;align-items:center;border-radius:4px;box-sizing:border-box;color:var(--text-color);cursor:text;display:inline-flex;gap:.5rem;justify-content:center;letter-spacing:.00938em;line-height:1.4375;position:relative;button{background:none;border:0;box-sizing:initial;color:currentColor;display:block;font:inherit;height:1.4375rem;letter-spacing:inherit;margin:4.5px 0;padding:12px;width:1.4375rem;svg{height:100%;width:100%}}fieldset{border:2px solid var(--static-noise-bg);border-radius:inherit;inset:-5px 0 0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;text-align:left;legend{display:block;float:none;font-size:.75rem;height:11px;max-width:100%;overflow:hidden;padding:0;visibility:hidden;white-space:nowrap;width:auto;span{display:inline-block;opacity:0;padding-left:5px;padding-right:5px;visibility:visible}}}}}.youtube-player-dialog{border:none;position:fixed;&[open]{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:initial;background-color:#ffffff17;display:flex;height:100%;inset:0;justify-content:center;transition:-webkit-backdrop-filter .3s;transition:backdrop-filter .3s;transition:backdrop-filter .3s,-webkit-backdrop-filter .3s;width:100%;z-index:99999999;@starting-style{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.youtube-player{opacity:1;transition:all .3s;transition-property:opacity,translate;translate:0;width:100%;@starting-style{opacity:0;translate:0 2rem}iframe{all:unset;aspect-ratio:16/9;background-color:#000;height:auto;width:100%}}}.create-workout-dialog{form{--hue:0}}.divider{align-items:center;background-color:var(--svg-fill);display:flex;justify-content:center;opacity:.6}.divider.horizontal{height:1px;width:100%}.divider.vertical{height:100%;width:1px}.error-banner{align-items:center;background-color:#bc0117;border-radius:4px;display:flex;height:3rem;inset:1rem;padding:0 1rem;position:fixed;width:calc(100% - 2rem);svg{fill:#fff;cursor:pointer;height:50%}span{color:#fff;flex-grow:1;margin-left:1rem}button{height:2.25rem;width:2.25rem;svg{height:100%;width:100%}}}.button-menu-container{position:relative;.toggle-menu-button{aspect-ratio:1/1;background-color:initial;height:3rem;padding:0;width:3rem}menu{border-radius:4px 0 0 4px;height:100%;margin:0;padding:0;position:fixed;right:0;top:0;transition:translate .25s cubic-bezier(.33,1,.68,1);width:70%;z-index:3;header{display:flex;width:100%;button{height:2.5rem;margin:.5rem .5rem 0 auto;width:2.5rem}}.divider{background-color:var(--label-color)}article{align-items:center;display:flex;flex-direction:column;gap:.5rem;button{display:grid;grid-template:1fr/3rem auto;height:3rem;justify-content:normal;width:calc(100% - 1rem);svg{grid-area:1/1/2/2;height:60%;place-self:center;width:60%}span{align-items:center;display:flex;font-size:14px;grid-area:1/2/2/3;height:100%;justify-content:flex-start}}}}.backdrop{animation:blur .25s cubic-bezier(.33,1,.68,1) 0s 1 normal forwards;inset:0;position:fixed;z-index:2}}@keyframes blur{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.menu-icon{border-radius:4px;height:2.5rem;margin:.5rem auto 0 .5rem;width:2.5rem}
/*# sourceMappingURL=main.30dc7c7c.css.map*/