.item-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:10px;border:5px solid #eee;background-color:#dde5e7;height:100%}.item-card .image-wrapper{transition:-webkit-clip-path .5s ease;transition:clip-path .5s ease;transition:clip-path .5s ease,-webkit-clip-path .5s ease;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,60% 100%,50% 95%,40% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,60% 100%,50% 95%,40% 100%,0 100%);border-bottom:2px solid #505f63}.item-card:active .image-wrapper,.item-card:focus .image-wrapper,.item-card:hover .image-wrapper{-webkit-clip-path:none;clip-path:none}.item-card:active .item-image,.item-card:focus .item-image,.item-card:hover .item-image{transform:scale(1.1);border-radius:5%;box-shadow:0 5px 5px #333}.item-tags-list{padding:0 2px;background-color:#dde5e7;width:100%;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.item-tags-list li{display:flex;justify-content:center;align-items:center;width:100%}.item-tags-list .tag{padding:5px;width:100%;height:100%;word-break:break-all;color:#fff;font-size:1.2rem;font-weight:600;background-color:#5a5a5a;text-align:center}.item-tags-list .tag:hover{text-decoration:none;opacity:.9}@media screen and (max-width:580px){.item-tags-list .tag{font-size:1.17rem}.item-card{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.item-card .image-wrapper{border-bottom:none;border-right:2px solid #505f63;-webkit-clip-path:polygon(0 0,100% 0,100% 40%,93% 50%,100% 60%,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 40%,93% 50%,100% 60%,100% 100%,0 100%);height:100%;grid-row:1/3;grid-column:1/2}.item-card .item-image{height:100%}.item-card h4{grid-row:1/2;grid-column:2/3}.item-card .item-tags-list{grid-row:2/3;grid-column:2/3}}@media screen and (max-width:500px){.item-card{max-width:85vw}}@media screen and (max-height:700px),screen and (max-width:450px){.image-wrapper .item-image{width:200px;height:250px}}@media screen and (max-width:400px){.image-wrapper{padding:10% 0}.image-wrapper .item-image{width:180px;height:225px}}@media screen and (max-width:350px){.image-wrapper{padding:25% 0;background-color:#e7eef0}.image-wrapper .item-image{width:150px;height:187.5px}}
/*# sourceMappingURL=0.0c81ba3a.chunk.css.map */