body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--primary-color:#13789a;font-family:Arial,Helvetica,sans-serif}.button{font-size:13px;border-radius:9px;background:#eef0f4;box-shadow:4px 4px 8px #cacccf,-4px -4px 8px #fff;height:40px;outline:none;color:#686a77;border:1px solid transparent;padding:0 12px;transition:opacity .5s,color .2s;position:relative}.button:hover{border-radius:9px;background:linear-gradient(145deg,rgba(214,216,220,.376471),hsla(0,0%,100%,.576471));box-shadow:4px 4px 8px rgba(202,204,207,.6509803921568628),-4px -4px 8px #fff;color:rgba(104,106,119,.8235294117647058)}.button:active{border-radius:9px;background:#eef0f4;box-shadow:inset 4px 4px 8px #cacccf,inset -4px -4px 8px #fff}.button:disabled{opacity:.4}.button--group{background:transparent;box-shadow:none}.button--group:active{border-radius:9px;background:#eef0f4;box-shadow:inset 4px 4px 8px #cacccf,inset -4px -4px 8px #fff}.button--selected,.textbox{box-shadow:inset 3px 3px 4px #cacccf,inset -1px -5px 9px #fff}.textbox{border-radius:9px;background:#eef0f4;height:40px;border:none;outline:none;padding:0 12px;color:#686a77;-webkit-appearance:none}.textbox::-webkit-input-placeholder{color:rgba(104,106,119,.47843137254901963)}.textbox:-ms-input-placeholder{color:rgba(104,106,119,.47843137254901963)}.textbox::placeholder{color:rgba(104,106,119,.47843137254901963)}.button-group{font-size:13px;display:inline-block;background-color:#eef0f4;border-radius:9px}.button-group__separator{display:none}.button-group .button{margin-right:.3em}.button-group .button:last-child{margin-right:0}.separator--horizontal{height:5px;border-radius:2px;background:#eef0f4;box-shadow:inset 1px 1px 2px #c8cacd,inset -1px -1px 2px #fff;margin:1rem 0}.delete-button{display:inline-block}.delete-button__negative{margin-right:1em}.delete-button__negative__button-text{text-transform:lowercase}.btn-group-item{font-size:13px;border-radius:9px;height:40px;outline:none;color:#686a77;border:1px solid transparent;padding:0 12px;transition:opacity .5s,color .2s;position:relative;background-color:transparent}.btn-group-item__outline{position:absolute;border-radius:9px;top:0;left:0;width:100%;height:100%;box-shadow:4px 4px 8px #cacccf,-4px -4px 8px #fff}.btn-group-item:hover{border-radius:9px;background:linear-gradient(145deg,rgba(214,216,220,.376471),hsla(0,0%,100%,.576471));color:rgba(104,106,119,.8235294117647058)}.btn-group-item:active{border-radius:9px;background:#eef0f4;box-shadow:inset 4px 4px 8px #cacccf,inset -4px -4px 8px #fff}.succes-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.succes-page__message{margin-top:1rem;font-size:30px;color:#28b5a0;font-weight:500}.succes-page__message:first-letter{text-transform:capitalize}.succes-state{box-shadow:4px 4px 8px #cacccf,-4px -4px 8px #fff;border-radius:30px;width:150px;height:150px}.loading-state .lds-ripple{display:inline-block;position:relative;width:160px;height:160px}.loading-state .lds-ripple div{position:absolute;box-shadow:inset 3px 3px 4px #cacccf,inset -1px -5px 9px #fff;opacity:1;border-radius:50%;animation:lds-ripple 2s cubic-bezier(0,.2,.8,1) infinite}.loading-state .lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:80px;left:80px;width:0;height:0;opacity:1}to{top:0;left:0;width:160px;height:160px;opacity:0}}.chart-filters{margin:0 .2rem}.chart-filters__button{margin-left:.4rem}.chart-filters__button.button--selected:hover{box-shadow:none}.content-portal{display:flex;align-items:center;justify-content:center}.hint{margin-top:.3rem;font-size:.8rem;display:flex}.main-layout{display:grid;height:100%;overflow:hidden;grid-template-areas:"content" "navBottom";grid-template-rows:auto 56px;grid-template-columns:auto;grid-gap:0}.main-layout #navDrawer{grid-area:navDrawer}.main-layout #navRail{grid-area:navRail}.main-layout #appBar{position:fixed;z-index:1;height:56px;top:0;left:0;width:100%;grid-area:appBar}.main-layout #navBottom{grid-area:navBottom}.main-layout #appContent{overflow:auto;padding-top:66px;display:flex;flex-direction:column}.main-layout--medium{grid-column-gap:30px;grid-template-areas:"navRail appBar" "navRail content";grid-template-rows:56px auto;grid-template-columns:72px auto}.main-layout--medium #appBar{position:static}.main-layout--medium #appContent{padding:10px 30px 10px 0}.main-layout--large{grid-column-gap:30px;grid-template-areas:"navDrawer appBar" "navDrawer content";grid-template-rows:56px auto;grid-template-columns:256px auto}.main-layout--large #appBar{position:static}.main-layout--large #appContent{padding:10px 30px 10px 0}.navigation-bottom{display:flex;justify-content:center;height:56px;box-shadow:4px 4px 8px #cacccf,-4px -4px 8px #fff}.navigation-bottom .nav-button{flex-grow:1;max-width:168px;padding:auto 12px;color:#686a77;opacity:.6}.navigation-bottom .nav-button svg{fill:#686a77}.navigation-bottom .nav-button--active{opacity:1;color:#13789a;color:var(--primary-color,#13789a)}.navigation-bottom .nav-button--active svg{fill:#13789a;fill:var(--primary-color,#13789a)}.navigation-rail{display:flex;flex-direction:column;width:72px;box-shadow:4px 4px 8px #cacccf,-4px -4px 8px #fff;height:calc(100% - 16px);padding:8px 0}.navigation-rail .nav-button{padding:0;height:72px;color:#686a77;opacity:.6}.navigation-rail .nav-button svg{fill:#686a77}.navigation-rail .nav-button--active{opacity:1;color:#13789a;color:var(--primary-color,#13789a)}.navigation-rail .nav-button--active svg{fill:#13789a;fill:var(--primary-color,#13789a)}.nav-button{margin:0;background:none;border:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#686a77;opacity:1;transition:opacity .2s;font-size:inherit}.nav-button--primary{color:#13789a;color:var(--primary-color,#13789a)}.nav-button:disabled{opacity:.5}.nav-button__icon{transform:translateY(8px);transition:transform .1s}.nav-button__icon--with-label{transform:translateY(0)}.nav-button__label{font-size:12px;max-height:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity .1s}.nav-button__label--hidden{opacity:0}.nav-button__label--visible{opacity:1}.nav-button__child{display:flex;align-items:center}.navigation-drawer{display:flex;flex-direction:column;width:256px;box-shadow:4px 4px 8px #cacccf,-4px -4px 8px #fff;height:calc(100% - 16px);padding:8px 0}.navigation-drawer .nav-button{display:flex;align-items:center;height:48px;padding:0 16px;position:relative;color:#686a77}.navigation-drawer .nav-button svg{fill:#686a77}.navigation-drawer .nav-button__icon{margin-right:32px}.navigation-drawer .nav-button__outline{left:3%;height:90%;width:94%;position:absolute;border-radius:5px;box-shadow:inset 3px 3px 4px #cacccf,inset -1px -5px 9px #fff}.app-bar{height:54px;box-shadow:4px 4px 8px #cacccf,-4px -4px 8px #fff;font-size:20px;background-color:#eef0f4}.app-bar,.app-bar__start{display:flex;align-items:center}.app-bar__start{width:56px;justify-content:center;opacity:1;transition:opacity .2s}.app-bar__start--hidden{opacity:0}.app-bar__center{flex-grow:1;padding-left:16px;transition:transform .2s}.app-bar__center--push-left{transform:translateX(-56px)}.app-bar__end{padding:0 16px}[data-animation=ripple]{--ripple-background:var(--primary-color,#fff);--ripple-opacity:0.2;--ripple-duration:600ms;--ripple-easing:linear;position:relative;overflow:hidden}[data-animation=ripple]:before{content:"";position:absolute;display:block;background:#fff;background:var(--ripple-background,#fff);border-radius:50%;pointer-events:none;top:calc(var(--y)*1px);left:calc(var(--x)*1px);width:calc(var(--d)*1px);height:calc(var(--d)*1px);opacity:.3;opacity:calc(var(--o, 1)*var(--ripple-opacity, .3));transition:0ms linear;transition:calc(var(--t, 0)*var(--ripple-duration, .6s)) var(--ripple-easing,linear);transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(var(--s,1));transform-origin:center}.rainbow{--ripple-opacity:1;--ripple-background:radial-gradient(circle at center,#639,#1e90ff,olive,gold,orange,tomato);--ripple-duration:2000ms;--ripple-easing:cubic-bezier(0,.5,.5,1);background-color:#87ceeb;color:hsla(0,0%,100%,.7);transition:background-color .3s,color .3s}.rainbow:hover{background-color:#5bbce4;color:#fff}.profile{max-width:1300px;margin:0 auto;display:flex;flex-direction:column;height:100%}.profile__spacer{flex-grow:1}.profile__version{opacity:.3;margin-bottom:1rem;text-align:center}.clicker{display:flex;flex-direction:column;align-items:center;height:100%}.clicker__name{text-transform:uppercase;margin-bottom:0}.clicker__display{border-radius:50%;background:#eef0f4;box-shadow:5px 5px 10px #d9dade,-5px -5px 10px #fff;height:200px;width:200px;min-height:200px;margin:3rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.clicker__display__count{font-size:80px}.clicker__display__unit{font-size:16px}.clicker__controls{display:flex;flex-direction:column;align-items:center}.clicker__controls__keypad .button{min-width:4rem;margin:.3rem}.clicker__controls__clear{width:100%;margin:1.5rem .3rem .3rem}.clicker__actions .button{margin:.3em}.clicker__spacer{flex-grow:1}.clicker__id{opacity:.3;margin-bottom:1rem}.new-workout__group__type{text-transform:uppercase}.new-workout__add{margin-top:1.5em}.new-workout__add__input{margin-right:1em}.workout-item{padding:.5rem 0;display:flex;align-items:center;position:relative}.workout-item__name{flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:transform .2s ease-in-out;transition-delay:.1s;line-height:1.5}.workout-item__name-copy{display:none;background:linear-gradient(90deg,#686a77,#686a77,#686a77,#eef0f4);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-moz-text-fill-color:transparent;-webkit-text-fill-color:transparent;opacity:0;white-space:nowrap;overflow:hidden;max-width:5rem;transition:opacity .2s ease-in-out;margin-right:.5rem}.workout-item__today{text-align:center;margin-left:1rem;color:#9e9e9e}.workout-item__today__count{margin-top:.3rem;font-size:1.1rem}.workout-item__today__label{font-size:.7rem}.workout-item__buttons{flex-shrink:0}.workout-item__buttons .button{margin-left:1.5em}@media (min-width:800px){.workout-item__name-copy{display:block}}.workout-item:hover .workout-item__name-copy{opacity:.2}.workouts-manager{max-width:1300px;margin:0 auto}.landing-page{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.landing-page__title{font-size:40px;margin-top:-1rem}.landing-page__demo{margin-top:1rem}.room__header{margin-bottom:1.5em}.room__header__title{margin-bottom:0;text-transform:uppercase}.room__header__id{color:rgba(104,106,119,.7098039215686275)}.room__chart{height:300px}.users-row{display:flex;margin:1em 0}.users-row-user{display:flex;align-items:center;flex-direction:column;margin:0 .5em;width:60px}.users-row-user__avatar{height:40px;width:40px;border-radius:50%;border:1px solid #cacccf;margin-bottom:.4rem;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-size:18px}.users-row-user__name{font-size:14px;max-width:60px;overflow:hidden;text-align:center;text-overflow:ellipsis}.rooms{max-width:1300px;margin:0 auto}.rooms__new-user__input{margin-right:1rem}.new-user-page__name{margin-top:1rem}.new-user-page__name label{display:block}.new-user-page__name .textbox{margin:1rem 1rem 0 0}body{background-color:#eef0f4;color:#686a77}.App{height:100vh}.header{position:fixed;top:0;min-height:85px;max-width:728px;display:flex;width:calc(100% - 2.8rem);align-items:center;justify-content:space-between;z-index:99;padding:1rem 0;box-sizing:border-box}.header__start{position:relative}.header__center__tabs{position:fixed;width:calc(100% - 1.4rem);left:0;bottom:0;display:flex;padding:.7rem}.header__center__tabs .separator{display:block;position:absolute;top:-2px;left:0;width:100%;margin:0}.header__center__tabs button{flex-grow:1}@media only screen and (min-width:768px){.header__center__tabs{width:auto;padding:.3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.header__center__tabs .separator{display:none}}.main-content{padding:0 1rem;position:relative;flex-grow:1}@media (min-width:600px){.main-content{padding:0 0 0 .5rem}}.footer{display:flex;justify-content:space-between;padding-bottom:5rem;color:rgba(104,106,119,.2784313725490196)}@media only screen and (min-width:768px){.footer{padding-bottom:1rem}}@media only screen and (min-width:768px){.header-start-button{position:absolute;left:0;top:0;transform:translateY(-50%)}}.header-separator{margin-top:5.5rem}.header-separator--medium{margin-left:auto;margin-right:auto;max-width:500px}.header-separator-dynamic{display:none;margin-top:5.5rem}@media only screen and (min-width:768px){.header-separator-dynamic{display:block}}
/*# sourceMappingURL=main.0baf53eb.chunk.css.map */