.button__pill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem .5rem;width:100%}.button__pill{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--variant-pills-min-height);box-sizing:border-box;margin:0;padding:1rem 2rem;border:var(--variant-pills-border-width) solid rgb(var(--variant-pills-default-border));border-radius:var(--variant-pills-radius);background-color:rgb(var(--variant-pills-default-background));color:rgb(var(--variant-pills-default-text));font-family:Aneliza,sans-serif;font-size:1.4rem;font-weight:400;line-height:1;letter-spacing:.1rem;text-align:center;cursor:pointer;box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity));transition:border var(--duration-short, .2s) ease,border-color var(--duration-short, .2s) ease,background-color var(--duration-short, .2s) ease,color var(--duration-short, .2s) ease,box-shadow var(--duration-short, .2s) ease;-webkit-tap-highlight-color:transparent}.button__pill:hover:not(:disabled):not(.is-active){border-color:rgb(var(--variant-pills-hover-border, var(--variant-pills-default-border)));background-color:rgb(var(--variant-pills-hover-background, var(--variant-pills-default-background)));color:rgb(var(--variant-pills-hover-text, var(--variant-pills-default-text)))}.button__pill.is-active,.button__pill[aria-pressed=true]{border-color:rgb(var(--variant-pills-selected-border, var(--variant-pills-default-border)));background-color:rgb(var(--variant-pills-selected-background, var(--variant-pills-default-background)));color:rgb(var(--variant-pills-selected-text, var(--variant-pills-default-text)))}.button__pill:disabled{border-color:rgb(var(--variant-pills-disabled-border, 138 138 138));background-color:rgb(var(--variant-pills-disabled-background, 255 255 255));color:rgb(var(--variant-pills-disabled-text, 18 18 18));cursor:not-allowed;text-decoration:line-through}.button__pill:focus-visible{outline:none;box-shadow:0 0 0 .3rem rgb(var(--color-background, 255 255 255)),0 0 0 .5rem rgba(var(--color-foreground, 70 64 30),.55)}
/*# sourceMappingURL=/cdn/shop/t/151/assets/component-button-pill.css.map */