@layer components{:root{--twentyone--tabs--margin: var(--twentyone--spacing--16) 0;--twentyone--tabs--navigation-margin: 0;--twentyone--tabs--navigation-gap: 0;--twentyone--tabs--navigation-box-shadow: var(--twentyone--shadow--small);--twentyone--tabs--navigation-border-radius: var(--twentyone--spacing--8);--twentyone--tabs--navigation-padding: var(--twentyone--spacing--8);--twentyone--tabs--navigation-background: transparent;--twentyone--tabs--navigation-border-width: 0 0 0 0;--twentyone--tabs--navigation-border-color: rgba(var(--twentyone--color--black-rgb), .1);--twentyone--tabs--navigation-list-item-font-size: var(--twentyone--element--font-size);--twentyone--tabs--navigation-list-item-text-transform: none;--twentyone--tabs--navigation-list-item-line-height: var(--twentyone--button--line-height);--twentyone--tabs--navigation-list-item-letter-spacing: 0;--twentyone--tabs--navigation-list-item-padding: var(--twentyone--spacing--8) var(--twentyone--spacing--16);--twentyone--tabs--navigation-list-item-gap: var(--twentyone--spacing--12);--twentyone--tabs--navigation-list-item-border-radius: var(--twentyone--spacing--8);--twentyone--tabs--navigation-list-item-background: transparent;--twentyone--tabs--navigation-list-item-background-active: var(--twentyone--color--lightgrey);--twentyone--tabs--navigation-list-item-border-width: 0 0 0 0;--twentyone--tabs--navigation-list-item-border-color: var(--twentyone--color--grey);--twentyone--tabs--navigation-list-item-border-color-active: var(--twentyone--color--primary);--twentyone--tabs--navigation-list-item-color: var(--twentyone--color--black);--twentyone--tabs--navigation-list-item-color-active: var(--twentyone--color--primary);--twentyone--tabs--navigation-list-item-icon-color: var(--twentyone--color--primary);--twentyone--tabs--navigation-list-item-icon-color-active: var(--twentyone--color--primary);--twentyone--tabs--navigation-list-item-icon-font-size: var(--twentyone--element--font-size);--twentyone--tabs--navigation-list-item-only-icon-width: var(--twentyone--spacing--48);--twentyone--tabs--inverted-navigation-background: transparent;--twentyone--tabs--inverted-navigation-border-color: transparent;--twentyone--tabs--inverted-navigation-list-item-background: transparent;--twentyone--tabs--inverted-navigation-list-item-background-active: rgba(var(--twentyone--color--white-rgb), .25);--twentyone--tabs--inverted-navigation-list-item-border-color: rgba(var(--twentyone--color--white-rgb), .5);--twentyone--tabs--inverted-navigation-list-item-border-color-active: var(--twentyone--color--white);--twentyone--tabs--inverted-navigation-list-item-color: var(--twentyone--color--white);--twentyone--tabs--inverted-navigation-list-item-color-active: var(--twentyone--color--white);--twentyone--tabs--inverted-navigation-list-item-icon-color: var(--twentyone--color--white);--twentyone--tabs--inverted-navigation-list-item-icon-color-active: var(--twentyone--color--white);--twentyone--multistep-tabs--navigation-margin: var(--twentyone--spacing--48) auto;--twentyone--multistep-tabs--navigation-gap: var(--twentyone--spacing--96);--twentyone--multistep-tabs--navigation-list-item-width: var(--twentyone--spacing--32);--twentyone--multistep-tabs--navigation-list-item-gap: var(--twentyone--spacing--12);--twentyone--multistep-tabs--navigation-list-item-border-radius: var(--twentyone--spacing--8);--twentyone--multistep-tabs--navigation-list-item-border-width: 2px;--twentyone--multistep-tabs--navigation-list-item-font-size: var(--twentyone--font-size--level-6);--twentyone--multistep-tabs--navigation-list-item-text-transform: none;--twentyone--multistep-tabs--navigation-list-item-line-height: 1.5;--twentyone--multistep-tabs--navigation-list-item-letter-spacing: 0;--twentyone--multistep-tabs--navigation-list-item-background: var(--twentyone--color--lightgrey);--twentyone--multistep-tabs--navigation-list-item-border-color: var(--twentyone--color--lightgrey);--twentyone--multistep-tabs--navigation-list-item-color: var(--twentyone--color--black);--twentyone--multistep-tabs--navigation-list-item-icon-color: var(--twentyone--color--black);--twentyone--multistep-tabs--navigation-list-item-background-active: var(--twentyone--color--primary);--twentyone--multistep-tabs--navigation-list-item-border-color-active: var(--twentyone--color--primary);--twentyone--multistep-tabs--navigation-list-item-color-active: var(--twentyone--color--primary);--twentyone--multistep-tabs--navigation-list-item-icon-color-active: var(--twentyone--color--white);--twentyone--multistep-tabs--navigation-list-item-background-solved: transparent;--twentyone--multistep-tabs--navigation-list-item-border-color-solved: var(--twentyone--color--primary);--twentyone--multistep-tabs--navigation-list-item-color-solved: var(--twentyone--color--primary);--twentyone--multistep-tabs--navigation-list-item-icon-color-solved: var(--twentyone--color--primary);--twentyone--multistep-tabs--navigation-list-item-icon-font-size: var(--twentyone--element--font-size);--twentyone--multistep-tabs--inverted-navigation-list-item-background: rgba(var(--twentyone--color--white-rgb), .25);--twentyone--multistep-tabs--inverted-navigation-list-item-border-color: rgba(var(--twentyone--color--white-rgb), .25);--twentyone--multistep-tabs--inverted-navigation-list-item-color: var(--twentyone--color--white);--twentyone--multistep-tabs--inverted-navigation-list-item-icon-color: var(--twentyone--color--white);--twentyone--multistep-tabs--inverted-navigation-list-item-background-active: var(--twentyone--color--white);--twentyone--multistep-tabs--inverted-navigation-list-item-border-color-active: var(--twentyone--color--white);--twentyone--multistep-tabs--inverted-navigation-list-item-color-active: var(--twentyone--color--white);--twentyone--multistep-tabs--inverted-navigation-list-item-icon-color-active: var(--twentyone--color--black);--twentyone--multistep-tabs--inverted-navigation-list-item-background-solved: transparent;--twentyone--multistep-tabs--inverted-navigation-list-item-border-color-solved: var(--twentyone--color--white);--twentyone--multistep-tabs--inverted-navigation-list-item-color-solved: var(--twentyone--color--white);--twentyone--multistep-tabs--inverted-navigation-list-item-icon-color-solved: var(--twentyone--color--white)}.twentyone-tabs{margin:var(--twentyone--tabs--margin);transition:var(--twentyone--element--transition)}.twentyone-tabs:first-child{margin-top:0}.twentyone-tabs:last-child{margin-bottom:0}.twentyone-tabs ol.twentyone-tabs-navigation{background:var(--twentyone--tabs--navigation-background);border-color:var(--twentyone--tabs--navigation-border-color);border-style:solid;border-width:var(--twentyone--tabs--navigation-border-width);counter-reset:ol-counter;display:flex;width:fit-content;flex-wrap:wrap;font-size:1em;gap:var(--twentyone--tabs--navigation-gap);margin:var(--twentyone--tabs--navigation-margin);padding:var(--twentyone--tabs--navigation-padding);border-radius:var(--twentyone--tabs--navigation-border-radius);box-shadow:var(--twentyone--tabs--navigation-box-shadow);-webkit-user-select:none;user-select:none}.twentyone-tabs ol.twentyone-tabs-navigation:first-child{margin-top:0}.twentyone-tabs ol.twentyone-tabs-navigation:last-child{margin-bottom:0}.twentyone-tabs ol.twentyone-tabs-navigation li{counter-increment:ol-counter;list-style-type:none;margin:0;padding:0}.twentyone-tabs ol.twentyone-tabs-navigation li::before{content:none}.twentyone-tabs ol.twentyone-tabs-navigation li a{position:relative;align-items:center;background:var(--twentyone--tabs--navigation-list-item-background);border-color:var(--twentyone--tabs--navigation-list-item-border-color);border-style:solid;border-width:var(--twentyone--tabs--navigation-list-item-border-width);color:var(--twentyone--tabs--navigation-list-item-color);display:flex;fill:var(--twentyone--tabs--navigation-list-item-icon-color);font-weight:bold;gap:var(--twentyone--tabs--navigation-list-item-gap);height:100%;justify-content:center;padding:var(--twentyone--tabs--navigation-list-item-padding);text-decoration:none;border-radius:var(--twentyone--tabs--navigation-list-item-border-radius);transition:var(--twentyone--element--transition)}.twentyone-tabs ol.twentyone-tabs-navigation li a svg,.twentyone-tabs ol.twentyone-tabs-navigation li a img{fill:inherit;flex:0 0 auto;font-size:var(--twentyone--tabs--navigation-list-item-icon-font-size);transition:var(--twentyone--element--transition)}.twentyone-tabs ol.twentyone-tabs-navigation li a span{color:inherit;font-size:var(--twentyone--tabs--navigation-list-item-font-size);letter-spacing:var(--twentyone--tabs--navigation-list-item-letter-spacing);line-height:var(--twentyone--tabs--navigation-list-item-line-height);text-transform:var(--twentyone--tabs--navigation-list-item-text-transform);transition:var(--twentyone--element--transition)}.twentyone-tabs ol.twentyone-tabs-navigation li.has--counter a::before{content:counter(ol-counter);flex:0 0 auto}.twentyone-tabs ol.twentyone-tabs-navigation li.icon--only a,.twentyone-tabs ol.twentyone-tabs-navigation li.counter--only a{aspect-ratio:1;padding:0;width:var(--twentyone--tabs--navigation-list-item-only-icon-width)}.twentyone-tabs ol.twentyone-tabs-navigation li.is--active a{background:var(--twentyone--tabs--navigation-list-item-background-active);border-color:var(--twentyone--tabs--navigation-list-item-border-color-active);color:var(--twentyone--tabs--navigation-list-item-color-active);cursor:default;fill:var(--twentyone--tabs--navigation-list-item-icon-color-active)}.twentyone-tabs .twentyone-tabs-panels{counter-reset:ol-counter}.twentyone-tabs.is--inverted ol.twentyone-tabs-navigation{background:var(--twentyone--tabs--inverted-navigation-background);border-color:var(--twentyone--tabs--inverted-navigation-border-color)}.twentyone-tabs.is--inverted ol.twentyone-tabs-navigation li a{background:var(--twentyone--tabs--inverted-navigation-list-item-background);border-color:var(--twentyone--tabs--inverted-navigation-list-item-border-color);color:var(--twentyone--tabs--inverted-navigation-list-item-color);fill:var(--twentyone--tabs--inverted-navigation-list-item-icon-color)}.twentyone-tabs.is--inverted ol.twentyone-tabs-navigation li.is--active a{background:var(--twentyone--tabs--inverted-navigation-list-item-background-active);border-color:var(--twentyone--tabs--inverted-navigation-list-item-border-color-active);color:var(--twentyone--tabs--inverted-navigation-list-item-color-active);fill:var(--twentyone--tabs--inverted-navigation-list-item-icon-color-active)}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation{background:rgba(0,0,0,0);border:none;gap:var(--twentyone--multistep-tabs--navigation-gap);margin:var(--twentyone--multistep-tabs--navigation-margin);padding:0;width:fit-content;border-radius:0;box-shadow:none}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation:first-child{margin-top:0}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation:last-child{margin-bottom:0}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation li a{aspect-ratio:1;background:var(--twentyone--multistep-tabs--navigation-list-item-background-solved);border-color:var(--twentyone--multistep-tabs--navigation-list-item-border-color-solved);border-width:var(--twentyone--multistep-tabs--navigation-list-item-border-width);color:var(--twentyone--multistep-tabs--navigation-list-item-color-solved);fill:var(--twentyone--multistep-tabs--navigation-list-item-icon-color-solved);padding:0;width:var(--twentyone--multistep-tabs--navigation-list-item-width);border-radius:var(--twentyone--multistep-tabs--navigation-list-item-border-radius)}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation li a span{font-size:var(--twentyone--multistep-tabs--navigation-list-item-font-size);left:50%;letter-spacing:var(--twentyone--multistep-tabs--navigation-list-item-letter-spacing);line-height:var(--twentyone--multistep-tabs--navigation-list-item-line-height);position:absolute;text-transform:var(--twentyone--multistep-tabs--navigation-list-item-text-transform);top:calc(100% + var(--twentyone--multistep-tabs--navigation-list-item-gap));white-space:nowrap;translate:-50% 0;font-weight:normal}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation li a svg,.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation li a img{font-size:var(--twentyone--multistep-tabs--navigation-list-item-icon-font-size)}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation li a::after{background:var(--twentyone--multistep-tabs--navigation-list-item-border-color-solved);content:"";display:block;height:var(--twentyone--multistep-tabs--navigation-list-item-border-width);position:absolute;right:calc(100% + var(--twentyone--multistep-tabs--navigation-list-item-border-width));top:50%;width:var(--twentyone--multistep-tabs--navigation-gap);translate:0 -50%;transition:var(--twentyone--element--transition)}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation li.has--counter a::before{color:var(--twentyone--multistep-tabs--navigation-list-item-icon-color-solved);font-size:var(--twentyone--multistep-tabs--navigation-list-item-icon-font-size);line-height:1}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation li.is--active a{background:var(--twentyone--multistep-tabs--navigation-list-item-background-active);border-color:var(--twentyone--multistep-tabs--navigation-list-item-border-color-active);color:var(--twentyone--multistep-tabs--navigation-list-item-color-active);fill:var(--twentyone--multistep-tabs--navigation-list-item-icon-color-active)}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation li.is--active.has--counter a::before{color:var(--twentyone--multistep-tabs--navigation-list-item-icon-color-active)}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation li.is--disabled a{background:var(--twentyone--multistep-tabs--navigation-list-item-background);border-color:var(--twentyone--multistep-tabs--navigation-list-item-border-color);color:var(--twentyone--multistep-tabs--navigation-list-item-color);fill:var(--twentyone--multistep-tabs--navigation-list-item-icon-color)}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation li.is--disabled a::after{background:var(--twentyone--multistep-tabs--navigation-list-item-border-color)}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation li.is--disabled.has--counter a::before{color:var(--twentyone--multistep-tabs--navigation-list-item-icon-color)}.twentyone-tabs.is--multistep ol.twentyone-tabs-navigation li:first-child a::after{content:none}.twentyone-tabs.is--multistep.is--inverted ol.twentyone-tabs-navigation li a{background:var(--twentyone--multistep-tabs--inverted-navigation-list-item-background-solved);border-color:var(--twentyone--multistep-tabs--inverted-navigation-list-item-border-color-solved);color:var(--twentyone--multistep-tabs--inverted-navigation-list-item-color-solved);fill:var(--twentyone--multistep-tabs--inverted-navigation-list-item-icon-color-solved)}.twentyone-tabs.is--multistep.is--inverted ol.twentyone-tabs-navigation li.has--counter a::before{color:var(--twentyone--multistep-tabs--inverted-navigation-list-item-icon-color-solved)}.twentyone-tabs.is--multistep.is--inverted ol.twentyone-tabs-navigation li.is--active a{background:var(--twentyone--multistep-tabs--inverted-navigation-list-item-background-active);border-color:var(--twentyone--multistep-tabs--inverted-navigation-list-item-border-color-active);color:var(--twentyone--multistep-tabs--inverted-navigation-list-item-color-active);fill:var(--twentyone--multistep-tabs--inverted-navigation-list-item-icon-color-active)}.twentyone-tabs.is--multistep.is--inverted ol.twentyone-tabs-navigation li.is--active.has--counter a::before{color:var(--twentyone--multistep-tabs--inverted-navigation-list-item-icon-color-active)}.twentyone-tabs.is--multistep.is--inverted ol.twentyone-tabs-navigation li.is--disabled a{background:var(--twentyone--multistep-tabs--inverted-navigation-list-item-background);border-color:var(--twentyone--multistep-tabs--inverted-navigation-list-item-border-color);color:var(--twentyone--multistep-tabs--inverted-navigation-list-item-color);fill:var(--twentyone--multistep-tabs--inverted-navigation-list-item-icon-color)}.twentyone-tabs.is--multistep.is--inverted ol.twentyone-tabs-navigation li.is--disabled.has--counter a::before{color:var(--twentyone--multistep-tabs--inverted-navigation-list-item-icon-color)}.twentyone-tabs.is--initialized .twentyone-tabs-panels{transition:opacity 1500ms cubic-bezier(0.23, 1, 0.32, 1)}}