.card-product__swatch-carousel{max-width:100%;position:relative}.card-product__swatch-more{display:none}@media screen and (max-width:749px){.card-product__horizontal-options{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scroll-padding-inline:2px;display:flex;overflow:auto hidden}.card-product__horizontal-options::-webkit-scrollbar{display:none}.card-product__horizontal-options>*{scroll-snap-align:start;flex:none}.card-product-swatch__image .card-product__swatch-carousel{--swatch-carousel-background:var(--color-background);width:min(100%,172px)}.card-product-swatch__image .card-product__swatch-carousel.justify-center{margin-inline:auto}.card-product-swatch__image .card-product__swatch-carousel.justify-end{margin-inline-start:auto}.product-card-wrapper-bg .card-product-swatch__image .card-product__swatch-carousel{--swatch-carousel-background:var(--color-background-card)}.card-product-swatch__image .card-product__swatch-list{justify-content:flex-start;gap:8px;width:100%;max-width:100%}.card-product-swatch__image:not(.is-overflowing) .card-product__swatch-list{width:max-content}.card-product-swatch__image .card-product__swatch-item .swatch-button-image{--swatch-image:44px;box-sizing:border-box;margin-right:0}.card-product-swatch__image .swatch-button-image:focus-visible{outline-offset:-3px}.card-product-swatch__image .card-product__swatch-more{color:rgba(var(--color-foreground) / .7);pointer-events:none;z-index:2;background:linear-gradient(to right,rgba(var(--swatch-carousel-background) / 0),rgb(var(--swatch-carousel-background)) 78%);opacity:0;visibility:hidden;width:36px;transition:opacity var(--duration-short) ease,visibility var(--duration-short) ease;justify-content:flex-end;align-items:center;padding-inline-end:3px;display:flex;position:absolute;inset-block:0;inset-inline-end:0}.card-product-swatch__image.has-overflow-right .card-product__swatch-more{opacity:1;visibility:visible}.card-product-swatch__image .card-product__swatch-more svg{width:8px;height:14px}.card-product-sizes{opacity:1;width:100%;min-width:0;min-height:31px;max-height:31px;margin-top:.75rem;padding:0 1rem;display:block;overflow:hidden}.card-product-sizes__list{gap:.5rem;width:max-content;max-width:100%;padding:.3rem 1rem .3rem 0}.card-product-sizes.is-overflowing .card-product-sizes__list{width:min(100%,130px)}}.card-product--option-14{box-shadow:none;background:0 0;border:0;border-radius:0}.card-product--option-14 .card-product__media{border-radius:12px;position:relative;overflow:hidden}.card-product--option-14 .card-product__media-inner{aspect-ratio:1;background:#fff;border-radius:12px}.card-product--option-14 .card-product__media-inner>.product-link,.card-product--option-14 .card-product__media-inner .responsive-image{border-radius:12px;height:100%;padding:0}.card-product--option-14 .product-first-image{opacity:1;transition:transform .55s cubic-bezier(.2,.75,.2,1),opacity .35s;transform:scale(1)}.card-product--option-14 .product-secondary-image{opacity:0;transition:opacity .3s,transform .4s;transform:scale(1)}.card-product--option-14 .quick-add{display:none}.card-product--option-14 .card-product-sizes{z-index:2;opacity:0;visibility:hidden;background:linear-gradient(#0000,#0003);width:100%;min-height:0;max-height:none;margin:0;padding:32px 12px 12px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s,visibility .3s;display:block;position:absolute;inset:auto 0 0;transform:translateY(100%)}.card-product--option-14 .card-product-sizes__list{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%;max-width:none;padding:0;display:grid;overflow:visible}.card-product--option-14 .card-product-sizes__item{box-sizing:border-box;border:0;border-radius:4px;width:100%;min-width:0;height:32px;padding:6px 0;font-size:11px;font-weight:500;transition:background .2s,color .2s,opacity .2s;position:relative;transform:none;box-shadow:inset 0 0 0 2px #0000;color:#111!important}.card-product--option-14 .card-product-sizes__item.size-badge-luige{background:#d6f0bde6!important}.card-product--option-14 .card-product-sizes__item.size-badge-supplier{background:#ffe0bce6!important}.card-product--option-14 .size-badge-supplier:after{content:"P";font-size:7px;font-weight:700;line-height:1;position:absolute;top:2px;right:3px}.card-product--option-14 .card-product-sizes__item:hover{transform:none;box-shadow:inset 0 0 0 2px #0000}.card-product--option-14 .card-product-sizes__item:focus-visible{outline-offset:2px;outline:2px solid #66885d}@media(min-width:769px)and (hover:hover)and (pointer:fine){.card-product--option-14:is(:hover,:focus-within) .card-product-sizes{opacity:1;visibility:visible;transform:translateY(0)}.card-product--option-14:not(.card-product--swatch-selected):is(:hover,:focus-within) .product-secondary-image{opacity:1;transform:scale(1.05)}.card-product--option-14:not(.card-product--swatch-selected):is(:hover,:focus-within) .card-product__media-inner:has(.product-secondary-image) .product-first-image{opacity:0;transform:scale(.985)}.card-product--option-14.card-product--swatch-selected:is(:hover,:focus-within) .product-first-image{opacity:1;transform:scale(1.05)}.card-product--option-14.card-product--swatch-selected .card-product__media-inner .product-secondary-image{opacity:0;transform:scale(1)}.card-product--option-14 .card-product-sizes__item.size-badge-luige:hover{background:#b8dd95e6!important}.card-product--option-14 .card-product-sizes__item.size-badge-supplier:hover{background:#ffc37ee6!important}}.card-product--option-14 .card-product-sizes__item.size-badge-luige:active{box-shadow:inset 0 0 0 2px #5e9966;background:#d6f0bde6!important}.card-product--option-14 .card-product-sizes__item.size-badge-supplier:active{box-shadow:inset 0 0 0 2px #e38255;background:#ffe0bce6!important}@media(max-width:768px),(hover:none)and (pointer:coarse){.card-product--option-14 .card-product-sizes{opacity:1;visibility:visible;background:0 0;padding:12px 0 4px;transition:none;position:relative;transform:none}.card-product--option-14 .card-product-sizes.has-overflow-right:after{content:"\203a";color:#555e50;pointer-events:none;background:linear-gradient(90deg,#0000,#fff 45%);place-items:center;width:27px;height:44px;font-size:22px;line-height:1;display:grid;position:absolute;top:12px;right:0}.card-product--option-14 .card-product-sizes__list{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;width:100%;max-width:100%;scroll-padding-inline:2px;display:flex;overflow:auto hidden}.card-product--option-14 .card-product-sizes.is-overflowing .card-product-sizes__list{width:100%}.card-product--option-14 .card-product-sizes__list::-webkit-scrollbar{display:none}.card-product--option-14 .card-product-sizes__item{scroll-snap-align:start;-webkit-tap-highlight-color:transparent;border-radius:5px;flex:0 0 44px;width:44px;height:44px;padding:0;font-size:13px;transition:none}.card-product--option-14 .size-badge-supplier:after{font-size:9px;top:4px;right:4px}.card-product--option-14 .card-product__media-inner .product-secondary-image{opacity:0;transform:none}}@media(prefers-reduced-motion:reduce){.card-product--option-14 .card-product-sizes,.card-product--option-14 .product-first-image,.card-product--option-14 .product-secondary-image{transition:none}}.card-product--option-14 .card-product__swatch-item .swatch-button-image{box-sizing:border-box;transition:border-color .18s,border-width .18s}.card-product--option-14 .card-product__swatch-item .swatch-button-image.active{border:2px solid #34483a}@media(hover:hover)and (pointer:fine){.card-product--option-14 .card-product__swatch-item .swatch-button-image:hover:not(.active){border:2px solid #66885d}.card-product--option-14 .card-product__swatch-item .swatch-button-color:hover:before{opacity:1;box-shadow:0 0 0 2px #66885d}}.card-product--option-14 .card-product__swatch-item .swatch-button-color.active:before{opacity:1;box-shadow:0 0 0 2px #34483a}@media screen and (max-width:749px){card-product-sizes:defined:not(.is-overflowing) .card-product__horizontal-options,card-product-swatch:defined:not(.is-overflowing) .card-product__horizontal-options{overflow:hidden}}@media(max-width:768px),(hover:none)and (pointer:coarse){.card-product--option-14 card-product-sizes:defined:not(.is-overflowing) .card-product-sizes__list{overflow:hidden}}@media(max-width:749px){.card-product--option-14 .card-product-sizes{padding:8px 0 2px}.card-product--option-14 .card-product-sizes__list{gap:4px}.card-product--option-14 .card-product-sizes__item{flex:0 0 32px;width:32px;height:32px;border-radius:4px;font-size:11px}.card-product--option-14 .card-product-sizes.has-overflow-right:after{width:22px;height:32px;top:8px;font-size:18px}}.card-product--option-14:is(:hover,:focus-within) .card-product-sizes{margin-top:0;max-height:none}
/*# sourceMappingURL=/cdn/shop/t/20/assets/card-product-swatch.css.map */
