.main--rating{width:100%;display:flex;justify-content:center;background-color:var(--main-color)}.rating__container{margin-bottom:8rem;width:90%;height:-moz-fit-content;height:fit-content;max-width:1000px;padding:20px 60px;background:#fff;overflow-x:clip}@media screen and (max-width:720px){.rating__container{padding:20px 40px}}@media screen and (max-width:500px){.rating__container{width:95%;padding:20px 30px}}@media screen and (max-width:360px){.rating__container{width:95%;padding:20px 15px}}.rating__container .swiper{z-index:20;overflow:visible}.rating__header{position:relative;max-width:730px;margin-left:auto;margin-right:auto;width:100%;margin-bottom:80px}.rating__header__pattern{width:100%;background:#d6d6d6}.rating__header__content{z-index:2}.rating__header__content,.rating__header__illustration{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%}.rating__header__illustration{background:#fff;margin:auto;aspect-ratio:1/1;transform:translateY(8%)}@media screen and (max-width:720px){.rating__header__illustration{width:85%}}.rating__header__illustration .rating__image{position:absolute;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1)}.rating__selectors{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:3rem}.rating__selectors>*{flex-grow:1}.rating__heading{flex-direction:column;display:flex;flex-wrap:wrap;margin-bottom:3rem;justify-content:space-between;align-items:flex-start}@media screen and (max-width:600px){.rating__heading{gap:25px}}.rating__heading hr{width:80%;border-bottom:1px solid #9d9d9d;margin:auto auto 1rem}.rating__heading__content{width:100%}.rating__heading__content p{line-height:1.8rem}.rating__heading__content p:not(last-child){margin-bottom:1rem}.rating__heading__content a{color:#2154ff}.rating__heading__content a:hover{color:#001f87}.rating__heading h1{font-size:3.1rem;font-weight:700}@media screen and (max-width:900px){.rating__heading h1{font-size:2.5rem}}@media screen and (max-width:600px){.rating__heading h1{font-size:2rem}}@media screen and (max-width:400px){.rating__heading h1{font-size:1.5rem;margin-bottom:1rem}}.rating__heading__link{flex:1 1 auto;text-wrap:none;padding:.85rem 1rem}.rating__subheading{margin-top:1.5rem;margin-bottom:1rem;font-size:2.1rem;font-weight:700}.rating__rating{width:100%}.rating__element{position:relative;display:flex;flex-direction:row;align-items:center;width:100%}.rating__element:not(:last-child){border-bottom:3px solid #000}.rating__element:last-child{background-color:transparent!important}.rating__element:last-child .rating__element__data{height:45px}.rating__element:last-child .rating__element__artwork{height:35px}.rating__element:nth-of-type(odd){background-color:#fff;color:#000}.rating__element__rate{font-family:TerminalGrotesk,serif;font-size:1.8rem;padding-left:10px;padding-right:10px;height:80px;border-right:3px solid #000;display:flex;align-items:center;justify-content:center;width:50px;flex-shrink:0}@media screen and (min-width:900px){.rating__element__rate{width:90px;height:90px;font-size:2.3rem}}.rating__element__artwork{aspect-ratio:1/1;width:60px;height:60px;margin-left:10px;margin-right:10px}@media screen and (min-width:900px){.rating__element__artwork{width:70px;height:70px}}.rating__element__artwork img{object-fit:cover;object-position:center;width:100%;height:100%}.rating__element__data{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:80px}@media screen and (min-width:900px){.rating__element__data{height:90px}}.rating__element__data>*{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;width:100%}.rating__element__artist{line-height:1.2rem;font-size:1.1rem;font-weight:700}.rating__element__album{line-height:1.1rem;font-size:1rem}.rating__element__label{line-height:.9rem;font-size:.8rem}.rating__element__buttons{display:flex;flex-direction:row;justify-content:center;gap:8px;padding-left:10px;padding-right:10px;flex-shrink:0}@media screen and (min-width:900px){.rating__element__buttons{width:105px}}.rating__element__buttons button{border:none;background:#000;aspect-ratio:1/1;border-radius:50%;cursor:pointer}@media screen and (min-width:900px){.rating__element__buttons button svg{width:25px;height:25px}}.rating__element__buttons button svg{transition:transform .15s ease-in-out}.rating__element__buttons button:hover svg{transform:scale(1.1)}.rating__element__buttons .informations{display:none}@media screen and (min-width:900px){.rating__element__buttons .informations{display:initial;position:relative}.rating__element__buttons .informations:hover:before{width:200%}.rating__element__buttons .informations:before{position:absolute;display:block;content:" ";height:100%;right:0;bottom:0}}@media screen and (max-width:900px){.rating__element:has(>.rating__element__artwork:focus)>.rating__element__details{max-width:100%;opacity:1}}@media screen and (min-width:900px){.rating__element:has(>.rating__element__buttons>.informations:hover)>.rating__element__details,.rating__element__details:hover{max-width:100%;left:180px;opacity:1}}.rating__element__details{color:#000;opacity:0;display:flex;position:absolute;background:#fff;max-width:0;height:80%;right:50px;left:130px;border:1px solid #444;box-shadow:0 3px 8px rgba(0,0,0,.24);transform-origin:left;overflow:hidden;transition:max-width .3s ease-in-out,border-size 50ms ease-in-out,opacity .1s ease-in-out,left .25s ease-in-out;align-items:center}@media screen and (min-width:900px){.rating__element__details{right:100px;left:90%;transform-origin:right;float:right}}.rating__element__details__container{display:flex;width:100%;padding:10px;flex-direction:row;align-items:center;gap:10px}.rating__element__details__artworks{display:flex;flex-direction:row;gap:5px}.rating__element__details__artworks p{font-size:.8rem}.rating__element__details__artworks img{aspect-ratio:1/1;width:40px;height:40px;object-fit:cover;object-position:center;opacity:1}