.b-tabs{display:flex;align-items:center;max-width:1520px;margin-inline:auto}.b-tabs__inner{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));row-gap:clamp(32px,14.4px + 5.5vw,120px);column-gap:0;align-items:flex-start;padding:2rem;border:1px solid;border-radius:16px}@media(min-width:1024px){.b-tabs__inner{padding:0}}.b-tabs__top{position:relative;grid-column:1 / -1}@media(min-width:1024px){.b-tabs__top{grid-column:span 3;padding:3rem 0 3rem 3rem;border-right:1px solid var(--border-color)}}.b-tabs__bottom{display:flex;grid-column:1 / -1}@media(min-width:1024px){.b-tabs__bottom{grid-column:span 8;grid-column:4 / span 10;height:100%;padding-left:40px;padding-block:var(--spacer-sm);border-left:1px solid}}@media(min-width:1920px){.b-tabs__bottom{grid-column:4 / span 9}}.b-tabs__title{margin-bottom:24px;font-weight:var(--font-weight-regular)}@media(min-width:834px){.b-tabs__title{margin-bottom:120px}}@media(min-width:1920px){.b-tabs__title{margin-bottom:160px}}.b-tabs__nav{display:flex;flex-direction:column;gap:1rem}@media(min-width:834px){.b-tabs__nav{gap:3rem}}.b-tabs__nav-item{cursor:pointer;position:relative;display:inline-flex;gap:1rem;align-items:center;margin-bottom:0;font-weight:var(--font-weight-regular)}.b-tabs__nav-item:before{--extend: .25rem;content:"";position:absolute;inset:calc(var(--extend) * -1);display:block;width:calc(100% + var(--extend));height:calc(100% + var(--extend))}@media(min-width:1024px){.b-tabs__nav-item:before{--extend: 1rem}.b-tabs__nav-item{gap:2rem}}.b-tabs__nav-item-number{--icon-size: 48px;display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);border:1px solid currentColor;border-radius:50%;font-variant-numeric:tabular-nums;background:transparent;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.b-tabs__nav-item.is-active .b-tabs__nav-item-number{border-color:var(--color-sunbeam);color:var(--color-teal);background:var(--color-sunbeam)}@media(min-width:1024px){.b-tabs__nav-item-number{--icon-size: 64px}}.b-tabs__nav-item-title{white-space:nowrap;opacity:.3;transition:opacity .3s ease}.b-tabs__nav-item.is-active .b-tabs__nav-item-title,.b-tabs__nav-item:hover .b-tabs__nav-item-title{opacity:1}.b-tabs__list{width:100%}@media(min-width:1024px){.b-tabs__list{display:grid;grid-template-areas:"main";height:100%}}.b-tab{pointer-events:none;position:relative}.b-tab.is-active{pointer-events:auto}.b-tab.is-admin{padding-block:4rem;border-top:1px solid currentColor}@media(min-width:1024px){.b-tab{grid-area:main;height:100%}}.b-tab__content{position:relative;display:none;flex-direction:column;justify-content:start;margin-left:auto;animation:tab-reveal .5s ease}.is-admin .b-tab__content,.is-active .b-tab__content{display:flex}.b-tab__content p{font-weight:var(--font-weight-regular);text-wrap:inherit}@media(min-width:1024px){.b-tab__content{max-width:none;height:100%}.b-tab__content p:not(:first-child){max-width:550px}.b-tab__content h2+p,.b-tab__content h3+p{margin-top:auto}}@keyframes tab-reveal{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}.b-tab .c-illustrations__item{--illustration-inset: -20% 0 auto auto;display:none}@media(max-width:833.98px){.b-tab .c-illustrations__item{--illustration-width: 120px}}@media(min-width:1280px){.b-tab .c-illustrations__item{--illustration-inset: 0rem 2rem auto auto}}.b-tab.is-active .c-illustrations__item{display:block}.b-tab__tags{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1.5rem}@media(min-width:1512px){.b-tab__tags{position:absolute;right:0;bottom:1rem;max-width:350px;padding:0}}.b-tab__tag{font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);font-weight:var(--font-weight-body-sm);letter-spacing:var(--letter-spacing-body-sm);font-family:var(--font-family-body-sm);text-transform:var(--text-transform-body-sm);display:block;padding:.25rem .75rem;border:1px solid currentColor;border-radius:48px;color:currentColor}@media(min-width:1024px){.b-tab__tag{padding:8px 1rem;font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);font-weight:var(--font-weight-body-sm);letter-spacing:var(--letter-spacing-body-sm);font-family:var(--font-family-body-sm);text-transform:var(--text-transform-body-sm)}}
