:root{--primary-primary: var(--primary-primary-mode-1);--primary-on-primary: var(--primary-on-primary-mode-1);--secondary-secondary: var(--secondary-secondary-mode-1);--secondary-on-secondary: var(--secondary-on-secondary-mode-1);--outline-outline: var(--outline-outline-mode-1);--surface-on-surface: var(--surface-on-surface-mode-1);--surface-on-surface-variant: var(--surface-on-surface-variant-mode-1);--state-on-primary012: var(--state-on-primary012-mode-1);--state-on-secondary012: var(--state-on-secondary012-mode-1);--state-on-primary-container012: var(--state-on-primary012-mode-1);--state-on-surface012: var(--state-on-surface012-mode-1);--primary-disabled: var(--neutral-gray-11-mode-1);--secondary-disabled: var(--neutral-gray-11-mode-1);--tertiary-disabled-text: var(--neutral-gray-13-mode-1);--text-disabled-border: var(--neutral-gray-13-mode-1)}.component-icon-button{display:flex;width:3rem;height:3rem;padding:.25rem;justify-content:center;align-items:center;gap:.625rem;flex-shrink:0;border:none;border-radius:6.25rem;font-family:STRUTT Modena Mono,Courier New,monospace;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.3125rem;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.component-icon-button__content{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.component-icon-button__icon{flex-shrink:0;width:1.125rem;height:1.125rem;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center}.component-icon-button__icon-image{width:1.125rem;height:1.125rem;object-fit:contain;filter:brightness(0) saturate(100%)}.component-icon-button__icon-svg{width:1.125rem;height:1.125rem;color:inherit}.component-icon-button__icon--custom-color .component-icon-button__icon-image{filter:brightness(0) saturate(100%) invert(var(--icon-color, 0%))}.component-icon-button.component-icon-button--primary{background:var(--primary-primary);color:var(--primary-on-primary)}.component-icon-button.component-icon-button--primary .component-icon-button__content{color:var(--primary-on-primary)}.component-icon-button.component-icon-button--primary.component-icon-button--pressed{background:var(--primary-primary);transform:none}.component-icon-button.component-icon-button--primary.component-icon-button--pressed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--state-on-primary012-mode-1);pointer-events:none;border-radius:inherit}.component-icon-button.component-icon-button--primary.component-icon-button--disabled{background:#ffffff1f;color:#ffffff61}.component-icon-button.component-icon-button--primary.component-icon-button--disabled .component-icon-button__content{color:#ffffff61}.component-icon-button.component-icon-button--primary.component-icon-button--disabled .component-icon-button__icon{opacity:.38}.component-icon-button.component-icon-button--secondary{background:var(--secondary-secondary);color:var(--secondary-on-secondary)}.component-icon-button.component-icon-button--secondary .component-icon-button__content{color:var(--secondary-on-secondary)}.component-icon-button.component-icon-button--secondary.component-icon-button--pressed{background:var(--secondary-secondary);transform:none}.component-icon-button.component-icon-button--secondary.component-icon-button--pressed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--state-on-secondary012-mode-1);pointer-events:none;border-radius:inherit}.component-icon-button.component-icon-button--secondary.component-icon-button--disabled{background:#ffffff1f;color:#ffffff61}.component-icon-button.component-icon-button--secondary.component-icon-button--disabled .component-icon-button__content{color:#ffffff61}.component-icon-button.component-icon-button--secondary.component-icon-button--disabled .component-icon-button__icon{opacity:.38}.component-icon-button--tertiary{background:transparent;outline:1px solid var(--outline-outline);outline-offset:-1px;color:var(--primary-primary)}.component-icon-button--tertiary .component-icon-button__content{color:var(--primary-primary)}.component-icon-button--tertiary.component-icon-button--pressed{outline:1px solid var(--outline-outline);background:transparent;transform:none}.component-icon-button--tertiary.component-icon-button--pressed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--state-on-primary012-mode-1);pointer-events:none;border-radius:inherit}.component-icon-button--tertiary.component-icon-button--pressed .component-icon-button__content{color:var(--primary-primary)}.component-icon-button--tertiary.component-icon-button--disabled{outline:1px solid rgba(255,255,255,.12);background:transparent;color:#ffffff61}.component-icon-button--tertiary.component-icon-button--disabled .component-icon-button__content{color:#ffffff61}.component-icon-button--tertiary.component-icon-button--disabled .component-icon-button__icon{opacity:.38}.component-icon-button--standard{background:transparent;color:var(--surface-on-surface-variant)}.component-icon-button--standard .component-icon-button__content{color:var(--surface-on-surface-variant)}.component-icon-button--standard.component-icon-button--pressed{background:transparent;transform:none}.component-icon-button--standard.component-icon-button--pressed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--state-on-surface012-mode-1);pointer-events:none;border-radius:inherit}.component-icon-button--standard.component-icon-button--pressed .component-icon-button__content{color:var(--surface-on-surface-variant)}.component-icon-button--standard.component-icon-button--disabled{background:transparent;color:#ffffff61}.component-icon-button--standard.component-icon-button--disabled .component-icon-button__content{color:#ffffff61}.component-icon-button--standard.component-icon-button--disabled .component-icon-button__icon{opacity:.38}.component-icon-button:disabled,.component-icon-button.component-icon-button--disabled{cursor:not-allowed;pointer-events:none}.component-icon-button:focus-visible{outline:2px solid var(--primary-primary);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-icon-button.css.map */