:root{--ribbon-color-bg: var(--color-bg-layer-2);--ribbon-color-text: var(--color-text);--ribbon-size-border: 0;--ribbon-size: 4.75rem;--ribbon-flex-direction: column;--ribbon-size-block: 100%;--ribbon-size-inline: var(--ribbon-size);--ribbon-content-justify-content: start;--ribbon-content-align-items: center}.tad-ribbon{--ribbon-section-offset: var(--ribbon-size);display:flex;flex-basis:1;flex-shrink:0;flex-direction:var(--ribbon-flex-direction);inline-size:var(--ribbon-size-inline);block-size:var(--ribbon-size-block);background:var(--ribbon-color-bg);color:var(--ribbon-color-text);border:var(--size-border) var(--style-border) var(--color-gray-10)}.tad-ribbon__content{display:flex;flex:1 1 0;gap:var(--size-xs);flex-direction:var(--ribbon-flex-direction);justify-content:var(--ribbon-content-justify-content);align-items:var(--ribbon-content-align-items);padding:var(--size-md)}@media (max-width: 49.9375em) and (orientation: portrait){.tad-ribbon{--ribbon-size: 3.5rem;--ribbon-flex-direction: row;--ribbon-content-justify-content: center;--ribbon-size-block: var(--ribbon-size);--ribbon-size-inline: 100%}.tad-ribbon__content{padding:var(--size-xs)}}