.item-card{background-color:var(--background);border-radius:.5rem;transition:opacity .2s ease-in-out}.item-card .image-wrapper{display:flex;position:relative;overflow:hidden;border-radius:.5rem;box-shadow:0 0 4px var(--gray-alpha-300)}.item-card .image-wrapper .image{width:100%;position:relative}.item-card .image-wrapper .image.selected,.item-card .image-wrapper .image.sold-out{opacity:.8;filter:brightness(.4)}.item-card .image-wrapper .selected-tag,.item-card .image-wrapper .sold-out-tag{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;font-size:1.25rem;color:var(--background);transform:translate(-50%,-50%)}.item-card .image-wrapper .selected-tag .check-icon,.item-card .image-wrapper .sold-out-tag .check-icon{font-size:2.5rem;color:var(--done-color)}.item-card .image-wrapper .selected-tag .check-text,.item-card .image-wrapper .sold-out-tag .check-text{font-size:1.125rem}.item-card .image-wrapper .sale-tag{position:absolute;top:.5rem;left:.5rem;border-radius:.5rem;font-size:.875rem;font-weight:700;background:var(--primary-color);padding:.125rem .5rem;text-align:center;color:var(--background);box-shadow:0 0 4px var(--gray-alpha-400)}.item-card .image-wrapper .add-btn{position:absolute;bottom:.4rem;right:.4rem;padding:.4rem;border-radius:50%;color:var(--icon-color);background-color:var(--background);box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07)}.item-card .info-wrapper{padding:.25rem;border-radius:.5rem}.item-card .info-wrapper .info{display:flex;justify-content:space-between;align-items:center}.item-card .info-wrapper .info .name{font-size:1rem}.item-card .info-wrapper .info .rating{display:flex;align-items:center;gap:.25rem;font-size:.875rem;letter-spacing:-1px;color:var(--gray-alpha-500)}.item-card .info-wrapper .price{display:flex;align-items:baseline;gap:.25rem}.item-card .info-wrapper .price .current-price{font-size:1.25rem;font-weight:700}.item-card .info-wrapper .price .current-price.on-sale{color:var(--primary-color)}.item-card .info-wrapper .price .current-price .unit{font-size:.875rem}.item-card .info-wrapper .price .origin-price{font-size:.75rem;font-weight:700;color:var(--gray-alpha-300);text-decoration:line-through}@media(hover:hover)and (pointer:fine){.item-card:not(:has(.add-btn:hover)):hover.clickable{cursor:pointer;opacity:.8}}