.b-tabs{display:flex;align-items:center;margin-inline:auto;max-width:1520px}.b-tabs__inner{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));column-gap:0;row-gap:clamp(32px,14.4px + 5.5vw,120px);align-items:flex-start;border:1px solid;border-radius:16px;padding:2rem}@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;border-right:1px solid var(--border-color);padding:3rem 0 3rem 3rem}}.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;border-left:1px solid;padding-left:40px;padding-block:var(--spacer-sm);height:100%}}@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{display:inline-flex;position:relative;align-items:center;gap:1rem;cursor:pointer;margin-bottom:0;font-weight:var(--font-weight-regular)}@media (min-width: 1024px){.b-tabs__nav-item{gap:2rem}}.b-tabs__nav-item:before{--extend: .25rem;display:block;position:absolute;inset:calc(var(--extend) * -1);width:calc(100% + var(--extend));height:calc(100% + var(--extend));content:""}@media (min-width: 1024px){.b-tabs__nav-item:before{--extend: 1rem}}.b-tabs__nav-item-number{--icon-size: 48px;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease;border:1px solid currentColor;border-radius:50%;background:transparent;width:var(--icon-size);height:var(--icon-size);font-variant-numeric:tabular-nums}@media (min-width: 1024px){.b-tabs__nav-item-number{--icon-size: 64px}}.b-tabs__nav-item.is-active .b-tabs__nav-item-number{border-color:var(--color-sunbeam);background:var(--color-sunbeam);color:var(--color-teal)}.b-tabs__nav-item-title{opacity:.3;transition:opacity .3s ease;white-space:nowrap}.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{position:relative;pointer-events:none}.b-tab.is-active{pointer-events:auto}@media (min-width: 1024px){.b-tab{grid-area:main;height:100%}}.b-tab.is-admin{border-top:1px solid currentColor;padding-block:4rem}.b-tab__content{display:none;position:relative;flex-direction:column;justify-content:start;animation:tab-reveal .5s ease;margin-left:auto}@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}}.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}@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;padding:0;max-width:350px}}.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;border:1px solid currentColor;border-radius:48px;padding:.25rem .75rem;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)}}
