.view-switch{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin:0 0 1.6rem}.view-switch__label{font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.5)}.view-switch__group{display:flex;border:1px solid rgba(var(--color-foreground),.16)}.view-switch__btn{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.2rem;padding:0;background:transparent;border:0;border-right:1px solid rgba(var(--color-foreground),.12);color:rgba(var(--color-foreground),.45);cursor:pointer;transition:color .2s ease,background .2s ease}.view-switch__btn:last-child{border-right:0}.view-switch__btn svg{width:1.7rem;height:1.7rem}.view-switch__btn:hover{color:rgb(var(--cs-barro, 65, 112, 126))}.view-switch__btn[aria-pressed=true]{background:rgb(var(--cs-barro, 65, 112, 126));color:rgb(var(--color-background))}.view-switch__btn:focus-visible{outline:.2rem solid rgb(var(--cs-barro, 65, 112, 126));outline-offset:-.2rem}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-view-switch.css.map */