:root{--colour-primary: #dd32b3;--colour-primary-light: #fb29fd;--colour-secondary: #4216d2;--colour-secondary-light: #2e3bf0;--colour-secondary-dark: #000840}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;font-family:Righteous,cursive}html{font-size:62.5%;box-sizing:border-box}@media screen and (max-width: 1300px){html{font-size:50%}}body{background-color:#000}.input__button{padding:.5rem 1rem;box-shadow:0 .3rem .6rem #00000080;transition:transform .1s;font-size:1.4rem}.input__button:hover{cursor:pointer;transform:translateY(-.2rem)}.input__button:active{transform:translateY(-.1rem)}.input__text{padding:.5rem 1rem;box-shadow:0 .3rem .6rem #00000080;font-size:1.4rem;letter-spacing:.1rem;border-radius:.5rem}.input__select{padding:.5rem 1rem;box-shadow:0 .3rem .6rem #00000080;font-size:1.4rem;letter-spacing:.1rem}.input__label{font-size:1.4rem;letter-spacing:.1rem}.input__boxslider{border-radius:.5rem;position:relative;background-color:var(--colour-secondary);transition:all .2s;width:8rem;overflow:hidden;height:3.5rem;box-shadow:.3 0 .6 #00000080;margin-left:-.5rem}.input__boxslider:hover{cursor:pointer}.input__boxslider--text{position:absolute;left:0;top:0;height:100%;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 1rem}.input__boxslider--box{position:absolute;top:0rem;left:0rem;width:50%;height:100%;color:#fff;padding:1rem;transition:all .2s;background-color:var(--colour-primary-light)}.input__boxslider--text{position:absolute;right:0rem;color:#fff}.input__boxslider--left{margin-left:-.5rem}.input__boxslider--checkbox{visibility:hidden}.input__boxslider--checkbox:checked+label .input__boxslider--box{left:50%}.input__slider{border-radius:1rem;position:relative;background-color:#a9a9a9;padding:1rem 2rem;transition:all .2s;margin-right:4rem}.input__slider:hover{cursor:pointer}.input__slider--ball{position:absolute;top:0rem;left:0rem;border-radius:1rem;background-color:gray;padding:1rem;transition:all .2s}.input__slider--text{position:absolute;right:0rem;color:#fff}.input__slider--checkbox{visibility:hidden}.input__slider--checkbox:checked~label{background-color:red}.input__slider--checkbox:checked~label .input__slider--ball{left:2rem;background-color:#ff0}.input__slider--checkbox:checked~.input__slider--text:after{content:"Enabled"}.input__slider--checkbox:not(:checked)~.input__slider--text:after{content:"Disabled"}.flex-direction-row{display:flex;flex-direction:row;align-items:baseline}.flex-direction-column{display:flex;flex-direction:column}.hr{border:1px solid black}.margin-bottom-small{margin-bottom:.5rem}.margin-bottom-medium{margin-bottom:1rem}.margin-bottom-big{margin-bottom:1.5rem}.margin-top-small{margin-top:.5rem}.margin-top-medium{margin-top:1rem}.margin-top-big{margin-top:1.5rem}