.ParentCode__form-footer,.StudentCode__form-footer{text-align:center}.BackLink{color:#777;margin:.7rem 0 0;position:absolute;align-self:flex-start;display:inline-flex;align-items:center;cursor:pointer}@media (hover:hover){.BackLink:hover{color:#555}}.BackLink__text{color:inherit;font-size:.75em;text-decoration:none;padding:.5em;display:block;transition:color .15s ease-out}.BackLink__icon{width:.7em;height:.7em;transform:rotate(-90deg)}@media (max-width:640px){.BackLink{margin:.7rem}}.Box{background-color:#fff;border-radius:.5rem;box-shadow:0 0 2rem 0 rgba(0,0,0,.1);text-align:center;padding:1.8rem 2.1rem}@media (max-width:640px){.Box{border-radius:0;box-shadow:none;padding:2rem}}@media (max-width:480px){.Box{padding:2rem 1.5rem}}.Box__notification{color:#555;font-size:.75em;margin:-1.1rem 0 .7rem;display:flex;justify-content:center;align-items:center}.Box__notification-icon{color:#00b44b;margin:0 .2rem 0 0;min-width:1.3rem;height:1.3rem}.Box__subtitle{color:#00b44b;font-size:.75em;font-weight:700;text-transform:uppercase;margin:-.35rem 0 1.25rem;display:block}.Box__subtitle,.BrowserNotSupported{text-align:center}.BrowserNotSupported__header-icon{margin:0 0 .75rem;min-width:3rem;min-height:3rem;width:3rem;height:3rem}.BrowserNotSupported__browsers{margin:-.6rem 0 2.4rem;display:flex;align-items:center;justify-content:center}.BrowserNotSupported__browser-icon{width:2rem;margin:0 .5rem;display:flex;align-items:center}.Button{color:#fff;background:#00b44b;border:2px solid transparent;border-radius:1.375em;font-size:1em;font-weight:500;text-transform:uppercase;text-decoration:none;padding:.5em 1.4em;min-height:2.75em;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-out}@media (hover:hover){.Button:hover{color:#fff;background:#00a551}}@media (hover:none){.Button:active{color:#fff;background:#00a551}}.Button.is-disabled,.Button:disabled{background:#ccc!important;cursor:default;pointer-events:none}.Button--small{font-size:.875em;min-height:2.75em;padding:calc(.5em + 1px) 1.1em calc(.5em - 1px)}@media (max-width:480px){.Button--small{font-size:.75em;padding:.5em 1.1em}}.Button--color-xp{background:#ffa000}@media (hover:hover){.Button--color-xp:hover{color:#fff;background:#f5aa1e}}@media (hover:none){.Button--color-xp:active{color:#fff;background:#f5aa1e}}.Button--ghost{color:#00b44b;background:transparent;border-color:#00b44b}@media (hover:hover){.Button--ghost:hover{color:#00b44b;background:transparent;border-color:#00a551}}@media (hover:none){.Button--ghost:active{color:#00b44b;background:transparent;border-color:#00a551}}.Button--ghost-grey{color:#555;background:transparent;border-color:#eee}@media (hover:hover){.Button--ghost-grey:hover{color:#555;background:#f7f7f7}}@media (hover:none){.Button--ghost-grey:active{color:#555;background:#f7f7f7}}.Button--text-icon{font-weight:500;text-transform:none;padding:.5em 1.1em}.Button__icon{margin:0 .5em 0 0;width:1.375em;height:1.375em}.Button__spinner{top:50%;right:-.5rem;transform:translateX(100%) translateY(-50%)}.Em{font-style:italic}.Em--color-green{color:#00b44b}.EmailInput__wrap{margin:0 0 1.6rem;position:relative}.EmailInput__spinner{top:50%;left:-.5rem;transform:translateX(-100%) translateY(-50%)}@media (max-width:480px){.EmailInput__spinner{left:-.25rem}}.ExternalAuthentication{margin:-.5rem;position:relative;display:flex;flex-wrap:wrap}.ExternalAuthentication__item{padding:.5rem;flex-basis:50%;display:flex;flex-direction:column}.ExternalAuthentication__item--wide{flex-basis:100%}.ExternalAuthentication__toggle{color:#999;font-size:.875em;padding:.75rem .5rem;flex-basis:100%;text-align:center;cursor:pointer;transition:color .15s ease-out}@media (hover:hover){.ExternalAuthentication__toggle:hover{color:#555}}@media (hover:none){.ExternalAuthentication__toggle:active{color:#555}}.ExternalAuthentication__toggle-icon{margin:0 0 0 .4rem;width:.7em;height:.7em;position:relative;top:1px;transform:rotate(180deg)}.ExternalAuthentication__toggleable-items{max-height:0;width:100%;overflow:hidden;display:flex;flex-wrap:wrap;transition:max-height .1s ease-out}.ExternalAuthentication__toggleable-items.is-visible{max-height:22.5rem;transition-duration:.25s}.ExternalAuthentication__spinner-overlay{background:hsla(0,0%,100%,.75);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.ExternalAuthentication__spinner{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}@media (max-width:640px){.ExternalAuthentication__item{flex-basis:50%}.ExternalAuthentication__item--wide{flex-basis:100%}}@media (max-width:480px){.ExternalAuthentication__item,.ExternalAuthentication__item--wide{flex-basis:100%}.ExternalAuthentication__hidden-mobile{display:none}}.Header{background-color:#fff;border-bottom:1px solid #f7f7f7;padding:1.5rem;height:5.25rem;position:fixed;top:0;left:0;right:0;z-index:1;display:flex;align-items:center;justify-content:space-between}.Header--no-border{border:0}.Header__logo{padding:0 1em 0 0;max-width:60%}.Header__actions,.Header__actions-label{flex-shrink:0;display:flex;align-items:center}@media (max-width:640px){.Header{border-bottom:1px solid #eee}.Header__actions-label{display:none}}.Icon{background-color:transparent;fill:currentColor;max-width:100%;max-height:100%;transition:all .15s ease-out}.Icon--color-green{color:#00b44b}.Icon--color-ap{color:#017dff}.Icon--color-xp{color:#ffa000}.InputError{color:red;font-size:.625em;font-weight:500;margin:.2rem 0;position:absolute;display:block}.LanguagePicker{color:#777;margin:.7rem 0 0;position:relative;cursor:pointer;align-self:flex-end;display:inline-flex;align-items:center}.LanguagePicker__label{font-size:.75em;padding:.5em;display:block;transition:color .15s ease-out}.LanguagePicker__label--short{display:none}@media (hover:hover){.LanguagePicker:hover{color:#555}}.LanguagePicker__icon{width:.7em;height:.7em;transform:rotate(180deg)}.LanguagePicker__dropdown{font-size:1rem;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:block;opacity:0}.LanguagePicker__dropdown::-ms-expand{display:none}.user-agent-ios .LanguagePicker__dropdown{font-size:16px}@media (max-width:640px){.LanguagePicker{margin:.7rem}.LanguagePicker__label{display:none}.LanguagePicker__label--short{display:block}}.LoadingBox{padding:3rem 0 0;position:relative}.LoadingBox__spinner{top:0;left:50%;transform:translateX(-50%)}.LoginForm__footer{text-align:center}.NameInput__wrap{margin:0 0 1.6rem;display:flex}.NameInput{flex-grow:1}.NameInput+.NameInput{margin:0 0 0 1rem}.ParentCodeInput__wrap{position:relative;margin:0 0 1.6rem}.ParentCodeInput__spinner{top:50%;left:-.5rem;transform:translateX(-100%) translateY(-50%)}@media (max-width:480px){.ParentCodeInput__spinner{left:-.25rem}}.ParentCodeInput__label-wrap{display:flex;justify-content:space-between;align-items:center}.ParentCodeInput__help{color:#999;font-size:.875rem;display:flex;align-items:center}.PasswordInput__group{margin:0 0 1.6rem;display:flex}.PasswordInput__wrap{flex-grow:1}.PasswordInput__wrap+.PasswordInput__wrap{margin:0 0 0 1rem}.PasswordInput__label{display:flex;justify-content:space-between}.PasswordInput{position:relative}.PasswordInput__input[type=password],.PasswordInput__input[type=text]{padding:.5em 2.7em .5em 1em}.PasswordInput__input--no-margin[type=password],.PasswordInput__input--no-margin[type=password]:not(:last-child),.PasswordInput__input--no-margin[type=text],.PasswordInput__input--no-margin[type=text]:not(:last-child){margin:0}.PasswordInput+.InputError{margin:.15rem 0 0}.PasswordInput__eye{color:#999;min-width:1rem;min-height:1rem;width:1rem;height:1rem;top:50%;right:.75rem;position:absolute;cursor:pointer;transform:translateY(-50%)}.PasswordInput__forgot{position:absolute;top:-1.7rem;right:0}.RolePicker__item{color:#212121;background-color:#fff;border:2px solid #eee;border-radius:.5rem;font-size:1.25em;text-align:left;padding:.5em 1em;margin:0 0 1.5rem;width:100%;height:3.8em;display:flex;align-items:center;cursor:pointer;transition:background-color .15s ease-out}.RolePicker__item:last-child{margin:0}@media (hover:hover){.RolePicker__item:hover{background-color:#f7f7f7}}@media (hover:none){.RolePicker__item:active{background-color:#f7f7f7}}.RolePicker__icon{margin:0 .55em 0 0;width:1.45em;height:1.45em}.Spacer{height:2.3rem}.Spacer--small{height:1.5rem}.Spinner{min-width:16px;min-height:16px;width:16px;height:16px;position:absolute}.Spinner--large{min-width:32px;min-height:32px;width:32px;height:32px}.StudentCodeInput__wrap{margin:0 0 1.6rem;position:relative}.StudentCodeInput__spinner{top:50%;left:-.5rem;transform:translateX(-100%) translateY(-50%)}@media (max-width:480px){.StudentCodeInput__spinner{left:-.25rem}}.StudentCodeInput__label-wrap{display:flex;justify-content:space-between;align-items:center}.StudentCodeInput__help{color:#999;font-size:.875rem;display:flex;align-items:center}.Text{line-height:1.375;margin:0 0 1.2rem}.Text:last-child{margin:0}.Title:not(.Title--push-text)+.Text{margin-top:-.9rem}.Text--center{text-align:center}.Text--color-green{color:#00b44b}.Text--color-hp{color:red}.Text--color-999{color:#999}.Text--size-12{font-size:.75em}.Text--size-14{font-size:.875em}.Text--size-18{font-size:1.125em}.Text--size-20{font-size:1.25em}@media (max-width:640px){.Text--size-18{font-size:1em}.Text--size-20{font-size:1.125em}}.TextSplit{margin:1.25rem 0;display:flex;align-items:center;justify-content:center}.TextSplit__line{border-bottom:1px solid #ddd;flex-grow:1}.TextSplit__content{text-align:center;margin:0 1em;max-width:75%;flex-shrink:0}.Title{color:#212121;font-size:2em;text-align:center;margin:-.12em 0 .75em}@media (max-width:640px){.Title{font-size:1.5em;margin:-.12em 0 1em}}.Title--size-24{font-size:1.5em}.Tooltip{font-size:1rem;text-align:left;padding:4px 6px;margin:-6px -6px -4px}.Tooltip__offset-parent,.Tooltip__toggle{position:relative}.Tooltip__toggle{color:#fff;background:#ccc;border-radius:50%;padding:0;width:.875rem;height:.875rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background-color .15s ease-out}@media (hover:hover){.Tooltip__toggle:hover{background-color:#00b44b}}@media (hover:none){.Tooltip__toggle:active{background-color:#00b44b}}.Tooltip__toggle.is-active{background:#00b44b}@media (hover:hover){.Tooltip__toggle.is-active:hover{background-color:#00a551}}@media (hover:none){.Tooltip__toggle.is-active:active{background-color:#00a551}}.Tooltip__toggle-icon{min-width:.625rem;min-height:.625rem;width:.625rem;height:.625rem}.Tooltip__box-tip{width:0;height:0;border-color:#fff transparent transparent;border-style:solid;border-width:6px 7px 0;position:absolute;bottom:calc(100% + 4px);left:50%;display:block;transform:translateX(-50%) translateY(1rem);transition:all .1s ease-out;opacity:0}.Tooltip__box-tip.is-visible{opacity:1;transform:translateX(-50%);transition:all .15s ease-out}.Tooltip__box{color:#777;background-color:#fff;border-radius:.5rem;box-shadow:0 0 2rem 0 rgba(0,0,0,.1);font-size:.875em;font-style:italic;font-weight:300;padding:1.2rem;margin:0 0 7px;width:100%;position:absolute;left:0;bottom:100%;display:flex;align-items:center;z-index:1;opacity:0;transform:translateY(1rem);transition:all .1s ease-out;pointer-events:none}.Tooltip__box.is-visible{opacity:1;transform:none;transition:all .15s ease-out;pointer-events:auto}.Tooltip__box strong{color:#00b44b}.Tooltip__box-icon{color:#00b44b;margin:0 .325rem 0 0;min-width:3.25rem;min-height:3.25rem;width:3.25rem;height:3.25rem}.UsernameInput__wrap{margin:0 0 1.6rem;position:relative}.UsernameInput__spinner{top:50%;left:-.5rem;transform:translateX(-100%) translateY(-50%)}@media (max-width:480px){.UsernameInput__spinner{left:-.25rem}}.Submit{display:flex}.EnrollAccount__form-footer{text-align:center}.EnrollAccount__form-footer a{color:inherit}@media (hover:hover){.EnrollAccount__form-footer a:hover{color:#212121}}@media (hover:none){.EnrollAccount__form-footer a:active{color:#212121}}.FinishSetup__form-footer{text-align:center}.FinishSetup__form-footer a{color:inherit}@media (hover:hover){.FinishSetup__form-footer a:hover{color:#212121}}@media (hover:none){.FinishSetup__form-footer a:active{color:#212121}}.ForgotPassword__footer,.Login__toggle-button-wrap{text-align:center}.Login__form-wrap{max-height:0;overflow:hidden;transition:max-height .1s ease-out}.Login__form-wrap.is-visible{max-height:17.5rem;transition-duration:.25s}.ResetPassword__form-footer{text-align:center}.ResetPassword__error>em{font-style:normal;text-decoration:underline}.Share{background:#fff;flex-grow:1}@media (max-width:640px){.Share{margin:0}}.Share h1{color:#212121;font-size:2.5rem;line-height:1.2;font-weight:300;margin:-.175em 0 .7em}.Share h1>strong{color:#00b44b;font-weight:500}.Share h2{font-size:2rem;text-align:center;margin:0 0 1em}.Share h3{font-size:1.5rem;text-align:center;margin:0 0 .5em;width:100%}@media (max-width:640px){.Share h1{font-size:2.125rem}.Share h1>strong{color:#00b44b;font-weight:500}.Share h2{font-size:1.5rem}.Share h3{font-size:1.25rem}}.Share .container{padding:0 3rem;margin:0 auto;max-width:100%;width:76.25rem}.Share .spacer{width:100%;height:1rem}@media (max-width:640px){.Share .container{padding:0 2.4rem}}@media (max-width:480px){.Share .container{padding:0 1.5rem}}.Share .hero{background:url(../files-sub/classcraft-assets/accounts/referral-bg.jpg) no-repeat 50% 100%;background-size:96.25rem auto;padding:1rem 0 17rem;display:flex;justify-content:center}@media only screen and (min-device-pixel-ratio:1.25),only screen and (min-resolution:125dpi){.Share .hero{background-image:url(../files-sub/classcraft-assets/accounts/referral-bg-2x.jpg)}}.Share .hero__inner{display:flex}.Share .hero__text-wrap{margin:0 3rem 0 0;flex-grow:1}.Share .hero__text,.Share .hero__title{max-width:30rem}.Share .hero__sub-title{color:#212121;text-align:left}.Share .hero__login{min-width:27.5rem;width:27.5rem}.Share .hero__login-footer{text-align:center}@media (max-width:1172px){.Share .hero{background-position:50% 100%;background-size:auto 41rem;padding:1rem 0 19rem}.Share .hero__text-wrap{margin:0 1.5rem 0 0}}@media (max-width:960px){.Share .hero{background-position:60% 90%;background-size:auto 34rem;padding:1rem 0 0}.Share .hero__inner{flex-wrap:wrap}.Share .hero__text-wrap{flex-basis:100%}.Share .hero__text,.Share .hero__title{max-width:100%}.Share .hero__login{margin:3rem 0 0}}@media (max-width:640px){.Share .hero{background:transparent;padding:2.4rem 0 0}.Share .hero__login{min-width:0;width:auto;margin:3rem -2.4rem 0}}.Share .checklist{font-size:1.125rem;display:flex;flex-wrap:wrap;justify-content:space-between}.Share .checklist__item{margin:0 0 .2em;width:calc(50% - .8rem);display:flex;align-items:center}.Share .checklist__item-icon{color:#00b44b;margin:0 .5rem 0 0;min-width:2rem;min-height:2rem;width:2rem;height:2rem}@media (max-width:1172px){.Share .checklist__item{width:100%}}@media (max-width:960px){.Share .checklist__item{width:calc(50% - .8rem)}}@media (max-width:640px){.Share .checklist__item{width:100%}}.Share .testimonial{margin:5rem 0 7.1rem;display:flex;align-items:center}.Share .testimonial__image{border-radius:.5rem;min-width:27.5rem;width:27.5rem}.Share .testimonial__box{background-color:#fff;border-radius:.5rem;box-shadow:0 0 2rem 0 rgba(0,0,0,.1);padding:1.8rem;margin:0 0 0 -3rem}.Share .testimonial__text{font-size:1.5em;font-style:italic;margin:0 0 .8em}.Share .testimonial__text>strong{color:#00b44b}@media (max-width:960px){.Share .testimonial{flex-direction:column}.Share .testimonial__image{min-width:0;width:auto}.Share .testimonial__box{margin:-3rem 3rem 0}}@media (max-width:640px){.Share .testimonial__box{margin:-2rem 1.5rem 0}}@media (max-width:480px){.Share .testimonial__box{border-radius:0;box-shadow:none;padding:1.8rem 0;margin:0}.Share .testimonial__text{font-size:1.25em}}.Share .avatar{display:flex;align-items:flex-start}.Share .avatar__image{border-radius:50%;margin:0 1rem 0 0;width:35px}.Share .avatar__title{color:#212121;display:block}.Share .avatar__subtitle{color:#999;font-size:.875em}.Share .logos{margin:3rem 0 7.4rem;display:flex}.Share .logos__group{flex-basis:50%;display:flex;align-items:center;flex-wrap:wrap}.Share .logos__group:first-child{border-right:1px solid #cfcfcf;display:block}.Share .logos__image-wrap{text-align:center;padding:1rem;flex-basis:50%}.Share .logos__image-wrap--wide{flex-basis:100%}.Share .logos__image{margin:0 0 .8rem}.Share .logos__image--no-margin{margin:0}.Share .logos__image-title{text-transform:uppercase}.Share .logos__image-subtitle,.Share .logos__image-title{font-size:.625em;display:block}@media (max-width:960px){.Share .logos{justify-content:center;flex-wrap:wrap}.Share .logos__group{flex-basis:30rem}.Share .logos__group:first-child{border:0;border-bottom:1px solid #cfcfcf;padding:0 0 2rem;margin:0 0 3rem}}@media (max-width:640px){.Share .logos{margin:3rem 0 5rem}.Share .logos__group{margin:0 -1rem}}.Share .footer{background-color:#f7f7f7;font-size:.75em;padding:1.3rem 0}.Share .footer__inner{display:flex;justify-content:space-between}.Share .footer__link{color:inherit;text-decoration:underline}@media (hover:hover){.Share .footer__link:hover{color:#212121}}@media (hover:none){.Share .footer__link:active{color:#212121}}@media (max-width:640px){.Share .footer__inner{flex-direction:column;align-items:center}.Share .footer__link{padding:.5rem}}.Share+.LanguagePicker{display:none}.Signup{align-self:stretch}.Signup__form-footer{text-align:center}.Signup__form-footer a{color:inherit;text-decoration:underline}@media (hover:hover){.Signup__form-footer a:hover{color:#212121}}@media (hover:none){.Signup__form-footer a:active{color:#212121}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Museo;font-weight:300;font-style:normal;src:url(../files-sub/classcraft-assets/fonts/museo_300.woff)}@font-face{font-family:Museo;font-weight:500;font-style:normal;src:url(../files-sub/classcraft-assets/fonts/museo_500.woff)}@font-face{font-family:Museo;font-weight:700;font-style:normal;src:url(../files-sub/classcraft-assets/fonts/museo_700.woff)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#555;font-family:Museo,sans-serif;font-weight:300;font-size:16px;line-height:1.14}@media (max-width:480px){body{font-size:15px}}em{font-style:italic}img{border-style:none;max-width:100%;max-height:100%;width:auto;height:auto}strong{font-weight:700}label{color:#555;font-size:.875rem;font-weight:500;margin:0 0 .35em;display:flex;align-items:center}input[type=email],input[type=password],input[type=text]{color:#777;background:#fff;border:1px solid #ddd;border-radius:.5rem;outline:transparent;font-size:.875rem;font-weight:inherit;padding:.45em 1em;width:100%;height:2.25em;display:flex;align-items:center;transition:background-color .15s ease-out,border-color .15s ease-out}.user-agent-ios input[type=email],.user-agent-ios input[type=password],.user-agent-ios input[type=text]{font-size:1rem}@media (hover:hover){input[type=email]:hover,input[type=password]:hover,input[type=text]:hover{border-color:#ddd}}input[type=email]:placeholder-shown,input[type=password]:placeholder-shown,input[type=text]:placeholder-shown{background:#f7f7f7;border-color:transparent}@media (hover:hover){input[type=email]:placeholder-shown:hover,input[type=password]:placeholder-shown:hover,input[type=text]:placeholder-shown:hover{border-color:#ddd}}input[type=email]:placeholder-shown:focus,input[type=password]:placeholder-shown:focus,input[type=text]:placeholder-shown:focus{background:#fff;border-color:#ddd}input[type=email].is-invalid,input[type=email].is-invalid:focus,input[type=password].is-invalid,input[type=password].is-invalid:focus,input[type=text].is-invalid,input[type=text].is-invalid:focus{border-color:red}@media (hover:hover){input[type=email].is-invalid:hover,input[type=password].is-invalid:hover,input[type=text].is-invalid:hover{border-color:red}}input[type=email]:disabled,input[type=password]:disabled,input[type=text]:disabled{color:#ccc}select{outline:transparent;transition:all .15s ease-out}button,select{cursor:pointer}button{color:inherit;background:transparent;border:0;font-family:Museo,sans-serif;font-weight:inherit;outline:none}.Link,a{color:#00b44b;font-weight:300;text-decoration:none;transition:all .15s}@media (hover:hover){.Link:hover,a:hover{color:#00a551}}@media (hover:none){.Link:active,a:active{color:#00a551}}.Link--color-999{color:#999}@media (hover:hover){.Link--color-999:hover{color:#555}}@media (hover:none){.Link--color-999:active{color:#555}}.Link--color-hp{color:red}@media (hover:hover){.Link--color-hp:hover{color:#e60000}}@media (hover:none){.Link--color-hp:active{color:#e60000}}.Link--size-12{font-size:.75em}.Link--size-14{font-size:.875em}#app{background-color:#f7f7f7;padding:5.25rem 0 0;width:100%;min-height:100%;position:absolute;top:0;left:0;overflow-x:hidden;overflow-y:auto;z-index:1}#app,#app-content{display:flex;flex-direction:column}#app-content{padding:2rem;margin:0 auto;max-width:100%;width:36rem;flex-grow:1;justify-content:flex-start;align-items:stretch}#app-content-full-screen{flex-grow:1}@media (max-width:640px){#app-content{padding:0;width:100%}}