.plendgo-IconButton.rt-Button{--button-bg:transparent;--button-text:var(--plendgo-neutral-500);--button-shadow:inset 0 0 0 1px var(--plendgo-neutral-200);--button-radius:50%;border-radius:var(--button-radius);background-color:var(--button-bg);width:fit-content;height:fit-content;box-shadow:var(--button-shadow);color:var(--button-text);aspect-ratio:1;box-sizing:border-box;cursor:pointer;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;padding:0;line-height:0;transition:all .2s;display:inline-flex;overflow:hidden}.plendgo-IconButton[data-size=small]{padding:10px;display:inline-flex}.plendgo-IconButton[data-size=medium]{--button-shadow:inset 0 0 0 1px var(--plendgo-neutral-200);padding:10px;display:inline-flex}.plendgo-IconButton[data-size=large]{--button-size:48px}.plendgo-IconButton[data-shape=square]:not(.plendgo-IconButton--favorite){width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;padding:var(--plendgo-space-6);--button-radius:var(--plendgo-radius-8);--button-bg:var(--plendgo-primary-500);--button-shadow:none;--button-text:var(--plendgo-base-white);display:inline-flex}.plendgo-IconButton:hover:not(:disabled){--button-bg:var(--plendgo-neutral-100);--button-text:var(--plendgo-neutral-600)}.plendgo-IconButton[data-shape=square]:hover:not(:disabled){--button-bg:var(--plendgo-primary-600);--button-text:var(--plendgo-base-white)}.plendgo-IconButton:disabled{cursor:not-allowed;opacity:1;--button-bg:transparent!important;--button-shadow:inset 0 0 0 1px var(--plendgo-neutral-200)!important;--button-text:var(--plendgo-neutral-300)!important}.plendgo-IconButton .plendgo-ButtonIcon{width:100%;height:100%;color:inherit;justify-content:center;align-items:center;display:flex}.plendgo-IconButton .plendgo-IconButton-Icon{transition:color .2s;color:var(--plendgo-neutral-400)!important;fill:currentColor!important}.plendgo-IconButton:hover:not(:disabled) .plendgo-IconButton-Icon{color:var(--plendgo-neutral-600)!important}.plendgo-IconButton[data-shape=square]:not(.plendgo-IconButton--favorite) .plendgo-IconButton-Icon,.plendgo-IconButton[data-shape=square]:hover:not(:disabled) .plendgo-IconButton-Icon{color:var(--plendgo-base-white)!important}.plendgo-IconButton.plendgo-IconButton--favorite{z-index:10;border-radius:var(--plendgo-radius-4);width:32px;height:32px;box-shadow:none;cursor:pointer;color:var(--plendgo-neutral-500);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:12px;right:12px}.plendgo-IconButton.plendgo-IconButton--favorite:before{content:"";z-index:-1;background-color:var(--plendgo-neutral-50);opacity:.6;border-radius:var(--plendgo-radius-4);transition:opacity .2s;position:absolute;inset:0}.plendgo-IconButton.plendgo-IconButton--favorite:hover:not(:disabled){color:var(--plendgo-neutral-600)}.plendgo-IconButton.plendgo-IconButton--favorite.is-selected{z-index:10;color:var(--plendgo-neutral-800)}.plendgo-IconButton.plendgo-IconButton--favorite .plendgo-ButtonIcon{color:inherit;opacity:1}.plendgo-IconButton--favorite.is-selected svg{fill:var(--plendgo-neutral-800);stroke:var(--plendgo-neutral-800)}.plendgo-IconButton[data-variant=ghost]{--button-bg:transparent;--button-shadow:none;aspect-ratio:auto;width:auto;min-width:0;height:auto;min-height:0;box-shadow:none;align-self:center;margin:0;padding:0}.plendgo-IconButton[data-variant=ghost]:hover:not(:disabled){--button-bg:transparent;opacity:.7}