.tabbed-content{--tab-width: 300px;--color-tab-inactive: #7E848A;--color-tab-active: rgb(var(--color-foreground))}.tabbed-content__wrapper{display:flex;gap:2.4rem;align-items:flex-start;flex-wrap:wrap}.tabbed-content__tabs{flex:0 0 var(--tab-width);min-width:250px}.tabbed-content__tabs-list{display:flex;flex-direction:column}.tabbed-content__tab{display:flex;align-items:center;gap:.75rem;width:100%;padding:30px 40px;background:none;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.25,1);border-radius:var(--border-radius);border-left:4px solid var(--color-tab-inactive);color:var(--color-tab-inactive)}.tabbed-content__tab--active{color:var(--color-tab-active);border-left-color:var(--color-tab-active);background-color:var(--color-background);box-shadow:var(--shadow-2)}.tabbed-content__tab-icon{width:40px;height:40px;flex-shrink:0}.tabbed-content__tab-label{font-size:1.8rem;font-weight:600}.tabbed-content__content{flex:1;min-width:0}.tabbed-content__content-blocks{position:relative;overflow:hidden;min-height:300px}.tabbed-content__block{opacity:0;transform:translateY(20px);visibility:hidden;transition:opacity .4s cubic-bezier(.4,0,.25,1),transform .4s cubic-bezier(.4,0,.25,1),visibility 0s linear .4s;position:absolute;top:0;left:0;width:100%}.tabbed-content__block--active{opacity:1;transform:translateY(0);visibility:visible;transition:opacity .4s cubic-bezier(.4,0,.25,1),transform .4s cubic-bezier(.4,0,.25,1),visibility 0s linear 0s;position:relative;z-index:1}.tabbed-content__block:not(.tabbed-content__block--active){opacity:0;visibility:hidden;transform:translateY(20px)}.tabbed-content__block img{display:block;margin-bottom:1.5rem;border-radius:var(--border-radius);max-width:100%;height:auto}.tabbed-content__block .placeholder-svg{margin-bottom:1.5rem;background-color:var(--color-background)}.tabbed-content__block-heading{margin-top:0}.tabbed-content__block-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.tabbed-content__block-grid h3,.tabbed-content__block-grid p{margin:0}@media screen and (min-width: 750px){.tabbed-content__tab{border-bottom:none}}@media screen and (max-width: 749px){.tabbed-content__wrapper{flex-direction:column;gap:1.6rem}.tabbed-content__tabs{flex:none;order:-1;width:fit-content;max-width:100%;overflow:hidden}.tabbed-content__tabs-list{flex-direction:row;overflow-x:auto;gap:.8rem;padding:0 1.2rem .5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;white-space:nowrap}.tabbed-content__tabs-list::-webkit-scrollbar{display:none}.tabbed-content__tab{flex:0 0 auto;min-width:160px;width:fit-content;padding:1.2rem 1.6rem;border-left:none;border-bottom:4px solid transparent;white-space:nowrap;font-size:1.6rem}.tabbed-content__tab--active{border-bottom-color:var(--color-tab-active);color:var(--color-tab-active)}.tabbed-content__block-grid{grid-template-columns:1fr;gap:1.6rem;margin-top:2rem}}@media screen and (min-width: 750px) and (max-width: 1200px){.tabbed-content__wrapper{flex-wrap:wrap}.tabbed-content__tabs{flex:0 0 100%;margin-bottom:2.4rem}.tabbed-content__tabs-list{flex-direction:row;overflow-x:auto;gap:1.6rem;padding-bottom:.5rem}.tabbed-content__tab{flex:1 1 auto;min-width:180px;padding:1.6rem 2rem;border-left:none;border-bottom:4px solid transparent}.tabbed-content__tab--active{border-bottom-color:var(--color-tab-active)}.tabbed-content__content{flex:1 1 100%}.tabbed-content__block-grid{grid-template-columns:1fr}}.color-inverse .tabbed-content__tab{color:var(--color-tab-inactive);border-left-color:var(--color-tab-inactive);border-bottom-color:transparent}.color-inverse .tabbed-content__tab--active{color:var(--color-tab-active);border-left-color:var(--color-tab-active);border-bottom-color:var(--color-tab-active);background-color:var(--color-background-inverse)}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-tabbed-content.css.map */