div.tab-active {\\\\n box-shadow: inset 0px -3px 0px \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"seed\\\"]),\\n \\\";\\\\n }\\\\n}\\\\n\\\\n.modern-tab-headers > div {\\\\n color: \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"a.link\\\"]),\\n \\\";\\\\n flex-grow: 1;\\\\n overflow: hidden;\\\\n}\\\\n\\\\n.modern-tab-headers > div.tab-active {\\\\n background-color: \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"WB\\\"]),\\n \\\";\\\\n color: \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"text_dark\\\"]),\\n \\\";\\\\n}\\\\n\\\\n.modern-tab-headers > div * {\\\\n vertical-align: middle;\\\\n}\\\\n\\\\n.modern-tab-headers > div > a,\\\\n.modern-tab-headers > div > a:hover {\\\\n display: block;\\\\n padding: 1em;\\\\n cursor: pointer;\\\\n font-weight: \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"font_weight_medium\\\"]),\\n \\\";\\\\n text-align: center;\\\\n text-decoration: none;\\\\n}\\\\n\\\\n.modern-tab-headers > div.tab-active > a {\\\\n color: \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"body_color\\\"]),\\n \\\";\\\\n border-bottom-color: transparent;\\\\n}\\\\n\\\\n.modern-tab-headers > div > a {\\\\n border-right: 1px solid \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"standard_border\\\"]),\\n \\\";\\\\n border-bottom: 1px solid \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"standard_border\\\"]),\\n \\\";\\\\n display: block;\\\\n}\\\\n\\\\n.modern-tab-headers > div:last-child > a {\\\\n border-right: 0;\\\\n}\\\\n\\\\n\\\",\\n ecv(\\\$cl,[],4,\\\"CSS_MODE\\\",[\\\"desktop\\\",\\\"\\\\n /*\\\\n Enable instead of the below selector if you would rather icon goes above label for short widths. In this case you also need to get equal header widths via style=\\\\\\\"width: { \\\\\\\$DIV_FLOAT*,100,{ TABS}}%\\\\\\\" on the header div.\\\\n .modern-tab-headers > div > a > span {\\\\n min-width: 5em; / * To force uniform wrapping if not enough space * /\\\\n padding: 0.3em 0; / * Will only take effect if wrapped * /\\\\n }*/\\\\n\\\\n .modern-tab-headers > div > a > span {\\\\n /*min-width: 47px; !* Space things out - you may want to adjust this based on however many tabs you have *!*/\\\\n display: inline-block;\\\\n padding-left: 3px;\\\\n }\\\\n\\\"],\\\"modern_tabs\\\"),\\n \\\"\\\\n\\\\n\\\",\\n ecv(\\\$cl,[],4,\\\"CSS_MODE\\\",[\\\"desktop\\\",\\\"\\\\n .modern-tab-bodies {\\\\n padding: 1em 0.5em;\\\\n }\\\\n\\\"],\\\"modern_tabs\\\"),\\n \\\"\\\\n\\\",\\n ecv(\\\$cl,[],4,\\\"CSS_MODE\\\",[\\\"mobile\\\",\\\"\\\\n .modern-tab-bodies {\\\\n padding: 3px;\\\\n }\\\\n\\\"],\\\"modern_tabs\\\"),\\n \\\"\\\\n\\\\n\\\",\\n ecv(\\\$cl,[],4,\\\"CSS_MODE\\\",[\\\"desktop\\\",\\\"\\\\n .modern-tab-body.modern-tab-body-edit {\\\\n padding-left: 0;\\\\n padding-right: 0;\\\\n margin: -1em -0.5em;\\\\n }\\\\n\\\"],\\\"modern_tabs\\\"),\\n \\\"\\\\n\\\\n/* Sub tabs, nested */\\\\n\\\\n.modern-tabs .modern-tabs .modern-tab-headers {\\\\n overflow: hidden;\\\\n background-color: \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"box_title_background_2\\\"]),\\n \\\";\\\\n}\\\\n\\\\n.modern-tabs .modern-tabs .modern-tab-headers > div > a {\\\\n padding: 0.5em;\\\\n}\\\\n\\\\n/* Sub tabs, which look entirely different as they go down in an lhs column */\\\\n\\\\n.modern-subtabs {\\\\n background: \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"area_background\\\"]),\\n \\\";\\\\n \\\",\\n ecv(\\\$cl,[],0,\\\"BETA_CSS_PROPERTY\\\",[\\\"display: flex;\\\"]),\\n \\\"\\\\n}\\\\n\\\\n.modern-subtab-headers {\\\\n background: \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"box_title_background_2\\\"]),\\n \\\";\\\\n margin-right: 8px;\\\\n}\\\\n\\\\n.modern-subtab-headers > div {\\\\n color: \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"seed_contrast_high\\\"]),\\n \\\";\\\\n position: relative;\\\\n}\\\\n\\\\n.modern-subtab-headers > div.tab-active {\\\\n background-color: \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"seed_secondary\\\"]),\\n \\\";\\\\n color: \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"text_light\\\"]),\\n \\\";\\\\n}\\\\n\\\\n.modern-subtab-headers > div:last-child {\\\\n border-bottom: 0;\\\\n}\\\\n\\\\n.modern-subtab-headers > div.tab-active::after,\\\\n.modern-subtab-headers > div:hover::after {\\\\n position: absolute;\\\\n top: 50%;\\\\n right: -6px;\\\\n margin-top: -6px;\\\\n content: '';\\\\n width: 0;\\\\n height: 0;\\\\n border-style: solid;\\\\n border-width: 6px 0 6px 6px;\\\\n border-color: transparent transparent transparent \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"seed_secondary\\\"]),\\n \\\";\\\\n}\\\\n\\\\n.modern-subtab-headers > div * {\\\\n vertical-align: middle;\\\\n display: inline-block;\\\\n}\\\\n\\\\n.modern-subtab-headers > div > a {\\\\n padding: 1em 15px;\\\\n border-bottom: 1px solid \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"standard_border\\\"]),\\n \\\";\\\\n display: block;\\\\n cursor: pointer;\\\\n font-weight: \\\",\\n ecv(\\\$cl,[],0,\\\"GET\\\",[\\\"font_weight_medium\\\"]),\\n \\\";\\\\n}\\\\n\\\\n\\\",\\n ecv(\\\$cl,[],4,\\\"CSS_MODE\\\",[\\\"desktop\\\",\\\"\\\\n .modern-subtab-headers > div > a {\\\\n min-width: 160px;\\\\n }\\\\n\\\"],\\\"modern_tabs\\\"),\\n \\\"\\\\n\\\\n.modern-subtab-headers > div > a, .modern-subtab-headers > div > a:visited, .modern-subtab-headers > div > a:active, .modern-subtab-headers > div > a:hover {\\\\n text-decoration: none;\\\\n color: inherit;\\\\n}\\\\n\\\\n.modern-subtab-headers > div > a img {\\\\n display: none; /* No images shown for sub-tabs */\\\\n}\\\\n\\\\n.modern-subtab-bodies {\\\\n padding: 0;\\\\n}\\\\n\\\\n.modern-subtab-bodies > div {\\\\n}\\\\n\\\\n\\\",\\n ecv(\\\$cl,[],4,\\\"CSS_MODE\\\",[\\\"mobile\\\",\\\" /* Horizontally scrolling sub-tabs on mobile */\\\\n .modern-tab-body.modern-tab-body-edit {\\\\n padding-left: 0;\\\\n padding-right: 0;\\\\n margin: -3px;\\\\n }\\\\n\\\\n .modern-subtabs {\\\\n display: block;\\\\n }\\\\n\\\\n .modern-subtab-headers {\\\\n margin-right: 0;\\\\n overflow: auto;\\\\n }\\\\n\\\\n /*.modern-subtab-headers::-webkit-scrollbar {*/\\\\n /*display: none;*/\\\\n /*}*/\\\\n\\\\n .modern-subtab-headers > div {\\\\n display: table-cell;\\\\n text-align: center;\\\\n }\\\\n\\\\n .modern-subtab-headers > div.tab-active::after,\\\\n .modern-subtab-headers > div:hover::after {\\\\n display: none;\\\\n }\\\\n\\\\n .modern-subtab-bodies {\\\\n padding: 0 10px;\\\\n }\\\\n\\\"],\\\"modern_tabs\\\"),\\n \\\"\\\\n\\\";\");\";}}");