@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap";nav{width:100%;height:8vh;background-color:var(--primary);display:flex;flex-direction:row;align-items:center;justify-content:center;position:fixed;bottom:0;z-index:999}nav a{color:var(--dark);text-decoration:none;font-weight:700;border-radius:2vh;padding:1% 3%;display:flex;align-items:center;justify-content:center}nav .current,nav a:hover{color:var(--light);background-color:var(--secondary)}#play-container{position:fixed;bottom:10vh;width:90%;aspect-ratio:25/1;margin:0 5%;z-index:1000;display:grid;grid-template-columns:10% 80% 10%;align-items:center;justify-items:center;background-color:var(--secondary);border-radius:10vh}#player{width:100%}audio::-webkit-media-controls-panel{background-color:var(--secondary)}#play-container button{height:100%;aspect-ratio:1/1;background-color:transparent;border:none;background-size:70% auto;background-repeat:no-repeat;background-position:center}#prev{background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20transform='matrix(-1,%200,%200,%201,%200,%200)'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M3.76172%207.21957V16.7896C3.76172%2018.7496%205.89172%2019.9796%207.59172%2018.9996L11.7417%2016.6096L15.8917%2014.2096C17.5917%2013.2296%2017.5917%2010.7796%2015.8917%209.79957L11.7417%207.39957L7.59172%205.00957C5.89172%204.02957%203.76172%205.24957%203.76172%207.21957Z'%20fill='%2367697c'%3e%3c/path%3e%3cpath%20d='M20.2383%2018.9303C19.8283%2018.9303%2019.4883%2018.5903%2019.4883%2018.1803V5.82031C19.4883%205.41031%2019.8283%205.07031%2020.2383%205.07031C20.6483%205.07031%2020.9883%205.41031%2020.9883%205.82031V18.1803C20.9883%2018.5903%2020.6583%2018.9303%2020.2383%2018.9303Z'%20fill='%2367697c'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");padding-left:5%}#next{background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M3.76172%207.21957V16.7896C3.76172%2018.7496%205.89172%2019.9796%207.59172%2018.9996L11.7417%2016.6096L15.8917%2014.2096C17.5917%2013.2296%2017.5917%2010.7796%2015.8917%209.79957L11.7417%207.39957L7.59172%205.00957C5.89172%204.02957%203.76172%205.24957%203.76172%207.21957Z'%20fill='%2367697c'%3e%3c/path%3e%3cpath%20d='M20.2383%2018.9303C19.8283%2018.9303%2019.4883%2018.5903%2019.4883%2018.1803V5.82031C19.4883%205.41031%2019.8283%205.07031%2020.2383%205.07031C20.6483%205.07031%2020.9883%205.41031%2020.9883%205.82031V18.1803C20.9883%2018.5903%2020.6583%2018.9303%2020.2383%2018.9303Z'%20fill='%2367697c'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");padding-right:5%}#pl-container{width:100%;display:flex;flex-direction:row;gap:3%}.pl-object{width:28%;aspect-ratio:3 / 4}.pl-icon{width:100%;height:75%;border-radius:10%;background-color:var(--primary);background-image:url("data:image/svg+xml,%3csvg%20fill='%23f4f3ee'%20height='200px'%20width='200px'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20330%20330'%20xml:space='preserve'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cg%20id='XMLID_791_'%3e%3cpath%20id='XMLID_792_'%20d='M300,175.799v-21.557c0-74.44-60.561-135-135-135s-135,60.56-135,135v21.557%20c-18.204,13.697-30,35.476-30,59.959c0,41.355,33.644,75,75,75c8.284,0,15-6.716,15-15v-120c0-8.284-6.716-15-15-15%20c-5.136,0-10.152,0.521-15,1.51v-8.025c0-57.897,47.103-105,105-105s105,47.103,105,105v8.025c-4.848-0.989-9.864-1.51-15-1.51%20c-8.284,0-15,6.716-15,15v120c0,8.284,6.716,15,15,15c41.355,0,75-33.645,75-75C330,211.274,318.204,189.496,300,175.799z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-position:center;background-size:80% auto;background-repeat:no-repeat;box-sizing:border-box}.pl-object:hover{cursor:pointer;transform:scale(1.1)}.pl-object:hover .pl-icon{background-color:var(--secondary)}.pl-name{width:100%;height:25%;display:flex;justify-content:center;align-items:center;font-weight:700}#pl-add{width:100%;height:75%;border-radius:10%;box-sizing:border-box;border:3px solid var(--secondary);background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23c6878f'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3ctitle%3e%3c/title%3e%3cg%20id='Complete'%3e%3cg%20data-name='add'%20id='add-2'%3e%3cg%3e%3cline%20fill='none'%20stroke='%23c6878f'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20x1='12'%20x2='12'%20y1='19'%20y2='5'%3e%3c/line%3e%3cline%20fill='none'%20stroke='%23c6878f'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20x1='5'%20x2='19'%20y1='12'%20y2='12'%3e%3c/line%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-position:center;background-size:cover}#login-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#login-form{width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}#login-form input[type=password],#login-form input[type=text]{width:90%;padding:3% 5%;background-color:#fff;border:none;border-radius:20px;font-weight:700}#login-form input[type=submit]{width:50%;background-color:var(--secondary);border:none;border-radius:20px;padding:3% 5%;font-weight:700}#login-form input[type=submit]:hover{cursor:pointer;background-color:var(--tertiary);transform:scale(1.05)}#tr-container{width:100%;display:flex;flex-direction:column}.tr-object{width:100%;aspect-ratio:6/1;display:grid;grid-template-columns:20% 50% 30%;overflow:hidden;padding:5% 2% 5% 0%}.tr-icon{width:100%;aspect-ratio:1/1;background-color:var(--primary);border-radius:10%;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M12.75%2012.508L21.25%209.108V14.7609C20.7449%2014.4375%2020.1443%2014.25%2019.5%2014.25C17.7051%2014.25%2016.25%2015.7051%2016.25%2017.5C16.25%2019.2949%2017.7051%2020.75%2019.5%2020.75C21.2949%2020.75%2022.75%2019.2949%2022.75%2017.5C22.75%2017.5%2022.75%2017.5%2022.75%2017.5L22.75%207.94625C22.75%206.80342%2022.75%205.84496%2022.6696%205.08131C22.6582%204.97339%2022.6448%204.86609%2022.63%204.76597C22.5525%204.24426%2022.4156%203.75757%2022.1514%203.35115C22.0193%203.14794%2021.8553%202.96481%2021.6511%202.80739C21.6128%202.77788%2021.573%202.74927%2021.5319%202.7216L21.5236%202.71608C20.8164%202.2454%2020.0213%202.27906%2019.2023%202.48777C18.4102%202.68961%2017.4282%203.10065%2016.224%203.60469L14.13%204.48115C13.5655%204.71737%2013.0873%204.91751%2012.712%205.1248C12.3126%205.34535%2011.9686%205.60548%2011.7106%205.99311C11.4527%206.38075%2011.3455%206.7985%2011.2963%207.25204C11.25%207.67831%2011.25%208.19671%2011.25%208.80858V16.7609C10.7448%2016.4375%2010.1443%2016.25%209.5%2016.25C7.70507%2016.25%206.25%2017.7051%206.25%2019.5C6.25%2021.2949%207.70507%2022.75%209.5%2022.75C11.2949%2022.75%2012.75%2021.2949%2012.75%2019.5C12.75%2019.5%2012.75%2019.5%2012.75%2019.5L12.75%2012.508Z'%20fill='%23f4f3ee'%3e%3c/path%3e%3cpath%20d='M7.75%202C7.75%201.58579%207.41421%201.25%207%201.25C6.58579%201.25%206.25%201.58579%206.25%202V7.76091C5.74485%207.4375%205.14432%207.25%204.5%207.25C2.70507%207.25%201.25%208.70507%201.25%2010.5C1.25%2012.2949%202.70507%2013.75%204.5%2013.75C6.29493%2013.75%207.75%2012.2949%207.75%2010.5V5.0045C8.44852%205.50913%209.27955%205.75%2010%205.75C10.4142%205.75%2010.75%205.41421%2010.75%205C10.75%204.58579%2010.4142%204.25%2010%204.25C9.54565%204.25%208.9663%204.07389%208.51159%203.69837C8.0784%203.34061%207.75%202.79785%207.75%202Z'%20fill='%23f4f3ee'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:80% auto}.tr-info{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:5% 0% 5% 3%}.tr-title{font-size:2vh;font-weight:700}.tr-object:hover{cursor:pointer;transform:scale(1.05)}.tr-object:hover .tr-icon{background-color:var(--secondary)}.tr-actions{width:100%;aspect-ratio:5/1;display:flex;flex-direction:row;gap:4%}.tr-actions button{width:18%;aspect-ratio:1/1;background-position:center;background-size:cover;border:none;background-color:transparent}.tr-actions button:hover{cursor:pointer}.tr-play{background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M21.4086%209.35258C23.5305%2010.5065%2023.5305%2013.4935%2021.4086%2014.6474L8.59662%2021.6145C6.53435%2022.736%204%2021.2763%204%2018.9671L4%205.0329C4%202.72368%206.53435%201.26402%208.59661%202.38548L21.4086%209.35258Z'%20fill='%23c2d076'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")}.tr-enqueue{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2025%2024'%20fill='none'%20preserveAspectRatio='xMidYMid%20meet'%20style='width:%20200px;%20height:%20200px;%20transform-origin:%2050%25%2050%25;%20transform:%20scaleX(1)%20scaleY(1)%20rotate(0deg);'%3e%3cpath%20d='M10.916%206C10.916%207.65685%209.57287%209%207.91602%209C6.25916%209%204.91602%207.65685%204.91602%206C4.91602%204.34315%206.25916%203%207.91602%203C9.57287%203%2010.916%204.34315%2010.916%206ZM5.16602%2010C4.19952%2010%203.41602%2010.7835%203.41602%2011.75V16.5C3.41602%2018.9853%205.43073%2021%207.91602%2021C10.4013%2021%2012.416%2018.9853%2012.416%2016.5V11.75C12.416%2010.7835%2011.6325%2010%2010.666%2010H5.16602ZM11.2762%2020.8544C12.5777%2019.8486%2013.4159%2018.2722%2013.4159%2016.5V11.75C13.4159%2011.0852%2013.18%2010.4755%2012.7873%2010H15.1659C16.1324%2010%2016.9159%2010.7835%2016.9159%2011.75V16.5C16.9159%2018.9853%2014.9012%2021%2012.4159%2021C12.0221%2021%2011.6402%2020.9494%2011.2762%2020.8544ZM11.9159%206C11.9159%206.99943%2011.5493%207.91324%2010.9434%208.61436C11.3784%208.85989%2011.8808%209%2012.4159%209C14.0727%209%2015.4159%207.65685%2015.4159%206C15.4159%204.34315%2014.0727%203%2012.4159%203C11.8808%203%2011.3784%203.14011%2010.9434%203.38564C11.5493%204.08676%2011.9159%205.00057%2011.9159%206ZM15.7762%2020.8544C17.0777%2019.8486%2017.9159%2018.2722%2017.9159%2016.5V11.75C17.9159%2011.0852%2017.68%2010.4755%2017.2873%2010H19.6659C20.6324%2010%2021.4159%2010.7835%2021.4159%2011.75V16.5C21.4159%2018.9853%2019.4012%2021%2016.9159%2021C16.5221%2021%2016.1402%2020.9494%2015.7762%2020.8544ZM16.4159%206C16.4159%206.99943%2016.0493%207.91324%2015.4434%208.61436C15.8784%208.85989%2016.3808%209%2016.9159%209C18.5727%209%2019.9159%207.65685%2019.9159%206C19.9159%204.34315%2018.5727%203%2016.9159%203C16.3808%203%2015.8784%203.14011%2015.4434%203.38564C16.0493%204.08676%2016.4159%205.00057%2016.4159%206Z'%20fill='%2367697C'%20style='fill:%2367697C;stroke:none'%20stroke='none'/%3e%3c/svg%3e")}.tr-playnext{background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20d='M3.76172%207.21957V16.7896C3.76172%2018.7496%205.89172%2019.9796%207.59172%2018.9996L11.7417%2016.6096L15.8917%2014.2096C17.5917%2013.2296%2017.5917%2010.7796%2015.8917%209.79957L11.7417%207.39957L7.59172%205.00957C5.89172%204.02957%203.76172%205.24957%203.76172%207.21957Z'%20fill='%2367697c'%3e%3c/path%3e%3cpath%20d='M20.2383%2018.9303C19.8283%2018.9303%2019.4883%2018.5903%2019.4883%2018.1803V5.82031C19.4883%205.41031%2019.8283%205.07031%2020.2383%205.07031C20.6483%205.07031%2020.9883%205.41031%2020.9883%205.82031V18.1803C20.9883%2018.5903%2020.6583%2018.9303%2020.2383%2018.9303Z'%20fill='%2367697c'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")}.tr-playlist{background-image:url("data:image/svg+xml,%3csvg%20fill='%2367697c'%20height='200px'%20width='200px'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20330%20330'%20xml:space='preserve'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'%3e%3c/g%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/g%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cg%20id='XMLID_791_'%3e%3cpath%20id='XMLID_792_'%20d='M300,175.799v-21.557c0-74.44-60.561-135-135-135s-135,60.56-135,135v21.557%20c-18.204,13.697-30,35.476-30,59.959c0,41.355,33.644,75,75,75c8.284,0,15-6.716,15-15v-120c0-8.284-6.716-15-15-15%20c-5.136,0-10.152,0.521-15,1.51v-8.025c0-57.897,47.103-105,105-105s105,47.103,105,105v8.025c-4.848-0.989-9.864-1.51-15-1.51%20c-8.284,0-15,6.716-15,15v120c0,8.284,6.716,15,15,15c41.355,0,75-33.645,75-75C330,211.274,318.204,189.496,300,175.799z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.tr-hide{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20style='width:%20200px;%20height:%20200px;%20transform-origin:%2050%25%2050%25;%20transform:%20scaleX(1)%20scaleY(1)%20rotate(0deg);'%20version='1.1'%20viewBox='0%200%2098%20137'%20xml:space='preserve'%20preserveAspectRatio='xMidYMid%20meet'%3e%3cstyle%20type='text/css'%3e%3c![CDATA[%20.st0{fill:%23EF3E42;}%20.st1{fill:%23FFFFFF;}%20.st2{fill:none;}%20.st3{fill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;}%20]]%3e%3c/style%3e%3cdefs/%3e%3cpath%20d='M75.6,44.8v73c0,3.4-2.8,6.2-6.2,6.2H21.3c-3.4,0-6.2-2.8-6.2-6.2v-73H75.6L75.6,44.8z%20M59.9,52.9v62.8h3.6V52.9H59.9%20L59.9,52.9z%20M43.6,52.9v62.8h3.6V52.9H43.6L43.6,52.9z%20M27.3,52.9v62.8h3.6V52.9H27.3L27.3,52.9z%20M31.3,27.9v-5.2%20c0-3.3,2.6-5.9,5.9-5.9h16.4c3.3,0,5.9,2.6,5.9,5.9v5.2h18.1c3.4,0,6.2,2.8,6.2,6.2v4.3H7V34c0-3.4,2.8-6.2,6.2-6.2H31.3L31.3,27.9z%20M37.2,20.8c-1,0-1.8,0.8-1.8,1.8v5.2h20.1v-5.2c0-1-0.8-1.8-1.8-1.8H37.2L37.2,20.8z'%20fill='%2367697C'%20style='fill:%2367697C;stroke:none'%20stroke='none'%20class=''/%3e%3crect%20class='st2'%20height='137'%20id='_x3C_Slice_x3E__100_'%20width='98'%20fill='none'%20style='fill:none;stroke:%2367697C'%20stroke='%2367697C'/%3e%3c/svg%3e")}*{padding:0;margin:0;font-family:Open Sans,sans-serif}:root{--primary: #58a4b0;--secondary: #c6878f;--tertiary: #c2d076;--dark: #67697c;--light: #f4f3ee}body{background-color:var(--light);display:flex;flex-direction:column;align-items:center;color:var(--dark)}#root{width:40vw;height:100vh;display:flex;flex-direction:column;align-items:center;gap:1vh}@media screen and (max-width:1100px){#root{width:60vw}}@media screen and (max-width:900px){#root{width:80vw}}@media screen and (max-width:700px){#root{width:90vw}}