/*
 * This file is a part of InfiniBrowser — https://infinibrowser.wiki/
 * Copyright (c) zeroptr. All rights reserved.
 */
.header{margin-top:3.5rem;margin-bottom:1rem}h2,p{margin:0}input[type=text],textarea{padding:.6rem;background:#18181b;border:1px solid #525252;font-family:inherit;font-size:1rem;border-radius:5px;min-width:300px;outline:0;resize:none}input[type=text]:focus,input[type=text]:hover,textarea:focus,textarea:hover{background-color:#202024;border-color:#a3a3a3}textarea{height:255px}.input{display:flex;align-items:center;align-content:center;padding:.6rem;background:#18181b;border:1px solid #525252;height:100%;width:100%;border-radius:5px}.input b{width:max-content}.input input{flex-grow:1;font-family:inherit;font-size:1rem;background:0;min-width:0!important;outline:0;border:0;color:#ccc;padding:0;margin:0}.input input:focus,.input input:hover{background:0;color:#fff}.input:has(input:focus){background-color:#202024;border-color:#a3a3a3}.search{margin:1rem 0;padding:.8rem}.search input{font-size:1.2rem}.search img{width:1.8rem}.collection{display:flex;padding:1.5rem;margin:1rem 0;background:#1c1c20;border-radius:16px;transition:background-color .2s ease-in-out;animation:.5s ease-in-out appear;text-decoration:unset;font-weight:unset;flex-direction:column;overflow:hidden;gap:.5rem}@keyframes appear{from{opacity:0;translate:0 10%}}.collection:hover{background:#212125}.collection p{word-wrap:break-word;overflow:hidden;width:100%}.collection .preview{display:flex;align-items:center;align-content:center;pointer-events:none}.item.goal{background:linear-gradient(180deg,#1f22287f,#18181b7f 80%);border-color:#333;color:#aaa}.item.goal:hover{border-color:#aaa;opacity:1}.collection .item{pointer-events:none;font-size:.9rem;margin-left:0;padding:8px}.collection .preview>span{color:#aaa;margin-left:4px;flex-shrink:0;flex-grow:1}@media screen and (max-width:700px){.collection .preview{flex-wrap:wrap}.collection .preview>span{margin-top:8px;margin-left:0;width:100%}}.form>div{display:flex;flex-direction:column;position:relative;width:100%;margin:1rem 0;gap:8px}.form label{color:#aaa}.form p:empty{display:none;margin:0}.form .btn-container{justify-content:flex-end;margin-bottom:0}.cview h1{font-size:2.5rem;margin:0}.stats{display:flex;flex-wrap:wrap;align-content:center;align-items:center;margin:12px 0}.stat{padding:12px;border-radius:8px;min-width:100px;text-decoration:none;font-weight:unset}.stat:hover{background:rgba(255,255,255,.05)}.stats b{font-weight:900;font-size:1.5rem}a.stat p{text-decoration:dotted underline}.filters{display:flex;gap:8px}#active_filters{width:100%;flex-grow:1}#active_filters span{display:flex;align-items:center;align-content:center;gap:8px;padding:10px 16px;border-radius:255px;background-color:#242429;cursor:pointer;font-weight:700}#active_filters span::after{content:"";width:16px;height:16px;background-image:url(/static/icon/button/close.svg);background-repeat:no-repeat;display:inline-block;opacity:.5}#active_filters span:hover{background-color:#2b2b31}#active_filters span:hover::after{opacity:1}.filter{background-color:#18181b;padding:.6rem;font-family:inherit;font-size:inherit;border:1px solid #525252;border-radius:5px;cursor:pointer;color:#ccc;outline:0}.filter:focus,.filter:hover{background-color:#1f1f23;border-color:#a3a3a3}.filters .filter{padding:.8rem}select.filter{border:0;border-right:8px solid transparent;outline:#525252 solid 1px;outline-offset:-1px}select.filter:focus,select.filter:hover{border-color:transparent;outline-color:#a3a3a3}.filter img{width:1rem;height:1rem}.autocomplete{display:flex;flex-direction:column;position:absolute;top:100%;left:0;background:#1f1f23;border:1px solid #525252;border-radius:0 0 6px 6px;border-top:0;z-index:69;width:100%}.autocomplete:empty{display:none}.autocomplete .option{display:flex;align-items:center;align-content:center;cursor:pointer;padding:8px;gap:8px}.autocomplete .option.selected,.autocomplete .option:hover{background:#2f2f36}.contributors{display:flex;flex-direction:column;gap:8px}.contributors p{color:#aaa}.contributor{display:flex;align-items:center;align-content:center;text-decoration:none;font-weight:unset;border-radius:8px;padding:12px;gap:8px}.contributor:hover{background:#202024}.contributor img{width:48px;height:48px;border-radius:100%}.contributor>div{display:flex;flex-direction:column;height:max-content;flex-grow:1}#infiniscroll{display:flex;flex-flow:row wrap;align-content:flex-start;gap:10px}#loader{height:16px}#infiniscroll .item{max-width:calc(50% - 8px);animation:unset;z-index:0;margin:0}#controls{flex-wrap:wrap}@media screen and (max-width:450px){#controls .btn{width:100%}}.add_item{min-width:500px!important}@media screen and (max-width:600px){.modal{min-width:unset!important;max-width:95%;max-height:95vh;width:95%}#infiniscroll .item{max-width:100%}#search_sort,.filters{width:100%;flex-grow:1}#search_filters{flex-wrap:wrap;flex-direction:column-reverse}}#item_name{margin-left:8px;user-select:text}.item_view p{color:#aaa}.item_view a{font-weight:600}.recipes{margin-bottom:1rem}.loader-wrapper{display:flex;align-items:center;align-content:center;gap:8px}.description{min-width:100%;max-width:min-content;margin-bottom:8px;color:#fff!important}.custom-description{border-left:4px solid #525252;border-radius:4px;padding:6px 10px}.no-results{text-align:center;width:100%}.progressbar{position:relative;width:100%;height:40px;border-radius:8px;margin:0 0 8px!important;background:rgba(255,255,255,.05);overflow:hidden}.progressbar::after{content:"";position:absolute;top:0;left:0;width:var(--progress);height:100%;transition:width .3s linear;background:#2baf3d}.invalid-elements summary{cursor:pointer;color:#caa}.invalid-elements>div{min-width:100%;max-width:min-content;display:flex;flex-wrap:wrap}.controls{gap:0}.controls .ibtn{opacity:1;width:max-content;height:max-content;text-decoration:none;filter:saturate(0%) brightness(200%)}.controls .ibtn:hover{filter:unset}.controls img{width:40px;height:40px}