.circular-icon-button[data-v-18621ddd]{border:1px solid var(--Colors-Border-border-primary,#d5d7da);box-sizing:border-box;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:relative}.circular-icon-button.active[data-v-18621ddd]{cursor:default;z-index:0;border:none}.circular-icon-button.active[data-v-18621ddd]:before{content:"";border-radius:inherit;background:conic-gradient(from 0deg, var(--Colors-Border-border-primary), #fff, var(--Colors-Border-border-primary), #fff, var(--Colors-Border-border-primary));-webkit-mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;z-index:-1;padding:2px;animation:2s linear infinite spin-18621ddd;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}@keyframes spin-18621ddd{to{transform:rotate(360deg)}}.notification-dot[data-v-18621ddd]{background:var(--Component-colors-Utility-Error-utility-error-500,#f04438);box-sizing:border-box;border:1.5px solid #fcfcfd;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px}