@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ecf0f1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:Poppins,sans-serif}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.main{align-items:center;justify-content:space-between;min-height:100vh}.main,.playlist{display:flex;flex-direction:column}.playlist{width:70%}.loading{align-items:center;display:flex;justify-content:center}.loading-img{width:50px}.error{align-items:center;display:flex;font-family:Poppins,sans-serif;justify-content:center}.text-error{color:#535c68;font-size:18px}@media screen and (min-width:768px) and (max-width:1024px){.playlist{width:90%}.text-error{font-size:16px}}@media screen and (max-width:768px){.playlist{width:95%}.text-error{font-size:14px}}.item{grid-gap:0 0;background:#fff;border-radius:5px;display:grid;font-family:Poppins,sans-serif;gap:0 0;grid-template-areas:"r1 r2 r3 r4 r5 r6 r7";grid-template-columns:10% 5% 10% 45% 10% 10% 10%;grid-template-rows:1fr;height:72px;margin-bottom:12px}.r1{grid-area:r1}.r2{grid-area:r2}.r3{grid-area:r3}.r4{grid-area:r4}.r5{grid-area:r5}.r6{grid-area:r6}.r7{grid-area:r7}.subitem{align-items:center;display:flex;overflow:hidden}.center{justify-content:center}.space-between{justify-content:space-between}.text-item{font-size:24px;text-align:center}.position{font-size:24px}.position,.track{color:#30336b;font-weight:600}.track{margin-right:8px}.artist,.track{height:72px;line-height:72px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.artist{color:#535c68}.cover-item{border-radius:5px;height:56px}.icon-item{height:22px}@media screen and (min-width:768px) and (max-width:1024px){.item{grid-template-columns:10% 5% 15% 40% 10% 10% 10%;height:62px}.column{align-items:flex-start;flex-direction:column;justify-content:center}.position,.text-item{font-size:22px}.cover-item{height:48px}.icon-item{height:18px}.artist,.track{height:31px;line-height:31px;vertical-align:middle}}@media screen and (max-width:768px){.item{grid-template-columns:10% 5% 15% 40% 10% 10% 10%;height:52px}.column{align-items:flex-start;flex-direction:column;justify-content:center}.position,.text-item{font-size:16px}.cover-item{height:38px}.icon-item{height:12px}.artist,.track{height:26px;line-height:26px;vertical-align:middle}}.label{grid-gap:0 0;display:grid;font-family:Poppins,sans-serif;gap:0 0;grid-template-areas:"l1 l2 l3 l4 l5 l6";grid-template-columns:10% 15% 45% 10% 10% 10%;grid-template-rows:1fr;height:48px}.l1{grid-area:l1}.l2{grid-area:l2}.l3{grid-area:l3}.l4{grid-area:l4}.l5{grid-area:l5}.l6{grid-area:l6}.sublabel{align-items:center;display:flex;overflow:hidden}.text-label{color:#535c68;font-size:18px}.icon-label{height:18px}@media screen and (min-width:768px) and (max-width:1024px){.label{grid-template-columns:10% 20% 40% 10% 10% 10%;height:38px}.text-label{font-size:16px}.icon-label{height:16px}}@media screen and (max-width:768px){.label{grid-template-columns:10% 20% 40% 10% 10% 10%;height:32px}.text-label{font-size:14px}.icon-label{height:14px}}.header{font-family:Poppins,sans-serif;justify-content:center;width:70%}.container-title,.header{align-items:center;display:flex;flex-direction:column}.container-title{font-size:28px;margin:52px 0}.title{color:#30336b;font-size:62px;font-weight:600;margin:0;text-transform:uppercase}.subtitle{color:#535c68;font-size:28px}@media screen and (min-width:768px) and (max-width:1024px){.header{width:90%}.container-title{margin:42px 0}.title{font-size:52px}.subtitle{font-size:22px}}@media screen and (max-width:768px){.header{width:95%}.container-title{margin:32px 0}.title{font-size:26px}.subtitle{font-size:16px}}.menu{border-bottom:1px solid #535c68;font-family:Poppins,sans-serif;height:48px;width:100%}.item-menu,.menu{align-items:center;display:flex;justify-content:space-between}.text-menu{margin-right:8px}.select-menu,.text-menu{color:#535c68;font-size:18px}.select-menu{background:#ecf0f1;border-radius:5px;height:28px;outline:0}@media screen and (min-width:768px) and (max-width:1024px){.menu{height:38px}.select-menu,.text-menu{font-size:16px}.select-menu{height:26px}}@media screen and (max-width:768px){.menu{height:32px}.select-menu,.text-menu{font-size:14px}.select-menu{height:24px}}.footer{grid-gap:0 0;display:grid;font-family:Poppins,sans-serif;gap:0 0;grid-template-areas:"f1 f1 f1" "f2 . f3";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:100px;width:70%}.f1{grid-area:f1;justify-content:center}.f2{grid-area:f2;justify-content:flex-start}.f3{grid-area:f3;justify-content:flex-end}.subfooter{align-items:center;display:flex}.social{display:flex;gap:16px}.socialicon{height:18px}.text-footer{color:#535c68;font-size:18px}@media screen and (min-width:768px) and (max-width:1024px){.footer{height:80px;margin-bottom:22px;width:90%}.text-footer{font-size:16px}.social{gap:14px}.socialicon{height:16px}}@media screen and (max-width:768px){.footer{height:70px;margin-bottom:22px;width:95%}.text-footer{font-size:14px}.social{gap:12px}.socialicon{height:14px}}
/*# sourceMappingURL=main.be23000a.css.map*/