.e-tabs{position:relative}.e-tabs__wrapper{width:100%}.e-tabs__heading{margin-bottom:3rem}.e-tabs__content{margin-top:2rem}.e-tabs__grid{display:grid;grid-template-columns:30% 70%;gap:3rem;align-items:start}@media screen and (max-width: 749px){.e-tabs__grid{grid-template-columns:1fr;gap:2rem}}.e-tabs__nav{position:sticky;top:2rem}.e-tabs__nav-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.e-tabs__nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:transparent;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;font-weight:600;color:rgb(var(--color-foreground));position:relative;border-radius:var(--content-container-radius);border:var(--content-container-border);box-shadow:var(--content-container-shadow)}.e-tabs__nav-item:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.1)}.e-tabs__nav-item--active{background:rgba(var(--color-accent-1),.1);border-color:rgb(var(--color-accent-1));color:rgb(var(--color-accent-1))}.e-tabs__nav-item--active:before{content:"";position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);width:4px;height:60%;background:rgb(var(--color-accent-1));border-radius:0 2px 2px 0}.e-tabs__nav-icon{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.1);transition:all .3s ease}.e-tabs__nav-item--active .e-tabs__nav-icon{background:rgb(var(--color-accent-1));color:rgb(var(--color-background))}.e-tabs__nav-icon img{width:100%;height:100%;object-fit:cover}.e-tabs__nav-text{font-size:1rem;line-height:1.4}.e-tabs__panel{display:none;opacity:0;transition:opacity .3s ease}.e-tabs__panel--active{display:block;opacity:1}.e-tabs__panel-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media screen and (max-width: 749px){.e-tabs__panel-content{grid-template-columns:1fr;gap:1.5rem}}.e-tabs__panel-image{position:relative;overflow:hidden;background:rgba(var(--color-foreground),.05)}.e-tabs__panel-image img{width:100%;height:auto;display:block;transition:transform .3s ease}.e-tabs__panel-image:hover img{transform:scale(1.02)}.e-tabs__panel-text{padding:1rem 0}.e-tabs__panel-title{margin:0 0 1rem;color:rgb(var(--color-foreground));font-weight:700;line-height:1.3}.e-tabs__panel-description{margin:0;color:rgba(var(--color-foreground),.8);line-height:1.6}.e-tabs__panel-description p{margin:0 0 1rem}.e-tabs__panel-description p:last-child{margin-bottom:0}@media screen and (max-width: 749px){.e-tabs__grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:2rem}.e-tabs__nav{position:static;order:1;margin-bottom:0}.e-tabs__nav-list{flex-direction:column;gap:.5rem;overflow-x:visible;padding-bottom:0}.e-tabs__nav-item{flex-shrink:1;min-width:auto;padding:1rem 1.5rem;white-space:normal}.e-tabs__nav-item--active:before{display:block}.e-tabs__nav-icon{width:2.5rem;height:2.5rem}.e-tabs__nav-text{font-size:1rem}.e-tabs__panels{order:2}}.e-tabs__panel[data-animation=fade-up]{animation:fadeUp .6s ease-out}.e-tabs__panel[data-animation=fade-down]{animation:fadeDown .6s ease-out}.e-tabs__panel[data-animation=fade-left]{animation:fadeLeft .6s ease-out}.e-tabs__panel[data-animation=fade-right]{animation:fadeRight .6s ease-out}.e-tabs__panel[data-animation=zoom-in]{animation:zoomIn .6s ease-out}.e-tabs__panel[data-animation=zoom-out]{animation:zoomOut .6s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.e-tabs__nav-item:focus-visible{outline:2px solid rgb(var(--color-accent-1));outline-offset:2px}@media (prefers-contrast: high){.e-tabs__nav-item{border-width:3px}.e-tabs__nav-item--active{border-width:4px}}@media (prefers-reduced-motion: reduce){.e-tabs__nav-item,.e-tabs__panel,.e-tabs__panel-image img{transition:none}.e-tabs__panel[data-animation]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-e-tabs.css.map */