.skeleton-card { width: 100%; padding: 16px; background: white; border-radius: 10px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; gap: 10px; } .skeleton { background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; border-radius: 5px; } .skeleton.image { width: 100%; height: 150px; border-radius: 0px; } .skeleton.text { height: 15px; width: 80%; } .skeleton.text.short { width: 50%; } @keyframes loading { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
.image_w_prod_list{ border-top-left-radius: var(--radius-w-border) !important; border-bottom-left-radius: var(--radius-w-border) !important;}
.card-horizontal { overflow: hidden; min-height: 140px; max-height: 180px; }
.card-img-wrapper { flex: 0 0 150px; max-width: 150px; overflow: hidden; }
.card-img-wrapper img { object-fit: cover; height: 100%; width: 100%; }
.invalid-feedback{ background-color: #f1416c !important; padding: 5px 10px; border-radius: 8px !important; color: #FFFFFF !important; margin-bottom: 10px !important; font-weight: bold !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); width: fit-content !important; }
[v-cloak] { display: none !important; } .pac-container { z-index: 1056 !important; }