.component-backend-tabs.full-screen{background:var(--bs-body-bg);height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.component-backend-tabs>.tablist-container{position:relative}.component-backend-tabs>.tablist-container .tabs-scrollable{overflow:hidden;width:100%}.component-backend-tabs>.tablist-container .tablist button{-webkit-appearance:none;background:transparent;border:none;color:var(--oc-editor-tab-color);overflow:hidden;padding:0 13px;position:relative;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.component-backend-tabs>.tablist-container .tablist button.has-icon{padding-left:36px}.component-backend-tabs>.tablist-container .tablist button.has-close-button{min-width:120px;padding-right:32px}.component-backend-tabs>.tablist-container .tablist button:focus{color:var(--bs-primary);outline:none}.component-backend-tabs>.tablist-container .tablist button:focus span.tab-icon:not(.tab-error){box-shadow:0 0 0 2px rgba(0,0,0,.15)}.component-backend-tabs>.tablist-container .tablist button span.tab-icon{border-radius:4px;display:inline-block;height:16px;left:13px;line-height:16px;overflow:hidden;position:absolute;top:16px;width:16px}.component-backend-tabs>.tablist-container .tablist button span.tab-icon .tab-icon-background{display:block;height:16px;left:0;position:absolute;top:0;transition:top .5s;width:16px}.component-backend-tabs>.tablist-container .tablist button span.tab-icon i{color:#fff;font-size:10px;left:3px;position:absolute;top:3px}.component-backend-tabs>.tablist-container .tablist button span.tab-icon i.tab-error{background-position:-31px -35px;height:16px;left:0;top:16px;transition:top .5s;width:16px}.component-backend-tabs>.tablist-container .tablist button span.tab-icon.tab-error .tab-icon-background{top:-16px}.component-backend-tabs>.tablist-container .tablist button span.tab-icon.tab-error i.tab-error{top:0}.component-backend-tabs>.tablist-container .tablist button span.close-tab{border-radius:20px;color:transparent;display:inline-block;height:19px;position:absolute;right:10px;top:15px;vertical-align:middle;width:19px}.component-backend-tabs>.tablist-container .tablist button span.close-tab:focus{background-color:var(--oc-toolbar-hover-bg);outline:none}.component-backend-tabs>.tablist-container .tablist button span.close-tab:before{background-position:-156px 0;display:block;height:7px;left:6px;position:absolute;top:6px;width:7px}.component-backend-tabs>.tablist-container .tablist button span.close-tab.has-changes:focus:before,.component-backend-tabs>.tablist-container .tablist button span.close-tab.has-changes:hover:before,.component-backend-tabs>.tablist-container .tablist button span.close-tab:focus:before,.component-backend-tabs>.tablist-container .tablist button span.close-tab:hover:before{background-position:-165px 0}.component-backend-tabs>.tablist-container .tablist button span.close-tab.has-changes:before{background-position:-167px -10px}.component-backend-tabs>.tabpanel:focus{outline:none}.component-backend-tabs.style-form>.tablist-container .tablist button{border:1px solid var(--oc-primary-border);height:38px;margin-left:-1px}.component-backend-tabs.style-form>.tablist-container .tablist button.active{border-color:var(--bs-primary);color:#2c3e4f;font-weight:600;z-index:1}.component-backend-tabs.style-form>.tablist-container .tablist button:first-child{border-radius:6px 0 0 6px;margin-left:0}.component-backend-tabs.style-form>.tablist-container .tablist button:last-child{border-radius:0 6px 6px 0}.component-backend-tabs.style-document>.tablist-container .tabs-scrollable{background-color:var(--oc-editor-tab-bg)}.component-backend-tabs.style-document>.tablist-container .tabs-toolbar{background-color:var(--oc-editor-tab-bg);line-height:39px}.component-backend-tabs.style-document>.tablist-container .tabs-toolbar:after{background:var(--oc-primary-border);content:"";height:100%;margin-left:-1px;position:absolute;top:0;width:1px}.component-backend-tabs.style-document>.tablist-container .tabs-toolbar .toolbar-container{margin:5px 10px 0}.component-backend-tabs.style-document>.tablist-container .tablist:after{background-color:var(--oc-primary-border);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:0}.component-backend-tabs.style-document>.tablist-container .tablist:empty:after{display:none}.component-backend-tabs.style-document>.tablist-container .tablist button{border-left:1px solid var(--oc-primary-border);height:48px;max-width:220px;min-width:120px}.component-backend-tabs.style-document>.tablist-container .tablist button.active{background-color:var(--oc-editor-tab-active-bg);color:var(--oc-editor-tab-active-color)}.component-backend-tabs.style-document>.tablist-container .tablist button.active:after{background-color:var(--oc-editor-tab-active-bg);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:1}.component-backend-tabs.style-document>.tablist-container .tablist button:first-child{margin-left:25px}.component-backend-tabs.style-document>.tablist-container .tablist button:last-child{border-right:1px solid var(--oc-primary-border)}.component-backend-tabs.style-document>.tablist-container .tablist-scrollable-container{position:relative}.component-backend-tabs.style-document>.tablist-container .tablist-scrollable-container .tabs-scrollable:after{background:linear-gradient(90deg,#000,transparent);content:"";display:block;height:48px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:5px}.component-backend-tabs.style-document>.tablist-container .tablist-scrollable-container.scroll-before .tabs-scrollable:after{opacity:.15}.component-backend-tabs.style-document>.tablist-container .tablist-scrollable-container:not(.has-fixed-panel):after{background:linear-gradient(90deg,transparent,#000);content:"";display:block;height:48px;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;width:5px}.component-backend-tabs.style-document>.tablist-container .tablist-scrollable-container:not(.has-fixed-panel).scroll-after:after{opacity:.15}.component-backend-tabs.style-document>.tablist-container .tablist-scrollable-container.has-fixed-panel .fixed-right:before{background:linear-gradient(-90deg,#000,transparent);content:"";display:block;height:48px;margin-left:-5px;opacity:0;position:absolute;top:0;transition:opacity .3s;width:5px}.component-backend-tabs.style-document>.tablist-container .tablist-scrollable-container.has-fixed-panel.scroll-after .fixed-right:before{opacity:.15}.component-backend-tabs.style-inspector>.tablist-container{background:transparent;padding-top:15px}.component-backend-tabs.style-inspector>.tablist-container .tablist:after{background-color:var(--oc-primary-border);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:0}.component-backend-tabs.style-inspector>.tablist-container .tablist button{color:var(--oc-toolbar-color);font-weight:600;margin-right:15px;overflow:visible;padding:0 0 4px;text-overflow:clip;z-index:auto}.component-backend-tabs.style-inspector>.tablist-container .tablist button.active{color:var(--bs-primary)}.component-backend-tabs.style-inspector>.tablist-container .tablist button.active:after{background-color:var(--bs-primary);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:1}.component-backend-tabs.style-inspector>.tablist-container .tablist button:first-child{margin-left:0}.component-backend-tabs.style-inspector>.tablist-container .tablist button:last-child{margin-right:0}