.item{width:200px;height:200px;font-size:1rem;font-weight:700;transition:2s}.item,.item:hover .item-cell{opacity:1}.item .item-cell{position:absolute;text-align:left;bottom:0;padding:7px 5px 5px 7px;margin:10px;width:calc(100% - 32px);background-color:light-dark(var(--bg-light),var(--bg-dark));color:light-dark(var(--txt-light),var(--txt-dark));overflow:hidden;text-overflow:ellipsis}.item .item-cell,.item .item-cell-top{opacity:0;transition:opacity .25s linear .25s,background-color .1s linear}.item:hover .item-cell-top{opacity:1}.item:hover .item-cell:hover{background-color:light-dark(var(--bg-alt-light),var(--bg-alt-dark))}.item-tags{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:top;margin:10px}.item:nth-child(7n+1){background:#222}.item:nth-child(7n+2){background:#444}.item:nth-child(7n+3){background:#666}.item:nth-child(7n+4){background:#888}.item:nth-child(7n+5){background:#aaa}.item:nth-child(7n+6){background:#ccc}.item:nth-child(7n+7){background:#ddd}.item{display:grid;position:relative;color:#fff}.grid-button{align-items:center;justify-content:center;transition:filter .25s linear;filter:grayscale(100%);background-color:light-dark(var(--bg-alt-light),var(--bg-alt-dark))!important}.grid-button:hover{filter:grayscale(0)}.grid-button img{height:150px;width:150px}.item.size-2x1{height:200px;width:415px}.item.size-1x2{height:415;width:200}.item.size-2x2{height:415px;width:415px}.item.size-1x1{width:200px;height:200px}.size-1x1{grid-column:span 1;grid-row:span 1}.size-2x1{grid-column:span 2;grid-row:span 1}.size-1x2{grid-column:span 1;grid-row:span 2}.size-2x2{grid-column:span 2;grid-row:span 2}.tag{display:flex;align-items:center;line-height:normal;overflow:hidden;border-radius:5px;margin:5px;max-height:75%;padding:3px 5px;transition:background-color .15s linear}.tag img{padding:0;color:light-dark(var(--highlight-light),var(--highlight-dark))}.big-tag{font-size:small;background-color:light-dark(var(--bg-light),var(--bg-dark));color:light-dark(var(--txt-light),var(--txt-dark));transition:all .1s linear}.big-tag:hover{background-color:light-dark(var(--bg-alt-light),var(--bg-alt-dark))}.big-tag img{height:12px;width:12px}.small-tag{font-size:x-small;background-color:light-dark(var(--bg-light),var(--bg-dark));color:light-dark(var(--txt-light),var(--txt-dark))}.small-tag:hover{background-color:light-dark(var(--bg-alt-light),var(--bg-alt-dark))}.small-tag img{height:8px;width:8px}.tag-color{background-color:light-dark(#bbb,#000)}.tag-color,.tag-color-a{color:light-dark(#222,#ddd)}.tag-color-a{background-color:light-dark(#999,#111)}.tag-color-b{background-color:light-dark(#777,#333);color:light-dark(#222,#ddd)}.tag-color-c{background-color:light-dark(#555,#555);color:light-dark(#ddd,#ddd)}.tag-color-d{background-color:light-dark(#333,#777)}.tag-color-d,.tag-color-e{color:light-dark(#ddd,#222)}.tag-color-e{background-color:light-dark(#111,#999)}.tag-color-hover:hover{color:var(--txt-light);background-color:light-dark(var(--highlight-light),var(--highlight-dark))}.tag-icon{transition:filter 1s linear,-webkit-filter .15s linear}.tag-color-hover:hover .tag-icon{filter:grayscale(1) brightness(0)}@media screen and (min-width:800px){.item.size-1x1,.item.size-2x1{height:200px}.item.size-1x2,.item.size-2x2{height:415px}}@supports (display:grid){.grid-container{display:grid;margin:0 auto;grid-column-gap:15px;grid-row-gap:15px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(auto-fill,1fr);grid-auto-flow:dense;max-width:1400px}@media (min-width:100px){.grid-container{max-width:360px}.form-holder{max-width:95%}.grid-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:440px){.grid-container{max-width:390px}.form-holder{max-width:95%}.grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.item.size-1x1{height:175px;width:175px}.item.size-1x2{width:175px;height:380px}.item.size-2x2{width:380px;height:380px}.item.size-2x1{width:380px;height:175px}.item.size-1x1 .item-tags{display:none}}@media (max-width:440px){.item.size-1x1{height:172px;width:172px}.item.size-1x2{width:172px;height:360px}.item.size-2x2{width:360px;height:360px}.item.size-2x1{width:360px;height:172px}}@media (min-width:680px){.grid-container{max-width:630px}.form-holder{max-width:95%}.grid-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:895px){.grid-container{max-width:845px}.form-holder{max-width:75%}.grid-container{grid-template-columns:repeat(4,1fr)}}@media (min-width:1110px){.grid-container{max-width:1060px}.form-holder{max-width:75%}.grid-container{grid-template-columns:repeat(5,1fr)}}@media (min-width:1325px){.grid-container{max-width:1275px}.form-holder{max-width:75%}.grid-container{grid-template-columns:repeat(6,1fr)}}@media (min-width:1540px){.grid-container{max-width:1490px}.form-holder{max-width:75%}.grid-container{grid-template-columns:repeat(7,1fr)}}@media (min-width:1765px){.grid-container{max-width:1715px}.form-holder{max-width:75%}.grid-container{grid-template-columns:repeat(8,1fr)}}}