ybc-z-pattern{display:block;display:grid;gap:var(--ybc-sys-sp-4);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:1024px){ybc-z-pattern{gap:5rem;grid-template-columns:repeat(12,minmax(0,1fr))}ybc-z-pattern ybc-z-content,ybc-z-pattern ybc-z-media{grid-column:span 6}ybc-z-pattern[variation=media-on-right] ybc-z-media{grid-column:7/span 6;order:2}ybc-z-pattern[variation=media-on-right] ybc-z-content{grid-column:1/span 6;order:1}ybc-z-pattern[variation=media-on-left-heavy-content] ybc-z-media{grid-column:1/span 4}ybc-z-pattern[variation=media-on-left-heavy-content] ybc-z-content{grid-column:5/span 8}ybc-z-pattern[variation=media-on-right-heavy-content] ybc-z-media{grid-column:9/span 4;order:2}ybc-z-pattern[variation=media-on-right-heavy-content] ybc-z-content{grid-column:1/span 8;order:1}}ybc-z-pattern[theme=dark]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}ybc-z-pattern:empty{display:none}ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern,ybc-grid[variation~=twelve] ybc-z-pattern{--ybc-z-pattern-default-start:1;--ybc-z-pattern-default-end:4;--ybc-z-pattern-mobile-start:1;--ybc-z-pattern-mobile-end:4;--ybc-z-pattern-tablet-start:1;--ybc-z-pattern-tablet-end:8}ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern,ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern:not([scale]),ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern[scale=full],ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern[scale=wide],ybc-grid[variation~=twelve] ybc-z-pattern,ybc-grid[variation~=twelve] ybc-z-pattern:not([scale]),ybc-grid[variation~=twelve] ybc-z-pattern[scale=full],ybc-grid[variation~=twelve] ybc-z-pattern[scale=wide]{--ybc-z-pattern-tablet-landscape-start:1;--ybc-z-pattern-tablet-landscape-span:12;--ybc-z-pattern-desktop-start:1;--ybc-z-pattern-desktop-span:12}ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern[scale=medium],ybc-grid[variation~=twelve] ybc-z-pattern[scale=medium]{--ybc-z-pattern-tablet-landscape-start:2;--ybc-z-pattern-tablet-landscape-span:10;--ybc-z-pattern-desktop-start:2;--ybc-z-pattern-desktop-span:10}ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern[scale=narrow],ybc-grid[variation~=twelve] ybc-z-pattern[scale=narrow]{--ybc-z-pattern-tablet-start:2;--ybc-z-pattern-tablet-end:7;--ybc-z-pattern-tablet-landscape-start:3;--ybc-z-pattern-tablet-landscape-span:8;--ybc-z-pattern-desktop-start:3;--ybc-z-pattern-desktop-span:8}ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern[scale=narrow-offset],ybc-grid[variation~=twelve] ybc-z-pattern[scale=narrow-offset]{--ybc-z-pattern-tablet-start:2;--ybc-z-pattern-tablet-end:7;--ybc-z-pattern-tablet-landscape-start:4;--ybc-z-pattern-tablet-landscape-span:8;--ybc-z-pattern-desktop-start:4;--ybc-z-pattern-desktop-span:8}ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern,ybc-grid[variation~=twelve] ybc-z-pattern{grid-column-end:calc(var(--ybc-z-pattern-default-end) + 1);grid-column-start:var(--ybc-z-pattern-default-start)}@media (min-width:320px){ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern,ybc-grid[variation~=twelve] ybc-z-pattern{grid-column-end:calc(var(--ybc-z-pattern-mobile-end) + 1);grid-column-start:var(--ybc-z-pattern-mobile-start)}}@media (min-width:768px){ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern,ybc-grid[variation~=twelve] ybc-z-pattern{grid-column-end:calc(var(--ybc-z-pattern-tablet-end) + 1);grid-column-start:var(--ybc-z-pattern-tablet-start)}}@media (min-width:1024px){ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern,ybc-grid[variation~=twelve] ybc-z-pattern{grid-column-end:span var(--ybc-z-pattern-tablet-landscape-span);grid-column-start:var(--ybc-z-pattern-tablet-landscape-start)}}@media (min-width:1440px){ybc-blade[variation~=full-width-with-twelve] ybc-z-pattern,ybc-grid[variation~=twelve] ybc-z-pattern{grid-column-end:span var(--ybc-z-pattern-desktop-span);grid-column-start:var(--ybc-z-pattern-desktop-start)}}