#bodyPicker{padding-top:calc(var(--header-size) + 5px);padding-bottom:calc(var(--footer-size) + 0px);}.selection-menu{width:100%;height:auto;flex:1;display:flex;flex-direction:row;}.invisible-btn{background:transparent;border:none;color:transparent;cursor:pointer;width:50%;height:auto;}#bodyNextContainer{bottom:-200px;}#bodyTutorial{opacity:0;transition:opacity 0.5s ease-in-out;}#kitTitle{position:relative;opacity:1;top:0px;transition:opacity 0.3s ease-in-out,
        top 0.3s ease-in-out;}#kitMenu{padding-top:calc(var(--header-size) + 30px);padding-bottom:calc(var(--footer-size) + 0px);}#kitMenuOptions{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;width:100%;gap:2%;}.borderStyle{border:2px solid transparent !important;border-image:linear-gradient(90deg, #01acf0, #011b44) 1 !important;}.kitOption{width:25%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;}.kitOption > p{font-size:0.7rem;letter-spacing:1px;font-weight:300;}.kitButton{width:50px;height:50px;background:#034EC8;text-align:center;display:flex;flex-direction:column;justify-content:center;}.kitButton > span{font-size:35px;color:white;font-family:Scandia;}#kitNextContainer{gap:15px;bottom:-200px;}.patterns{display:grid;grid-template-columns:repeat(auto-fill, minmax(25%, 1fr));width:80%;gap:35px 20px;justify-items:center;padding-bottom:35%;}.pattern-item{width:65px;height:65px;border:2px solid #ddd;border-radius:4px;}.pattern-icon{--color1:white;--color2:black;width:100%;height:100%;}.picker{padding-top:calc(var(--header-size) + 20px) !important;padding-bottom:calc(var(--footer-size) + 15px) !important;background-color:rgba(0,18,47,0.85);}.picker > h1{font-size:1.2rem;}#colourSettingsContainer{display:flex;width:100%;height:auto;gap:5vh;flex-direction:column;align-items:center;justify-content:center;padding:10px;}#wheelContainer{display:block;position:relative;}#colourWheel{display:block;position:relative;border-radius:50%;overflow:hidden;}#wheelPointer{position:absolute;border:3px solid white;border-radius:50%;background:transparent;transform:translate(-50%, -50%);box-shadow:0 0 10px rgba(0, 0, 0, 0.3);pointer-events:none;z-index:10;}#colourPreview{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:linear-gradient(#ddd, #ddd),
        linear-gradient(to right, #01B7FF, #001B47);border-radius:50%;border:4px solid transparent;background-origin:border-box;background-clip:content-box, border-box;pointer-events:none;z-index:5;}.brightness-container{position:relative;margin-bottom:20px;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;}.brightness-slider-container{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;}.brightness-slider-container > p{color:white;font-size:1.8rem;font-weight:500;}.brightness-fill{background:#0C5BDC;transition:none;}.brightness-slider{width:70%;height:23px;position:relative;overflow:visible !important;}.brightness-handle{position:absolute;top:50%;width:auto;height:110%;aspect-ratio:106/47;background-size:cover;background-image:url("sliderpuck.d263b4.png");transform:translate(-50%, -50%) skew(20deg);}#brightnessTutorial{display:none;opacity:0;position:absolute;bottom:30px;width:70%;right:40px;transition:opacity 0.5s ease-in-out;}