.tabs{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.tabs__buttons{display:flex;gap:.25rem;overflow-x:auto}.tabs--buttons-top .tabs__buttons{margin-bottom:1.5rem;border-bottom:1px solid var(--color-border, #e5e5e5)}.tabs--buttons-bottom.tabs--orientation-horizontal .tabs__buttons{margin-top:1.5rem;border-top:1px solid #ccc}.tabs--orientation-horizontal .tabs__buttons{flex-direction:row}.tabs--orientation-vertical .tabs__buttons{flex-direction:column;overflow-y:auto;overflow-x:hidden}.tabs--orientation-vertical .tabs__nav-button{text-align:left;justify-content:flex-start;border:1px solid #ccc;border-width:1px 0 0}.tabs__nav-button{background:none;color:rgb(var(--color-accent));border:none;cursor:pointer;transition:all .2s ease;min-width:fit-content;padding:30px 16px;font-size:20px;line-height:24px;font-family:var(--font-heading-family);display:flex;align-items:baseline;text-transform:uppercase;overflow-wrap:anywhere;column-gap:21px;font-weight:500;-webkit-font-smoothing:antialiased}.tabs__nav-button:before{content:"";display:block;height:10px;width:10px;min-height:10px;max-height:10px;min-width:10px;max-width:10px;background:rgb(var(--color-accent));transform:translateY(-2px)}.tabs__nav-button:hover,.tabs__nav-button--active,.tabs__nav-button[aria-selected=true]{color:#307fe2;background-color:var(--color-background-secondary, #f8f9fa)}.tabs__nav-button:hover:before,.tabs__nav-button--active:before,.tabs__nav-button[aria-selected=true]:before{background-color:#307fe2}.tabs--orientation-vertical .tabs__nav-button--active{border-bottom-color:var(--color-accent, #007bff)}.tabs__tab{display:none}.tabs__tab:first-child{display:block}.tabs__tab-link{display:none}.tabs__content{width:100%;padding:var(--padding-y-mobile, 0) var(--padding-x-mobile, 0);position:relative}@media screen and (min-width:769px){.tabs__buttons{gap:.5rem}.tabs--buttons-left.tabs--orientation-vertical,.tabs--buttons-right.tabs--orientation-vertical{flex-direction:row}.tabs--buttons-top .tabs__buttons{margin-bottom:2rem}.tabs--buttons-bottom.tabs--orientation-horizontal .tabs__buttons{margin-top:2rem}.tabs--orientation-horizontal .tabs__buttons{justify-content:space-between;padding:0 52px}.tabs--orientation-vertical .tabs__nav-button{padding:33px 52px 24px}.tabs__nav-button{padding:33px 16px 24px}.tabs--orientation-vertical .tabs__nav-button--active{border-bottom-color:transparent;border-right-color:var(--color-accent, #007bff)}.tabs__content{padding:var(--padding-y, 0) var(--padding-x, 0)}}.tabs__nav-button:focus{outline:2px solid var(--color-accent, #007bff);outline-offset:2px}@media screen and (max-width:768px){.tabs--buttons-left.tabs--orientation-vertical-mobile,.tabs--buttons-right.tabs--orientation-vertical-mobile{flex-direction:row}.tabs--buttons-bottom.tabs--orientation-horizontal-mobile .tabs__buttons{margin-top:1.5rem;border-top:1px solid #ccc}.tabs--orientation-horizontal-mobile .tabs__buttons{flex-direction:row}.tabs--orientation-vertical-mobile .tabs__buttons{flex-direction:column;overflow-y:auto;overflow-x:hidden}.tabs--orientation-vertical-mobile .tabs__nav-button--active{border-bottom-color:var(--color-accent, #007bff)}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/component-tabs.css.map */
