.category-bubbles__wrapper{position:relative;padding:var(--space-4) 0}.category-bubbles{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory}.category-bubbles::-webkit-scrollbar{display:none}.category-bubbles__track{display:flex;gap:var(--space-4);padding:var(--space-2) var(--space-4);width:max-content}@media (min-width: 768px){.category-bubbles__track{gap:var(--space-5);padding:var(--space-2) var(--space-6)}}.category-bubble{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:0;background:transparent;border:none;text-decoration:none;cursor:pointer;transition:transform var(--transition-base);scroll-snap-align:start;flex-shrink:0}.category-bubble:hover{transform:translateY(-2px)}.category-bubble:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-full)}.category-bubble--active .category-bubble__image-wrapper{box-shadow:0 0 0 3px var(--color-coral)}.category-bubble__image-wrapper{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--color-cream);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:box-shadow var(--transition-base)}@media (min-width: 768px){.category-bubble__image-wrapper{width:80px;height:80px}}.category-bubble:hover .category-bubble__image-wrapper{box-shadow:0 4px 12px #00000026}.category-bubble__image{width:100%;height:100%;object-fit:cover}.category-bubble__placeholder{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase}.category-bubble__icon{display:flex;align-items:center;justify-content:center}.category-bubble__icon svg{width:28px;height:28px;stroke:var(--color-text-secondary)}.category-bubble__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap;text-align:center;max-width:90px;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-base)}@media (min-width: 768px){.category-bubble__label{font-size:var(--text-sm);max-width:100px}}.category-bubble:hover .category-bubble__label{color:var(--color-coral-dark)}.category-bubble--active .category-bubble__label{color:var(--color-coral);font-weight:var(--font-semibold)}.category-bubbles__arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;z-index:2;transition:background-color var(--transition-base),border-color var(--transition-base),opacity var(--transition-base)}.category-bubbles__arrow:hover{background:var(--color-coral-light);border-color:var(--color-coral)}.category-bubbles__arrow:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.category-bubbles__arrow--left{left:var(--space-2)}.category-bubbles__arrow--right{right:var(--space-2)}.category-bubbles__arrow svg{width:20px;height:20px;stroke:var(--color-text-primary)}.category-bubbles__arrow[hidden]{display:none}@media (max-width: 767px){.category-bubbles__arrow{display:none}}.category-bubbles--centered .category-bubbles__track{justify-content:center}@media (max-width: 767px){.category-bubbles--centered .category-bubbles__track{justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/224/assets/component-category-bubbles.css.map */