body{font-family:Roboto,sans-serif;overflow-y:hidden;margin:0}.app .main-container{overflow-y:auto;overflow-x:auto;max-height:calc(100vh - 122px);max-width:100vw;scrollbar-gutter:stable}.app .MuiFileInput-TextField{width:240px}.app .MuiFileInput-TextField .MuiFileInput-placeholder:before{content:"";width:24px;height:24px;display:inline-block;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='40px'%20height='40px'%20viewBox='0%200%2024%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eattachment_line%3c/title%3e%3cg%20id='attachment'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='File'%20transform='translate(-48.000000,%200.000000)'%3e%3cg%20id='attachment_line'%20transform='translate(48.000000,%200.000000)'%3e%3cpath%20d='M18.7103,17.5652%20C20.37,15.9055%2020.37,13.2145%2018.7103,11.5548%20L12.1696,5.01406%20C11.7791,4.62353%2011.7791,3.99037%2012.1696,3.59984%20C12.5601,3.20932%2013.1933,3.20932%2013.5838,3.59984%20L20.1245,10.1406%20C22.5653,12.5814%2022.5653,16.5386%2020.1245,18.9794%20C17.6838,21.4202%2013.7265,21.4202%2011.2857,18.9794%20L3.33178,11.0255%20C1.57385,9.26757%201.57385,6.4174%203.33178,4.65947%20C5.08971,2.90154%207.93988,2.90154%209.69781,4.65947%20L17.6507,12.6123%20C18.7252,13.6869%2018.7252,15.429%2017.6507,16.5035%20C16.5762,17.578%2014.834,17.578%2013.7595,16.5035%20L6.51272,9.2567%20C6.1222,8.86617%206.1222,8.23301%206.51272,7.84248%20C6.90325,7.45196%207.53641,7.45196%207.92694,7.84248%20L15.1737,15.0893%20C15.4672,15.3828%2015.943,15.3828%2016.2365,15.0893%20C16.5299,14.7958%2016.5299,14.32%2016.2365,14.0266%20L8.2836,6.07368%20C7.30671,5.0968%205.72287,5.0968%204.74599,6.07368%20C3.76911,7.05056%203.76911,8.6344%204.74599,9.61129%20L12.6999,17.5652%20C14.3596,19.2249%2017.0506,19.2249%2018.7103,17.5652%20Z'%20id='attachment-path'%20fill='%234E4E4E'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;margin-right:8px}.home{display:flex;flex-direction:column;width:100%;min-width:600px}.home .home__content{display:flex;min-width:600px;max-height:800px;justify-content:center}.home .home__content .home__content__left{background-color:#3a4b9f;width:45%;border-radius:8px 0 0 8px;position:relative;max-width:550px}@media(max-width:1023px){.home .home__content .home__content__left{min-height:500px;min-width:480px}}@media(max-width:767px){.home .home__content .home__content__left{min-height:300px;min-width:300px}}.home .home__content .home__content__left .home__content__left__container{margin:40px}.home .home__content .home__content__left .home__content__left__container .home__content__left__text{color:#fffbf5;font-size:var(--font-h3);max-width:500px}@media(max-width:1023px){.home .home__content .home__content__left .home__content__left__container .home__content__left__text{font-size:var(--font-h4)}}.home .home__content .home__content__left .home__content__left__title{position:absolute;top:200px;color:#fffbf5;font-size:var(--font-h1-xl);font-weight:600;max-width:500px;padding-right:40px}@media(max-width:1023px){.home .home__content .home__content__left .home__content__left__title{font-size:var(--font-h2);top:180px}}.home .home__content .home__content__left .buttons{display:flex;margin-top:30px;gap:40px}.home .home__content .home__content__left .buttons .left__button,.home .home__content .home__content__left .buttons .right__button{width:200px}.home .home__content .home__content__left .home__content__heart{width:calc(100% + 80px);margin-left:-40px;max-width:650px}.home .home__content .home__content__left .home__content__heart image{opacity:.1}.home .home__content .home__content__right{width:55%;min-width:100px}.home .home__content .home__content__right img{width:100%;height:100%;object-fit:cover;border-radius:0 8px 8px 0}@media(max-width:1023px){.home .home__content .home__content__left__title{font-size:var(--font-h1)}}.home .home__cards{display:flex;margin-top:40px;padding:0 20px 40px;width:100%;box-sizing:border-box;justify-content:space-between;gap:20px;overflow-x:auto;flex:1 1 max-content}.home .home__cards .home__card{padding:20px;border-radius:32px;width:300px;min-width:300px;color:#3a4b9f}.home .home__cards .home__card .home__card__title{font-size:var(--font-h3);font-weight:600;margin-bottom:30px}.home .home__cards .home__card .home__card__description{font-size:var(--font-lg)}.home .home__cards .pink{background-color:#fde9f1;box-shadow:2px 2px 2px color-mix(in srgb,#fde9f1,black 10%)}.home .home__cards .light-yellow{background-color:#fffac0;box-shadow:2px 2px 2px color-mix(in srgb,#fffac0,black 10%)}.home .home__cards .light-blue{background-color:#c8eaf5;box-shadow:2px 2px 2px color-mix(in srgb,#c8eaf5,black 10%)}.home .home__cards .light-green{background-color:#e2edc1;box-shadow:2px 2px 2px color-mix(in srgb,#e2edc1,black 10%)}.home .patterns{margin:100px 20px 20px;display:flex;justify-content:center}.home .patterns .home__background-pattern{height:30px}.home .home__flowers{display:flex;justify-content:space-between}.home .home__flowers .flowers{min-width:300px}.home .home__flowers .flowers .home__flower__left{width:100%;object-fit:contain;margin-top:200px}.home .home__flowers .flower__right{min-width:380px}.home .home__flowers .flower__right .home__flower__right{width:100%;object-fit:contain}.home .home__flowers .flower__wrapper{color:#3a4b9f;display:flex;flex-direction:column;align-items:center;max-width:630px;margin-top:200px}.home .home__flowers .flower__wrapper .flower__description{font-size:var(--font-h3);font-weight:600;text-align:center}.home .home__flowers .flower__wrapper .flower__title{display:flex;align-items:center;gap:20px}.home .home__flowers .flower__wrapper .flower__title .flower__title__text{font-size:var(--font-lg);font-weight:600}.home .home__flowers .flower__wrapper .flower__title img{height:60px;width:60px}.home .home__infos{display:flex;justify-content:center;color:#3a4b9f;gap:50px}.home .home__infos .home__info{display:flex;flex-direction:column;align-items:center;max-width:200px}.home .home__infos .home__info .desc{text-align:center;font-size:var(--font-sm)}.home .home__infos .home__info .title{max-width:140px;text-align:center;font-size:var(--font-lg);font-weight:600;margin:20px 0}.home .pink__section{margin-top:50px;display:flex;flex-direction:column;align-items:center;background-color:#fde9f1;color:#3a4b9f}.home .pink__section .pink__title{margin-top:50px;display:flex;align-items:center;gap:20px;font-size:var(--font-lg);font-weight:600}.home .pink__section .pink__desc{margin-top:30px;font-size:var(--font-h1);font-weight:600;max-width:900px;text-align:center}.home .pink__section .pink__bar{display:flex;background-color:#fffbf5;border-radius:38px;margin:50px 0 100px}.home .pink__section .pink__bar .selection{font-size:var(--font-h3);padding:20px 40px;cursor:pointer}.home .pink__section .pink__bar .selection.active{background-color:#c8eaf5;border-radius:38px}.home .scroll__cards{margin-top:50px;display:flex;gap:20px;width:100%;overflow-x:auto;box-sizing:border-box;padding:0 20px}.home .three__red__divider{display:flex;justify-content:center;gap:20px;margin:50px 0}.home .three__red__divider img{width:20px}.home .footer{background-color:#3a4b9f;display:flex;justify-content:space-between;height:15px;padding:50px}.home .footer .left{display:flex;align-items:center}.home .footer .left img{display:block;width:80px;object-fit:contain}.home .footer .left .text{font-size:var(--font-reg);font-weight:600;margin-left:50px;color:#fffbf5}.home .footer .right{display:flex;align-items:center;gap:40px}.rtg-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 1rem;min-height:48px;font-family:inherit;font-size:--text-base;font-weight:600;letter-spacing:.2px;cursor:pointer;border:1px solid transparent;border-radius:24px;transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.rtg-btn:hover:not(:disabled){opacity:.7}.rtg-btn:disabled{opacity:.6;cursor:not-allowed}.rtg-btn--pink{background:#fde9f1;color:#3a4b9f;box-shadow:2px 2px 2px color-mix(in srgb,#fde9f1,black 10%)}.rtg-btn--yellow{background:#fffac0;color:#3a4b9f;box-shadow:2px 2px 2px color-mix(in srgb,#fffac0,black 10%)}.rtg-btn--blue{background:#3a4b9f;color:#fffbf5;box-shadow:2px 2px 2px color-mix(in srgb,#3a4b9f,black 10%)}.rtg-btn--red{background:#cb2327;color:#fffbf5;box-shadow:2px 2px 2px color-mix(in srgb,#cb2327,black 10%)}.rtg-btn--orange{background:#f16823;color:#fffbf5;box-shadow:2px 2px 2px color-mix(in srgb,#f16823,black 10%)}.scroll__card{border-radius:50px;box-shadow:1px 2px 2px #ebebeb;width:600px;padding:20px;min-width:600px;background-color:#fffbf5;display:flex;color:#3a4b9f}.scroll__card .scroll__card__image{width:250px;border-radius:50px}.scroll__card .scroll__card__content{margin-left:50px;display:flex;flex-direction:column;justify-content:space-between}.scroll__card .scroll__card__content .scroll__card__icon{width:46px}.scroll__card .scroll__card__content .scroll__card__title{font-size:var(--font-reg);font-weight:600;margin-top:30px}.scroll__card .scroll__card__content .scroll__card__desc{margin-top:30px;font-size:var(--font-sm);width:225px}.main{display:flex}.main .left-panel{width:50%}.main .left-panel .main__image{margin-top:50px}.main .main__content{font-size:30px;color:#4e4e4e}.main .main__content .main__text{font-weight:700}.main .main__content p{margin:20px 0}.image-gallery-container .image-gallery{width:600px}.image-gallery-container .image-edit .delete{display:flex;align-items:center;justify-content:center;width:600px;margin:20px 0}.image-gallery-container .image-edit .add-container{display:flex;gap:10px;margin:20px 0}.image-gallery-container .image-edit .add-container p{width:100px}.image-gallery-container .image-edit .add-container .upload-button{display:flex;align-items:center;justify-content:center;width:40px;height:56px;margin-left:10px}.image-gallery-container .image-edit .spacer{content:"";display:block;height:50px}.image-gallery-icon{color:#fff;transition:all .3s ease-out;appearance:none;background-color:#0000;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5,25.5,25.5))}@media(hover:hover)and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px;left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:120px;width:90px}@media(max-width:768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:72px;width:48px}}@media(max-width:480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;height:100%;inset:0;position:fixed;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media(max-width:768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width:768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{appearance:none;background-color:#0000;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media(hover:hover)and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{inset:50% auto auto 20px;width:auto;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media(max-width:768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media(max-width:480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid rgba(0,0,0,0);transition:border .3s ease-out;width:100px;background:#0000;padding:0}@media(max-width:768px){.image-gallery-thumbnail{border:3px solid rgba(0,0,0,0);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media(max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover:hover)and (pointer:fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media(hover:hover)and (pointer:fine)and (max-width:768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px hsl(0,0%,10%);transform:translateY(-50%);white-space:normal;width:100%}@media(max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.nav{display:flex;justify-content:space-between;align-items:center;padding:0 20px 20px;max-width:100vw}.nav .nav__title{display:flex;align-items:center}.nav .nav__title .nav__text{line-height:36px;font-weight:700;font-size:var(--font-lg)}.nav .nav__title img{height:36px}.nav .nav__actions{display:flex;align-items:center;gap:10px}.nav .nav__actions .nav__user-icon{color:#3a4b9f;font-size:var(--font-h2);cursor:pointer}.nav .nav__list a{color:#3a4b9f;font-size:var(--font-lg);font-weight:700;text-decoration:none}.nav .nav__list a:hover{text-decoration:none}.nav .nav__list{line-height:36px;list-style:none;display:flex;row-gap:10px;column-gap:20px;flex-wrap:wrap;align-content:center;margin:0;font-size:var(--font-h3);font-style:normal;font-weight:700;line-height:normal}.songs{width:100%;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:24px;align-items:start}.songs .songs__left,.songs .songs__right{min-width:0;margin:20px}.songs .songs__right{position:sticky;top:16px}.add-song .name-upload,.add-song .name-upload .name{display:flex;gap:10px}.add-song .upload .MuiFileInput-TextField{width:280px}.add-song .lyrics{margin-top:20px;width:100%}.add-song .lyrics .MuiTextField-root{width:100%}.add-song .submit-song{margin-top:20px;display:flex;justify-content:flex-end}.song-list{margin-top:20px}.song-list .song-list__item{display:grid;grid-template-columns:40px minmax(0,1fr) 80px 44px;align-items:center;gap:20px;padding:10px;border-bottom:1px solid #ccc;cursor:pointer;transition:background-color .2s ease}.song-list .song-list__item:hover{background-color:#f8f8f8}.song-list .song-list__item.active{background-color:#eef6ff}.song-list .song-list__item .song-list__index{font-weight:600;color:#666}.song-list .song-list__item .song-list__main{min-width:0;display:flex;flex-direction:column;gap:4px}.song-list .song-list__item .song-name{font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-list .song-list__item .song-author{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-list .song-list__item .duration{margin-left:auto;color:#666;font-variant-numeric:tabular-nums}.song-list .song-list__item .song-list__play-button{justify-self:end}:root{--font-h1: 56px;--font-h1-lg: 60px;--font-h1-xl: 64px;--font-h2: 40px;--font-h2-lg: 44px;--font-h2-xl: 48px;--font-h3: 28px;--font-h3-lg: 32px;--font-h3-xl: 32px;--font-h4: 22px;--font-h4-lg: 24px;--font-h4-xl: 24px;--font-h5: 18px;--font-h6: 14px;--font-h6-lg: 16px;--font-h6-xl: 16px;--font-lg: 20px;--font-reg: 16px;--font-sm: 14px}@media(max-width:767px){:root{--font-h1: 36px;--font-h1-lg: 40px;--font-h1-xl: 42px;--font-h2: 30px;--font-h2-lg: 34px;--font-h2-xl: 34px;--font-h3: 24px;--font-h3-lg: 28px;--font-h3-xl: 28px;--font-h4: 20px;--font-h4-lg: 22px;--font-h4-xl: 22px;--font-h5: 18px;--font-h6: 14px;--font-h6-lg: 14px;--font-h6-xl: 14px;--font-lg: 18px;--font-reg: 16px;--font-sm: 13px}}*{scrollbar-color:#3a4b9f #f0f0f0;scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#f0f0f0}*::-webkit-scrollbar-thumb{background-color:#3a4b9f;border-radius:999px;border:2px solid #f0f0f0}*::-webkit-scrollbar-thumb:hover{background-color:#3a4b9f}.song-player{border:1px solid #e6dcc9;background:linear-gradient(180deg,#fffdf9,#fff6ea)}.song-player .song-player__title{margin-bottom:16px;font-weight:700;color:#1d2a3a}.song-player .song-player__details{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.song-player .song-player__name{font-weight:700}.song-player .song-player__header{display:flex;align-items:center;gap:12px}.song-player .song-player__identity{min-width:0}.song-player .song-player__meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.song-player .song-player__audio-shell{padding:16px;border-radius:14px;background:#fff;border:1px solid #eadfcb;box-shadow:inset 0 1px #fffc}.song-player .song-player__native-audio{display:block;width:100%;min-height:54px;accent-color:#3a4b9f}.song-player .song-player__native-audio::-webkit-media-controls-panel{background-color:#3a4b9f1f}.song-player .song-player__native-audio::-webkit-media-controls-play-button,.song-player .song-player__native-audio::-webkit-media-controls-mute-button{border-radius:50%;background-color:#3a4b9f33}.song-player .song-player__native-audio::-webkit-media-controls-play-button:hover,.song-player .song-player__native-audio::-webkit-media-controls-mute-button:hover{background-color:#3a4b9f52}.song-player .song-player__status{margin-top:12px;color:#6f6a64}.song-player .song-player__lyrics{margin-top:24px;padding:18px 0 0;border-top:1px solid #eadfcb}.song-player .song-player__section-title{margin:0 0 12px;font-weight:700;color:#1d2a3a;font-size:clamp(1.1rem,1.5vw,1.5rem);line-height:1.2}.song-player .song-player__lyrics-content{border:1px solid #eadfcb;border-radius:14px;background:#fff;padding:14px;min-height:240px;max-height:calc(100vh - 550px);overflow-y:auto}.song-player .song-player__lyrics-text{white-space:pre-wrap;word-break:break-word;font-family:inherit;line-height:1.7;margin:0;color:#3d352e}@media(max-width:1023px){.song-player .song-player__lyrics-content{min-height:210px;max-height:calc(100vh - 550px)}}@media(max-width:767px){.song-player .song-player__lyrics-content{min-height:180px;max-height:calc(100vh - 550px)}}.events{padding:16px}.alert{position:fixed;bottom:20px;right:20px}