.main-menu{flex-shrink:0;height:var(--main-menu-height);position:sticky;top:var(--size-m);padding:0 var(--size-m);margin:var(--size-m);margin-bottom:0;display:flex;align-items:center;border-radius:var(--radius-m);backdrop-filter:blur(16px);background:rgba(40,40,40,.5);box-shadow:rgba(0,0,0,.24) 0 3px 8px;z-index:9998;}.main-menu.absolute{position:absolute;}.main-menu-brand{display:flex;align-items:center;column-gap:var(--size-s);flex-shrink:0;text-decoration:none;}.main-menu-brand>span{font-family:'Nunito',sans-serif;font-size:1.2rem;font-weight:700;text-decoration:none;color:#FFFFFF;}.menu-items{display:flex;align-items:center;column-gap:var(--size-s);}.menu-item{position:relative;display:flex;align-items:center;font-weight:300;color:#FFFFFF;}.menu-item>.menu-item-submenu{position:absolute;right:0;top:calc(100% + var(--size-m));max-height:600px;min-width:250px;width:fit-content;padding:var(--size-m);display:flex;flex-direction:column;row-gap:var(--size-s);border-radius:var(--radius-s);border:1px solid rgba(255,255,255,.05);background:var(--clr-surface-a10);box-shadow:0 0 16px 2px rgba(0,0,0,.4);overflow:auto;}.menu-item-submenu.larger{min-width:500px;}.menu-item-submenu .submenu-header{display:flex;flex-direction:row;align-items:center;column-gap:var(--size-s);}.menu-item-submenu .submenu-footer{margin-top:auto;display:flex;flex-direction:row;column-gap:var(--size-s);justify-content:flex-start;align-items:center;}.login-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:space-evenly;background-image:var(--img-background);background-size:cover;background-position:top;}.login-welcome-panel{height:400px;width:30%;display:flex;flex-direction:column;color:white;}.login-welcome-panel>h1{margin-bottom:32px;}.login-welcome-panel>span{margin-bottom:16px;}.login-form{position:relative;padding:var(--size-l);height:400px;width:40%;border-radius:var(--radius-m);border:1px solid var(--clr-surface-a20);background:var(--clr-surface-a10)!important;z-index:0;}.side-menu{position:fixed;top:calc(var(--main-menu-height) + var(--size-l));bottom:var(--size-m);left:var(--size-m);border-radius:var(--radius-m);width:var(--main-menu-height);padding:var(--size-m);display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:var(--size-s);background:rgba(255,255,255,.04);box-shadow:rgba(0,0,0,.24) 0 3px 8px;z-index:100;}.page-container{padding:var(--size-l);display:flex;flex-direction:column;}.page-container:has(.side-menu){padding-left:calc(var(--main-menu-height) + (var(--size-l) + var(--size-m)));}.page-container.lock-height{min-height:calc(100% - (var(--main-menu-height) + var(--size-l)));}.page-column{display:flex;flex-direction:column;z-index:1;}.page-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-s);z-index:1;}.page-header{display:flex;column-gap:var(--size-l);}.page-header-title{display:flex;align-items:center;column-gap:var(--size-s);}.page-header.header-bg{padding:var(--size-m);background-color:var(--clr-surface-a10);border-radius:var(--radius-s);}.page-header-tags{display:flex;align-items:center;column-gap:var(--size-s);}.page-body{display:flex;flex-direction:column;row-gap:var(--size-m);}.section-title{position:relative;margin-bottom:var(--size-l);display:flex;flex-direction:column;row-gap:var(--size-xs);}.section-title.row{display:flex;flex-direction:row;align-items:center;column-gap:var(--size-m);}.section-title h3{display:flex;align-items:center;column-gap:var(--size-m);font-size:1.8rem;font-weight:700;}.section-title h4{font-size:1rem;font-weight:300;color:rgba(255,255,255,.9);}.statistiques-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--size-m);}.statistique-item{width:100%;display:flex;flex-direction:column;border-radius:var(--radius-s);aspect-ratio:16/9;background:var(--clr-surface-a10);overflow:hidden;}.statistique-item>.statistique-item-title{padding:var(--size-m);padding-bottom:0;font-size:1rem;color:var(--clr-surface-a50);}.statistique-item>.statistique-item-value{flex:1;padding:0 var(--size-m);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:900;color:var(--clr-primary-a0);overflow:hidden;}.statistique-item>.statistique-item-footer{padding:var(--size-m);padding-top:0;display:flex;flex-direction:row;justify-content:flex-end;font-size:1rem;color:var(--clr-surface-a50);}.list-container{height:100%;width:100%;display:flex;flex-direction:column;row-gap:var(--size-s);overflow:auto;}.list-item{display:flex;flex-direction:row;column-gap:var(--size-s);padding:var(--size-m);border-radius:var(--radius-s);color:white;transition:background .15s;}.list-item:nth-child(odd){background:rgba(255,255,255,.04);}.list-item.header{font-weight:700;background:var(--clr-surface-a10);color:var(--clr-surface-a50);}.list-item:not(.header):hover{background:rgba(255,255,255,.08);transition:background .15s;}.list-container.small>.list-item{padding:var(--size-s);}.search-list{position:fixed;top:calc(var(--main-menu-height) + var(--size-l));bottom:var(--size-m);right:var(--size-m);min-width:500px;width:50%;max-width:100%;padding:var(--size-m);display:flex;flex-direction:column;row-gap:var(--size-s);border-radius:var(--radius-s);background:var(--clr-surface-a10);box-shadow:0 0 16px 2px rgba(0,0,0,.8);overflow:hidden;z-index:200;}.search-list>.search-list-title{font-family:'Nunito',sans-serif;font-size:1.2rem;font-weight:700;color:white;}.search-list>.search-list-header{display:flex;flex-direction:row;align-items:center;column-gap:var(--size-s);}.search-list>.search-list-filters{display:flex;flex-direction:row;column-gap:var(--size-s);z-index:1;}.search-list-content{height:100%;display:flex;flex-direction:column;row-gap:var(--size-s);overflow:auto;}.result-item{height:240px;width:100%;padding:var(--size-s);display:flex;column-gap:var(--size-m);flex-shrink:0;border-radius:var(--radius-s);background:var(--clr-surface-a20);}.result-item>.results-item-poster{height:100%;flex-shrink:0;aspect-ratio:2/3;}.results-item-poster[data-draggable]:hover{position:relative;animation:headShake;animation-duration:2s;cursor:grab;}.results-item-poster[data-draggable]:hover::after{position:absolute;content:"\f58e";font:var(--fa-font-solid);font-size:2rem;height:100%;width:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-s);color:white;background:rgba(0,0,0,.5);z-index:1;}.results-item-poster>img{height:100%;width:100%;border-radius:var(--radius-s);object-fit:cover;pointer-events:none;}.result-item>.results-item-data{flex:1;display:flex;flex-direction:column;row-gap:var(--size-s);overflow:hidden;}.results-item-title{display:block;width:100%;font-family:'Nunito',sans-serif;font-size:1.2rem;font-weight:700;color:#FFFFFF;text-decoration:none;}.results-item-details{display:flex;column-gap:var(--size-s);}.results-item-overview{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;font-size:.9rem;color:#FFFFFF;overflow:hidden;}.results-item-footer{margin-top:auto;display:flex;align-items:center;justify-content:flex-end;}.droppable-search-list{position:fixed;top:calc(var(--main-menu-height) + var(--size-l));bottom:var(--size-m);left:var(--size-m);min-width:500px;width:calc(50% - var(--size-xl));max-width:100%;padding:var(--size-m);display:flex;flex-direction:column;row-gap:var(--size-s);border-radius:var(--radius-s);background:var(--clr-surface-a10);box-shadow:0 0 16px 2px rgba(0,0,0,.8);overflow:hidden;z-index:200;}.droppable-search-list>.droppable-search-list-title{font-family:'Nunito',sans-serif;font-size:1.2rem;font-weight:700;color:white;}.droppable-search-list>.droppable-search-list-body{height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:min-content;grid-gap:var(--size-s);overflow:auto;}.droppable-search-list-body>.droppable-collection{width:100%;display:flex;flex-direction:column;}.droppable-collection>.droppable-collection-poster{width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-s);border:2px dashed var(--clr-surface-a30);aspect-ratio:2/3;}.droppable-collection>.droppable-collection-poster::after{content:"+";font-family:'Nunito';font-weight:400;font-size:2rem;color:var(--clr-surface-a30);}.droppable-collection>.droppable-collection-title{padding-top:var(--size-s);font-family:'Nunito',sans-serif;font-size:1rem;font-weight:500;color:white;}.droppable-collection.ui-droppable-hover>.droppable-collection-poster{border-color:var(--clr-surface-a40);background:var(--clr-surface-a20);}.droppable-collection.ui-droppable-hover>.droppable-collection-poster::after{color:var(--clr-surface-a40);}.collection-card{position:relative;height:100%;flex-shrink:0;border-radius:var(--radius-s);aspect-ratio:2/3;overflow:hidden;}.collection-card.format-lg{width:100%;display:flex;column-gap:var(--size-m);}.collection-card:hover{z-index:10;}.collection-card>.collection-actions{position:absolute;top:0;left:0;width:100%;padding:var(--size-s);display:flex;align-items:center;justify-content:flex-end;column-gap:var(--size-s);opacity:0;z-index:1;transition:opacity .15s;pointer-events:none;}.collection-card:hover>.collection-actions{opacity:1;transition:opacity .15s;}.collection-actions>button{pointer-events:all;}.collection-card>.collection-poster{height:100%;aspect-ratio:2/3;display:flex;justify-content:center;}.collection-card>.collection-poster[data-location]{cursor:pointer;}.collection-card>.collection-poster>.main-poster{height:100%;width:100%;z-index:0;}.main-poster>.poster{height:100%;width:100%;border-radius:var(--radius-s);object-fit:cover;transition:transform .15s;}.collection-card>.collection-poster>.hover-posters{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-wrap:wrap;background:var(--clr-background);opacity:0;z-index:1;transition:opacity .15s;}.collection-card:hover>.collection-poster>.hover-posters:has(>:nth-child(2)){opacity:1;transition:opacity .15s;}.hover-posters>.poster{height:50%;width:50%;object-fit:cover;}.collection-card>.collection-overview{position:absolute;top:0;bottom:0;left:0;right:0;padding:var(--size-m);display:flex;flex-direction:column;row-gap:var(--size-m);opacity:0;background:rgba(0,0,0,.5);backdrop-filter:blur(16px);overflow:hidden;z-index:50;transition:opacity .15s;}.collection-overview>.collection-overview-title{display:flex;flex-direction:column;justify-content:space-between;}.collection-overview>.collection-overview-title>.overview-title{font-family:'Nunito',sans-serif;font-size:1.4rem;font-weight:700;color:#FFFFFF;}.collection-overview>.collection-overview-title>.overview-title-detail{font-size:.8rem;font-weight:300;color:rgba(255,255,255,.5);}.collection-overview>.collection-overview-description{display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;font-weight:300;color:#FFFFFF;}.collection-card:hover>.collection-overview{opacity:1;transition:opacity .15s;}.collection-card>.collection-badges{position:absolute;top:0;left:0;right:0;padding:var(--size-s);opacity:0;pointer-events:none;transition:opacity .15s;}.collection-card:hover>.collection-badges{opacity:1;transition:opacity .15s;}.collection-card>.collection-badges>.badge{font-size:.8rem;font-weight:400;border-radius:var(--radius-xs);}.badge.badge-good{background:var(--clr-good);color:white}.badge.badge-warning{background:var(--clr-warning);color:white;}.badge.badge-bad{background:var(--clr-bad);color:white;}.badge.badge-detail{background-color:var(--clr-surface-a20);color:white;}.collection-card>.collection-data{position:absolute;width:100%;bottom:0;padding:var(--size-m);display:flex;align-items:center;justify-content:space-between;column-gap:var(--size-m);background:rgba(0,0,0,.5);backdrop-filter:blur(8px);z-index:10;pointer-events:none;}.collection-data>span{font-size:.9rem;font-weight:500;color:#FFFFFF;}.collection-data>i{flex-shrink:0;font-weight:300;font-size:.8rem;color:white;}.collection-card>.collection-lg-panel{display:none;}.collection-card.format-lg>.collection-lg-panel{padding:var(--size-m) 0;display:flex;flex-direction:column;}.collection-lg-title{font-family:'Nunito',sans-serif;font-size:1.2rem;font-weight:700;text-decoration:none;color:#FFFFFF;}.collection-lg-synopsis{display:-webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;font-size:.9rem;color:#FFFFFF;overflow:hidden;}.collection-card.wide{height:min-content;width:30%;aspect-ratio:16/9;}.collection-card.wide>.collection-poster{aspect-ratio:16/9;}.user-achievements-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--size-m);}.achievement-card{padding:var(--size-m);width:100%;display:flex;align-items:center;column-gap:var(--size-m);border-radius:var(--radius-s);background:var(--clr-surface-a10);}.achievement-card.in-progress{opacity:.5;}.achievement-card>.achievement-card-icon{flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--size-xs);border:1px solid var(--clr-surface-a20);aspect-ratio:1/1;}.achievement-card-icon>.achievement-icon{height:48px;width:48px;}.achievement-card>.achievement-card-infos{width:100%;display:flex;flex-direction:column;}.achievement-card-infos>.achievement-card-title{font-family:'Nunito',sans-serif;font-weight:700;font-size:1rem;color:#FFFFFF;}.achievement-card-infos>.achievement-card-description{font-size:.9rem;font-weight:400;color:var(--clr-surface-a50);}.achievement-card-infos>.achievement-card-progress{width:100%;margin-top:var(--size-s);display:flex;align-items:center;column-gap:var(--size-s);}.achievement-card-progress>.achievement-progress-bar{-webkit-appearance:none;appearance:none;width:100%;}.achievement-card-progress>.achievement-progress-bar::-webkit-progress-bar{-webkit-appearance:none;appearance:none;background:var(--clr-surface-a0);}.achievement-card-progress>.achievement-progress-bar::-webkit-progress-inner-element{-webkit-appearance:none;appearance:none;padding:4px;border-radius:var(--size-s);background:var(--clr-surface-a0);}.achievement-card-progress>.achievement-progress-bar::-webkit-progress-value{-webkit-appearance:none;appearance:none;border-radius:var(--size-s);background:var(--clr-primary-lighter)}.achievement-card-progress>.achievement-progress-value{flex-shrink:0;font-weight:400;font-size:.8rem;color:#FFFFFF;}