.collection-toolbar:has(.collection-image-toggle){align-items:center}.collection-image-toggle{display:flex;align-items:center;align-self:stretch;gap:.5rem;margin-inline-start:.5rem;padding-inline:.75rem;box-sizing:border-box}.collection-image-toggle--with-end-border{border-inline-end:1px solid rgb(var(--border-color));margin-inline-end:.5rem}.collection-image-toggle__label{white-space:nowrap;flex-shrink:0;line-height:1}.collection-image-toggle__control{display:flex;align-items:center;gap:.375rem}.collection-image-toggle__control .collection-toolbar__button{min-width:4.5rem;opacity:1;padding-block:.25rem;line-height:1}.collection-image-toggle__control .collection-toolbar__button--icon{min-width:0;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;padding:.2rem;border:1px solid rgb(var(--border-color));border-radius:2px;opacity:.45;transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease;z-index:1;overflow:hidden}@media screen and (pointer:fine){.collection-image-toggle__control [data-tooltip]:after{inset-block-end:auto;inset-block-start:calc(100% + var(--tooltip-offset, .5rem));border-radius:3px}}.collection-image-toggle__control .collection-toolbar__button--icon:hover{opacity:.75}.collection-image-toggle__control .collection-toolbar__button--icon.is-active,.collection-image-toggle__control .collection-toolbar__button--icon[aria-pressed=true]{opacity:1;border-color:rgb(var(--text-color));box-shadow:0 0 0 1px rgb(var(--text-color))}.collection-image-toggle__control .collection-toolbar__button:not(.collection-toolbar__button--icon).is-active,.collection-image-toggle__control .collection-toolbar__button:not(.collection-toolbar__button--icon)[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:.2em}.collection-image-toggle__control .collection-toolbar__button:not(.collection-toolbar__button--icon){opacity:.45}.collection-image-toggle__control .collection-toolbar__button:not(.collection-toolbar__button--icon):hover{opacity:.75}.collection-image-toggle__icon{width:var(--collection-image-toggle-icon-size, 20px);height:var(--collection-image-toggle-icon-size, 20px);object-fit:cover;object-position:center;display:block;pointer-events:none;flex-shrink:0}.collection-image-toggle--circular .collection-image-toggle__icon{border-radius:50%}.collection-image-toggle--circular .collection-toolbar__button--icon{border-radius:50%;padding:.15rem}.collection-image-toggle--circular .collection-toolbar__button--icon.is-active,.collection-image-toggle--circular .collection-toolbar__button--icon[aria-pressed=true]{box-shadow:0 0 0 2px rgb(var(--background)),0 0 0 3px rgb(var(--text-color))}.collection-toolbar:has(.collection-image-toggle):not(:has(.collection-toolbar__button-list .collection-toolbar__button-container)):not(:has(.collection-toolbar__products-count)):not(:has(.collection-toolbar__layout-switch-list)) .collection-image-toggle{border-inline-start:0;margin-inline-start:0;padding-inline-start:0}@media screen and (min-width:700px){.collection-image-toggle__control .collection-toolbar__button{padding-block:.25rem}.collection-image-toggle__control .collection-toolbar__button--icon{padding:.25rem}}@media screen and (max-width:699px){.collection-toolbar:has(.collection-image-toggle) .collection-image-toggle{order:-1;margin-inline-start:0;margin-inline-end:0;padding-inline:.35rem .5rem;border-inline-end:1px solid rgb(var(--border-color))}.collection-image-toggle--with-end-border{margin-inline-end:0}}
/*# sourceMappingURL=/cdn/shop/t/273/assets/collection-image-toggle.css.map */