.circle-button{width:var(--size-34);height:var(--size-34);background-color:var(--theme-color-3);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}.circle-button .circle-button-title{font-size:var(--font-size-13);color:var(--theme-color-13);white-space:nowrap}.circle-button a{width:100%;height:100%;position:absolute}.circle-button svg{color:var(--theme-color-1)}.circle-button.xs{width:24px;height:24px}.circle-button.sm{width:30px;height:30px}.circle-button.lg{width:40px;height:40px}.circle-button.add{background-color:var(--theme-color-6)}.circle-button.add svg{color:var(--theme-color-13)}.circle-button.delete{background-color:var(--theme-color-29)}.circle-button.delete svg{color:var(--theme-color-22)}.circle-button.edit{background-color:var(--theme-color-28)}.circle-button.edit svg{color:var(--theme-color-24)}.circle-button.view{background-color:var(--theme-color-30)}.circle-button.view svg{color:var(--theme-color-4)}.circle-button.action-button.sm.view{background:var(--icon-secondary-400);border:1px solid var(--button-border-color);-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}.circle-button.action-button.sm.view svg{color:var(--icon-neutral-100)!important}.circle-button.hide{background-color:var(--theme-color-30)}.circle-button.hide svg{color:var(--theme-color-4)}.circle-button.archive-out,.circle-button.archive-in{background-color:var(--theme-color-30)}.circle-button.archive-out svg,.circle-button.archive-in svg{color:var(--theme-color-35)}.circle-button.prev{background-color:var(--theme-color-6)}.circle-button.prev svg{color:var(--theme-color-3)}.circle-button.next{background-color:var(--theme-color-3)}.circle-button.next svg{color:var(--theme-color-1)}.circle-button.print{background-color:var(--theme-color-19)}.circle-button.print svg{color:var(--theme-color-3)}.circle-button.filter,.circle-button.menu,.circle-button.columns{background-color:var(--theme-color-5);border:1px solid #0000}.circle-button.filter:not(.active):hover svg,.circle-button.menu:not(.active):hover svg,.circle-button.columns:not(.active):hover svg{color:var(--theme-color-10)!important}.circle-button.filter.active,.circle-button.menu.active,.circle-button.columns.active{border:1px solid var(--theme-color-20);transform:scale(1.06)}.circle-button.filter.active svg,.circle-button.menu.active svg,.circle-button.columns.active svg{color:var(--theme-color-8)!important}.circle-button.filter svg,.circle-button.menu svg,.circle-button.columns svg{width:20px;height:20px;transition:color var(--transition-duration-fast)ease-in-out;color:var(--theme-color-13)!important}