.tabs-wrapper{display:flex;flex-direction:column;align-items:center;margin:2rem 0}.tabs{padding:.5rem;margin-bottom:1.5rem;display:flex;gap:.5rem;align-items:stretch;justify-content:center;border-radius:.625rem;width:100%;border:1px solid var(--pico-secondary-hover-background);background:linear-gradient(0deg,rgba(48,55,79,.12) 0,rgba(48,55,79,.12) 100%)}.tabs>*{margin:0;list-style:none;flex-basis:100%}.tab{--pico-color:var(--global-text-color);--pico-background-color:transparent;--pico-border-color:transparent;--pico-border-radius:.325rem;line-height:1;font-weight:500;height:100%;width:100%;padding:.55rem .75rem;justify-content:center;font-size:.95rem}.active .tab,.tab:hover,.tab:focus,.tab:active{--pico-color:var(--global-text-color);--pico-background-color:rgb(3 115 255/25%);--pico-border-color:rgb(3 115 255/50%);box-shadow:none}.tab .icon .svg-icon{width:0;color:rgb(3 115 255/90%);transition:width var(--pico-transition)}.active .tab .icon .svg-icon{width:1.15rem}.tabs-content{width:100%}.tab-content{display:flex;flex-direction:column;gap:1rem;position:relative;left:-9999px;visibility:hidden;opacity:0;block-size:0;transition:opacity var(--pico-transition),block-size var(--pico-transition),visibility var(--pico-transition)}.tab-content.active{left:0;visibility:visible;opacity:1;block-size:auto}.tab-content.hidden{left:-9999px;visibility:hidden;opacity:0;block-size:0}.block{border:1px solid var(--pico-secondary-hover-background);border-radius:var(--pico-border-radius);background:linear-gradient(0deg,rgba(48,55,79,.12) 0,rgba(48,55,79,.12) 100%)}.block-header{padding:1rem 2rem;border-bottom:1px solid var(--pico-form-element-border-color);display:flex;align-items:center;gap:1rem;--pico-primary:var(--static-light-color)}.block-header h2{margin:0;font-size:1.05rem;line-height:1;--pico-color:var(--pico-primary)}.block-header .icon .svg-icon{width:1.05rem;color:var(--pico-primary)}.block-content{padding:1.5rem 2rem}.block-content>*:first-child{margin-top:0}.block-content>*:last-child{margin-bottom:0}.block.success .block-header,.block.warning .block-header,.block.danger .block-header{--pico-primary:rgb(var(--rgb-values));background-color:rgb(var(--rgb-values)/10%)}.block.success,.block .success{--rgb-values:22 137 106}.block.warning,.block .warning{--rgb-values:240 173 78}.block.danger,.block .danger{--rgb-values:183 64 59}.block-content h3{--pico-color:rgb(var(--rgb-values));font-size:1rem;display:flex;align-items:center;gap:.5rem;margin:2rem 0 .625rem}.block-content h3 .svg-icon{width:1.1rem}@media(max-width:768px){.tabs-wrapper:before{content:"Scrollable >";display:flex;width:100%;margin-bottom:.5rem;font-size:.85rem}.tabs{overflow-x:scroll}.tabs li:first-child{margin-left:4rem}.tab,.tab span{width:max-content}}