.column-switcher{display:inline-flex;align-items:center;gap:.6rem}.column-switcher__btn{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;padding:0;cursor:pointer;color:rgb(var(--color-foreground));background:transparent;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.4rem;transition:border-color .15s ease}.column-switcher__btn+.column-switcher__btn{margin-inline-start:-.1rem}.column-switcher__icon{display:flex;gap:.2rem;width:1.8rem;height:1.4rem}.column-switcher__icon span{flex:1 1 auto;background:currentColor;border-radius:.1rem;opacity:.4;transition:opacity .15s ease}.column-switcher__btn:hover{border-color:rgba(var(--color-foreground),.55)}.column-switcher__btn:hover .column-switcher__icon span,.column-switcher__btn--active .column-switcher__icon span{opacity:1}.column-switcher__btn--active{border-color:rgb(var(--color-foreground))}.column-switcher__btn:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-column-switcher.css.map */