.hello-tabs__wrapper{display:flex;flex-direction:column}.hello-tabs__box{display:flex;flex-direction:column;align-items:flex-start;gap:32px;width:100%}.hello-tabs__navigation{position:relative;display:flex;align-items:center;overflow:hidden;border-radius:64px;max-width:100%;padding:5px;background-color:#e5e5ea;color:#1d1d1f}.hello-tabs__navigation-content{display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.hello-tabs__navigation-content::-webkit-scrollbar{display:none}.hello-tabs__prev-btn,.hello-tabs__next-btn{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;height:100%;color:#1d1d1f;cursor:pointer}:is(.hello-tabs__prev-btn,.hello-tabs__next-btn) svg{width:20px;height:20px}.hello-tabs__prev-btn{left:0;padding:0 32px 0 12px;background:linear-gradient(to right,#E5E5EA 35%,transparent)}.hello-tabs__next-btn{right:0;padding:0 12px 0 32px;background:linear-gradient(to left,#E5E5EA 35%,transparent)}.hello-tabs__tab-trigger{padding:8px 24px 6px;cursor:pointer}.hello-tabs__tab-trigger--active{border-radius:64px;color:#fff;background-color:#000}.hello-tabs__content{width:100%}.hello-tabs__hello-card{display:none}.hello-tabs__hello-card--active{display:block}.hello-tabs--boxed{--tabs-box-border: 1px solid #D2D2D7;--tabs-box-radius: 24px;--tabs-nav-bg: #FFFFFF;--tabs-active-bg: #28323B}.hello-tabs--boxed .hello-tabs__box{align-items:stretch;gap:0;overflow:hidden;border:var(--tabs-box-border);border-radius:var(--tabs-box-radius);background-color:var(--tabs-nav-bg)}.hello-tabs--boxed .hello-tabs__navigation{width:100%;padding:0;border-radius:0;border-bottom:var(--tabs-box-border);background-color:var(--tabs-nav-bg)}.hello-tabs--boxed .hello-tabs__navigation-content{width:100%}.hello-tabs--boxed .hello-tabs__tab-trigger{flex:1 0 auto;padding:16px 24px;text-align:center;color:#6e6e73}.hello-tabs--boxed .hello-tabs__tab-trigger--active{border-radius:0;color:#fff;font-weight:600;background-color:var(--tabs-active-bg)}.hello-tabs--boxed .hello-tabs__prev-btn{background:linear-gradient(to right,var(--tabs-nav-bg) 35%,transparent)}.hello-tabs--boxed .hello-tabs__next-btn{background:linear-gradient(to left,var(--tabs-nav-bg) 35%,transparent)}.hello-tabs--boxed .hello-tabs__content{padding:24px}@media(max-width:768px){.hello-tabs--boxed .hello-tabs__content{padding:16px}}.hello-tabs__html-loading{padding:2rem;text-align:center}.hello-tabs__html-iframe{display:block;width:100%;max-width:100%;border:none}
/*# sourceMappingURL=/cdn/shop/t/74/assets/tabs.css.map */