@keyframes expand-animation{0%{rotate:180deg}to{rotate:0deg}}@keyframes fade-left{0%{transform:translate(calc(var(--transform-direction) * 2rem));opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-right{0%{transform:translate(calc(var(--transform-direction) * -2rem));opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-down{0%{transform:translateY(-2rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-up{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:root{--ribbon-section-inset-block-start: 0;--ribbon-section-offset: 4.75rem;--ribbon-section-inset-inline-start: var(--ribbon-section-offset);--ribbon-section-inset-inline-end: auto;--ribbon-section-inset-block-end: auto;--ribbon-section-toggle-color-text: var(--color-text);--ribbon-section-size: 20rem;--ribbon-section-animation-name: fade-right;--ribbon-size-border-radius: var(--size-xs);--ribbon-toggle-color-border: var(--color-cyan)}.tad-ribbon-section__title-bar{position:relative;display:flex;align-items:center;padding-inline:var(--size-lg);padding-block:var(--size-md) var(--size-xs)}.tad-ribbon-section__actions{display:flex;padding-inline:var(--size-lg);padding-block:var(--size-2xs) var(--size-sm)}.tad-ribbon-section__title{flex:1 1 0;text-align:start;font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);margin-block:0}.tad-ribbon-section__collapse-toggle{background:var(--color-gray-0);position:absolute;inset-inline-start:calc(var(--ribbon-section-size));border-radius:var(--size-border-radius-md);transform:translate(-50%)}.tad-ribbon-section__collapse-toggle .tad-icon{--icon-padding: var(--space-ui-normal)}.tad-ribbon-section__collapse-toggle-mobile{display:none}.tad-ribbon-section__toggle{background:transparent;inline-size:100%;--button-color-text: var(--ribbon-section-toggle-color-text);--button-size-padding-block: var(--size-xs);--button-size-padding-inline: var(--size-xs);aspect-ratio:1;font-size:var(--font-size-xl);border:var(--size-border) var(--style-border) transparent}.tad-ribbon-section__toggle .tad-icon{--icon-padding: var(--space-ui-normal)}.tad-ribbon-section__toggle:hover{border:var(--size-border) var(--style-border) var(--ribbon-toggle-color-border)}.tad-ribbon-section__toggle:focus{outline:none}.tad-ribbon-section__content-scrollable{overflow-y:auto;padding-inline:var(--size-lg);padding-block:var(--size-xs)}.tad-ribbon-section__content{display:flex;flex-direction:column;position:absolute;inset-inline:var(--ribbon-section-inset-inline-start) var(--ribbon-section-inset-inline-end);inset-block:var(--ribbon-section-inset-block-start) var(--ribbon-section-inset-block-end);block-size:100%;background:var(--color-bg-layer-3);inline-size:var(--ribbon-section-size);z-index:var(--layer-3);animation:var(--ribbon-section-animation-name) var(--fx-speed-fast);box-sizing:border-box;border:var(--size-border) var(--style-border) var(--color-gray-10);border-inline-start-width:0}.tad-ribbon-section__content--landscape-start{--ribbon-section-inset-inline-start: var(--ribbon-section-offset);animation-name:fade-right;border-start-end-radius:var(--ribbon-size-border-radius);border-end-end-radius:var(--ribbon-size-border-radius)}.tad-ribbon-section__content--landscape-end{--ribbon-section-inset-inline-end: var(--ribbon-section-offset);--ribbon-section-inset-inline-start: auto;animation-name:fade-left;border-start-start-radius:var(--ribbon-size-border-radius);border-end-start-radius:var(--ribbon-size-border-radius)}.tad-ribbon-section--active .tad-ribbon-section__toggle{outline:var(--size-border-lg) var(--style-border) var(--ribbon-toggle-color-border);border-color:transparent;background:var(--color-bg-layer-3)}@media (max-width: 49.9375em) and (orientation: portrait){.tad-ribbon-section__collapse-toggle{display:none}.tad-ribbon-section__collapse-toggle-mobile{display:flex;position:absolute;inset-block-start:var(--size-2xs);inset-inline-end:var(--size-2xs);z-index:var(--layer-2)}.tad-ribbon-section__collapse-toggle-mobile .tad-icon{--icon-size: var(--size-icon-large);--icon-padding: var(--space-ui-normal)}.tad-ribbon-section__content{--ribbon-section-inset-inline-start: 0;--ribbon-section-inset-inline-end: 0;inline-size:100%;block-size:auto;max-block-size:70%}.tad-ribbon-section__content--portrait-start{--ribbon-section-inset-block-start: var(--ribbon-section-offset);--ribbon-section-inset-block-end: auto;animation-name:fade-down;border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--ribbon-size-border-radius);border-end-end-radius:var(--ribbon-size-border-radius)}.tad-ribbon-section__content--portrait-end{--ribbon-section-inset-block-end: var(--ribbon-section-offset);--ribbon-section-inset-block-start: auto;animation-name:fade-up;border-end-start-radius:0;border-end-end-radius:0;border-start-start-radius:var(--ribbon-size-border-radius);border-start-end-radius:var(--ribbon-size-border-radius)}}