.two-colour-text-block{background-image:var(--background-illustration, none),linear-gradient(to right,var(--background-left, var(--color-ebb)) var(--background-split),var(--background-right, var(--color-buccaneer)) 0);color:var(--text-color, var(--color-fuscous-gray));text-align:var(--text-align, center);padding-block:var(--padding);margin-block:var(--margin);margin-bottom:var(--margin-bottom, var(--margin));padding-bottom:var(--padding-bottom, var(--spacing-6x));background-position:center calc(100% - 24px),0;background-repeat:no-repeat}.two-colour-text-block:not(:has(.two-colour-text-block-media-column)){--background-split: 95%}.two-colour-text-block-columns{display:grid;gap:var(--spacing-6x);grid-template-columns:1fr}.two-colour-text-block-columns:has(.two-colour-text-block-media-column){grid-template-columns:calc(65% - calc(var(--spacing-6x) / 2)) calc(35% - calc(var(--spacing-6x) / 2))}.two-colour-text-block-heading{margin-bottom:var(--spacing-2x)}.two-colour-text-block-content{max-width:550px}.two-colour-text-block:not(:has(.two-colour-text-block-media-column)) .two-colour-text-block-content{max-width:var(--background-split);min-width:50%}.two-colour-text-block-content>*{margin-bottom:var(--spacing-3x)}.two-colour-text-block-content ul{padding-left:20px}.two-colour-text-block-blocks{display:flex;gap:var(--spacing-3x);justify-content:space-between;flex-wrap:wrap;max-width:var(--background-split)}.two-colour-text-block-columns:has(.two-colour-text-block-media-column) .two-colour-text-block-blocks{flex-wrap:wrap}.two-colour-text-block-block{display:flex;gap:var(--spacing-1x);align-items:center;width:100%}.two-colour-text-block-columns:has(.two-colour-text-block-media-column) .two-colour-text-block-block{flex-direction:row;gap:var(--spacing-2x);text-align:left;align-items:flex-start;width:48%}.two-colour-text-block-icon{flex-shrink:0;width:20%}.two-colour-text-block-icon img{height:101px;width:auto;margin:auto}.two-colour-text-block-media-column{display:flex;flex-direction:column;align-items:flex-end}.two-colour-text-block-media{margin-bottom:var(--spacing-2x)}@media (min-width: 768px){.two-colour-text-block-blocks{justify-content:center}.two-colour-text-block-block{width:25%;flex-direction:column;text-align:center}.two-colour-text-block-icon{width:auto}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/two-colour-text-block.css.map */