.color-swatches-collection{position:relative;transition:opacity .3s}.color-swatches-collection-container-preinit{opacity:0}.color-swatch-collection{border:1px solid #fff;background:#f7f7f7;border-radius:2px;transition:border .15s ease}.color-swatch-collection-link{display:flex;cursor:pointer}.color-swatch-collection--out-of-stock{order:2}.color-swatch-collection--out-of-stock .color-swatch-collection-link{position:relative}.color-swatch-collection--out-of-stock .color-swatch-collection-link:before{display:block;content:"";position:absolute;left:50%;top:5%;bottom:5%;transform:rotate(-45deg);border-left:solid 1px var(--color-foreground)}.color-swatch-collection:hover,.color-swatch-collection:focus-within,.color-swatch-collection.color-swatch-collection--selected{border:1px solid var(--color-foreground);box-shadow:inset 0 0 0 2px var(--color-background)}.color-swatch-collection:focus-within .color-swatch-collection-link,.color-swatch-collection.color-swatch-collection--selected .color-swatch-collection-link{cursor:default}.color-swatch-collection.color-swatch-collection--selected{order:-1}.color-swatch-collection.color-swatch-collection--out-of-stock img{opacity:.5}.color-swatches-collection:hover .color-swatch-collection--selected,.color-swatchse-collection:focus-within .color-swatch-collection--selected{outline:none}.color-swatch-collection-image{object-fit:contain;width:100%;height:100%;mix-blend-mode:multiply}.color-swatches-collection .color-swatch-inner-label{font-weight:700;margin-left:.25em}.color-swatches-collection #color-swatch-current-label{transition:opacity .15s ease}.color-swatches-collection #color-swatch-current-label.is-fading{opacity:0}@media only screen and (min-width:768px){.color-swatches-collection .gridy-arrows{opacity:1!important;transform:scale(1)!important}}.color-swatch-collection-preview-image{position:absolute;top:0;right:0;width:100%;height:100%}.color-swatch-collection-preview-image{z-index:1;animation:fade-in .3s ease-in-out}.color-swatch-collection-dropdown summary{border:1px solid var(--color-borders);padding:calc(var(--gutter) / 2)}.color-swatch-collection-dropdown summary .collection-summary{display:flex;align-items:center;gap:12px}.color-swatch-collection-dropdown .content{padding:calc(var(--gutter) / 2);border:1px solid #f1f1f1;border-top:0}.color-swatch-collection-dropdown .color-swatch-label{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/component-color-swatches-collection.css.map */