/* general */
.combar-sab-wrapper {
    position: fixed;
    z-index: 99999;
    margin: 0 var(--sab-side-gap);
}
.sab-action {
    cursor: pointer;
}
.combar-sab-wrapper.sab-side-left {
    left: 0;
}
.combar-sab-wrapper.sab-side-right {
    right: 0;
}
.combar-sab-wrapper.sab-align-top {
    top: var(--sab-bottom-gap);
}
.admin-bar .combar-sab-wrapper.sab-align-top {
    top: calc(32px + var(--sab-bottom-gap));
}
.combar-sab-wrapper.sab-align-bottom {
    bottom: var(--sab-bottom-gap);
}
.combar-sab-wrapper.sab-align-center {
    top: 50%;
    transform: translateY(-50%);
}
.combar-sab-container {
    box-sizing: border-box;
    z-index: 1;
}
.combar-sab-wrapper .sab-btn {
    position: relative;
    padding: 0 7px;
    text-decoration: none !important;
    box-sizing: border-box;
    white-space: nowrap;
    background-color: var(--sab-background);
}
.combar-sab-wrapper .sab-btn:hover {
    z-index: 100 !important;
}
.combar-sab-wrapper .sab-btn,
.combar-sab-wrapper .sab-btn .sab-button-inner {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--sab-color);
    font-size: var(--sab-font-size);
    font-weight: var(--sab-font-weight);
    transition: background 0.5s, color 0.5s, border-color 0.5s, transform 0.3s,
        opacity 0.3s;
}
.combar-sab-wrapper .sab-btn:hover,
.combar-sab-wrapper.style-buttons .combar-sab-container > .sab-btn:hover,
.combar-sab-wrapper.style-toggle_buttons .combar-sab-container > .sab-btn:hover {
    background-color: var(--sab-hover-background);
    border-color: var(--sab-border-hover-color);
}
.combar-sab-wrapper .sab-btn:hover,
.combar-sab-wrapper .sab-btn:hover .sab-button-inner {
    color: var(--sab-hover-color);
}
.combar-sab-wrapper .sab-btn.sab-gradient::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #000, #fff);
    opacity: 0.35;
    z-index: 0;
    border-radius: var(--sab-border-radius);
}
.combar-sab-wrapper.style-block.style-calc_radius .sab-btn.sab-gradient::before {
    -webkit-border-radius: 0;
    border-radius: 0;
}
.combar-sab-wrapper .sab-btn .sab-button-inner i.sab-icon {
    font-size: var(--sab-icon-size);
    color: var(--sab-icon-color);
    transition: color 0.5s;
}
.combar-sab-wrapper .sab-btn:hover .sab-button-inner i.sab-icon {
    color: var(--sab-icon-hover-color);
}
/* buttons text styles */
.combar-sab-wrapper .sab-btn.style-reguler,
.combar-sab-wrapper .sab-btn.style-reguler .sab-button-inner {
    max-width: 100%;
}
.combar-sab-wrapper .sab-btn .sab-button-inner {
    overflow: hidden;
    width: 100%;
    gap: var(--sab-inline-gap);
    z-index: 1;
}
.combar-sab-wrapper .sab-btn.style-reguler .sab-title {
    overflow: hidden;
}
.combar-sab-wrapper .sab-btn.style-no_text .sab-title {
    display: none;
}
/* tooltip */
.combar-sab-wrapper .sab-btn.sab-tooltip .sab-title {
    background-color: var(--sab-tooltip-bg);
    color: var(--sab-tooltip-color);
    -webkit-border-radius: var(--sab-tooltip-radius);
    border-radius: var(--sab-tooltip-radius);
    font-size: 1rem;
    padding: 5px 7px;
    font-weight: 400;
    position: absolute;
    margin: 0;
    box-shadow: var(--sab-tt-shadow-h) var(--sab-tt-shadow-v) var(--sab-tt-shadow-blur) var(--sab-tt-shadow-spread) var(--sab-tt-shadow-color);
}
.combar-sab-wrapper .sab-btn.sab-tooltip .sab-title::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border: solid transparent;
}
.combar-sab-wrapper .sab-btn.sab-tooltip.style-toogle_tooltip .sab-title {
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.combar-sab-wrapper .sab-btn.sab-tooltip.style-toogle_tooltip:hover .sab-title {
    visibility: visible;
    opacity: 1;
}
.combar-sab-wrapper.style-horizontal_buttons .sab-btn.sab-tooltip .sab-title,
.combar-sab-wrapper.style-block .sab-btn.sab-tooltip .sab-title {
    left: 50%;
    transform: translate(-50%, calc(-100% - var(--sab-border-width) - 20px));
}
.combar-sab-wrapper.style-horizontal_buttons .sab-btn.sab-tooltip .sab-title,
.combar-sab-wrapper.style-block .sab-btn.sab-tooltip .sab-title {
    left: 50%;
    transform: translate(-50%, calc(-100% - var(--sab-border-width) - 20px));
}
.combar-sab-wrapper.style-horizontal_buttons .sab-btn.sab-tooltip .sab-title::before,
.combar-sab-wrapper.style-block .sab-btn.sab-tooltip .sab-title::before {
    left: 0;
    right: 0;
    bottom: -12px;
    margin: auto;
    border-top-color: var(--sab-tooltip-bg);
    border-width: 7px 5px;
}
/* top align tooltop */
.combar-sab-wrapper.sab-align-top.style-block .sab-btn.sab-tooltip .sab-title,
.combar-sab-wrapper.sab-align-top.style-horizontal_buttons .sab-btn.sab-tooltip .sab-title {
    transform: translate(-50%, calc(100% + var(--sab-border-width) + 20px));
}
.combar-sab-wrapper.sab-align-top.style-block .sab-btn.sab-tooltip .sab-title::before,
.combar-sab-wrapper.sab-align-top.style-horizontal_buttons .sab-btn.sab-tooltip .sab-title::before {
    top: -12px;
    bottom: auto;
    border-top-color: transparent;
    border-bottom-color: var(--sab-tooltip-bg);
}

/* trigger tooltip bottom */
.combar-sab-wrapper.style-horizontal_buttons.sab-side-left .sab-btn.sab-trigger.sab-tooltip .sab-title,
.combar-sab-wrapper.style-block.sab-side-left .sab-btn.sab-trigger.sab-tooltip .sab-title {
    left: 0;
    transform: translate(0, calc(-100% - var(--sab-border-width) - 20px));
}
.combar-sab-wrapper.style-block.sab-side-left .sab-btn.sab-trigger.sab-tooltip .sab-title::before,
.combar-sab-wrapper.style-horizontal_buttons.sab-side-left .sab-btn.sab-trigger.sab-tooltip .sab-title::before {
    left: 5px;
    right: auto;
}
.combar-sab-wrapper.style-block.sab-side-right .sab-btn.sab-trigger.sab-tooltip .sab-title,
.combar-sab-wrapper.style-horizontal_buttons.sab-side-right .sab-btn.sab-trigger.sab-tooltip .sab-title {
    right: 0;
    transform: translate(0, calc(-100% - var(--sab-border-width) - 20px));
    left: auto;
}
.combar-sab-wrapper.style-block.sab-side-right .sab-btn.sab-trigger.sab-tooltip .sab-title::before,
.combar-sab-wrapper.style-horizontal_buttons.sab-side-right .sab-btn.sab-trigger.sab-tooltip .sab-title::before {
    right: 5px;
    left: auto;
}

/* trigger tooltip top */
.combar-sab-wrapper.style-horizontal_buttons.sab-align-top.sab-side-left .sab-btn.sab-trigger.sab-tooltip .sab-title,
.combar-sab-wrapper.style-block.sab-align-top.sab-side-left .sab-btn.sab-trigger.sab-tooltip .sab-title {
    left: 0;
    transform: translate(0, calc(100% + var(--sab-border-width) + 20px));
}
.combar-sab-wrapper.style-block.sab-align-top.sab-side-right .sab-btn.sab-trigger.sab-tooltip .sab-title,
.combar-sab-wrapper.style-horizontal_buttons.sab-align-top.sab-side-right .sab-btn.sab-trigger.sab-tooltip .sab-title {
    right: 0;
    transform: translate(0, calc(100% + var(--sab-border-width) + 20px));
    left: auto;
}

/* vertical tooltip */
.combar-sab-wrapper.style-vertical_buttons .sab-btn.sab-tooltip .sab-title {
    top: 50%;
}
.combar-sab-wrapper.style-vertical_buttons.sab-side-left .sab-btn.sab-tooltip .sab-title {
    transform: translate(calc(100% + var(--sab-border-width) + 10px), -50%);
    right: 0;
}
.combar-sab-wrapper.style-vertical_buttons.sab-side-right .sab-btn.sab-tooltip .sab-title {
    transform: translate(calc(-100% - var(--sab-border-width) - 10px), -50%);
    left: 0;
}
.combar-sab-wrapper.style-vertical_buttons .sab-btn.sab-tooltip .sab-title::before {
    top: 0;
    bottom: 0;
    margin: auto;
    border-width: 5px 7px;
}
.combar-sab-wrapper.style-vertical_buttons.sab-side-right .sab-btn.sab-tooltip .sab-title::before {
    right: -12px;
    border-left-color: var(--sab-tooltip-bg);
}
.combar-sab-wrapper.style-vertical_buttons.sab-side-left .sab-btn.sab-tooltip .sab-title::before {
    left: -12px;
    border-right-color: var(--sab-tooltip-bg);
}
/* block style */
.combar-sab-wrapper.style-block {
    width: var(--sab-width);
}
.combar-sab-wrapper.style-block.style-calc_radius {
    max-width: calc(100% - var(--sab-side-gap) * 2);
}
.combar-sab-wrapper.style-block.style-full_radius {
    max-width: calc(100% - (var(--sab-side-gap) * 2));
}
.combar-sab-wrapper.style-block .combar-sab-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: var(--sab-size);
    border: var(--sab-border-width) var(--sab-border-style) var(--sab-border-color);
    -webkit-border-radius: var(--sab-border-radius);
    border-radius: var(--sab-border-radius);
    box-shadow: var(--sab-shadow-h) var(--sab-shadow-v) var(--sab-shadow-blur) var(--sab-shadow-spread) var(--sab-shadow-color);
}
.combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container {
    border-top-width: 0px;
    -webkit-border-radius: 0 0 var(--sab-border-radius) var(--sab-border-radius);
    border-radius: 0 0 var(--sab-border-radius) var(--sab-border-radius);
}
.combar-sab-wrapper.sab-align-center.sab-side-left.style-block.style-calc_radius .combar-sab-container {
    border-left-width: 0px;
    -webkit-border-radius: 0 var(--sab-border-radius) var(--sab-border-radius) 0;
    border-radius: 0 var(--sab-border-radius) var(--sab-border-radius) 0;
}
.combar-sab-wrapper.sab-align-center.sab-side-right.style-block.style-calc_radius .combar-sab-container {
    border-right-width: 0px;
    -webkit-border-radius: var(--sab-border-radius) 0 0 var(--sab-border-radius);
    border-radius: var(--sab-border-radius) 0 0 var(--sab-border-radius);
}
.combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container {
    border-bottom-width: 0px;
    -webkit-border-radius: var(--sab-border-radius) var(--sab-border-radius) 0 0;
    border-radius: var(--sab-border-radius) var(--sab-border-radius) 0 0;
}
.combar-sab-wrapper.style-block .combar-sab-container > .sab-btn {
    flex-grow: 1;
    min-width: var(--sab-size);
}
/* chrome correction */
@supports (-webkit-tap-highlight-color: black) {
    .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:not(*: root) {
        bottom: 0.5px;
        left: 0.5px;
        margin-bottom: -1px;
        margin-left: -0.5px;
    }
}
.combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(0px - (var(--sab-separator-width) / 2));
    margin: auto;
    width: var(--sab-separator-width);
    height: var(--sab-separator-height);
    background: var(--sab-separator-color);
    z-index: 2;
    pointer-events: none;
}
[dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:not(:last-child)::after {
    right: auto;
    left: calc(0px - (var(--sab-separator-width) / 2));
}
.combar-sab-wrapper.style-block.soft-sep .combar-sab-container > .sab-btn:not(:last-child)::after {
    right: -1px;
    width: 2px;
    background: transparent;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}
[dir="rtl"] .combar-sab-wrapper.style-block.soft-sep .combar-sab-container > .sab-btn:not(:last-child)::after {
    right: auto;
    left: -1px;
}
body:not([dir="ltr"]) .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:first-child,
[dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:last-child,
body:not([dir="ltr"]).combar-sab-wrapper.style-block .combar-sab-container > .sab-btn.sab-gradient:first-child::before,
[dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn.sab-gradient:last-child::before {
    -webkit-border-radius: var(--sab-border-radius) 0 0 var(--sab-border-radius);
    border-radius: var(--sab-border-radius) 0 0 var(--sab-border-radius);
}
body:not([dir="ltr"]) .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:last-child,
[dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:first-child,
body:not([dir="ltr"]) .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn.sab-gradient:last-child::before,
[dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn.sab-gradient:first-child::before {
    -webkit-border-radius: 0 var(--sab-border-radius) var(--sab-border-radius) 0;
    border-radius: 0 var(--sab-border-radius) var(--sab-border-radius) 0;
}
[dir="rtl"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child,
[dir="rtl"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-gradient:last-child::before,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-gradient:first-child::before {
    -webkit-border-radius: 0 0 0 var(--sab-border-radius);
    border-radius: 0 0 0 var(--sab-border-radius);
}
body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child,
[dir="rtl"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-btn.sab-gradient:last-child::before,
[dir="rtl"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-btn.sab-gradient:first-child::before {
    -webkit-border-radius: 0 0 var(--sab-border-radius) 0;
    border-radius: 0 0 var(--sab-border-radius) 0;
}
[dir="rtl"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child,
[dir="rtl"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-gradient:last-child::before,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-gradient:first-child::before {
    -webkit-border-radius: 0;
    border-radius: 0;
}
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child,
[dir="rtl"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn.sab-gradient:last-child::before,
[dir="rtl"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn.sab-gradient:first-child::before {
    -webkit-border-radius: 0 var(--sab-border-radius) var(--sab-border-radius) 0;
    border-radius: 0 var(--sab-border-radius) var(--sab-border-radius) 0;
}

[dir="rtl"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child,
[dir="rtl"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-gradient:last-child::before,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-gradient:first-child::before {
    -webkit-border-radius: var(--sab-border-radius) 0 0 var(--sab-border-radius);
    border-radius: var(--sab-border-radius) 0 0 var(--sab-border-radius);
}
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child,
[dir="rtl"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn.sab-gradient:last-child::before,
[dir="rtl"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn.sab-gradient:first-child::before {
    -webkit-border-radius: 0;
    border-radius: 0;
}

[dir="rtl"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child,
[dir="rtl"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-gradient:last-child::before,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-gradient:first-child::before {
    -webkit-border-radius: var(--sab-border-radius) 0 0 0;
    border-radius: var(--sab-border-radius) 0 0 0;
}
body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child,
[dir="rtl"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-btn.sab-gradient:last-child::before,
[dir="rtl"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-btn.sab-gradient:first-child::before {
    -webkit-border-radius: 0 var(--sab-border-radius) 0 0;
    border-radius: 0 var(--sab-border-radius) 0 0;
}
/* buttons style */
.combar-sab-wrapper.style-toggle_buttons,
.combar-sab-wrapper.style-buttons .combar-sab-container,
.combar-sab-wrapper.style-toggle_buttons .combar-sab-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    gap: var(--sab-buttons-gap);
}
.combar-sab-wrapper.sab-align-center.style-toggle_buttons.style-vertical_buttons,
.combar-sab-wrapper.sab-align-center.style-vertical_buttons .combar-sab-container,
.combar-sab-wrapper.sab-align-bottom.style-toggle_buttons.style-vertical_buttons,
.combar-sab-wrapper.sab-align-bottom.style-vertical_buttons .combar-sab-container {
    flex-direction: column-reverse;
    align-items: flex-start;
}
.combar-sab-wrapper.sab-align-top.style-toggle_buttons.style-vertical_buttons,
.combar-sab-wrapper.sab-align-top.style-vertical_buttons .combar-sab-container {
    flex-direction: column;
    align-items: flex-start;
}
[dir="rtl"] .combar-sab-wrapper.sab-side-left.style-toggle_buttons.style-vertical_buttons,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.style-toggle_buttons.style-vertical_buttons,
[dir="rtl"] .combar-sab-wrapper.sab-side-left.style-vertical_buttons .combar-sab-container,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.style-vertical_buttons .combar-sab-container {
    align-items: flex-end;
}
body:not([dir="ltr"]) .combar-sab-wrapper .sab-btn.style-reguler.icon-right .sab-button-inner,
[dir="rtl"] .combar-sab-wrapper .sab-btn.style-reguler.icon-left .sab-button-inner,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.style-toggle_buttons.style-horizontal_buttons,
[dir="rtl"] .combar-sab-wrapper.sab-side-left.style-toggle_buttons.style-horizontal_buttons,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.style-toggle_buttons.style-horizontal_buttons,
[dir="rtl"] .combar-sab-wrapper.sab-side-left.style-horizontal_buttons .combar-sab-container,
body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.style-horizontal_buttons .combar-sab-container {
    flex-direction: row-reverse;
}
.combar-sab-wrapper.style-buttons .sab-btn,
.combar-sab-wrapper.style-toggle_buttons .sab-btn {
    min-width: var(--sab-size);
    height: var(--sab-size);
    border: var(--sab-border-width) var(--sab-border-style) var(--sab-border-color);
    -webkit-border-radius: var(--sab-border-radius);
    border-radius: var(--sab-border-radius);
    box-shadow: var(--sab-shadow-h) var(--sab-shadow-v) var(--sab-shadow-blur) var(--sab-shadow-spread) var(--sab-shadow-color);
}
.combar-sab-wrapper.style-buttons .sab-btn.style-reguler,
.combar-sab-wrapper.style-toggle_buttons .sab-btn.style-reguler {
    padding: 0 10px;
}
/* buttons animations */
#sab-trigger {
    cursor: pointer;
    z-index: 2;
    position: relative;
    pointer-events: all;
}
.combar-sab-wrapper.hover-triggered #sab-trigger .sab-button-inner.trigger-close,
.combar-sab-wrapper:not(.sab-show) #sab-trigger .sab-button-inner.trigger-close,
.combar-sab-wrapper.sab-show:not(.hover-triggered) #sab-trigger .sab-button-inner.trigger-open {
    display: none;
}
.combar-sab-wrapper.style-toggle_buttons:not(.sab-show) {
    pointer-events: none;
}
.combar-sab-wrapper.style-toggle_buttons:not(.sab-show) .combar-sab-container .sab-btn {
    opacity: 0;
}
.combar-sab-wrapper.style-toggle_buttons.animate-to-top .combar-sab-container .sab-btn {
    transform: translateY(50px);
}
.combar-sab-wrapper.style-toggle_buttons.animate-to-bottom .combar-sab-container .sab-btn {
    transform: translateY(-50px);
}
.combar-sab-wrapper.style-toggle_buttons.animate-to-left .combar-sab-container .sab-btn {
    transform: translateX(50px);
}
.combar-sab-wrapper.style-toggle_buttons.animate-to-right .combar-sab-container .sab-btn {
    transform: translateX(-50px);
}
.combar-sab-wrapper.style-toggle_buttons.animate-pop .combar-sab-container .sab-btn {
    transform: scale(0);
}
.combar-sab-wrapper.style-toggle_buttons.animate-flipx .combar-sab-container .sab-btn {
    transform: scaleX(0);
}
.combar-sab-wrapper.style-toggle_buttons.animate-flipy .combar-sab-container .sab-btn {
    transform: scaleY(0);
}
.combar-sab-wrapper.style-toggle_buttons.animate-rot-left .combar-sab-container .sab-btn {
    transform: rotate(90deg);
}
.combar-sab-wrapper.style-toggle_buttons.animate-rot-right .combar-sab-container .sab-btn {
    transform: rotate(-90deg);
}
.combar-sab-wrapper.style-toggle_buttons.sab-show .combar-sab-container .sab-btn {
    opacity: 1;
    transform: none;
}

/* bottom gap */
.sab-bottom-gap.sab-desk {
    height: calc(var(--sab-size) + var(--sab-bottom-gap) + 5px);
    display: block;
    width: 100%;
}
@media only screen and (min-width: 1024px) {
    .sab-bottom-gap.sab-mob,
    .combar-sab-wrapper.sab-mob {
        display: none !important;
    }
}
@media only screen and (max-width: 1024px) {
    .combar-sab-wrapper.sab-desk:not(.tablet-as-desk)+.sab-bottom-gap.sab-desk,
    .combar-sab-wrapper.sab-desk:not(.tablet-as-desk) {
        display: none !important;
    }
}
@media only screen and (min-width: 768px) {
    .combar-sab-wrapper.sab-mob.tablet-as-desk+.sab-bottom-gap.sab-desk,
    .combar-sab-wrapper.sab-mob.tablet-as-desk {
        display: none !important;
    }
}
@media only screen and (max-width: 768px) {
    .sab-bottom-gap.sab-desk,
    .combar-sab-wrapper.sab-desk.tablet-as-desk {
        display: none !important;
    }
}

/* preview */
.sab-preview a:not(#sab-trigger) {
    cursor: no-drop !important;
}