.ui-component{display:flex;flex-direction:column;margin-top:var(--gap);border:thin var(--color-black) solid}.ui-component__name{font-size:calc(var(--gap) * .8);--font-weight: 300;--font-width: 100;letter-spacing:.3px;line-height:var(--gap);text-transform:none;margin:0 0 var(--gap) 0;padding:0 var(--gap);background-color:var(--color-black);color:var(--color-white)}.ui-component__description{font-style:italic;padding:0 var(--gap) var(--gap);border-bottom:thin var(--color-black) solid}.ui-component__body{padding:var(--gap)}.marquee-button{--marquee-button_width: auto;--marquee-button_height: auto;--marquee-button_calc_width: auto;--marquee-button_calc_height: auto;--marquee-button_transition_time: .1s;display:inline-flex;position:relative;align-items:center;justify-content:center;width:var(--marquee-button_width);height:var(--marquee-button_height);box-shadow:0 0 0 1px var(--color-black)}.marquee-button_overflow{width:100%;height:100%;overflow:hidden;display:block}.marquee-button_scroller{position:relative;width:0;height:0}.marquee-button_offscreen{position:absolute;top:calc(var(--marquee-button_calc_height) + 10px);display:block;width:var(--marquee-button_calc_width);height:var(--marquee-button_calc_height)}.marquee-button_button{display:block;width:100%;height:100%;margin:0;border:none;box-shadow:none;padding:0;color:inherit;transition:color var(--marquee-button_transition_time);cursor:pointer}.marquee-button--active .marquee-button_button{color:transparent}.marquee-button_shifter{pointer-events:none;width:var(--marquee-button_calc_width);height:var(--marquee-button_calc_height);--marquee-button_shifter_angle: 30;transform:rotate(calc(var(--marquee-button_shifter_angle) * -1rad));opacity:0;transition:opacity var(--marquee-button_transition_time)}.marquee-button--active .marquee-button_shifter{opacity:1}.marquee-button_item--odd,.marquee-button_item--even{position:absolute;display:block;width:var(--marquee-button_item-width);height:var(--marquee-button_item-height)}.marquee-button_item--even{left:calc((var(--marquee-button_item-col)) * var(--marquee-button_item-width) + var(--marquee-button_even-shift) + var(--marquee-button_total-shift-x));top:calc((var(--marquee-button_item-row)) * var(--marquee-button_item-height) + var(--marquee-button_total-shift-y))}.marquee-button_item--odd{left:calc((var(--marquee-button_item-col)) * var(--marquee-button_item-width) + var(--marquee-button_odd-shift) + var(--marquee-button_total-shift-x));top:calc((var(--marquee-button_item-row)) * var(--marquee-button_item-height) + var(--marquee-button_total-shift-y))}.marquee-pane{--marquee-pane_width: auto;--marquee-pane_height: auto;--marquee-pane_calc_width: auto;--marquee-pane_calc_height: auto;--marquee-pane_transition_time: .1s;display:inline-flex;position:relative;align-items:center;justify-content:center;width:var(--marquee-pane_width);height:var(--marquee-pane_height);box-shadow:0 0 0 1px var(--color-black)}.marquee-pane_overflow{width:100%;height:100%;overflow:hidden;contain:strict;display:block}.marquee-pane_scroller{position:relative;width:0;height:0}.marquee-pane_offscreen{position:absolute;bottom:10px;display:block;width:var(--marquee-pane_calc_width);height:var(--marquee-pane_calc_height)}.marquee-pane_shifter{pointer-events:none;width:var(--marquee-pane_calc_width);height:var(--marquee-pane_calc_height);--marquee-pane_shifter_angle: 30;transform:rotate(calc(var(--marquee-pane_shifter_angle) * -1rad));opacity:1;transition:opacity var(--marquee-pane_transition_time)}.marquee-pane_item--odd,.marquee-pane_item--even{position:absolute;display:block;width:var(--marquee-pane_item-width);height:var(--marquee-pane_item-height)}.marquee-pane_item--even{left:calc((var(--marquee-pane_item-col)) * var(--marquee-pane_item-width) + var(--marquee-pane_even-shift) + var(--marquee-pane_total-shift-x));top:calc((var(--marquee-pane_item-row)) * var(--marquee-pane_item-height) + var(--marquee-pane_total-shift-y))}.marquee-pane_item--odd{left:calc((var(--marquee-pane_item-col)) * var(--marquee-pane_item-width) + var(--marquee-pane_odd-shift) + var(--marquee-pane_total-shift-x));top:calc((var(--marquee-pane_item-row)) * var(--marquee-pane_item-height) + var(--marquee-pane_total-shift-y))}.bubble-text{--bubble-text_min-font-width: 0;--bubble-text_max-font-width: 100;--bubble-text_diff-font-width: calc(var(--bubble-text_max-font-width) - var(--bubble-text_min-font-width))}.bubble-text_char{--bubble-text_char_distance: 1;--font-width: calc(var(--bubble-text_min-font-width) + (1 - var(--bubble-text_char_distance)) * var(--bubble-text_diff-font-width))}.auto-sized-text{position:relative}.auto-sized-text__label{--auto-sized-text-width: 100;--auto-sized-letter-spacing: 0;--font-width: var(--auto-sized-text-width);letter-spacing:calc(var(--auto-sized-letter-spacing) * 1px);white-space:nowrap}.auto-sized-text__label .auto-sized-text__label__last-letter{letter-spacing:0}.fixture{display:grid;grid-template-columns:max-content 1fr;border:thin var(--color-black) solid}.fixture_inputs{display:grid;grid-template-columns:max-content max-content;gap:var(--gap);padding:var(--gap);background-color:var(--color-gray-1)}.fixture_body{padding:var(--gap)}#main{margin:0 calc(var(--gap))}
/*# sourceMappingURL=components.css.map */