/** list_collection.scss **/
@charset "UTF-8";ul.list-collection-menu{background-image:linear-gradient(to bottom, var(--panel-gradient-start) 0%, var(--panel-gradient-end) 100%);width:100%;margin:0
0 20px 0;padding:0;border-radius:7px;box-shadow:0 2px 10px var(--panel-shadow);overflow:hidden;border:1px
solid var(--input-border-color)}ul.list-collection-menu
li{list-style:none;padding:10px;font-family:"Montserrat",sans-serif;display:flex;align-items:center}ul.list-collection-menu
li.active{background-color:var(--list-game-menu-active-background)}ul.list-collection-menu li .search-form{width:100%}ul.list-collection-menu li .search-form input[type=search]{width:100%}@media (min-width: 992px){ul.list-collection-menu
li{flex:8}ul.list-collection-menu li:last-child, ul.list-collection-menu li:first-child{flex:1;font-size:24px}ul.list-collection-menu li
form{margin:0
auto}}ul.list-collection-menu li
span{white-space:nowrap;margin-right:8px}ul.list-collection-menu li
a{text-align:center}@media (min-width: 992px){ul.list-collection-menu li
a{width:100%}}ul.list-collection-menu li:not(:first-child){border-top:1px solid var(--main-color-80)}ul.list-collection-menu li:not(:last-child){border-bottom:1px solid var(--main-color-40)}@media (min-width: 992px){ul.list-collection-menu{display:flex}ul.list-collection-menu
li{padding:3px
10px}ul.list-collection-menu li:not(:first-child){border-top-width:0}ul.list-collection-menu li:not(:last-child){border-right:1px solid var(--main-color-40);border-bottom-width:0}}ul.list-collection{margin:0;padding:0}ul.list-collection
li{list-style:none;margin-bottom:3px;font-size:12px}ul.list-collection li
b{font-size:14px;color:var(--default-text-color)}ul.list-collection
li.alert{background-color:var(--comment-background);font-size:16px;font-weight:bold;text-align:center;border:1px
solid var(--main-color-60);border-radius:10px;padding:10px}ul.list-collection li a:not(.export-list){display:flex;overflow:hidden;align-items:center;border:1px
solid var(--main-color-20);background-color:var(--main-color-10);border-radius:4px;text-decoration:none}ul.list-collection li a:not(.export-list) img{margin-right:8px;width:24px;height:32px;aspect-ratio:1/1;object-fit:cover}ul.list-collection li a:not(.export-list):hover{background-color:var(--main-color)}ul.list-collection li a:not(.export-list):hover
*{color:#fff}ul.list-collection li .export-list{font-size:16px;float:right}ul.list-collection li.loader-container{min-height:64px;text-align:center;display:flex;justify-content:center;align-items:center}ul.list-collection .loader-1{height:15px;aspect-ratio:4;--_g:no-repeat radial-gradient(farthest-side,var(--main-color) 90%,var(--main-color-10));background:var(--_g) left, var(--_g) right;background-size:25% 100%;display:grid}ul.list-collection .loader-1:before,
ul.list-collection .loader-1:after{content:"";height:inherit;aspect-ratio:1;grid-area:1/1;margin:auto;border-radius:50%;transform-origin: -100% 50%;background:var(--main-color);animation:l49 1s infinite linear}ul.list-collection .loader-1:after{transform-origin:200% 50%;--s:-1;animation-delay: -0.5s}@keyframes
l49{58%,100%{transform:rotate(calc(var(--s,1)*1turn))}}ul.list-collection .loader-2{height:3px;width:60px;background:linear-gradient(var(--main-color) 0 0) right/51% 100% no-repeat;display:flex;animation:l10-0 2s linear infinite}ul.list-collection .loader-2:before,
ul.list-collection .loader-2:after{content:"";width:15px;background:var(--main-color);animation:l10-1 2s linear infinite}ul.list-collection .loader-2:after{animation-delay: -1s;--s:-1}@keyframes l10-1{0%,100%{transform:scaleX(var(--s, 1)) rotate(0)}25%,75%{transform:scaleX(var(--s, 1)) rotate(180deg)}}@keyframes l10-0{0%,49.9%{transform:scaleX(1)}50%,100%{transform:scaleX(-1)}}ul.list-collection .loader-3{width:60px;aspect-ratio:1;border:15px
solid var(--main-color);border-radius:50%;position:relative;transform:rotate(45deg)}ul.list-collection .loader-3::before{content:"";position:absolute;inset: -15px;border-radius:50%;border:15px
solid var(--panel-gradient-end);animation:l18 2s infinite linear}@keyframes
l18{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}75%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}100%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}}#form_add_book label, #form_add_game
label{display:block;margin-bottom:10px}#form_add_book .container-platforms, #form_add_game .container-platforms{background-color:var(--input-background);max-height:200px;overflow-y:scroll;outline-width:0;padding:6px
12px;margin-bottom:10px;border-radius:5px;border:1px
solid var(--input-border-color);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 8px rgba(102, 175, 233, 0)}#form_add_book .container-platforms label, #form_add_game .container-platforms
label{display:flex;align-items:center;margin-bottom:0}#form_add_book .container-platforms label input[type=checkbox], #form_add_game .container-platforms label input[type=checkbox]{margin-right:5px}#form_add_book .form-error, #form_add_game .form-error{display:none;font-size:12px;color:#f00;font-weight:bold}#form_add_book .form-error:before, #form_add_game .form-error:before{content:"⛔️"}#form_add_book .igdb-search, #form_add_game .igdb-search{display:flex}#form_add_book .igdb-search input, #form_add_game .igdb-search
input{flex:10;border-top-right-radius:0;border-bottom-right-radius:0}#form_add_book .igdb-search button, #form_add_game .igdb-search
button{border-top-left-radius:0;border-bottom-left-radius:0;flex:1;padding:2px
6px}