.content-tabs{display:flex;flex-direction:column;gap:1.5rem}.content-tabs--vertical{flex-direction:row;gap:2rem}@media(max-width:749px){.content-tabs--vertical{flex-direction:column}}.content-tabs__nav{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid rgb(var(--color-border));padding-bottom:0}.content-tabs__nav--vertical{flex-direction:column;flex-wrap:nowrap;border-bottom:none;border-right:1px solid rgb(var(--color-border));padding-right:1.5rem;padding-bottom:0;min-width:200px;flex-shrink:0}@media(max-width:749px){.content-tabs__nav--vertical{border-right:none;border-bottom:1px solid rgb(var(--color-border));padding-right:0;padding-bottom:0;min-width:100%;flex-direction:row;flex-wrap:wrap}}.content-tabs__trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:rgb(var(--color-foreground) / .7);background:transparent;border:none;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease;position:relative;white-space:nowrap}.content-tabs__trigger:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:transparent;transition:background-color .2s ease}.content-tabs__trigger:hover,.content-tabs__trigger.is-active{color:rgb(var(--color-foreground))}.content-tabs__trigger.is-active:after{background-color:rgb(var(--color-foreground))}.content-tabs__nav--vertical .content-tabs__trigger{width:100%;justify-content:flex-start;border-radius:.5rem}.content-tabs__nav--vertical .content-tabs__trigger:after{display:none}.content-tabs__nav--vertical .content-tabs__trigger.is-active{background-color:rgb(var(--color-foreground) / .05)}@media(max-width:749px){.content-tabs__nav--vertical .content-tabs__trigger{width:auto}.content-tabs__nav--vertical .content-tabs__trigger:after{display:block}.content-tabs__nav--vertical .content-tabs__trigger.is-active{background-color:transparent}}.content-tabs--pills .content-tabs__nav{border-bottom:none;gap:.5rem;padding:.25rem;background-color:rgb(var(--color-foreground) / .05);border-radius:.75rem;width:fit-content}.content-tabs--pills .content-tabs__trigger{border-radius:.5rem;padding:.625rem 1.25rem}.content-tabs--pills .content-tabs__trigger:after{display:none}.content-tabs--pills .content-tabs__trigger.is-active{background-color:rgb(var(--color-background));box-shadow:0 1px 3px #0000001a}.content-tabs--underline .content-tabs__nav{gap:1.5rem}.content-tabs--underline .content-tabs__trigger{padding:.75rem 0}.content-tabs--underline .content-tabs__trigger:after{height:3px;border-radius:3px}.content-tabs__panels{flex:1;min-width:0}.content-tabs__panel{display:none}.content-tabs__panel.is-active{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.content-tabs__content{padding:1rem 0}.content-tabs__content>*:first-child{margin-top:0}.content-tabs__content>*:last-child{margin-bottom:0}.content-tabs__image{margin-top:1.5rem;border-radius:var(--media-radius);overflow:hidden}.content-tabs__image img{width:100%;height:auto}.content-tabs__icon,.content-tabs__icon-image{flex-shrink:0}.content-tabs__icon-image img{display:block}.content-tabs__label{line-height:1.2}.content-tabs__placeholder{border:2px dashed rgb(var(--color-border));border-radius:.5rem;color:rgb(var(--color-foreground) / .5)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/content-tabs.css.map */
