.dynamic-grid-component .dynamic-grid-title{text-align:center}.dynamic-grid-component .tabs-menu{display:flex;align-items:stretch;list-style:none;padding:0;border-bottom:1px solid var(--color-brand-text-bg);margin-bottom:36px}.dynamic-grid-component .tabs-menu .tabs-menu-button{display:flex;margin-bottom:-1px;border:1px solid var(--color-brand-text-bg);background:var(--color-brand-text-bg);color:var(--color-brand-text-fg);font-size:12px;transition:border .2s,color .2s}.dynamic-grid-component .tabs-menu .tabs-menu-button label{padding:12px 15px;cursor:pointer}.dynamic-grid-component .tabs-menu .tabs-menu-button:hover{border-top-color:var(--color-brand-text-fg);color:var(--color-brand-text-fg)}.dynamic-grid-component .tabs-menu-radio,.dynamic-grid-component .tab-container{display:none}.dynamic-grid-component .tab-container .tiles-container{display:grid;grid-gap:24px;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;grid-auto-flow:row dense}.dynamic-grid-component .tab-container .tiles-container .tile{position:relative;overflow:hidden}.dynamic-grid-component .tab-container .tiles-container .tile a{color:var(--color-brand-text-fg);text-decoration:none}.dynamic-grid-component .tab-container .tiles-container .tile .tile-content{position:absolute;background-color:var(--color-brand-text-bg);width:100%;opacity:.9;padding:8px;z-index:1;overflow:hidden;bottom:0;box-sizing:border-box}.dynamic-grid-component .tab-container .tiles-container .tile .tile-content .tile-content-wrapper{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-height:20px;height:103px;overflow:hidden}.dynamic-grid-component .tab-container .tiles-container .tile .tile-content .tile-content-wrapper .tile-title{font-weight:700;line-height:20px;margin:10px 0}.dynamic-grid-component .tab-container .tiles-container .tile .tile-content .tile-content-wrapper .tile-subtitle{line-height:20px}.dynamic-grid-component .tab-container .tiles-container .tile .tile-content .spacer{height:5px}.dynamic-grid-component .tab-container .tiles-container .tile .tile-image{z-index:0;width:100%;height:100%}.dynamic-grid-component .tab-container .tiles-container .tile .tile-image picture{height:100%;width:100%!important}.dynamic-grid-component .tab-container .tiles-container .tile.square{grid-column:span 1;grid-row:span 1}.dynamic-grid-component .tab-container .tiles-container .tile.square :is(.tile-image--horizontal,.tile-image--vertical){display:none}.dynamic-grid-component .tab-container .tiles-container .tile.square .tile-image--square picture img{display:block!important}.dynamic-grid-component .tab-container .tiles-container .tile.horizontal{grid-column:span 2;grid-row:span 1}.dynamic-grid-component .tab-container .tiles-container .tile.horizontal :is(.tile-image--vertical,.tile-image--square){display:none}.dynamic-grid-component .tab-container .tiles-container .tile.horizontal .tile-image--horizontal picture img{display:block!important}.dynamic-grid-component .tab-container .tiles-container .tile.vertical{grid-row:span 2;grid-column:span 1}.dynamic-grid-component .tab-container .tiles-container .tile.vertical :is(.tile-image--horizontal,.tile-image--square){display:none}.dynamic-grid-component .tab-container .tiles-container .tile.vertical .tile-image--vertical picture img{display:block!important}.dynamic-grid-component .tab-container .buttons-container{margin-top:36px;display:flex;justify-content:center;flex-flow:row wrap;column-gap:18px;row-gap:16px}.dynamic-grid-component .tab-container .buttons-container .button{display:inline-block;text-align:center;padding:8px 24px;border:1px solid var(--color-brand-text-fg);color:var(--text-color);min-width:240px;line-height:23px;font-size:16px}.dynamic-grid-component .tab-container .buttons-container .button.accent{background-color:var(--color-brand-accent);--text-color: var(--color-brand-text-on-accent)}.dynamic-grid-component .tab-container .buttons-container .button.accent2{background-color:var(--color-brand-accent2);--text-color: var(--color-brand-text-on-accent2)}@container (max-width: 950px){.dynamic-grid-component .tab-container .tiles-container{grid-template-columns:repeat(2,1fr)}.dynamic-grid-component .tab-container .tiles-container .tile.vertical{grid-row:span 1;grid-column:span 1}.dynamic-grid-component .tab-container .tiles-container .tile.vertical :is(.tile-image--vertical,.tile-image--horizontal){display:none}.dynamic-grid-component .tab-container .tiles-container .tile.vertical .tile-image--square{display:block}.dynamic-grid-component .tab-container .tiles-container .tile.vertical .tile-image--square picture img{display:block!important}.dynamic-grid-component .tab-container .tiles-container .tile.horizontal{grid-column:span 1}}@container (max-width: 700px){.dynamic-grid-component .tab-container .tiles-container{grid-template-columns:1fr;max-width:700px;margin:0 auto}.dynamic-grid-component .tab-container .tiles-container .tile{max-height:450px}.dynamic-grid-component .tab-container .tiles-container .tile.horizontal{grid-column:span 1;grid-row:span 1}.dynamic-grid-component .tab-container .tiles-container .tile.horizontal :is(.tile-image--vertical,.tile-image--horizontal){display:none}.dynamic-grid-component .tab-container .tiles-container .tile.horizontal .tile-image--square{display:block}.dynamic-grid-component .tab-container .tiles-container .tile.horizontal .tile-image--square picture img{display:block!important}}
/*# sourceMappingURL=jdd-component__dynamic-grid.entrypoint.css.map */