.tabs-component__content{display:grid;gap:var(--space-5xl)}@media (min-width: 768px){.tabs-component__content{grid-template-columns:300px 1fr;gap:var(--content-gap)}}.tabs-component__tabs{display:flex;flex-direction:column}.tabs-component__tab{width:fit-content;height:64px;border:none;background:none;padding:var(--space-md) 0;text-align:left;font-size:16px;font-weight:var(--font-weight-bold);position:relative;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background .2s ease}.tabs-component__tab,.tabs-component__tab:after{background-image:linear-gradient(120deg,var(--color-text-primary) 33.333%,var(--color-primary) 66.667%);background-size:300% 300%;background-position:0% 0%}.tabs-component__tab:not(.tabs-component__tab--active){cursor:pointer}.tabs-component__tab:not(.tabs-component__tab--active):hover,.tabs-component__tab:not(.tabs-component__tab--active):hover:after{background-position:center}.tabs-component__tab:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;transition:all var(--transition-base)}.tabs-component__tab:hover:after{width:100%}.tabs-component__tab--active{background-position:100% 100%}.tabs-component__tab--active:after{width:100%;background-position:100% 100%}.tabs-component__panels{position:relative;min-height:400px}.tabs-component__panel{display:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.tabs-component__panel--active{display:block;opacity:1;visibility:visible}.tabs-component__panel-content>p{font-size:var(--font-size-sm);margin-bottom:var(--space-2xl)}.tabs-component__dropdown-wrapper{display:block;position:relative}@media (min-width: 768px){.tabs-component__dropdown-wrapper{display:none}}.tabs-component__dropdown{width:100%;background:none;border:none;border-bottom:3px solid var(--color-primary);padding:12px 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.tabs-component__dropdown-text{padding-top:.2em}.tabs-component__dropdown-arrow{transition:transform var(--transition-base);color:var(--color-primary)}.tabs-component__dropdown--open .tabs-component__dropdown-arrow{transform:rotate(180deg)}.tabs-component__dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001a;z-index:10;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-base);max-height:300px;overflow-y:auto}.tabs-component__dropdown-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.tabs-component__dropdown-option{width:100%;background:none;border:none;padding:var(--space-md) var(--space-lg);text-align:left;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-base)}.tabs-component__dropdown-option:hover{background:var(--color-surface)}.tabs-component__dropdown-option--active{color:var(--color-primary);background:var(--color-surface)}@media (max-width: 767px){.tabs-component__tabs{display:none}}
/*# sourceMappingURL=/cdn/shop/t/203/assets/tabs-component.css.map */