.subtree{display:flex;flex-flow:column;--vertical-padding: 0px;--horizontal-padding: 0px;padding:var(--vertical-padding) var(--horizontal-padding)}.subtree.subtree--bleed-bleed{grid-column:bleed}.subtree.subtree--bleed-screen{grid-column:screen}.subtree.subtree--gap-none{gap:0px}.subtree.subtree--gap-narrow{gap:8px}.subtree.subtree--gap-medium{gap:16px}.subtree.subtree--gap-wide{gap:24px}.subtree.subtree--padding-vertical-none{--vertical-padding: 0px}.subtree.subtree--padding-vertical-narrow{--vertical-padding: 8px}.subtree.subtree--padding-vertical-medium{--vertical-padding: 16px}.subtree.subtree--padding-vertical-wide{--vertical-padding: 24px}.subtree.subtree--padding-vertical-extra-wide{--vertical-padding: 48px}.subtree.subtree--padding-vertical-super-wide{--vertical-padding: 96px}.subtree--mode-horizontal-scroller .horizontal-scroller :is(.next-button,.prev-button){display:none}.subtree--mode-horizontal-scroller :is(.horizontal-scroller.has-next .next-button,.horizontal-scroller.has-prev .prev-button){display:flex}.subtree--mode-horizontal-scroller :is(.horizontal-scroller.has-next .next-button,.horizontal-scroller.has-prev .prev-button) svg{height:16px}.subtree--mode-horizontal-scroller :is(.horizontal-scroller.has-next .next-button,.horizontal-scroller.has-prev .prev-button) svg *{fill:var(--fg-color)!important}.subtree--mode-horizontal-scroller .scroller-wrapper{display:grid;--button-width: 60px;grid-template-columns:calc(var(--button-width) / 2) calc(var(--button-width) / 2) 1fr calc(var(--button-width) / 2) calc(var(--button-width) / 2)}.subtree--mode-horizontal-scroller .scroller-wrapper>*{grid-column:2/5;grid-row:1/2}.subtree--mode-horizontal-scroller .scroller-wrapper .button-panel{z-index:2;height:100%;display:flex;align-items:center;pointer-events:none}.subtree--mode-horizontal-scroller .scroller-wrapper .button-panel.button-panel--left{grid-column:1/3!important;grid-row:1/2}.subtree--mode-horizontal-scroller .scroller-wrapper .button-panel.button-panel--right{grid-column:4/6!important;grid-row:1/2}.subtree--mode-horizontal-scroller .scroller-wrapper .button-panel .button{font-weight:700;width:var(--button-width)}.subtree--mode-horizontal-scroller .scroller-wrapper .horizontal-scroller__element{width:var(--horizontal-scroller-item-width)!important;max-width:calc(100cqw - 110px);flex-shrink:0;container-type:inline-size;flex-flow:column}.subtree--mode-horizontal-scroller .scroller-wrapper .horizontal-scroller__markers{grid-row:2/3}.grid-layout-main>.subtree,.subgrid-layout>.subtree{display:grid!important;grid-template-columns:subgrid}:is(.grid-layout-main>.subtree,.subgrid-layout>.subtree)>*{grid-column:content}
/*# sourceMappingURL=jdd-component__subtree.entrypoint.css.map */