@scope(.lab--shape-outside){#example-1{margin-block:var(--spacing-l);grid-template-columns:1fr 1fr;display:grid}#example-1 p{font-size:14px}#example-1>:first-child p:first-of-type{text-transform:uppercase;font-size:14px}#example-1>:first-child img{float:right;width:280px}#example-1>:nth-child(2) img{float:left;width:280px}#example-2{margin-block:var(--spacing-l);grid-template-columns:1fr 1fr;display:grid}#example-2 p{font-size:14px}#example-2>:first-child p:first-of-type{text-transform:uppercase;font-size:14px}#example-2>:first-child img{float:right;shape-outside:url(/lab/img/shape-outside-2-left.webp);shape-image-threshold:.5;shape-margin:2%;width:40%}#example-2>:nth-child(2) img{float:left;shape-outside:url(/lab/img/shape-outside-2-right.webp);shape-image-threshold:.5;shape-margin:2%;width:40%}#example-3{gap:var(--spacing-l);margin-block:var(--spacing-l);grid-template-columns:2fr 1fr;display:grid}#example-3>:first-child p{hyphens:auto;font-size:14px}#example-3>:first-child p:first-of-type{text-transform:uppercase;font-size:14px}#example-3>:first-child img{float:left;shape-outside:url(/lab/img/shape-outside-3-1.webp);shape-margin:2%;width:50%}#example-3>:nth-child(2) p{hyphens:auto;font-size:12px}#example-3>:nth-child(2) img:first-of-type{float:left;shape-outside:url(/lab/img/shape-outside-3-2.webp);shape-margin:2%;width:45%}#example-3>:nth-child(2) img:nth-of-type(2){float:right;shape-outside:url(/lab/img/shape-outside-3-2.webp);shape-margin:2%;width:45%}#example-4{margin-block:var(--spacing-l);overflow:auto}#example-4>p{hyphens:auto;font-size:12px}#example-4 p:first-of-type{text-transform:uppercase;font-size:14px}#example-4 img[src*=webp]{float:left;shape-outside:polygon(0% 0%, 35% 0%, 42% 10%, 43% 16%, 48% 28%, 45% 31%, 42% 59%, 75% 48%, 76% 59%, 36% 72%, 35% 78%, 48% 74%, 64% 100%, 0% 100%);shape-margin:20px;width:100%;max-width:100%}#example-4 img[src*=svg]{width:unset;max-width:unset;margin-block-start:var(--spacing-l)}#example-5{margin-block:var(--spacing-l);overflow:auto}#example-5>p{hyphens:auto;font-size:12px}#example-5 p:first-of-type{text-transform:uppercase;font-size:14px}#example-5 img:first-of-type{float:left;shape-outside:url(/lab/img/shape-outside-5-1.webp);shape-margin:2%;width:45%}#example-5 img:nth-of-type(2){float:right;shape-outside:url(/lab/img/shape-outside-5-2.webp);shape-margin:2%;width:35%}}@media (prefers-reduced-motion:reduce){.lab--shape-outside *,.lab--shape-outside :before,.lab--shape-outside :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}