.button-component{border-radius:50px!important;display:flex;gap:1rem;text-transform:none;font-weight:700;text-align:center;text-decoration:none!important;position:relative;overflow:hidden;transition:.3s;border:1px solid var(--green)!important;box-shadow:none!important;background:var(--green)!important;color:#fff!important}.button-component:after{position:absolute;transition:.5s;content:"";width:0;bottom:0;background:#fff;color:var(--green)!important;height:120%;left:-10%;transform:skew(15deg);z-index:-1}.button-component:hover{cursor:pointer;box-shadow:none;transform:skew(0);color:var(--green)!important}.button-component:hover:after{left:-10%;width:120%}.button-component:disabled{opacity:.5}#root{--primary: #68a6a6;--green: #0ccc93;--red: #ed0000;--grey: #374649;--info: #33abff;--focus: #e6f5ff;--warning: #fff1e6;--error: #f9b0b0;--success: #ebfaea;background-color:#f8fafb}.container{height:200px;overflow-y:scroll;border:1px solid black}.content{height:600px}.sticky{position:-webkit-sticky;position:sticky;top:0;background:#ff0;padding:10px;border:1px solid red}html,body,#root{margin:0!important;padding:0!important;min-height:100vh}a{color:var(--primary)}.flex,.flex-center,.flex-start,.flex-between,.flex-around,.flex-end,.flex-col{display:flex;align-items:center;align-content:center}.flex-start{justify-content:start}.flex-center{justify-content:center}.flex-between{justify-content:space-between;gap:2rem}.flex-around{justify-content:space-around}.flex-end{justify-content:end}.flex-col{flex-direction:column;justify-content:start}.pointer{cursor:pointer}.w100{width:100%}.Mui-disabled input{background-color:#bdbdbd!important;opacity:.5!important;border-radius:5px!important;box-shadow:none!important}.input-required{border:1px solid var(--red)!important}textarea{box-sizing:border-box;width:100%;font-family:IBM Plex Sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;padding:12px;border-radius:12px 12px 0;&:hover{border-color:var(--primary)}&:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}}.storage-agreement-link:hover{text-decoration:underline!important}.navbar-button{border-radius:5px;height:70%;min-width:70%;color:#fff;display:flex;flex-direction:column;text-transform:none;text-align:center;box-shadow:none;text-decoration:none!important;position:relative;overflow:hidden;transition:.3s;border:solid 1px transparent}.navbar-button>p{color:#fff}.navbar-button:after{position:absolute;transition:.3s;content:"";width:0;bottom:0;background:#fff;color:var(--primary-color);height:130%;left:-15%;transform:skew(15deg);z-index:-1}.navbar-button:hover{cursor:pointer;box-shadow:none;transform:skew(0);color:var(--primary-color)}.navbar-button:hover:after{width:130%;left:-15%}.navbar-button:hover>*{transition:.2s;color:var(--primary-color)!important}.navbar-button:disabled>*{color:#d3d3d3!important}.navbar-container{position:relative;display:inline-block}.navbar-disabled-text{visibility:hidden;background-color:#bdbdbd!important;color:#fff;padding:5px;position:absolute;z-index:1;left:100%;top:50%;transform:translateY(-50%);white-space:nowrap;margin-left:10px;border-radius:4px}.navbar-container:hover .navbar-disabled-text{visibility:visible}.draggable{padding:10px;margin:5px 0;background-color:#f0f0f0;border:1px solid #ccc;cursor:move;transition:background-color .3s ease}.dragging{opacity:.5}.dragged-over{border:2px dashed #000;background-color:#e0e0e0}.switch-cover1,.chip1,.layer1{position:absolute;inset:0}.switch1{position:relative;top:50%;width:80px;height:40px;overflow:hidden;font-family:Nunito Sans}.checkbox1{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.chip1{z-index:2}.switch1.r,.switch1.r .layer1{border-radius:20px}#switch1 .chip1:before{content:attr(data-content);position:absolute;top:2px;left:2px;width:40px;height:15px;color:#fff;font-size:16px;font-weight:700;text-align:center;line-height:1;padding:10px 5px;background-color:#0ccc93;border-radius:100px;transition:.3s ease all,left .3s cubic-bezier(.18,.89,.35,1.15)}#switch1 .checkbox1:active+.chip1:before{width:60px;border-radius:100px}#switch1 .unchecked1:active+.chip1:before{margin-left:-20px}#switch1 .unchecked1+.chip1:before{left:28px;background-color:#f9b0b0}#switch1 .unchecked1~.layer1{background-color:#f9b0b0;opacity:.1}.layer1{width:100%;background-color:#0ccc93;opacity:.1;transition:.3 ease all;z-index:1}.button-cover,.chip,.layer{position:absolute;inset:0}.button{position:relative;top:50%;width:120px;height:40px;overflow:hidden;font-family:Nunito Sans}.checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.chip{z-index:2}.button.r,.button.r .layer{border-radius:20px}#switchButton .chip:before{content:attr(data-content);position:absolute;top:2px;left:2px;width:100px;height:36px;color:#fff;font-size:16px;font-weight:700;text-align:center;align-content:center;justify-content:center;line-height:1;padding:120 5px;background-color:#0ccc93;border-radius:100px;transition:.3s ease all,left .3s cubic-bezier(.18,.89,.35,1.15)}#switchButton .checkbox:active+.chip:before{width:80px;border-radius:100px}#switchButton .unchecked:active+.chip:after{width:100px}#switchButton .unchecked+.chip:before{left:18px;background-color:#f9b0b0}#switchButton .unchecked~.layer{background-color:#f9b0b0;opacity:.1}.layer{width:100%;background-color:#0ccc93;opacity:.1;transition:.3 ease all;z-index:1}