card-type-toggle{display:block;width:100%;margin-bottom:var(--space-medium);container-type:inline-size}.card-type-toggle__tabs{display:none;border:1px solid rgba(var(--color-foreground),.15);border-radius:500px;background-color:rgba(var(--color-foreground),.05);padding:.2em;gap:.2em}.card-type-toggle__tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.3em;padding:.35em .6em;border:none;background:transparent;border-radius:calc(500px - .2em);cursor:pointer;font-size:var(--font-size-small);font-family:var(--font-primary-family, inherit);font-weight:700;line-height:1.3;color:rgba(var(--color-foreground),.7);white-space:nowrap;transition:background-color .15s ease,color .15s ease}.card-type-toggle__tab--active{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.card-type-toggle__tab:not(.card-type-toggle__tab--active):hover{background:rgba(var(--color-foreground),.08)}.card-type-toggle__tab-icon{display:inline-flex;width:1.1em;height:1.1em}.card-type-toggle__tab-icon svg{width:100%;height:100%}.card-type-toggle__select-wrap{display:flex;position:relative}.card-type-toggle__select-icon{position:absolute;left:.8em;top:50%;transform:translateY(-50%);display:inline-flex;flex-shrink:0;width:1.1em;height:1.1em;color:rgb(var(--color-foreground));pointer-events:none;z-index:1}.card-type-toggle__select-icon svg{width:100%;height:100%}.card-type-toggle__select{width:100%;appearance:none;-webkit-appearance:none;padding:.4em 2em .4em 2.5em;border:1px solid rgba(var(--color-foreground),.15);border-radius:500px;background:transparent;font-size:var(--font-size-small);font-family:var(--font-primary-family, inherit);font-weight:700;color:rgb(var(--color-foreground));cursor:pointer;line-height:1.3}.card-type-toggle__select:hover,.card-type-toggle__select:focus,.card-type-toggle__select:focus-visible,.card-type-toggle__select:active{outline:none;border-color:rgba(var(--color-foreground),.15);background:transparent}.card-type-toggle__select option{background:transparent;color:rgb(var(--color-foreground));padding:.4em .8em}.card-type-toggle__select option:hover,.card-type-toggle__select option:focus,.card-type-toggle__select option:checked,.card-type-toggle__select option:active{background:transparent;color:rgb(var(--color-foreground))}.card-type-toggle__select-arrow{position:absolute;right:.7em;top:50%;transform:translateY(-50%);pointer-events:none;width:.7em;height:.7em;color:rgb(var(--color-foreground))}@container (min-width: 250px){card-type-toggle{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}card-type-toggle::-webkit-scrollbar{height:4px}card-type-toggle::-webkit-scrollbar-track{background:transparent;border-radius:500px}card-type-toggle::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:500px}.card-type-toggle__tabs{display:flex;width:max-content;min-width:100%}.card-type-toggle__select-wrap{display:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/card-type-toggle.css.map */