.tabs{display:block}.tabs .tabs__caption{display:flex;margin-bottom:3.5rem;position:relative}@media screen and (min-width:1024px){.tabs .tabs__caption{margin-bottom:5rem}}.tabs .tabs__caption:after{background-color:rgb(var(--color-background));bottom:0;content:"";display:block;height:.1rem;left:0;opacity:.1;position:absolute;width:100%}.tabs .tabs__caption li{background-color:#2c2c2c;border-radius:20px 20px 0 0;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.05);padding:2rem 3rem;position:relative;transition:background-color .3s ease}.tabs .tabs__caption li:after{background-color:rgb(var(--color-background));bottom:0;content:"";display:block;height:.4rem;left:0;position:absolute;transition:width .3s ease;width:0}.tabs .tabs__caption li+li{margin-left:.5rem}.tabs .tabs__caption li.active{background-color:rgb(var(--color-accent))}.tabs .tabs__caption li.active:after{width:100%}.tabs .tabs__caption li:not(.active){cursor:pointer}.tabs .tabs__content{display:none}.tabs .tabs__content.active{display:block}.tabs .tabs__content.active>*{animation:fade-translate-vertical .3s linear 1 forwards}@keyframes fade-translate-vertical{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}