.ant-segmented .ant-segmented-item-selected,.ant-segmented .ant-segmented-thumb{box-shadow:none}.HeroHeader{font-family:var(--app-font-family)}.loading{display:flex;position:absolute;bottom:0;left:0;right:0;top:0;justify-content:center;align-items:center;z-index:1000;height:100vh}.spinner{width:50px;height:50px;border:3px solid #ffffff;border-top:3px solid #252F32;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.CustomFont{font-family:Poiret One,cursive;font-size:40px;color:#fff}button{font-size:25px;border:none;color:#fff;background-color:transparent;display:flex;cursor:pointer}.mainContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#32393d}.GridContainer{display:flex;flex-direction:column;align-items:center}.GridItem{display:flex;justify-content:center;position:relative;align-items:center}.HeaderContainer{display:flex;justify-content:space-between;position:absolute;top:0;left:0;right:0;margin:10px;align-items:center}.ButtonContainer{display:flex;width:40px;height:40px;align-items:center;justify-content:center;z-index:100;transition:opacity .3s ease-in}.SongTitle{font-family:Oooh Baby,cursive;font-size:25px;font-weight:500;color:#fff}.ControlsContainerV2{display:flex;align-items:center;position:absolute;width:100%;flex-direction:column;bottom:0;left:0;right:0;padding:5px 10px;margin:0;transition:opacity .3s ease-in;color:#fff}.modern-video-controls-container{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 10%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.4) 60%,transparent 100%);padding:16px 20px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;color:#fff;display:flex;flex-direction:column;align-items:center}.controls-layout{margin-top:12px}.left-controls,.right-controls{display:flex;align-items:center;gap:8px}.modern-control-button{border-radius:50%!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;color:#fff!important}.modern-control-button:hover{box-shadow:0 4px 20px #56bced66!important}.modern-progress-container{width:100%;padding:8px 12px;cursor:pointer}.modern-progress-track{width:100%;height:4px;background-color:#fff3;border-radius:2px;position:relative;overflow:hidden;transition:height .2s ease-in-out}.modern-progress-track:hover{height:6px}.modern-progress-buffer{height:100%;background-color:#fff6;border-radius:2px;transition:width .3s ease-out}.modern-progress-fill{height:100%;background:linear-gradient(90deg,#56bced,#4a9edb);border-radius:2px;transition:width .1s ease-out;box-shadow:0 0 10px #56bced4d}.modern-progress-thumb{width:12px;height:12px;background-color:#56bced;border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #56bced66;transition:all .2s ease-in-out;opacity:0;transform:scale(0)}.modern-progress-container:hover .modern-progress-thumb{opacity:1;transform:scale(1)}.modern-video-slider{width:100%!important;padding:8px 12px!important}.modern-video-header .MuiTypography-root,.modern-video-controls-container *,.modern-control-button *{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.8)!important}.MuiTooltip-tooltip{background-color:#000000e6!important;color:#fff!important;font-size:12px!important;border:1px solid rgba(255,255,255,.2)!important}@media (max-width: 768px){.modern-video-controls-container{padding:12px 16px 16px}.left-controls,.right-controls{gap:6px}.controls-layout{margin-top:8px}.modern-control-button{min-width:40px!important;min-height:40px!important}}.BottomContainer{display:flex;justify-content:space-between;width:100%}.ControlsContainer{display:flex;align-items:center;position:absolute;bottom:0;left:0;right:0;margin:5px;padding:5px 10px;border-radius:12px;background-color:#000000b3;transition:opacity .3s ease-in;color:#fff}.VolumeContainer{display:flex;justify-content:center;align-items:center}.SpeedButton{color:#fff;width:100%;padding:4px 48px;text-align:center;display:flex;justify-content:center;font-size:1rem;line-height:1.2;font-family:Roboto,Arial,Helvetica,sans-serif;letter-spacing:.0075em;font-weight:600;transition:all .2s ease-in}.ActiveButton{background-color:#fff;color:#000}.SpeedButton:nth-child(-n+5){border-bottom:1px solid white}.SpeedContainer{display:flex;justify-content:center;align-items:center;flex-direction:column}.ValuesContainer{position:absolute;transition:all .3s ease-in;top:-430%;margin-right:10px;background:#ffffff26;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:12px}.LoopButton,.ColorSwitch{transition:background-color .1s ease-in;background-color:#fff0;border-radius:50%}.NotePlayer{width:100%;height:110px;object-fit:contain;overflow:hidden;position:relative;display:flex;justify-content:center}.BlueArea{background:linear-gradient(135deg,#56bced4d,#4a9edb66);border:1px solid rgba(86,188,237,.5);width:80px;height:100%;z-index:6;position:absolute;pointer-events:none;border-radius:12px;box-shadow:0 4px 20px #56bced26,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.WhiteArea{background:linear-gradient(90deg,#56bced99,#56bcedcc);border:1px solid rgba(86,188,237,.4);box-shadow:0 0 20px #56bced66,inset 0 1px #fff3;width:0px;height:100%;z-index:200;position:absolute;pointer-events:none;border-radius:12px;transition:width .1s ease-out}.ColoredNote{filter:drop-shadow(0 4px 20px rgba(86,188,237,.3));transition:all .2s cubic-bezier(.4,0,.2,1)}.ColoredNote:hover{filter:drop-shadow(0 6px 25px rgba(86,188,237,.4));transform:scale(1.02)}.modern-draggable-image{border-radius:8px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.modern-loop-area{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.modern-progress-area{background:linear-gradient(90deg,#56bcedb3,#56bcede6,#4a9edbcc);box-shadow:0 0 25px #56bced80,inset 0 1px #ffffff4d}.blurred{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes expandWidth{0%{width:0px}to{width:100%}}@media only screen and (max-width: 600px){.BackButton,.SongTitle{font-size:17px}.ButtonContainer{width:32px;height:32px}.HeaderContainer{margin:6px}button{font-size:17px}.NotePlayer{height:70px}.BlueArea{width:40px}.SpeedButton{font-size:.6rem;padding:2px 12px}.ValuesContainer{top:-230%;border-radius:5px}}@media only screen and (min-width: 600px){.BackButton,.SongTitle{font-size:19px}.ButtonContainer{width:34px;height:34px}.HeaderContainer{margin:7px}button{font-size:19px}.NotePlayer{height:80px}.BlueArea{width:50px}.SpeedButton{width:35px;padding:4px 30px;margin:2px 0;font-size:.8rem}.ValuesContainer{top:-360%;border-radius:8px}}@media only screen and (min-width: 768px){.BackButton,.SongTitle{font-size:21px}.ButtonContainer{width:36px;height:36px}.HeaderContainer{margin:8px}button{font-size:21px}.NotePlayer{height:90px}.BlueArea{width:60px}.SpeedButton{width:40px;margin:2px 0;font-size:.9rem}.ValuesContainer{top:-370%}}@media only screen and (min-width: 992px){.BackButton,.SongTitle{font-size:23px}.ButtonContainer{width:38px;height:38px}.HeaderContainer{margin:9px}button{font-size:23px}.NotePlayer{height:100px}.BlueArea{width:70px}.SpeedButton{width:40px;margin:3px 0;font-size:1rem}.ValuesContainer{top:-400%}}@media only screen and (min-width: 1200px){.BackButton{font-size:25px;border-color:#252f32;color:#252f32}.SongTitle{font-family:Oooh Baby,cursive;font-size:32px}.ButtonContainer{width:40px;height:40px}.HeaderContainer{margin:10px}button{font-size:25px}.NotePlayer{height:150px}.BlueArea{width:80px}.SpeedButton{width:40px;font-size:1.1rem}.ValuesContainer{top:-400%;right:0%}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}