.listArticle{display:flex;flex-direction:column;width:380px;gap:20px;border-radius:8px 8px 0;background:var(--color-primary-darker)}#listArticle-content{padding:20px;display:flex;flex-direction:column}.listArticle-meta{display:none}.listArticle a{text-decoration:none}.listArticle-image{width:100%;height:300px;display:flex;justify-content:center;align-items:center}.listArticle-image img{max-width:100%;width:100%;height:300px;border-radius:.5rem .5rem 0 0;object-fit:cover;display:block}.controls{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0 2.5rem;background-color:var(--color-primary);position:sticky;top:0;z-index:16}.controls-container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:400px;padding:2rem 1rem}.controls-group{display:flex;max-width:max-content;gap:1rem}.button-group{align-items:center}.gallery-search-input{width:300px;height:3rem}.input-wrapper{display:flex;flex-direction:column;justify-content:flex-end}input{font-family:inherit;font-size:1rem;background:var(--color-primary-darker);border:none;border-radius:.5rem;padding:.25rem .5rem;height:2rem}input:focus{outline:none;caret-color:var(--color-tertiary)}input:placeholder-shown{color:var(--color-primary-brighter)}input:not(:placeholder-shown){color:var(--color-tertiary)}input::placeholder{color:var(--color-primary-brighter)}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}#help{position:absolute;right:50px;top:35px}@media(max-width:1400px){.controls-container{display:flex}.button-group{align-items:center}}@media(max-width:1000px){.button-group{display:flex;flex-direction:column;gap:.5rem}.button-row{justify-content:center}}.button-group label{font-weight:700;margin-bottom:.25rem}#button-row-tags{max-width:100%}.button-row .filter-button{flex-shrink:0}.filter-button.category{color:var(--color-primary-brighter);background:var(--color-primary-darker)}.filter-button.category.active{color:var(--color-tertiary)}.color-dot{display:inline-block;width:1rem;height:1rem;border-radius:50%;vertical-align:middle}.toggle-container-group{display:flex;gap:2rem;align-items:center;justify-content:center;padding:1rem}.toggle-container .toggle-content{display:flex;justify-content:center;position:absolute;width:100%;left:0;opacity:1;transition:opacity .1s ease-in-out;will-change:opacity}.toggle-container.hidden .toggle-content{pointer-events:none;opacity:0}.toggle-container .toggle-content:not(.hidden){top:24%;left:0%;width:100%;max-width:100%;z-index:10}@media(max-width:768px){.controls{padding:0}.toggle-container-group{width:100%}#help{right:16px;top:-40px}}.toggle-button{display:flex;opacity:1;transition:opacity .1s ease-in-out;will-change:opacity}.toggle-button.hidden{pointer-events:none;opacity:0}.toggle-button svg{background:none;border:none;width:32px;height:32px;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.multistate-button{min-width:110px;background:var(--color-primary-darker);color:var(--color-primary-brighter);border-radius:0 1rem 1rem}@media(max-width:1400px){.multistate-button{min-width:80px}}.filter-button.asc{color:var(--color-tertiary)}.filter-button.desc{color:var(--color-tertiary-darker)}.dropdown-group{display:flex;justify-content:center;position:relative;width:100%}.dropdown-menu{position:static;display:inline-block;width:auto}.dropdown-toggle{opacity:1;background:var(--color-primary-darker);color:var(--color-primary-brighter);border-radius:0 1rem 1rem;height:3rem;will-change:opacity,max-height,max-width;transition:opacity .6s ease,max-height .3s ease,max-width .3s ease}.dropdown-toggle.active{background:var(--color-primary-darker-darker);color:var(--color-primary-brighter);opacity:0;visibility:hidden;pointer-events:none}.dropdown-toggle.hasActive{color:var(--color-tertiary)}.dropdown-toggle.hidden{opacity:0;pointer-events:none}.dropdown-list{position:absolute;top:-3%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;padding:0;overflow:hidden;height:0;opacity:0;min-width:140px;transition:opacity .4s ease,max-height .4s ease,max-width .4s ease}.dropdown-list.expanded{height:auto;background:var(--color-primary);opacity:1}.dropdown-list.expanded.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center}@media(max-width:1400px){.dropdown-menu{display:flex;flex-direction:column;gap:8px}.dropdown-list{flex-direction:row}.dropdown-list.open{padding:0}}@media(max-width:768px){.dropdown-list.expanded{width:100%}.dropdown-list.expanded.flex-row{width:100%;max-width:100%}}#yuzuSvg *{transition:fill .3s ease}.icon-tabs{display:flex;flex-direction:column;border-radius:8px;max-width:100%;box-sizing:border-box;transition:transform .4s cubic-bezier(.25,1,.5,1);will-change:transform}.icon-tabs.tutorial-active{transform:scale(1.1)}.tab-header{display:flex;justify-content:flex-start;gap:8px;max-width:100%}.tab-content{display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:1rem;background:var(--color-primary-darker);color:var(--color-primary-brighter);border-radius:0 0 1rem 1rem;min-width:360px;max-width:360px}.tab-besides{display:flex;gap:20px}.tab-text{white-space:normal;word-break:break-word;overflow-wrap:anywhere}.tab-img img,.tab-img svg{width:120px;height:120px}.tab-button>img,.tab-button>svg,.tab-button>span{height:48px;width:auto;object-fit:contain;text-align:center}.tab-footer{display:flex;align-items:center;justify-content:center}.tab-actions{display:inline-flex;justify-content:center;flex-wrap:wrap;gap:1rem}.tab-panel{display:flex;justify-content:center;align-items:center;border-radius:.5rem}.tab-button{background:none;border:none;width:2.2rem;height:2.2rem;will-change:transform;transition:transform .4s ease-in-out}.tab-button svg{width:100%;height:100%;max-width:100%;max-height:100%}.tab-button svg *{stroke:var(--color-primary-brighter);stroke-width:2px}.tab-button:hover svg *{stroke:var(--color-tertiary)}.tab-button:hover svg>*[fill]:not([fill=none]){fill:var(--color-tertiary)}.tab-actions>.filter-button{color:var(--color-primary-darker);background:var(--color-primary)}.tab-header>.filter-button{color:var(--color-primary-darker-darker);background:var(--color-primary);border:none;border-radius:8px 8px 0 0}.tab-actions>.filter-button{border-radius:8px}.tab-header>.filter-button.active{background:var(--color-primary-darker);color:var(--color-tertiary)}.tab-header>.filter-button:active{animation:none}@media(max-width:1400px){.tab-actions{align-items:center}}@media(max-width:768px){.tab-footer{justify-content:center;min-height:80px;overflow:hidden}}@media(max-width:450px){.tab-header{padding:0;gap:0}.tab-besides{gap:2rem}.tab-content{border-radius:0}.tab-actions{justify-content:center;width:100%}.tab-content{max-width:unset}}.filter-button.shuffle-button{cursor:pointer;transition:transform .1s ease,background-color .1s ease}.filter-button.shuffle-button:active{transform:scale(.95);background-color:var(--color-accent)}.item-card{position:relative;display:flex;align-items:center;justify-content:center;border-radius:1rem;box-sizing:border-box;overflow:hidden;background-color:var(--bg-color);aspect-ratio:1 / 1;min-width:250px;flex-shrink:0;transition:all .4s ease-in-out}.item-card .lazyImage-container{width:100%;height:100%}@media(max-width:1100px){.item-card{border-radius:0;transition:none}}@media(max-width:768px){.item-card{aspect-ratio:9/16!important}}.item-card img{width:100%;height:100%;object-fit:cover}.item-card .raster-inline{color:var(--color-secondary);text-align:center;height:100%}.item-card .svg-inline{width:100%;height:100%;transform:scale(.5);transform-origin:center center;transition:none;display:flex;justify-content:center;align-items:center;fill:var(--fg-color);z-index:1}.item-card.wide{grid-column:span 6!important;grid-row:span 3!important}.item-card.large{grid-column:span 4;grid-row:span 4}.item-card.medium{grid-column:span 3;grid-row:span 3}.item-card.small{grid-column:span 2;grid-row:span 2}.item-card.selected:before{content:"";position:absolute;inset:0;border:8px solid var(--color-tertiary);box-sizing:border-box;pointer-events:none;z-index:15;background:transparent}.img-caption{color:var(--color-tertiary);position:absolute;min-height:80px;inset:auto 0 0;background:#00000080;text-align:center;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:12}.item-card.ad{padding:0}.ads-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;padding:20px;color:var(--color-secondary);max-height:100%;overflow-y:auto;scrollbar-color:var(--color-tertiary) transparent;scrollbar-width:auto}.ads-card h3{font-size:1rem;margin-bottom:20px;color:var(--fg-color)}.ads-card a:hover{background:var(--color-tertiary)}@media(max-width:600px){.item-card.ad{grid-column:span 2!important;aspect-ratio:unset!important;min-height:450px}}.articles-search{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:90%;height:100%}.articles-result{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}@media(max-width:1400px){.articles-search{width:100%;max-width:100%}.articles-result{width:100%;gap:1rem}}@media(max-width:768px){.articles-search{width:100%;max-width:unset}.articles-result{flex-direction:column;align-items:center}.articles-result>*{width:100%;max-width:100%}}