.icon-button{width:var(--size-34);height:var(--size-34);background-color:var(--text-neutral-100);transition:background-color var(--transition-duration-fast)var(--transition-ease);border-radius:50%;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.icon-button .icon-button-title{font-size:var(--font-size-13);color:var(--text-neutral-400);white-space:nowrap}.icon-button a{width:100%;height:100%;position:absolute}.icon-button svg{color:var(--text-neutral-800)}.icon-button.xs{width:24px;height:24px}.icon-button.sm{width:30px;height:30px}.icon-button.lg{width:40px;height:40px}.icon-button.add{background-color:var(--background-neutral-120)}.icon-button.add svg{color:var(--text-neutral-400)}.icon-button.delete{background-color:var(--color-error-2-50)}.icon-button.delete svg{color:var(--color-error-2)}.icon-button.edit{background-color:var(--color-succed-50)}.icon-button.edit svg{color:var(--color-succed)}.icon-button.view{background-color:var(--color-yellow-50)}.icon-button.view svg{color:var(--color-info)}.icon-button.action-button.sm.view{isolation:isolate;border:0;position:relative;overflow:hidden}.icon-button.action-button.sm.view:before{content:"";border-radius:inherit;background:linear-gradient(45deg,transparent 0 1px,var(--glass-stroke-color,var(--button-border-color))4px,var(--glass-stroke-color,var(--button-border-color))calc(100% - 4px),transparent calc(100% - 1px)100%);pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.icon-button.action-button.sm.view{background:var(--icon-secondary-400);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-radius:4px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .3s linear,visibility 0s linear .3s;display:inline-flex}.icon-button.action-button.sm.view svg{color:var(--icon-neutral-100)!important}.icon-button.table-arrow-action svg{width:6px;height:6px}.icon-button.hide{background-color:var(--color-yellow-50)}.icon-button.hide svg{color:var(--color-info)}.icon-button.archive-out,.icon-button.archive-in{background-color:var(--color-yellow-50)}.icon-button.archive-out svg,.icon-button.archive-in svg{color:var(--color-deleting)}.icon-button.prev{background-color:var(--background-neutral-120)}.icon-button.prev svg{color:var(--text-neutral-100)}.icon-button.next{background-color:var(--text-neutral-100)}.icon-button.next svg{color:var(--text-neutral-800)}.icon-button.print{background-color:var(--button-neutral-120)}.icon-button.print svg{color:var(--text-neutral-100)}.icon-button.filter,.icon-button.menu,.icon-button.columns{background-color:var(--background-neutral-1000);border:1px solid #0000}.icon-button.filter:not(.active):hover svg,.icon-button.menu:not(.active):hover svg,.icon-button.columns:not(.active):hover svg{color:var(--icon-neutral-400)!important}.icon-button.filter.active,.icon-button.menu.active,.icon-button.columns.active{border:1px solid var(--input-border-color);transform:scale(1.06)}.icon-button.filter.active svg,.icon-button.menu.active svg,.icon-button.columns.active svg{color:var(--text-neutral-500)!important}.icon-button.filter svg,.icon-button.menu svg,.icon-button.columns svg{width:20px;height:20px;transition:color var(--transition-duration-fast)ease-in-out;color:var(--text-neutral-400)!important}