.grid{position:relative;margin-left:auto;margin-right:auto;min-height:100px}.item{display:block;position:absolute;width:var(--card-width);height:var(--card-height);font-size:.9rem;margin:5px;z-index:1}.app-full .item{max-width:calc(50% - 10px)}.item .card{transition:all .2s ease;width:var(--card-width);height:var(--card-height);max-width:100%;background-color:var(--color-main);padding:10px;position:relative;display:flex;align-items:center;justify-content:center;font-weight:700;background-position:50%;background-size:cover}.card .back,.card .card-number,.card .card-tags,.card .front{opacity:.85;z-index:0;height:-moz-fit-content;height:fit-content;max-height:100%}.card .back,.card .front{overflow:auto}.app-full .card .back,.app-full .card .front{overflow:hidden;font-size:.8rem}.card .back{display:none}.card.flipped .back{display:block}.card.flipped .front{display:none}.item.muuri-item-dragging{z-index:3}.item.muuri-item-dragging .card{box-shadow:var(--shadow-close);transform:matrix3d(1,0,0,0,0,1,0,.0004,0,0,1,0,0,0,0,1)!important;-webkit-transform:matrix3d(1,0,0,0,0,1,0,.0004,0,0,1,0,0,0,0,1)!important;transform-origin:bottom}.item.muuri-item-releasing{cursor:pointer;z-index:2}.item.muuri-item-hidden{z-index:0}.item-content{position:relative;width:100%;height:100%}.card-number,.card-tags{position:absolute;top:5px;font-size:.7rem}.card-number{right:10px}.flipped .card-number{bottom:5px;top:unset}.card-tags{left:5px;flex-wrap:wrap;margin-top:-10px}.card-tags span{opacity:0;display:block;margin-bottom:5px;padding:1px 5px;transition:all 1s ease}.app-full .card-tags span{display:none}.item:hover .card-tags span{display:block;opacity:1}