.component.actionGroup{border-radius:0}.component.actionGroup .action{align-items:center;color:var(--action-color);display:flex;letter-spacing:.2px}.component.actionGroup .action>.label{display:inline-block;margin:5px}.component.actionGroup button.action{background-color:transparent;padding:0}.component.actionGroup[data-default-action=true]>.actions>.action.default{display:none}.component.actionGroup[data-enabled-count="0"]>.actions,.component.actionGroup[data-enabled-count="1"][data-default-action=true]>.actions{display:none!important}.component.actionGroup[data-enabled-count="0"]>.componentTitle .toggleCollapsible,.component.actionGroup[data-enabled-count="1"][data-default-action=true]>.componentTitle .toggleCollapsible{display:none}.component.actionGroup .action.disabled,.component.actionGroup.disabled{display:none!important}.component.actionGroup.list{display:flex;flex-direction:column;line-height:var(--action-line-height);margin:0;padding:0}.component.actionGroup.list>.componentTitle{align-items:baseline;padding:.25em}.component.actionGroup.list>.actions>.action{color:var(--action-color);display:flex;font-weight:var(--action-font-weight);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.component.actionGroup.list>.actions>button.action{width:100%}.component.actionGroup.list>.actions>a.action{text-decoration:none}.component.actionGroup.list>.actions>.action.selected{background-color:var(--highlight-bk-color);color:var(--highlight-color)}.component.actionGroup.toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em;line-height:var(--action-line-height);padding:0}.component.actionGroup.toolbar>.componentTitle{border:none;margin:0;padding:1px 0}.component.actionGroup.toolbar>.actions{border:1px solid var(--action-border-color);border-radius:2px;display:flex;flex-direction:row}.component.actionGroup.toolbar>.actions>.action{background-color:var(--action-bk-color);border-right:1px solid var(--action-border-color);color:var(--action-color);white-space:nowrap;-webkit-tap-highlight-color:var(--action-active-color)}.component.actionGroup.toolbar>.actions>.action.last{border-right:none}.component.actionGroup.toolbar>.actions>button.action{background-color:var(--action-bk-color);border-radius:0}.component.actionGroup.toolbar>.actions>a.action{text-decoration:none}.component.actionGroup.toolbar>.actions>.action.selected{background-color:var(--highlight-bk-color);color:var(--highlight-color)}.component.actionGroup.dropdown{line-height:var(--action-line-height);padding:0;position:relative}.component.actionGroup.dropdown>.componentTitle{background-color:var(--action-bk-color);border:1px solid var(--action-border-color);border-radius:2px;cursor:default;margin:0;padding:0;white-space:nowrap}.component.actionGroup.dropdown>.componentTitle .label{margin:5px}.component.actionGroup.dropdown[data-expanded=true] .componentTitle{border-bottom-left-radius:0;border-bottom-right-radius:0}.component.actionGroup.dropdown:not(.more)[data-expanded=true] .componentTitle .label:after{border-bottom:1px solid var(--action-bk-color);bottom:0;content:"";display:block;left:1px;position:absolute;right:25px;z-index:11}.component.actionGroup.dropdown>.actions{background-color:var(--action-bk-color);border:1px solid var(--action-border-color);border-radius:2px;box-sizing:border-box;display:none;left:0;max-width:calc(min(100vw - 20px, 250px));min-width:100%;overflow-y:auto;padding:0;position:absolute;top:100%;transform:translateY(-1px);visibility:hidden}.component.actionGroup.dropdown.dropped>.actions,.component.actionGroup.dropdown[data-expanded=true]>.actions{display:flex;flex-direction:column;height:auto!important;visibility:visible;z-index:10}.component.actionGroup.dropdown>.actions>.action{background-color:var(--action-bk-color);color:var(--action-color);display:flex;flex:1;text-align:left;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:var(--action-active-color)}.component.actionGroup.dropdown>.actions>a.action,.component.actionGroup.dropdown>.componentTitle>a.action{text-decoration:none}.component.actionGroup.dropdown>.actions>.action.selected{background-color:var(--highlight-bk-color);color:var(--highlight-color)}.component.actionGroup.dropdown>.actions>.action .label{box-sizing:border-box;flex:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.component.actionGroup.dropdown>.actions>.action.categoryFirst:not(.first){border-top:1px solid var(--action-border-color)}.component.actionGroup.dropdown.more>.componentTitle .toggleCollapsible{position:relative}.component.actionGroup.dropdown.more.dropped>.componentTitle .toggleCollapsible:before,.component.actionGroup.dropdown.more>.componentTitle .toggleCollapsible[aria-expanded=true]:before{border-bottom:1px solid var(--action-bk-color);bottom:0;content:"";display:block;left:0;position:absolute;right:0;transform:translateY(1px);z-index:11}.component.actionGroup.dropdown.more>.componentTitle .toggleCollapsible .label{margin:5px 0 5px 5px}.component.actionGroup.dropdown:not(.more)>.componentTitle .toggleCollapsible .icon,.component.actionGroup.dropdown:not(.more)>.componentTitle .toggleCollapsible .label{display:none}@media screen and (hover:hover) and (pointer:fine){.component.actionGroup.dropdown[data-expanded]:hover .componentTitle{border-bottom-left-radius:0;border-bottom-right-radius:0}.component.actionGroup.dropdown:not(.more)[data-expanded]:hover .componentTitle .label:after{border-bottom:1px solid var(--action-bk-color);bottom:0;content:"";display:block;left:1px;position:absolute;right:25px;z-index:11}.component.actionGroup.dropdown:not(.more):hover>.actions{display:flex;flex-direction:column;height:auto!important;visibility:visible;z-index:10}}.component.actionGroup.buttons{background:none;border:none;margin:0;padding:0}.component.actionGroup.buttons>.componentTitle{margin-bottom:8px;padding:0}.component.actionGroup.buttons>.actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.component.actionGroup.buttons>.actions>.action{background-color:var(--button-bk-color);border:1px solid var(--button-border-color);border-radius:var(--button-border-radius);color:var(--button-color);line-height:var(--button-line-height);margin:0;padding:0;white-space:nowrap;-webkit-tap-highlight-color:var(--button-active-color);font-weight:var(--button-font-weight)}.component.actionGroup.buttons>.actions>.action:only-child{margin:0}.component.actionGroup.buttons>.actions>a.action{text-decoration:none}.component.actionGroup.buttons>.actions>.action.selected{color:var(--button-active-color)}.component.actionGroup.buttons>.actions>.action[data-type=primary],.component.actionGroup.toolbar>.actions>.action[data-type=primary]{background-color:var(--button-primary-bk-color);border-color:var(--button-primary-border-color);color:var(--button-primary-color);font-weight:var(--button-primary-font-weight)}.component.actionGroup.links{background:none;border:none;margin:0;padding:0}.component.actionGroup.links>.actions{align-items:center;display:flex}.component.actionGroup.links>.actions>.action{background-color:transparent;color:var(--link-color);font-weight:var(--link-font-weight);margin:0;padding:0;text-decoration:var(--link-decoration)}.component.actionGroup.links>.actions>.action:active,.component.actionGroup.links>.actions>.action:focus{color:var(--link-active-color);text-decoration:var(--link-active-decoration)}.component.actionGroup.links>.actions>.action>.label{margin:0}.component.actionGroup.links>.actions>.action:not(.last){margin-right:calc(1em + 2px);position:relative}.component.actionGroup.links>.actions>.action:not(.last):after{color:var(--text-color);content:"|";cursor:text;left:100%;margin-left:.5em;pointer-events:none;position:absolute}.component.actionGroup.titleBar{margin:0}.component.actionGroup.titleBar>.actions>.action>.icon{margin:0 5px!important}.component.actionGroup.titleBar>.actions>button.action{background:none;padding:0!important}.component.actionGroup.titleBar>.actions>a.action{text-decoration:none}body.Icons .component.actionGroup .action>.icon{display:flex;flex-direction:column;margin-left:5px;min-width:15px;text-align:center}body.Icons .component.actionGroup.iconsOnly>.actions>.action>.icon+.label{margin-left:0!important;margin-right:0!important;overflow:hidden;width:0}body.Icons .component.actionGroup.iconsOnly>.actions>.action>.icon{margin:0 8px}body.Icons .component.actionGroup.iconsLarge>.actions>.action>.label{margin:7px 5px}body.Icons .component.actionGroup.iconsLarge>.actions>.action>.icon:before{font-size:20px}body.Icons .component.actionGroup.iconsXLarge>.actions>.action>.label{margin:9px 7px}body.Icons .component.actionGroup.iconsXLarge>.actions>.action>.icon:before{font-size:25px}body.Icons .component.actionGroup.noActionIcons>.actions .icon{display:none!important}body.Icons .component.actionGroup.noActionIcons>.actions .icon.iconAlways{display:inline-block!important}body.Icons .component.actionGroup .action>.img{display:inline-block;position:relative}body.Icons .component.actionGroup .action>.img img{bottom:0;display:block;height:auto;left:0;margin:auto;max-height:100%;max-width:100%;position:absolute;right:0;top:0;width:auto}.component.actionGroup.dropdown .action:hover:not(.selected),.component.actionGroup.list .action:hover:not(.selected),.component.actionGroup.list>.componentTitle[role=button]:hover,.component.actionGroup.toolbar .action:hover:not(.selected){background-color:var(--action-active-bk-color);color:var(--action-active-color);cursor:pointer}.component.actionGroup.list>.componentTitle[role=button]:hover h2{color:var(--action-active-color)}.component.actionGroup.links>.actions>.action:hover{color:var(--link-active-color);text-decoration:var(--link-active-decoration)}.component.actionGroup.dropdown[data-default-action] .componentTitle:hover:after{color:var(--action-color);cursor:auto}.component.actionGroup.buttons .action:hover:not(.selected){background-color:var(--button-active-bk-color);border-color:var(--button-active-border-color);color:var(--button-active-color);cursor:pointer}.component.actionGroup.buttons>.actions>.action[data-type=primary]:hover,.component.actionGroup.toolbar>.actions>.action[data-type=primary]:hover{background-color:var(--button-primary-active-bk-color);border-color:var(--button-primary-active-border-color);color:var(--button-primary-active-color)}.action[aria-pressed=false] .icon.select:before{content:"\f096"}