.variant-image-swatches{--phoenix-brown: rgb(var(--color-phoenix-brown, 96, 56, 19));--phoenix-orange: rgb(var(--color-button));display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px;max-width:100%}.variant-image-swatches__item{position:relative;min-width:0;overflow:visible}.variant-image-swatches__item:hover .ph-hover-tip,.variant-image-swatches__item:focus-within .ph-hover-tip{display:block}@media screen and (max-width:989px){.variant-image-swatches__item .ph-hover-tip{left:0;right:0;transform:none;white-space:normal;text-align:center}}.variant-image-swatches__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.product-form__input--pill .variant-image-swatches__input+.variant-image-swatches__label{border:2px solid rgba(var(--color-foreground),.18);border-radius:6px;background-color:#fff;color:inherit;overflow:hidden}.product-form__input--pill .variant-image-swatches__input+.variant-image-swatches__label:before{content:none;display:none;box-shadow:none}.variant-image-swatches__label{display:block;width:100%;height:auto;cursor:pointer;padding:0;transition:border-color .2s ease,box-shadow .2s ease}.variant-image-swatches__media{display:block;width:100%;margin:0;padding:0;aspect-ratio:var(--swatch-aspect-ratio, 1 / 1);position:relative;overflow:hidden;line-height:0;background-color:#f5f0eb}.product-form__input--pill .variant-image-swatches__input:not(:checked)+.variant-image-swatches__label:hover,.variant-image-swatches__input:not(:checked)+.variant-image-swatches__label:hover{border-color:var(--phoenix-brown);box-shadow:0 0 0 1px var(--phoenix-brown)}.product-form__input--pill .variant-image-swatches__input:checked+.variant-image-swatches__label,.variant-image-swatches__input:checked+.variant-image-swatches__label{border-color:var(--phoenix-orange);background-color:#fff;color:inherit;box-shadow:0 0 0 1px var(--phoenix-orange)}.product-form__input--pill .variant-image-swatches__input:checked+.variant-image-swatches__label:hover,.variant-image-swatches__input:checked+.variant-image-swatches__label:hover{border-color:var(--phoenix-brown);box-shadow:0 0 0 1px var(--phoenix-brown)}.variant-image-swatches__input.disabled+.variant-image-swatches__label{opacity:.5;cursor:not-allowed}.variant-image-swatches__input.disabled+.variant-image-swatches__label .variant-image-swatches__image:after,.variant-image-swatches__input.disabled+.variant-image-swatches__label .variant-image-swatches__placeholder:after{content:"";position:absolute;top:50%;left:5%;width:90%;height:2px;background-color:#c00;transform:rotate(-45deg)}.variant-image-swatches__media .variant-image-swatches__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;object-fit:cover;object-position:center;display:block;vertical-align:top;border-radius:0;opacity:1;transition:opacity .2s ease}.variant-image-swatches__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f5f0eb;box-sizing:border-box;padding:14%}.variant-image-swatches__placeholder-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:70%;max-height:70%}.variant-image-swatches__placeholder-logo,.variant-image-swatches__placeholder-inner .phoenix-logo-placeholder__img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.variant-image-swatches__input:checked+.variant-image-swatches__label .variant-image-swatches__text{font-weight:600}.variant-image-swatches--small{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.variant-image-swatches--small .variant-image-swatches__text{font-size:10px;padding:6px 3px}.variant-image-swatches--large{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:15px}.variant-image-swatches--large .variant-image-swatches__text{font-size:12px;padding:10px 5px}.variant-image-swatches--circle{grid-template-columns:repeat(auto-fill,minmax(70px,80px))}.variant-image-swatches--circle .variant-image-swatches__label{border-radius:50%;overflow:hidden}.variant-image-swatches--circle .variant-image-swatches__media{aspect-ratio:1 / 1;border-radius:50%}.variant-image-swatches--circle .variant-image-swatches__image,.variant-image-swatches--circle .variant-image-swatches__placeholder{border-radius:50%}.variant-image-swatches--circle .variant-image-swatches__text,.variant-image-swatches--no-text .variant-image-swatches__text{display:none}.variant-image-swatches--no-text .variant-image-swatches__media{border-radius:0}.variant-image-swatches--ratio-1-1{--swatch-aspect-ratio: 1 / 1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.variant-image-swatches--ratio-1-1 .variant-image-swatches__media{aspect-ratio:1 / 1}.variant-image-swatches--ratio-2-1{--swatch-aspect-ratio: 2 / 1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.variant-image-swatches--ratio-2-1 .variant-image-swatches__item{align-self:start;width:100%}.variant-image-swatches--ratio-2-1 .variant-image-swatches__media{aspect-ratio:2 / 1;height:auto;padding:0;border-radius:4px;overflow:hidden}.variant-image-swatches--ratio-2-1 .variant-image-swatches__media .variant-image-swatches__image,.variant-image-swatches--ratio-2-1 .variant-image-swatches__media .variant-image-swatches__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:4px}.product-form__input--pill .variant-image-swatches--ratio-2-1 .variant-image-swatches__input+.variant-image-swatches__label,.variant-image-swatches--ratio-2-1 .variant-image-swatches__input+.variant-image-swatches__label{padding:0;margin:0;border:none;border-radius:4px;overflow:hidden;background-color:transparent;box-shadow:none}.product-form__input--pill .variant-image-swatches--ratio-2-1 .variant-image-swatches__input:not(:checked)+.variant-image-swatches__label:hover,.variant-image-swatches--ratio-2-1 .variant-image-swatches__input:not(:checked)+.variant-image-swatches__label:hover{border:none;background-color:transparent;box-shadow:0 0 0 2px var(--phoenix-brown)}.product-form__input--pill .variant-image-swatches--ratio-2-1 .variant-image-swatches__input:checked+.variant-image-swatches__label,.variant-image-swatches--ratio-2-1 .variant-image-swatches__input:checked+.variant-image-swatches__label{border:none;background-color:transparent;box-shadow:0 0 0 2px var(--phoenix-orange)}.product-form__input--pill .variant-image-swatches--ratio-2-1 .variant-image-swatches__input:checked+.variant-image-swatches__label:hover,.variant-image-swatches--ratio-2-1 .variant-image-swatches__input:checked+.variant-image-swatches__label:hover{border:none;background-color:transparent;box-shadow:0 0 0 2px var(--phoenix-brown)}.variant-image-swatches--ratio-2-1.variant-image-swatches--small,.variant-image-swatches--ratio-2-1.variant-image-swatches--large{grid-template-columns:repeat(4,minmax(0,1fr))}@media screen and (max-width:749px){.variant-image-swatches--ratio-1-1{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.variant-image-swatches--ratio-2-1{grid-template-columns:repeat(4,minmax(0,1fr))}.variant-image-swatches{gap:8px}.variant-image-swatches__text{font-size:10px;padding:6px 3px}}@media screen and (max-width:450px){.variant-image-swatches--ratio-1-1{grid-template-columns:repeat(3,1fr);gap:6px}.variant-image-swatches--ratio-2-1{gap:6px}}@media screen and (min-width:990px){.product-form__input:has(.variant-image-swatches--ratio-2-1){max-width:none;width:100%;min-width:0}.variant-image-swatches--ratio-2-1,.variant-image-swatches--ratio-2-1.variant-image-swatches--small,.variant-image-swatches--ratio-2-1.variant-image-swatches--large{width:100%;grid-template-columns:repeat(6,minmax(0,1fr))}}.variant-image-swatches__label:hover .variant-image-swatches__image{opacity:.92}.variant-image-swatches--scrollable{max-height:400px;overflow-y:auto;padding-right:5px}.variant-image-swatches--scrollable::-webkit-scrollbar{width:6px}.variant-image-swatches--scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.variant-image-swatches--scrollable::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.variant-image-swatches--scrollable::-webkit-scrollbar-thumb:hover{background:#999}.product-form__input--pill .variant-image-swatches__item .variant-image-swatches__label{width:100%}.product-form__input--pill .variant-image-swatches__input:not(:checked):focus-visible+.variant-image-swatches__label{border-color:var(--phoenix-brown);box-shadow:0 0 0 2px var(--phoenix-brown);outline:none}.product-form__input--pill .variant-image-swatches__input:checked:focus-visible+.variant-image-swatches__label{border-color:var(--phoenix-orange);box-shadow:0 0 0 2px var(--phoenix-orange);outline:none}.product-form__input--pill .variant-image-swatches--ratio-2-1 .variant-image-swatches__input:not(:checked):focus-visible+.variant-image-swatches__label{border:none;background-color:transparent;box-shadow:0 0 0 2px var(--phoenix-brown);outline:none}.product-form__input--pill .variant-image-swatches--ratio-2-1 .variant-image-swatches__input:checked:focus-visible+.variant-image-swatches__label{border:none;background-color:transparent;box-shadow:0 0 0 2px var(--phoenix-orange);outline:none}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-variant-image-swatches.css.map */