tab-bar{display:flex;--gap:5px;font-size:.8rem;border-bottom:3px solid var(--COLOR_ACCENT_DARK);gap:var(--gap);width:max-content;label { font-size: 0.8rem; }}tab-bar>.tabs{display:flex;gap:var(--gap);align-items:flex-end;flex-wrap:wrap}single-tab:not([aria-current=true]){text-decoration:underline;&:hover::before { background-color:var(--COLOR_PRIMARY_DARK); } input[type="text"] { background:transparent; border:none; box-shadow:none; min-height:25px; text-decoration:none; padding:0; width:fit-content; } &[data-finished="false"]::before{ border:1px solid var(--_yellow_dark); background-color:var(--_yellow_middle); }}single-tab,tab-bar .new_tab_button{color:var(--COLOR_NEUTRAL_DARK);display:flex;align-items:center;justify-content:center;padding:10px 15px;border:none;position:relative;isolation:isolate;&::before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:var(--BG_NOT_ACTIVE_GREY); z-index:-1; } &:hover { cursor:pointer; &::before { background:var(--COLOR_PRIMARY_DARK); } } &[aria-current="true"] { color:var(--COLOR_NEUTRAL_LIGHT); cursor:default; padding-right:25px; padding-left:25px; z-index:1; &:not(:last-child) { margin-right:-5px; } &:not(:first-child) { margin-left:-5px; } &::before { background-color:var(--BG_ACTIVE_BLUE); transform:scaleY(1.1) translateY(-5%); } }}tab-bar .new_tab_button{width:max-content;&[aria-disabled="true"] { opacity: 0.56; }}single-tab>button{background:0 0;border:none;position:absolute;color:inherit;font-size:.7rem;font-weight:700;cursor:pointer;display:none;top:-10px;right:-5px;&:hover { color:var(--COLOR_ERROR_DARK); }}single-tab[aria-current=true]>button{display:block}single-tab{transition:all .3s ease-in-out;.content_container { display: flex; flex-direction: column; } .icon_text_container { display: flex; align-items: center; img { max-width: 2em; margin-left: -0.3em; } } .icon_text_container:has(img) { display: flex !important; gap: 3px; align-items: center; } .input_container { display: grid; grid-template-columns: auto 1fr; gap: 5px; align-items: center; display: flex; gap: 2px; } .input_container input[type="text"] { max-width: 100px; min-width: 50px; }}.icon_text_container p{margin:0}tab-bar:has(+div shopping-cart-preview){position:sticky;top:58px;width:100%;z-index:10;top:40px;padding-top:15px;background-color:var(--BG_WHITE);&:has(.tabs single-tab:nth-child(5)) { flex-wrap:wrap; justify-content:flex-end; top:60px; +div:has(shopping-cart-preview) { top:200px; +product-list-renderer .shop_title { top:245px; +sort-row { top:295px; } } } .tabs { width:100%; } .new_tab_button { position:absolute; bottom:20px; right:0; } } +div:has(shopping-cart-preview) { top:130px; position:sticky; shopping-cart-preview { padding-top:0!important; } +product-list-renderer .shop_title { top:180px; +sort-row { top:230px; } } } .input_container input[type="text"] { min-width:10px; max-width:35px; &:nth-child(4) { max-width:25px; } }}.hide_tab{display:none}