@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)}.tad-ribbon-section__title-bar{position:relative;display:flex;align-items:center;padding-left:var(--size-lg);padding-right:var(--size-lg);padding-top:var(--size-md);padding-bottom:var(--size-xs)}.tad-ribbon-section__actions{display:flex;width:100%;padding-left:var(--size-lg);padding-right:var(--size-lg);padding-top:var(--size-2xs);padding-bottom:var(--size-sm)}.tad-ribbon-section__title{flex:1 1 0;text-align:left;font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);margin-top:0;margin-bottom:0}.tad-ribbon-section__collapse-toggle{--icon-size: var(--size-md);background:var(--color-gray-0);position:absolute;left:20rem;left:calc(var(--ribbon-section-size));aspect-ratio:1;border:none;padding:var(--size-xs);border-radius:var(--size-border-radius-md);transform:translate(-50%)}.tad-ribbon-section__collapse-toggle-mobile{display:none}.tad-ribbon-section__toggle{background:transparent;width: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:hover{border:var(--size-border) var(--style-border) var(--color-cyan)}.tad-ribbon-section__toggle:focus{outline:none}.tad-ribbon-section__content-scrollable{overflow-y:auto;padding-left:var(--size-lg);padding-right:var(--size-lg);padding-top:var(--size-xs);padding-bottom:var(--size-xs)}.tad-ribbon-section__content{display:flex;flex-direction:column;position:absolute;left:4.75rem;left:var(--ribbon-section-inset-inline-start);top:0;top:var(--ribbon-section-inset-block-start);bottom:auto;bottom:var(--ribbon-section-inset-block-end);right:auto;right:var(--ribbon-section-inset-inline-end);height:100%;background:var(--color-bg-layer-3);width:20rem;width:var(--ribbon-section-size);z-index:var(--layer-3);animation:fade-right var(--fx-speed-fast);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-left-width:0}.tad-ribbon-section__content--landscape-start{--ribbon-section-inset-inline-start: var(--ribbon-section-offset);animation-name:fade-right;border-top-right-radius:var(--size-xs);border-top-right-radius:var(--ribbon-size-border-radius);border-bottom-right-radius:var(--size-xs);border-bottom-right-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-top-left-radius:var(--size-xs);border-top-left-radius:var(--ribbon-size-border-radius);border-bottom-left-radius:var(--size-xs);border-bottom-left-radius:var(--ribbon-size-border-radius)}.tad-ribbon-section--active .tad-ribbon-section__toggle{outline:var(--size-border-lg) var(--style-border) var(--color-cyan);border-color:transparent;background:var(--color-bg-layer-3)}@media (orientation: portrait){.tad-ribbon-section__collapse-toggle{display:none}.tad-ribbon-section__collapse-toggle-mobile{--icon-size: var(--size-md);color:var(--color-gray-80);display:flex;position:absolute;top:var(--size-xs);right:var(--size-xs);border:none;padding:var(--size-xs);border-radius:var(--size-border-radius-md);z-index:var(--layer-2)}.tad-ribbon-section__content{--ribbon-section-inset-inline-start: 0;--ribbon-section-inset-inline-end: 0;width:100%;height:auto;max-height: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-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--size-xs);border-bottom-left-radius:var(--ribbon-size-border-radius);border-bottom-right-radius:var(--size-xs);border-bottom-right-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-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--size-xs);border-top-left-radius:var(--ribbon-size-border-radius);border-top-right-radius:var(--size-xs);border-top-right-radius:var(--ribbon-size-border-radius)}}