.icon-button.smallFilled{display:flex;flex-direction:row;width:24px;height:24px;padding:6px;justify-content:center;align-items:center;flex-shrink:0;border-radius:3px;background:var(--secondary-light-grey,#f4f7fb);cursor:pointer}.icon-button.smallFilled:hover{background:var(--grey-venom,#e6edf5)}.icon-button.smallFilled:active{background:#d8e1eb}.icon-button.smallFilled .icon{width:12px;height:12px;color:#456073;font-size:11px}.icon-button.largeFilled,.icon-button.smallFilled .icon{flex-shrink:0;display:flex;flex-direction:row;justify-content:center;align-items:center}.icon-button.largeFilled{width:40px;height:40px;padding:0;border-radius:4px;background:var(--secondary-light-grey,#f4f7fb);cursor:pointer}.icon-button.largeFilled:hover{background:var(--grey-venom,#e6edf5)}.icon-button.largeFilled:active{background:#d8e1eb}.icon-button.largeFilled .icon{width:19px;height:19px;color:#456073;font-size:18px;flex-direction:row}.icon-button.largeFilled .icon,.icon-button.mediumOutline{flex-shrink:0;display:flex;justify-content:center;align-items:center}.icon-button.mediumOutline{width:40px;height:40px;padding:8px;gap:8px;border-radius:8px;border:1px solid var(--primary-venom-grey,#e6edf5);background:transparent;cursor:pointer;transition:all .2s ease}.icon-button.mediumOutline:hover{background:rgba(37,190,235,.1);border-color:var(--allaw-blue,#25beeb);color:var(--allaw-blue,#0b5e7a)}.icon-button.mediumOutline .icon{width:24px;height:24px;flex-shrink:0;color:var(--primary-dark-grey,#456073);display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:16px;transition:color .2s ease}.icon-button.mediumOutline:hover .icon{color:var(--allaw-blue,#25beeb)}.icon-button.iconOnly{width:32px;height:32px;flex-shrink:0;color:#25beeb;flex-direction:row;justify-content:center;align-items:center;font-size:18px;background:transparent}.icon-button.custom-color{background-color:var(--custom-background-color)}.icon-button.custom-color:hover{opacity:.8}.icon-button.largeFilled:not(.custom-color):hover,.icon-button.smallFilled:not(.custom-color):hover{background:var(--grey-venom,#e6edf5)}.icon-button.iconCircle{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#ffffff;cursor:pointer;transition:transform .2s,filter .2s;border:.5px solid black}.icon-button.iconCircle:hover{transform:scale(1.01);filter:brightness(80%)}