Changeset 2731977
- Timestamp:
- 05/26/2022 03:05:21 PM (4 years ago)
- Location:
- sticky-action-buttons-call-chat-navigate-and-more/trunk/assets/css
- Files:
-
- 2 edited
-
combar-sab.css (modified) (7 diffs)
-
combar-sab.min.css (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
sticky-action-buttons-call-chat-navigate-and-more/trunk/assets/css/combar-sab.css
r2731934 r2731977 56 56 } 57 57 .combar-sab-wrapper .sab-btn:hover, 58 .combar-sab-wrapper.style-buttons .combar-sab-container >.sab-btn:hover,59 .combar-sab-wrapper.style-toggle_buttons .combar-sab-container >.sab-btn:hover {58 .combar-sab-wrapper.style-buttons .combar-sab-container > .sab-btn:hover, 59 .combar-sab-wrapper.style-toggle_buttons .combar-sab-container > .sab-btn:hover { 60 60 background-color: var(--sab-hover-background); 61 61 border-color: var(--sab-border-hover-color); … … 270 270 border-radius: var(--sab-border-radius) var(--sab-border-radius) 0 0; 271 271 } 272 .combar-sab-wrapper.style-block .combar-sab-container >.sab-btn {272 .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn { 273 273 flex-grow: 1; 274 274 min-width: var(--sab-size); … … 276 276 /* chrome correction */ 277 277 @supports (-webkit-tap-highlight-color: black) { 278 .combar-sab-wrapper.style-block .combar-sab-container >.sab-btn:not(*: root) {278 .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:not(*: root) { 279 279 bottom: 0.5px; 280 280 left: 0.5px; … … 283 283 } 284 284 } 285 .combar-sab-wrapper.style-block .combar-sab-container >.sab-btn:not(:last-child)::after {285 .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:not(:last-child)::after { 286 286 content: ""; 287 287 display: block; … … 297 297 pointer-events: none; 298 298 } 299 [dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container >.sab-btn:not(:last-child)::after {299 [dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:not(:last-child)::after { 300 300 right: auto; 301 301 left: calc(0px - (var(--sab-separator-width) / 2)); 302 302 } 303 .combar-sab-wrapper.style-block.soft-sep .combar-sab-container >.sab-btn:not(:last-child)::after {303 .combar-sab-wrapper.style-block.soft-sep .combar-sab-container > .sab-btn:not(:last-child)::after { 304 304 right: -1px; 305 305 width: 2px; … … 308 308 border-left: 1px solid rgba(0, 0, 0, 0.15); 309 309 } 310 [dir="rtl"] .combar-sab-wrapper.style-block.soft-sep .combar-sab-container >.sab-btn:not(:last-child)::after {310 [dir="rtl"] .combar-sab-wrapper.style-block.soft-sep .combar-sab-container > .sab-btn:not(:last-child)::after { 311 311 right: auto; 312 312 left: -1px; 313 313 } 314 [dir="ltr"] .combar-sab-wrapper.style-block .combar-sab-container>.sab-btn:first-child,315 [dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container >.sab-btn:last-child,316 [dir="ltr"].combar-sab-wrapper.style-block .combar-sab-container>.sab-btn.sab-gradient:first-child::before,317 [dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container >.sab-btn.sab-gradient:last-child::before {314 body:not([dir="ltr"]) .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:first-child, 315 [dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:last-child, 316 body:not([dir="ltr"]).combar-sab-wrapper.style-block .combar-sab-container > .sab-btn.sab-gradient:first-child::before, 317 [dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn.sab-gradient:last-child::before { 318 318 -webkit-border-radius: var(--sab-border-radius) 0 0 var(--sab-border-radius); 319 319 border-radius: var(--sab-border-radius) 0 0 var(--sab-border-radius); 320 320 } 321 [dir="ltr"] .combar-sab-wrapper.style-block .combar-sab-container>.sab-btn:last-child,322 [dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container >.sab-btn:first-child,323 [dir="ltr"] .combar-sab-wrapper.style-block .combar-sab-container>.sab-btn.sab-gradient:last-child::before,324 [dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container >.sab-btn.sab-gradient:first-child::before {321 body:not([dir="ltr"]) .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:last-child, 322 [dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn:first-child, 323 body:not([dir="ltr"]) .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn.sab-gradient:last-child::before, 324 [dir="rtl"] .combar-sab-wrapper.style-block .combar-sab-container > .sab-btn.sab-gradient:first-child::before { 325 325 -webkit-border-radius: 0 var(--sab-border-radius) var(--sab-border-radius) 0; 326 326 border-radius: 0 var(--sab-border-radius) var(--sab-border-radius) 0; 327 327 } 328 [dir="rtl"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container >.sab-btn:last-child,329 [dir="ltr"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container>.sab-btn:first-child,330 [dir="rtl"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container >.sab-gradient:last-child::before,331 [dir="ltr"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container>.sab-gradient:first-child::before {328 [dir="rtl"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child, 329 body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child, 330 [dir="rtl"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-gradient:last-child::before, 331 body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-gradient:first-child::before { 332 332 -webkit-border-radius: 0 0 0 var(--sab-border-radius); 333 333 border-radius: 0 0 0 var(--sab-border-radius); 334 334 } 335 [dir="ltr"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container>.sab-btn:last-child,336 [dir="rtl"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container >.sab-btn:first-child,337 [dir="ltr"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container>.sab-btn.sab-gradient:last-child::before,338 [dir="rtl"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container >.sab-btn.sab-gradient:first-child::before {335 body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child, 336 [dir="rtl"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child, 337 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, 338 [dir="rtl"] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container > .sab-btn.sab-gradient:first-child::before { 339 339 -webkit-border-radius: 0 0 var(--sab-border-radius) 0; 340 340 border-radius: 0 0 var(--sab-border-radius) 0; 341 341 } 342 [dir="rtl"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container >.sab-btn:last-child,343 [dir="ltr"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container>.sab-btn:first-child,344 [dir="rtl"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container >.sab-gradient:last-child::before,345 [dir="ltr"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container>.sab-gradient:first-child::before {342 [dir="rtl"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child, 343 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, 344 [dir="rtl"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-gradient:last-child::before, 345 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 { 346 346 -webkit-border-radius: 0; 347 347 border-radius: 0; 348 348 } 349 [dir="ltr"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container>.sab-btn:last-child,350 [dir="rtl"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container >.sab-btn:first-child,351 [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,352 [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 {349 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, 350 [dir="rtl"] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child, 351 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, 352 [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 { 353 353 -webkit-border-radius: 0 var(--sab-border-radius) var(--sab-border-radius) 0; 354 354 border-radius: 0 var(--sab-border-radius) var(--sab-border-radius) 0; 355 355 } 356 356 357 [dir="rtl"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container >.sab-btn:last-child,358 [dir="ltr"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container>.sab-btn:first-child,359 [dir="rtl"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container >.sab-gradient:last-child::before,360 [dir="ltr"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container>.sab-gradient:first-child::before {357 [dir="rtl"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child, 358 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, 359 [dir="rtl"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-gradient:last-child::before, 360 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 { 361 361 -webkit-border-radius: var(--sab-border-radius) 0 0 var(--sab-border-radius); 362 362 border-radius: var(--sab-border-radius) 0 0 var(--sab-border-radius); 363 363 } 364 [dir="ltr"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container>.sab-btn:last-child,365 [dir="rtl"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container >.sab-btn:first-child,366 [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,367 [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 {364 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, 365 [dir="rtl"] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child, 366 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, 367 [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 { 368 368 -webkit-border-radius: 0; 369 369 border-radius: 0; 370 370 } 371 371 372 [dir="rtl"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container >.sab-btn:last-child,373 [dir="ltr"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container>.sab-btn:first-child,374 [dir="rtl"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container >.sab-gradient:last-child::before,375 [dir="ltr"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container>.sab-gradient:first-child::before {372 [dir="rtl"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child, 373 body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child, 374 [dir="rtl"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-gradient:last-child::before, 375 body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-gradient:first-child::before { 376 376 -webkit-border-radius: var(--sab-border-radius) 0 0 0; 377 377 border-radius: var(--sab-border-radius) 0 0 0; 378 378 } 379 [dir="ltr"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container>.sab-btn:last-child,380 [dir="rtl"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container >.sab-btn:first-child,381 [dir="ltr"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container>.sab-btn.sab-gradient:last-child::before,382 [dir="rtl"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container >.sab-btn.sab-gradient:first-child::before {379 body:not([dir="ltr"]) .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-btn:last-child, 380 [dir="rtl"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-btn:first-child, 381 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, 382 [dir="rtl"] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container > .sab-btn.sab-gradient:first-child::before { 383 383 -webkit-border-radius: 0 var(--sab-border-radius) 0 0; 384 384 border-radius: 0 var(--sab-border-radius) 0 0; … … 407 407 } 408 408 [dir="rtl"] .combar-sab-wrapper.sab-side-left.style-toggle_buttons.style-vertical_buttons, 409 [dir="ltr"].combar-sab-wrapper.sab-side-right.style-toggle_buttons.style-vertical_buttons,409 body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.style-toggle_buttons.style-vertical_buttons, 410 410 [dir="rtl"] .combar-sab-wrapper.sab-side-left.style-vertical_buttons .combar-sab-container, 411 [dir="ltr"].combar-sab-wrapper.sab-side-right.style-vertical_buttons .combar-sab-container {411 body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.style-vertical_buttons .combar-sab-container { 412 412 align-items: flex-end; 413 413 } 414 [dir="ltr"].combar-sab-wrapper .sab-btn.style-reguler.icon-right .sab-button-inner,414 body:not([dir="ltr"]) .combar-sab-wrapper .sab-btn.style-reguler.icon-right .sab-button-inner, 415 415 [dir="rtl"] .combar-sab-wrapper .sab-btn.style-reguler.icon-left .sab-button-inner, 416 [dir="ltr"].combar-sab-wrapper.sab-side-right.style-toggle_buttons.style-horizontal_buttons,416 body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.style-toggle_buttons.style-horizontal_buttons, 417 417 [dir="rtl"] .combar-sab-wrapper.sab-side-left.style-toggle_buttons.style-horizontal_buttons, 418 [dir="ltr"].combar-sab-wrapper.sab-side-right.style-toggle_buttons.style-horizontal_buttons,418 body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.style-toggle_buttons.style-horizontal_buttons, 419 419 [dir="rtl"] .combar-sab-wrapper.sab-side-left.style-horizontal_buttons .combar-sab-container, 420 [dir="ltr"].combar-sab-wrapper.sab-side-right.style-horizontal_buttons .combar-sab-container {420 body:not([dir="ltr"]) .combar-sab-wrapper.sab-side-right.style-horizontal_buttons .combar-sab-container { 421 421 flex-direction: row-reverse; 422 422 } -
sticky-action-buttons-call-chat-navigate-and-more/trunk/assets/css/combar-sab.min.css
r2731934 r2731977 1 .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 .5s,color .5s,border-color .5s,transform .3s,opacity .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:.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 .5s}.combar-sab-wrapper .sab-btn:hover .sab-button-inner i.sab-icon{color:var(--sab-icon-hover-color)}.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}.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:0;height:0;border:solid transparent}.combar-sab-wrapper .sab-btn.sab-tooltip.style-toogle_tooltip .sab-title{visibility:hidden;opacity:0;transition:.5s}.combar-sab-wrapper .sab-btn.sab-tooltip.style-toogle_tooltip:hover .sab-title{visibility:visible;opacity:1}.combar-sab-wrapper.style-block .sab-btn.sab-tooltip .sab-title,.combar-sab-wrapper.style-horizontal_buttons .sab-btn.sab-tooltip .sab-title{left:50%;transform:translate(-50%,calc(-100% - var(--sab-border-width) - 20px))}.combar-sab-wrapper.style-block .sab-btn.sab-tooltip .sab-title,.combar-sab-wrapper.style-horizontal_buttons .sab-btn.sab-tooltip .sab-title{left:50%;transform:translate(-50%,calc(-100% - var(--sab-border-width) - 20px))}.combar-sab-wrapper.style-block .sab-btn.sab-tooltip .sab-title::before,.combar-sab-wrapper.style-horizontal_buttons .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}.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)}.combar-sab-wrapper.style-block.sab-side-left .sab-btn.sab-trigger.sab-tooltip .sab-title,.combar-sab-wrapper.style-horizontal_buttons.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}.combar-sab-wrapper.style-block.sab-align-top.sab-side-left .sab-btn.sab-trigger.sab-tooltip .sab-title,.combar-sab-wrapper.style-horizontal_buttons.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}.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)}.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:0;-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:0;-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:0;-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:0;-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)}@supports (-webkit-tap-highlight-color:black){.combar-sab-wrapper.style-block .combar-sab-container>.sab-btn:not(: root){bottom:.5px;left:.5px;margin-bottom:-1px;margin-left:-.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:0 0;border-right:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(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}[dir= ltr] .combar-sab-wrapper.style-block .combar-sab-container>.sab-btn:first-child,[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,[dir=rtl] .combar-sab-wrapper.style-block .combar-sab-container>.sab-btn:last-child{-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)}[dir=ltr] .combar-sab-wrapper.style-block .combar-sab-container>.sab-btn.sab-gradient:last-child::before,[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.sab-gradient:first-child::before,[dir=rtl] .combar-sab-wrapper.style-block .combar-sab-container>.sab-btn:first-child{-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=ltr] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container>.sab-btn:first-child,[dir=ltr] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container>.sab-gradient:first-child::before,[dir=rtl] .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-gradient:last-child::before{-webkit-border-radius:0 0 0 var(--sab-border-radius);border-radius:0 0 0 var(--sab-border-radius)}[dir=ltr] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container>.sab-btn.sab-gradient:last-child::before,[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.sab-gradient:first-child::before,[dir=rtl] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container>.sab-btn:first-child{-webkit-border-radius:0 0 var(--sab-border-radius) 0;border-radius:0 0 var(--sab-border-radius) 0}[dir=ltr] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container>.sab-btn:first-child,[dir=ltr] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container>.sab-gradient:first-child::before,[dir=rtl] .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-gradient:last-child::before{-webkit-border-radius:0;border-radius:0}[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=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.sab-gradient:first-child::before,[dir=rtl] .combar-sab-wrapper.sab-side-left.sab-align-center.style-block.style-calc_radius .combar-sab-container>.sab-btn:first-child{-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=ltr] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container>.sab-btn:first-child,[dir=ltr] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container>.sab-gradient:first-child::before,[dir=rtl] .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-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)}[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=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.sab-gradient:first-child::before,[dir=rtl] .combar-sab-wrapper.sab-side-right.sab-align-center.style-block.style-calc_radius .combar-sab-container>.sab-btn:first-child{-webkit-border-radius:0;border-radius:0}[dir=ltr] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container>.sab-btn:first-child,[dir=ltr] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container>.sab-gradient:first-child::before,[dir=rtl] .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-gradient:last-child::before{-webkit-border-radius:var(--sab-border-radius) 0 0 0;border-radius:var(--sab-border-radius) 0 0 0}[dir=ltr] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container>.sab-btn.sab-gradient:last-child::before,[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.sab-gradient:first-child::before,[dir=rtl] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container>.sab-btn:first-child{-webkit-border-radius:0 var(--sab-border-radius) 0 0;border-radius:0 var(--sab-border-radius) 0 0}.combar-sab-wrapper.style-buttons .combar-sab-container,.combar-sab-wrapper.style-toggle_buttons,.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-bottom.style-toggle_buttons.style-vertical_buttons,.combar-sab-wrapper.sab-align-bottom.style-vertical_buttons .combar-sab-container,.combar-sab-wrapper.sab-align-center.style-toggle_buttons.style-vertical_buttons,.combar-sab-wrapper.sab-align-center.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=ltr] .combar-sab-wrapper.sab-side-right.style-toggle_buttons.style-vertical_buttons,[dir=ltr] .combar-sab-wrapper.sab-side-right.style-vertical_buttons .combar-sab-container,[dir=rtl] .combar-sab-wrapper.sab-side-left.style-toggle_buttons.style-vertical_buttons,[dir=rtl] .combar-sab-wrapper.sab-side-left.style-vertical_buttons .combar-sab-container{align-items:flex-end}[dir=ltr] .combar-sab-wrapper .sab-btn.style-reguler.icon-right .sab-button-inner,[dir=ltr] .combar-sab-wrapper.sab-side-right.style-horizontal_buttons .combar-sab-container,[dir=ltr] .combar-sab-wrapper.sab-side-right.style-toggle_buttons.style-horizontal_buttons,[dir=rtl] .combar-sab-wrapper .sab-btn.style-reguler.icon-left .sab-button-inner,[dir=rtl] .combar-sab-wrapper.sab-side-left.style-horizontal_buttons .combar-sab-container,[dir=rtl] .combar-sab-wrapper.sab-side-left.style-toggle_buttons.style-horizontal_buttons{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}#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.sab-show:not(.hover-triggered) #sab-trigger .sab-button-inner.trigger-open,.combar-sab-wrapper:not(.sab-show) #sab-trigger .sab-button-inner.trigger-close{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}.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){.combar-sab-wrapper.sab-mob,.sab-bottom-gap.sab-mob{display:none!important}}@media only screen and (max-width:1024px){.combar-sab-wrapper.sab-desk:not(.tablet-as-desk),.combar-sab-wrapper.sab-desk:not(.tablet-as-desk)+.sab-bottom-gap.sab-desk{display:none!important}}@media only screen and (min-width:768px){.combar-sab-wrapper.sab-mob.tablet-as-desk,.combar-sab-wrapper.sab-mob.tablet-as-desk+.sab-bottom-gap.sab-desk{display:none!important}}@media only screen and (max-width:768px){.combar-sab-wrapper.sab-desk.tablet-as-desk,.sab-bottom-gap.sab-desk{display:none!important}}.sab-preview a:not(#sab-trigger){cursor:no-drop!important}1 .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 .5s,color .5s,border-color .5s,transform .3s,opacity .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:.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 .5s}.combar-sab-wrapper .sab-btn:hover .sab-button-inner i.sab-icon{color:var(--sab-icon-hover-color)}.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}.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:0;height:0;border:solid transparent}.combar-sab-wrapper .sab-btn.sab-tooltip.style-toogle_tooltip .sab-title{visibility:hidden;opacity:0;transition:.5s}.combar-sab-wrapper .sab-btn.sab-tooltip.style-toogle_tooltip:hover .sab-title{visibility:visible;opacity:1}.combar-sab-wrapper.style-block .sab-btn.sab-tooltip .sab-title,.combar-sab-wrapper.style-horizontal_buttons .sab-btn.sab-tooltip .sab-title{left:50%;transform:translate(-50%,calc(-100% - var(--sab-border-width) - 20px))}.combar-sab-wrapper.style-block .sab-btn.sab-tooltip .sab-title,.combar-sab-wrapper.style-horizontal_buttons .sab-btn.sab-tooltip .sab-title{left:50%;transform:translate(-50%,calc(-100% - var(--sab-border-width) - 20px))}.combar-sab-wrapper.style-block .sab-btn.sab-tooltip .sab-title::before,.combar-sab-wrapper.style-horizontal_buttons .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}.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)}.combar-sab-wrapper.style-block.sab-side-left .sab-btn.sab-trigger.sab-tooltip .sab-title,.combar-sab-wrapper.style-horizontal_buttons.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}.combar-sab-wrapper.style-block.sab-align-top.sab-side-left .sab-btn.sab-trigger.sab-tooltip .sab-title,.combar-sab-wrapper.style-horizontal_buttons.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}.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)}.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:0;-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:0;-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:0;-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:0;-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)}@supports (-webkit-tap-highlight-color:black){.combar-sab-wrapper.style-block .combar-sab-container>.sab-btn:not(: root){bottom:.5px;left:.5px;margin-bottom:-1px;margin-left:-.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:0 0;border-right:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(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}[dir=rtl] .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:last-child,body:not([dir=ltr]) .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: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)}[dir=rtl] .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:first-child,body:not([dir=ltr]) .combar-sab-wrapper.style-block .combar-sab-container>.sab-btn.sab-gradient:last-child::before,body:not([dir=ltr]) .combar-sab-wrapper.style-block .combar-sab-container>.sab-btn:last-child{-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,[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-btn:first-child,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)}[dir=rtl] .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container>.sab-btn.sab-gradient:first-child::before,[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,body:not([dir=ltr]) .combar-sab-wrapper.sab-align-top.style-block.style-calc_radius .combar-sab-container>.sab-btn:last-child{-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,[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-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-gradient:first-child::before{-webkit-border-radius:0;border-radius:0}[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,[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,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{-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,[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-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-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)}[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,[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,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{-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,[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-btn:first-child,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}[dir=rtl] .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container>.sab-btn.sab-gradient:first-child::before,[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,body:not([dir=ltr]) .combar-sab-wrapper.sab-align-bottom.style-block.style-calc_radius .combar-sab-container>.sab-btn:last-child{-webkit-border-radius:0 var(--sab-border-radius) 0 0;border-radius:0 var(--sab-border-radius) 0 0}.combar-sab-wrapper.style-buttons .combar-sab-container,.combar-sab-wrapper.style-toggle_buttons,.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-bottom.style-toggle_buttons.style-vertical_buttons,.combar-sab-wrapper.sab-align-bottom.style-vertical_buttons .combar-sab-container,.combar-sab-wrapper.sab-align-center.style-toggle_buttons.style-vertical_buttons,.combar-sab-wrapper.sab-align-center.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,[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-toggle_buttons.style-vertical_buttons,body:not([dir=ltr]) .combar-sab-wrapper.sab-side-right.style-vertical_buttons .combar-sab-container{align-items:flex-end}[dir=rtl] .combar-sab-wrapper .sab-btn.style-reguler.icon-left .sab-button-inner,[dir=rtl] .combar-sab-wrapper.sab-side-left.style-horizontal_buttons .combar-sab-container,[dir=rtl] .combar-sab-wrapper.sab-side-left.style-toggle_buttons.style-horizontal_buttons,body:not([dir=ltr]) .combar-sab-wrapper .sab-btn.style-reguler.icon-right .sab-button-inner,body:not([dir=ltr]) .combar-sab-wrapper.sab-side-right.style-horizontal_buttons .combar-sab-container,body:not([dir=ltr]) .combar-sab-wrapper.sab-side-right.style-toggle_buttons.style-horizontal_buttons{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}#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.sab-show:not(.hover-triggered) #sab-trigger .sab-button-inner.trigger-open,.combar-sab-wrapper:not(.sab-show) #sab-trigger .sab-button-inner.trigger-close{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}.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){.combar-sab-wrapper.sab-mob,.sab-bottom-gap.sab-mob{display:none!important}}@media only screen and (max-width:1024px){.combar-sab-wrapper.sab-desk:not(.tablet-as-desk),.combar-sab-wrapper.sab-desk:not(.tablet-as-desk)+.sab-bottom-gap.sab-desk{display:none!important}}@media only screen and (min-width:768px){.combar-sab-wrapper.sab-mob.tablet-as-desk,.combar-sab-wrapper.sab-mob.tablet-as-desk+.sab-bottom-gap.sab-desk{display:none!important}}@media only screen and (max-width:768px){.combar-sab-wrapper.sab-desk.tablet-as-desk,.sab-bottom-gap.sab-desk{display:none!important}}.sab-preview a:not(#sab-trigger){cursor:no-drop!important}
Note: See TracChangeset
for help on using the changeset viewer.