.dcent-tabs{--dcent-tabs-accent: var(--dcent-color-accent-5);--dcent-tabs-text: #ffffff;--dcent-tabs-muted: rgba(255, 255, 255, .6);--dcent-tabs-surface: rgba(255, 255, 255, .04);--dcent-tabs-surface-active: rgba(var(--dcent-color-accent-5-rgb), .08);--dcent-tabs-border: rgba(255, 255, 255, .1);width:100%}.dcent-tabs__nav{display:flex;flex-wrap:wrap;gap:8px}.dcent-tabs__tab{-webkit-appearance:none;appearance:none;background:var(--dcent-tabs-surface);border:1px solid var(--dcent-tabs-border);border-radius:12px;color:var(--dcent-tabs-text);cursor:pointer;font:inherit;text-align:left;padding:14px 18px;transition:background .2s ease,border-color .2s ease}.dcent-tabs__tab:hover{border-color:var(--dcent-tabs-accent)}.dcent-tabs__tab.is-active{background:var(--dcent-tabs-surface-active);border-color:var(--dcent-tabs-accent)}.dcent-tabs__tab-title{display:block;font-size:17px;font-weight:600;line-height:1.3}.dcent-tabs__tab-sub{display:block;margin-top:4px;font-size:14px;color:var(--dcent-tabs-muted);line-height:1.4}.dcent-tabs__tab.is-active .dcent-tabs__tab-title{color:var(--dcent-tabs-accent)}.dcent-tabs__panel{display:none}.dcent-tabs__panel.is-active{display:block;animation:dcent-tabs-fade .3s ease}.dcent-tabs__panel img{display:block;max-width:100%;height:auto}@keyframes dcent-tabs-fade{0%{opacity:0}to{opacity:1}}.dcent-tabs--showcase{display:flex;flex-direction:row-reverse;align-items:center;gap:48px}.dcent-tabs--showcase .dcent-tabs__nav{flex:1 1 50%;flex-direction:column;gap:0}.dcent-tabs--showcase .dcent-tabs__panels{flex:0 0 360px;display:flex;justify-content:center}.dcent-tabs--showcase .dcent-tabs__panel img{width:100%;max-width:320px}.dcent-tabs--showcase .dcent-tabs__tab{display:flex;align-items:center;gap:14px;background:none;border:none;border-radius:0;border-bottom:1px solid var(--dcent-tabs-border);padding:18px 4px}.dcent-tabs--showcase .dcent-tabs__tab:hover,.dcent-tabs--showcase .dcent-tabs__tab.is-active{background:none;border-color:transparent;border-bottom-color:var(--dcent-tabs-border)}.dcent-tabs__tab-icon{flex:0 0 auto;display:none;align-items:center;color:var(--dcent-color-accent-5)}.dcent-tabs__tab-icon svg{display:block;width:32px;height:32px}.dcent-tabs__tab-text{display:flex;flex-direction:column;min-width:0}.dcent-tabs--showcase .dcent-tabs__tab.is-active .dcent-tabs__tab-icon{display:inline-flex}.dcent-tabs--showcase .dcent-tabs__tab.is-active .dcent-tabs__tab-title{color:var(--dcent-tabs-text)}.dcent-tabs--showcase .dcent-tabs__tab:not(.is-active) .dcent-tabs__tab-title{color:var(--dcent-tabs-muted);font-weight:500}.dcent-tabs--showcase .dcent-tabs__tab:not(.is-active) .dcent-tabs__tab-sub{display:none}@media(max-width:767px){.dcent-tabs--showcase{flex-direction:column-reverse;gap:28px}.dcent-tabs--showcase .dcent-tabs__nav,.dcent-tabs--showcase .dcent-tabs__panels{flex:1 1 100%;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/dcent-tabs.css.map */