.vertical-tabs [data-role=tablist]{display:flex;flex-direction:column}@media (min-width:992px){.vertical-tabs [data-role=tablist]{display:grid;grid-template-columns:4fr 8fr;column-gap:64px;align-items:start}}.vertical-tabs [data-role=tab]{--progress:0%;text-align:left;width:100%;margin-bottom:16px;background:#fff0}@media (prefers-reduced-motion:no-preference){.vertical-tabs [data-role=tab]{transition:all 0.2s ease}}@media (min-width:992px){.vertical-tabs [data-role=tab]{grid-column:1;margin-left:38px;margin-bottom:16px;position:relative}}@media (min-width:992px){.vertical-tabs [data-role=tab]::before{content:"";display:block;position:absolute;left:-38px;top:50%;transform:translateY(-50%);width:8px;height:38px;border-radius:.375rem;background:linear-gradient(to bottom,#c9ddd8 var(--progress),#e9eaeb var(--progress))}}.vertical-tabs [data-role=tab][aria-expanded=true]{--progress:100%;margin-bottom:0;border-color:#34675c!important;background-color:#f2f7f6;color:#0f4a44!important}@media (min-width:992px){.vertical-tabs [data-role=tab][aria-expanded=true]{margin-bottom:16px;pointer-events:none}}.vertical-tabs [role=tabpanel]{display:block;overflow:hidden;margin:16px;max-height:var(--panel-height);opacity:1}@media (prefers-reduced-motion:no-preference){.vertical-tabs [role=tabpanel]{transition:max-height 0.2s ease-out,opacity 0.2s ease-out,margin 0.2s ease,padding 0.2s ease}}@media (min-width:992px){.vertical-tabs [role=tabpanel]{grid-column:2;grid-row:1/99;background-color:#f2f7f6;border-radius:1.5rem;padding:32px;margin:0;border-bottom:none;max-height:none;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}}.vertical-tabs [role=tabpanel].is-hidden{max-height:0;margin:0}@media (min-width:992px){.vertical-tabs [role=tabpanel].is-hidden{display:none;max-height:none}}@media (min-width:992px) and (prefers-reduced-motion:no-preference){.vertical-tabs [role=tabpanel]>*{animation:fadeEffect 0.2s ease-in-out}}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}