modello-card-colors{display:block;position:relative;width:100%;min-width:0;z-index:3;--variant-picker-swatch-width: 20px;--variant-picker-swatch-height: 20px;--variant-picker-swatch-radius: 50%}.modello-card-colors__tray{position:relative;display:flex;align-items:center;gap:4px;min-height:36px;padding:4px;background:var(--color-background);color:var(--color-foreground)}.modello-card-colors__list{display:flex;flex-wrap:wrap;align-items:center;gap:2px;list-style:none;margin:0;padding:0;min-width:0}.modello-card-colors__item{display:flex}.modello-card-colors__link{display:flex;position:relative;align-items:center;justify-content:center;width:24px;height:28px;color:inherit;text-decoration:none}.modello-card-colors__link .swatch{box-shadow:inset 0 0 0 1px #0003}.modello-card-colors__link.is-current .swatch{outline:1px solid currentColor;outline-offset:2px}.modello-card-colors__link.is-sold-out:after{content:"";position:absolute;width:23px;height:1px;background:currentColor;transform:rotate(-45deg)}.modello-card-colors__link:focus-visible,.modello-card-colors__more summary:focus-visible{outline:2px solid currentColor;outline-offset:1px}.modello-card-colors__text{max-width:100%;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modello-card-colors__more{margin-inline-start:auto}.modello-card-colors__more summary{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:28px;padding:2px;cursor:pointer;list-style:none;font-size:12px}.modello-card-colors__more summary::-webkit-details-marker{display:none}.modello-card-colors__extra{position:absolute;inset-inline:0;bottom:100%;max-height:180px;padding:8px;overflow-y:auto;overscroll-behavior:contain;background:var(--color-background);box-shadow:0 -2px 8px #0000001f}.modello-card-colors__more:not([open]) .modello-card-colors__extra{display:none}.modello-card-color-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;object-fit:contain;background:var(--color-background)}.modello-card-color-preview[hidden]{display:none}.modello-card-preview-badge{z-index:2;pointer-events:none}[data-modello-color-preview] :is(quick-add-component,.wishlist-button,.product-badges:not(.modello-card-preview-badge),[ref=volumePricingNote]){display:none}@media(max-width:989px),(hover:none),(pointer:coarse){.product-card__content>modello-card-colors{order:1}}@media(max-width:380px){modello-card-colors{--variant-picker-swatch-width: 16px;--variant-picker-swatch-height: 16px}.modello-card-colors__tray{padding:2px;gap:2px}.modello-card-colors__tray>.modello-card-colors__list{gap:0}.modello-card-colors__tray>.modello-card-colors__list .modello-card-colors__link{width:20px}}@media(min-width:990px)and (hover:hover)and (pointer:fine){modello-card-colors{height:0;margin-block-start:calc(-1 * var(--product-card-gap, 0px))}.modello-card-colors__tray{position:absolute;inset-inline:0;bottom:0;min-height:46px;padding:9px 12px;background:#ededeacc;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(46px);transition:opacity .3s linear,transform .3s linear,visibility .3s}:is(product-card,[data-modello-color-card]):hover .modello-card-colors__tray,:is(product-card,[data-modello-color-card]):focus-within .modello-card-colors__tray,modello-card-colors:has(details[open]) .modello-card-colors__tray{opacity:1;visibility:visible;pointer-events:auto;transform:none}}@media(prefers-reduced-motion:reduce){.modello-card-colors__tray{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/modello-card-colors.css.map */