.product-switcher{display:block;flex-basis:100%}.product-switcher[hidden]{display:none}.product-switcher__label{position:absolute!important;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;overflow:hidden}.product-switcher__current{font-weight:500}.product-switcher__buttons{display:flex;gap:8px;margin:0;padding:0;list-style:none}.product-switcher__button{display:flex;flex:1 1 0;min-width:0}.product-switcher__button>a,.product-switcher__button>button{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:8px 20px;margin:0;font:var(--text-md);color:var(--body-color);text-align:center;text-decoration:none;background:none;border:1px solid #e1e1e1;border-radius:2px;cursor:pointer}@media(hover:hover){.product-switcher__button>a:hover{background-color:#0000000d;border-color:#0000000d}}.product-switcher__button>a:active{background-color:#0000001a;border-color:#0000001a}.product-switcher__button>[data-active]{border-color:#212121;color:var(--color-text-primary);cursor:default}.product-switcher__button--skeleton{min-height:44px;border-radius:2px;background:#f0f0f0}.product-switcher--dropdown{position:relative;flex:0 0 auto}.product-switcher__modal:not(:defined){display:none}.product-switcher__trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:8px 16px;border-radius:2px;text-transform:none}.product-switcher__trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--text-md)}.product-switcher__arrow{flex:0 0 auto;width:24px;height:24px;transition:transform .15s}.product-switcher__trigger[aria-expanded=true] .product-switcher__arrow{transform:scaleY(-1)}.product-switcher__dropdown-title{margin:0 0 16px;font:var(--title-sm);color:var(--title-color)}@media screen and (min-width:992px){.product-switcher__dropdown-title{display:none}}.product-switcher__buttons--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.product-switcher__buttons--grid .product-switcher__button{min-width:120px}.product-switcher__buttons--grid .product-switcher__button>a,.product-switcher__buttons--grid .product-switcher__button>button{justify-content:flex-start;padding:8px;text-align:left}
/*# sourceMappingURL=/cdn/shop/t/463/assets/product-switcher.css.map */
