.hp[data-v-b0f0af2b]{border:var(--line);background:color-mix(in srgb,var(--color-bosco) 22%,transparent);min-width:0;height:100%;transition:border-color var(--duration-slow) var(--ease-out-soft);flex-direction:column;display:flex}.hp__bar[data-v-b0f0af2b]{justify-content:space-between;gap:var(--spacing-s-2);padding:var(--spacing-s-2) var(--spacing-s-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-acciaio);border-bottom:var(--line);display:flex}.hp__img[data-v-b0f0af2b]{aspect-ratio:1;max-height:13rem;margin:var(--spacing-s-4) var(--spacing-s-5) 0;background:var(--color-osso);-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat;-webkit-mask:var(--src) center/contain no-repeat;transition:transform var(--duration-slow) var(--ease-out-soft),background-color var(--duration-slow) var(--ease-out-soft);display:block}.hp__id[data-v-b0f0af2b]{gap:var(--spacing-s-1);padding:var(--spacing-s-4) var(--spacing-s-4) 0;display:grid}.hp__name[data-v-b0f0af2b]{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.1em;margin:0;line-height:1.05;display:-webkit-box;overflow:hidden}.hp__latin[data-v-b0f0af2b]{min-height:1.5em;font-family:var(--font-serif);font-size:var(--text-sm);font-style:italic}.hp__label[data-v-b0f0af2b],.hp__latin[data-v-b0f0af2b]{color:var(--color-acciaio);margin:0}.hp__label[data-v-b0f0af2b]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.hp__aromas[data-v-b0f0af2b]{gap:var(--spacing-s-2);padding:var(--spacing-s-3) var(--spacing-s-4) var(--spacing-s-4);display:grid}.hp__tags[data-v-b0f0af2b]{gap:var(--spacing-s-1) var(--spacing-s-3);font-family:var(--font-serif);font-size:var(--text-base);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hp__tags li[data-v-b0f0af2b]{align-items:center;gap:var(--spacing-s-2);display:inline-flex}.hp__tags li[data-v-b0f0af2b]:before{content:"";background:var(--color-rame);border-radius:50%;width:5px;height:5px}.hp__in[data-v-b0f0af2b]{gap:var(--spacing-s-2);padding:var(--spacing-s-3) 0 var(--spacing-s-4);border-top:var(--line);margin-top:auto;display:grid}.hp__in-head[data-v-b0f0af2b]{min-height:2rem;padding-inline:var(--spacing-s-4);justify-content:space-between;align-items:center;display:flex}.hp__arrows[data-v-b0f0af2b]{gap:var(--spacing-s-1);display:none}@media (hover:hover) and (pointer:fine){.hp__arrows[data-v-b0f0af2b]{display:flex}.hp[data-v-b0f0af2b]:hover{border-color:color-mix(in srgb,var(--color-rame) 60%,transparent)}.hp:hover .hp__img[data-v-b0f0af2b]{background-color:var(--color-rame);transform:scale(1.03)rotate(-1.5deg)}}.hp__arrow[data-v-b0f0af2b]{width:2rem;height:2rem;color:var(--color-osso);border:var(--line);cursor:pointer;transition:color var(--duration-base) var(--ease-out-soft),border-color var(--duration-base) var(--ease-out-soft);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.hp__arrow[data-v-b0f0af2b] svg{width:1rem;height:1rem}.hp__arrow[data-v-b0f0af2b]:hover:not(:disabled){color:var(--color-rame);border-color:var(--color-rame)}.hp__arrow[data-v-b0f0af2b]:disabled{opacity:.3;cursor:default}.hp__arrow[data-v-b0f0af2b]:focus-visible{outline:2px solid var(--color-rame);outline-offset:2px}.hp__chips[data-v-b0f0af2b]{--fade:2rem;gap:var(--spacing-s-2);padding:2px var(--spacing-s-4);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--spacing-s-4);scrollbar-width:none;margin:0;list-style:none;display:flex;overflow-x:auto}.hp__chips[data-v-b0f0af2b]::-webkit-scrollbar{display:none}.hp__chips.fade-end[data-v-b0f0af2b]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--fade)),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--fade)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--fade)),transparent)}.hp__chips.fade-start[data-v-b0f0af2b]{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade));-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade));mask-image:linear-gradient(to right,transparent,#000 var(--fade))}.hp__chips.fade-start.fade-end[data-v-b0f0af2b]{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent)}.hp__chips li[data-v-b0f0af2b]{scroll-snap-align:start;flex:none}.hp__chip[data-v-b0f0af2b]{min-height:2.25rem;padding:0 var(--spacing-s-3);font-family:var(--font-serif);font-size:var(--text-sm);white-space:nowrap;color:var(--color-rame);border:1px solid color-mix(in srgb,var(--color-rame) 55%,transparent);border-radius:var(--radius-full);transition:color var(--duration-base) var(--ease-out-soft),background-color var(--duration-base) var(--ease-out-soft);align-items:center;text-decoration:none;display:inline-flex}.hp__chip[data-v-b0f0af2b]:hover{color:var(--color-notte);background:var(--color-rame)}.hp__chip[data-v-b0f0af2b]:focus-visible{outline:2px solid var(--color-rame);outline-offset:2px}@media (pointer:coarse){.hp__chip[data-v-b0f0af2b]{min-height:var(--tap)}}