.base-container{height:100%;width:100%;margin:0 auto}.base-container--default-width{max-width:var(--container-width)}.base-container--half-width{max-width:calc(var(--container-width)/2)}.base-container--relative-width{max-width:70%}@media(max-width:500px){.base-container--relative-width{max-width:100%}}.base-container--height{height:calc(100vh - var(--header-height))}.base-container--padding{padding:1rem 2rem 1rem 2rem}.base-container--column-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.base-container--align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.base-container--space-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media(max-width:800px){.base-container--responsive{padding:0 .5rem}}@media(max-width:500px){.base-container--stretched{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem)}}.base-modal{background-color:var(--surface-colour);border-radius:var(--border-radius);color:var(--on-surface)}.base-modal--primary{background-color:var(--primary-colour);color:var(--on-primary);padding:0 .5rem 1rem .5rem}.base-modal--flex-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.base-modal--bg-secondary{background-color:var(--accent-variant-light);color:var(--on-accent)}.base-modal--center{text-align:center}.base-modal--padding-1rem{padding:1rem}.base-modal--padding-2rem{padding:2rem}.base-modal--height-60{height:60vh}.base-modal__title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}@media(max-width:350px){.base-modal__title{font-size:1.4rem}}@media(orientation:landscape){.base-modal__title{margin-bottom:.5rem}}.base-loading{position:relative}.base-loading--large-spinner{font-size:10rem}@media(max-width:500px){.base-loading--large-spinner{font-size:7rem}}.base-loading--medium-spinner{font-size:5rem;min-height:5rem}.base-loading--light-overlay{background-color:#fff;opacity:.4;color:#575757}.base-loading--dark-overlay{background-color:#000;opacity:.4;color:#e4e4e4}.base-loading--light-opacity{opacity:.2}.base-loading__overlay{position:absolute;top:0;height:100%;width:100%;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.base-loading__overlay,.base-loading__spinner{-webkit-transition:.5s ease;transition:.5s ease}.base-loading__spinner{opacity:.8}.base-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--background-colour);border-radius:var(--border-radius);border:0;color:var(--on-background);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Noto Sans JP,Roboto,sans-serif;font-size:var(--font-size-button);font-weight:var(--font-weight-button);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:1.25px;min-height:45px;padding:.75rem 1rem;text-transform:uppercase}@media(max-width:320px){.base-button{min-height:45px;padding:.12rem 1rem}}.base-button:disabled{opacity:.5;background-color:var(--disabled-colour);color:var(--on-primary);cursor:not-allowed;border:0}.base-button--circle{border-radius:50%;margin:0;padding:0}.base-button--big-circle{font-size:3.5rem;height:100px;width:100px}.base-button--small-circle{font-size:2.5rem;height:75px;width:75px}.base-button--xs-circle{font-size:2.2rem;height:60px;width:60px}.base-button--xxs-circle{font-size:2.1rem;height:55px;width:55px}.base-button--xxxs-circle{font-size:1.2rem;min-height:40px;height:40px;width:40px}.base-button--auto-height{height:auto}.base-button--set-height{height:55px;padding:0}@media(max-width:350px){.base-button--set-height{font-size:98%}}.base-button--danger{background-color:var(--danger-colour);color:var(--on-danger)}.base-button--danger-secondary{color:var(--danger-colour);background-color:#fff}.base-button--primary{background-color:var(--primary-colour);border:0;color:var(--on-primary)}.base-button--primary-inverse{background-color:transparent;border:1px solid var(--primary-colour);color:var(--primary-colour)}.base-button--accent{background-color:var(--accent-colour);border:0;color:var(--on-accent)}.base-button--accent-inverse{background-color:transparent;border:1px solid var(--accent-colour);color:var(--accent-colour)}.base-button--action{background-color:var(--accent-colour);border:0;color:var(--button-text-colour-action)}.base-button--shadow{-webkit-box-shadow:0 2px var(--background-variant-dark);box-shadow:0 2px var(--background-variant-dark)}.base-button--font-small{font-size:1rem}.base-button--xs{width:80vw;max-width:55px}.base-button--small{width:80vw;max-width:150px}.base-button--medium{width:80vw;max-width:275px}.base-button--large{width:80vw;max-width:350px}.base-button--full{width:100%}@media(max-width:500px){.base-button--full{min-width:100%;max-width:100%}}.base-button--margin-right{margin-right:.5rem}.base-button--margin-y{margin:1rem auto}.base-button--centered{margin:0 auto}.base-button--padding-1rem{padding:1rem 1.75rem}.base-button--cursor-inherit{cursor:inherit}