.nc-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:0;background:var(--nc-color-surface-000);color:var(--nc-color-ink-900);border:var(--nc-border-width) solid var(--nc-color-border-200);border-radius:var(--nc-radius-pill);cursor:pointer;transition:background-color var(--nc-duration-fast) var(--nc-easing-standard),border-color var(--nc-duration-fast) var(--nc-easing-standard),box-shadow var(--nc-duration-fast) var(--nc-easing-standard)}.nc-icon-button:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}.nc-icon-button__icon{display:inline-flex;width:var(--nc-icon-button-size, 16px);height:var(--nc-icon-button-size, 16px)}.nc-icon-button__icon svg{width:100%;height:100%}@media(hover:hover){.nc-icon-button:hover:not(:disabled){background:var(--nc-color-violet-050);border-color:var(--nc-color-violet-border);box-shadow:var(--nc-elevation-panel)}}.nc-icon-button:active:not(:disabled){background:var(--nc-color-violet-border);box-shadow:none}.nc-icon-button[aria-pressed=true],.nc-icon-button[aria-pressed=true]:hover:not(:disabled){background:var(--nc-color-violet-050);border-color:var(--nc-color-violet-600);color:var(--nc-color-violet-600)}.nc-icon-button[aria-pressed=true] svg{fill:currentColor}.nc-icon-button[aria-expanded=true]{background:var(--nc-color-warm-100)}.nc-icon-button[data-state=success]{border-color:var(--nc-color-success-600);color:var(--nc-color-success-600)}.nc-icon-button[data-state=error]{border-color:var(--nc-color-danger-600);color:var(--nc-color-danger-600)}.nc-icon-button:focus-visible{outline:var(--nc-focus-ring-width) solid var(--nc-focus-ring-color);outline-offset:var(--nc-focus-ring-offset)}.nc-icon-button:disabled{background:var(--nc-color-warm-100);color:var(--nc-color-disabled-text);box-shadow:none;cursor:not-allowed}.nc-icon-button[data-state=loading]{cursor:wait}.nc-icon-button--plain{width:var(--nc-target-min);height:var(--nc-target-min);background:transparent;border-color:transparent;border-radius:var(--nc-radius-6)}.nc-icon-button--plain:before{top:0;right:0;bottom:0;left:0}@media(hover:hover){.nc-icon-button--plain:hover:not(:disabled){background:var(--nc-color-warm-100);border-color:transparent}}.nc-icon-button__spinner{width:100%;height:100%;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:nc-icon-button-spin .8s linear infinite}@keyframes nc-icon-button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nc-icon-button__spinner{animation-duration:2.4s}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/nc-icon-button.css.map */