import{t as w}from"./custom-element-BhZVzxrc.js";import{n as h}from"./property-1JAdfsvf.js";import{i as t,r as i,k as e,h as f}from"./lit-element-DDcuVA3y.js";import{s as a,b as m}from"./variables-BWf6YqMz.js";import"./facet-2--onDark.styles-BLswIpI8.js";const _=t` :host { display: flex; justify-content: center; width: 100%; height: auto; } * { box-sizing: border-box; } .image-container { position: relative; width: fit-content; height: fit-content; ::slotted(img), ::slotted(picture) { display: block; position: relative; } } .shape { position: absolute; } .fill-yellow {fill:#FFD500;} .fill-yellow400 {fill:#FFE040;} .fill-yellow400-opacity-75 {fill:#FFE040;fill-opacity:0.75;} .fill-yellow600 {fill:#FFC300;} .fill-blue {fill:#3868C6;} .fill-lightblue400 {fill:#45D9FF;} .fill-lightblue400-opacity-75 {fill:#45D9FF;fill-opacity:0.75;} .fill-lightblue300-opacity-75 {fill:#A2ECFF;fill-opacity:0.75;} .fill-darkblue {fill:#003C6E;} .fill-darkblue400 {fill:#3356A3;} .fill-darkblue400-opacity-75 {opacity:0.75; fill:#3356A3;} .fill-violet {fill:#A483FF;} .fill-violet2 {fill:#A080FF;} .fill-violet3-opacity-75 {fill:#A180FF;fill-opacity:0.75;} .fill-violet500 {fill:#A584FF;} .fill-violet500-opacity-75 {fill:#A584FF;fill-opacity:0.75;} .violet-stroke {fill:none;stroke:#A584FF;stroke-width:2;} `,x=i(`${a}`),b=i(`${m}`),y=t` :host { --clip-path-facet-1--default: polygon( 99.25% 30.025%,99.25% 75.6%,67.675% 93.825%,67.675% 93.825%,66.18% 94.588%,64.63% 95.181%,63.039% 95.605%,61.42% 95.859%,59.788% 95.944%,58.155% 95.859%,56.536% 95.605%,54.945% 95.181%,53.395% 94.588%,51.9% 93.825%,20.325% 75.6%,20.325% 75.6%,16.802% 73.311%,13.579% 70.692%,10.673% 67.774%,8.101% 64.586%,5.878% 61.156%,4.022% 57.515%,2.55% 53.692%,1.478% 49.717%,0.822% 45.618%,0.6% 41.425%,0.6% 41.425%,0.6% 41.425%,0.822% 37.232%,1.478% 33.133%,2.55% 29.158%,4.022% 25.335%,5.878% 21.694%,8.101% 18.264%,10.673% 15.076%,13.579% 12.158%,16.802% 9.539%,20.325% 7.25%,20.325% 7.25%,20.325% 7.25%,24.065% 5.347%,27.942% 3.866%,31.921% 2.809%,35.97% 2.174%,40.053% 1.963%,44.137% 2.174%,48.188% 2.809%,52.171% 3.866%,56.053% 5.347%,59.8% 7.25%,99.25% 30.025% ); --clip-path-facet-1--mobile: polygon( 5.194% 0%,5.194% 0%,4.239% 2.4%,3.374% 4.865%,2.602% 7.388%,1.926% 9.966%,1.347% 12.593%,0.868% 15.264%,0.492% 17.975%,0.22% 20.721%,0.055% 23.496%,0% 26.296%,0% 26.296%,0.226% 31.957%,0.891% 37.492%,1.979% 42.862%,3.472% 48.025%,5.354% 52.944%,7.608% 57.579%,10.217% 61.889%,13.163% 65.836%,16.43% 69.38%,20% 72.481%,52% 97.111%,52% 97.111%,53.516% 98.141%,55.088% 98.942%,56.702% 99.514%,58.344% 99.858%,60% 99.972%,61.656% 99.858%,63.298% 99.514%,64.912% 98.942%,66.484% 98.141%,68% 97.111%,100% 72.481%,100% 0%,5.194% 0% ); --facet-1__clip-path--mobile: var(--_facet-1__clip-path--mobile, var(--clip-path-facet-1--mobile)); --facet-1__aspect-ratio--mobile: var(--_facet-1__aspect-ratio--mobile, 4 / 3); --facet-1__width--mobile: var(--_facet-1__width--mobile, inherit); --facet-1__margin--mobile: var(--_facet-1__margin--mobile, 0); --facet-1-md__display--md: var(--_facet-1-md__display--md, block); --facet-1-lg__display--md: var(--_facet-1-lg__display--md, none); --facet-1-md__display--lg: var(--_facet-1-md__display--lg, none); --facet-1-lg__display--lg: var(--_facet-1-lg__display--lg, block); --facet-1__margin: 0; --facet-1__width: 100%; --image__facet-1__margin: var(--_image__facet-1__margin, var(--facet-1__margin)); --image__facet-1__width: var(--_image__facet-1__width, var(--facet-1__width)); --image__facet-1__margin--xl: var(--_image__facet-1__margin--xl, var(--facet-1__margin)); --image__facet-1__width--xl: var(--_image__facet-1__width--xl, var(--facet-1__width)); --facet-1__onDark: var(--_facet-1__onDark, none); --facet-1__onDark--xl: var(--_facet-1__onDark--xl, none); } .image__facet-1 { ::slotted(img), ::slotted(picture) { object-fit: cover; clip-path: var(--clip-path-facet-1--default); aspect-ratio: 1; width: var(--image__facet-1__width); height: auto; z-index: 2; } } .image-facet-1-md { display: var(--facet-1-md__display--lg); } .image-facet-1-lg { display: var(--facet-1-lg__display--lg); position: absolute; top: 1.3%; left: -19.6%; width: 143.8%; height: auto; z-index: 1; } .image__facet-1--crop-mobile { .image-facet-1-md { display: var(--facet-1-md__display--md); position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1; } .image-facet-1-lg { display: var(--facet-1-lg__display--md); } ::slotted(img), ::slotted(picture) { clip-path: var(--facet-1__clip-path--mobile); aspect-ratio: var(--facet-1__aspect-ratio--mobile); width: var(--facet-1__width--mobile); margin: var(--facet-1__margin--mobile); } @media screen and (min-width: ${x}) { ::slotted(img), ::slotted(picture) { clip-path: var(--clip-path-facet-1--default); aspect-ratio: 1; width: var(--image__facet-1__width); margin: var(--image__facet-1__margin); } .image-facet-1-md { display: var(--facet-1-md__display--lg); } .image-facet-1-lg { display: var(--facet-1-lg__display--lg); position: absolute; top: 1.3%; left: -19.6%; width: 143.8%; height: auto; z-index: 1; } } } .image-facet-1__onDark { display: var(--facet-1__onDark); position: absolute; top: 2%; right: -19%; width: 131%; height: auto; z-index: 3; } .image-facet-1__onDark--xl { display: none; } @media screen and (min-width: ${b}) { .image-facet-1__onDark--xl { display: var(--facet-1__onDark--xl); position: absolute; top: 6px; right: 2px; width: 112%; height: auto; z-index: 3; } .image-facet-1__onDark { display: none; } .image__facet-1--alternative .image-facet-1__onDark--xl { top: -12.5%; right: -22.5%; width: 126%; } } } `,u=i(`${a}`),k=t` :host { --clip-path-facet-2--default: polygon( 11.1% 20.55%,42.225% 2.575%,42.225% 2.575%,43.703% 1.826%,45.234% 1.243%,46.804% 0.827%,48.401% 0.577%,50.009% 0.494%,51.617% 0.577%,53.211% 0.827%,54.778% 1.243%,56.303% 1.826%,57.775% 2.575%,81.125% 16.05%,81.125% 16.05%,82.515% 16.952%,83.786% 17.984%,84.932% 19.135%,85.946% 20.394%,86.822% 21.747%,87.553% 23.183%,88.133% 24.691%,88.555% 26.259%,88.813% 27.874%,88.9% 29.525%,88.9% 65.475%,29.975% 99.5%,11.1% 88.525%,11.1% 20.55% ); --clip-path-facet-2--mobile: polygon(100% 0%, 0% 0%, 0.03% 81.11%, 24.33% 100%, 100% 41.59%); --facet-2__clip-path--mobile: var(--_facet-2__clip-path--mobile, var(--clip-path-facet-2--mobile)); --facet-2__aspect-ratio--mobile: var(--_facet-2__aspect-ratio--mobile, 4 / 3); --facet-2__width--mobile: var(--_facet-2__width--mobile, inherit); --facet-2__margin--mobile: var(--_facet-2__margin--mobile, 0); --facet-2-md__display--md: var(--_facet-2-md__display--md, block); --facet-2-lg__display--md: var(--_facet-2-lg__display--md, none); --facet-2-md__display--lg: var(--_facet-2-md__display--lg, none); --facet-2-lg__display--lg: var(--_facet-2-lg__display--lg, block); --facet-2__width: 100%; --image__facet-2__margin: var(--_image__facet-2__margin, var(--facet-2__margin)); --image__facet-2__width: var(--_image__facet-2__width, var(--facet-2__width)); --image__facet-2__margin--xl: var(--_image__facet-2__margin--xl, var(--facet-2__margin)); --image__facet-2__width--xl: var(--_image__facet-2__width--xl, var(--facet-2__width)); --facet-2__onDark: var(--_facet-2__onDark, none); --facet-2__onDark--xl: var(--_facet-2__onDark--xl, none); } .image__facet-2 { ::slotted(img), ::slotted(picture) { object-fit: cover; clip-path: var(--clip-path-facet-2--default); aspect-ratio: 1; width: var(--image__facet-2__width); height: auto; margin: var(--image__facet-2__margin); z-index: 2; } } .image-facet-2-md { display: var(--facet-2-md__display--lg); } .image-facet-2-lg { display: var(--facet-2-lg__display--lg); position: absolute; top: 0.5%; left: -7.3%; width: 110%; height: auto; z-index: 1; } .image-facet-2__onDark { display: var(--facet-2__onDark); position: absolute; top: -0.2%; left: -0.3%; width: 122%; height: auto; z-index: 3; } .image__facet-2--crop-mobile { ::slotted(img), ::slotted(picture) { clip-path: var(--facet-2__clip-path--mobile); aspect-ratio: var(--facet-2__aspect-ratio--mobile); width: var(--facet-2__width--mobile); margin: var(--facet-2__margin--mobile); } .image-facet-2-md { display: var(--facet-2-md__display--md); position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1; } .image-facet-2-lg { display: var(--facet-2-lg__display--md); } @media screen and (min-width: ${u}) { ::slotted(img), ::slotted(picture) { clip-path: var(--clip-path-facet-2--default); aspect-ratio: 1; width: var(--image__facet-2__width); margin: var(--image__facet-2__margin); } .image-facet-2-md { display: var(--facet-2-md__display--lg); } .image-facet-2-lg { display: var(--facet-2-lg__display--lg); } } } `,z=i(`${a}`),M=t` :host { } .image__facet-3 { ::slotted(img), ::slotted(picture) { object-fit: cover; clip-path: polygon( 50.025% 1.4%,4.925% 27.425%,4.9% 79.5%,27.45% 92.525%,27.45% 92.525%,31.726% 94.699%,36.158% 96.392%,40.707% 97.602%,45.334% 98.33%,50% 98.575%,54.666% 98.337%,59.293% 97.616%,63.842% 96.411%,68.274% 94.723%,72.55% 92.55%,72.55% 92.55%,72.55% 92.55%,76.571% 89.936%,80.252% 86.946%,83.573% 83.613%,86.514% 79.971%,89.056% 76.053%,91.18% 71.893%,92.866% 67.524%,94.094% 62.98%,94.845% 58.294%,95.1% 53.5%,95.1% 53.5%,95.1% 53.5%,94.846% 48.712%,94.097% 44.029%,92.871% 39.486%,91.189% 35.116%,89.069% 30.953%,86.53% 27.031%,83.592% 23.383%,80.274% 20.044%,76.596% 17.047%,72.575% 14.425%,50.025% 1.4% ); aspect-ratio: 1; height: auto; width: 100%; z-index: 2; } } .image-facet-3-md { display: none; } .image-facet-3-lg { display: block; position: absolute; top: -0.6%; left: -8.8%; width: 140%; height: auto; z-index: 1; } .image__facet-3--crop-mobile { ::slotted(img), ::slotted(picture) { clip-path: polygon( 0% 0%,0.028% 71.815%,25.028% 91.074%,25.028% 91.074%,29.777% 94.283%,34.694% 96.777%,39.738% 98.556%,44.866% 99.621%,50.035% 99.972%,55.202% 99.61%,60.325% 98.535%,65.36% 96.748%,70.266% 94.248%,75% 91.037%,75% 91.037%,79.458% 87.155%,83.536% 82.72%,87.213% 77.781%,90.468% 72.388%,93.281% 66.588%,95.632% 60.432%,97.5% 53.968%,98.864% 47.246%,99.704% 40.314%,100% 33.222%,100% 33.222%,99.93% 29.68%,99.72% 26.169%,99.375% 22.696%,98.895% 19.267%,98.285% 15.889%,97.546% 12.569%,96.682% 9.313%,95.694% 6.129%,94.587% 3.022%,93.361% 0%,0% 0% ); aspect-ratio: 4 / 3; height: auto; width: inherit; margin: 0; z-index: 2; } .image-facet-3-md { display: block; position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1; } .image-facet-3-lg { display: none; } @media screen and (min-width: ${z}) { ::slotted(img), ::slotted(picture) { clip-path: polygon( 50.025% 1.4%,4.925% 27.425%,4.9% 79.5%,27.45% 92.525%,27.45% 92.525%,31.726% 94.699%,36.158% 96.392%,40.707% 97.602%,45.334% 98.33%,50% 98.575%,54.666% 98.337%,59.293% 97.616%,63.842% 96.411%,68.274% 94.723%,72.55% 92.55%,72.55% 92.55%,72.55% 92.55%,76.571% 89.936%,80.252% 86.946%,83.573% 83.613%,86.514% 79.971%,89.056% 76.053%,91.18% 71.893%,92.866% 67.524%,94.094% 62.98%,94.845% 58.294%,95.1% 53.5%,95.1% 53.5%,95.1% 53.5%,94.846% 48.712%,94.097% 44.029%,92.871% 39.486%,91.189% 35.116%,89.069% 30.953%,86.53% 27.031%,83.592% 23.383%,80.274% 20.044%,76.596% 17.047%,72.575% 14.425%,50.025% 1.4% ); aspect-ratio: 1; height: auto; width: 100%; } .image-facet-3-md { display: none; } .image-facet-3-lg { display: block; } } } `,L=i(`${a}`),$=i(`${m}`),E=t` :host { } .image__facet-4 { ::slotted(img), ::slotted(picture) { object-fit: cover; clip-path: polygon( 5% 72.475%,50.1% 98.5%,95.2% 72.475%,95.2% 46.425%,95.2% 46.425%,94.945% 41.637%,94.194% 36.954%,92.966% 32.412%,91.28% 28.043%,89.156% 23.881%,86.614% 19.961%,83.673% 16.317%,80.352% 12.982%,76.671% 9.99%,72.65% 7.375%,72.65% 7.375%,72.65% 7.375%,68.374% 5.202%,63.942% 3.511%,59.393% 2.304%,54.766% 1.579%,50.1% 1.338%,45.434% 1.579%,40.807% 2.304%,36.258% 3.511%,31.826% 5.202%,27.55% 7.375%,27.55% 7.375%,27.55% 7.375%,23.529% 9.99%,19.848% 12.982%,16.527% 16.317%,13.586% 19.961%,11.044% 23.881%,8.92% 28.043%,7.234% 32.412%,6.006% 36.954%,5.255% 41.637%,5% 46.425%,5% 72.475% ); aspect-ratio: 1; width: 100%; height: auto; z-index: 2; } } .image-shapes-4 { position: absolute; top: calc(2% - 2px); left: calc(-22% + 1px); width: 124%; height: auto; z-index: 3; } .image-shapes-4--xl, .image-shapes-4--crop-mobile, .image-shapes-4--crop-mobile-overlay { display: none; } @media screen and (min-width: ${$}) { .image-shapes-4--xl { display: block; position: absolute; top: 1%; left: -19%; width: 119%; height: auto; z-index: 3; } .image-shapes-4 { display: none; } .image__facet-4--alternative .image-shapes-4--xl { top: -3.5%; left: -5.4%; width: 128%; } } .image__facet-4--crop-mobile { ::slotted(img), ::slotted(picture) { aspect-ratio: 4 / 3; clip-path: polygon( 3.647% 0%,3.647% 0%,2.97% 2.318%,2.359% 4.671%,1.816% 7.056%,1.341% 9.471%,0.936% 11.913%,0.602% 14.381%,0.341% 16.871%,0.152% 19.381%,0.038% 21.909%,0% 24.452%,0% 62.226%,49.983% 100%,100.025% 62.226%,100.025% 24.452%,100.025% 24.452%,99.987% 21.909%,99.873% 19.381%,99.685% 16.871%,99.423% 14.381%,99.089% 11.913%,98.684% 9.471%,98.209% 7.056%,97.666% 4.671%,97.055% 2.318%,96.378% 0%,3.647% 0% ); } .image-shapes-4, .image-shapes-4--xl { display: none; } .image-shapes-4--crop-mobile, .image-shapes-4--crop-mobile-overlay { display: block; } @media screen and (min-width: ${L}) { ::slotted(img), ::slotted(picture) { aspect-ratio: 1; clip-path: polygon( 5% 72.475%,50.1% 98.5%,95.2% 72.475%,95.2% 46.425%,95.2% 46.425%,94.945% 41.637%,94.194% 36.954%,92.966% 32.412%,91.28% 28.043%,89.156% 23.881%,86.614% 19.961%,83.673% 16.317%,80.352% 12.982%,76.671% 9.99%,72.65% 7.375%,72.65% 7.375%,72.65% 7.375%,68.374% 5.202%,63.942% 3.511%,59.393% 2.304%,54.766% 1.579%,50.1% 1.338%,45.434% 1.579%,40.807% 2.304%,36.258% 3.511%,31.826% 5.202%,27.55% 7.375%,27.55% 7.375%,27.55% 7.375%,23.529% 9.99%,19.848% 12.982%,16.527% 16.317%,13.586% 19.961%,11.044% 23.881%,8.92% 28.043%,7.234% 32.412%,6.006% 36.954%,5.255% 41.637%,5% 46.425%,5% 72.475% ); } .image-shapes-4 { display: block; } .image-shapes-4--crop-mobile, .image-shapes-4--crop-mobile-overlay { display: none; } } } .image-shapes-4--crop-mobile { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1; } .image-shapes-4--crop-mobile-overlay { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 2; } `,B=i(`${a}`),F=t` :host { } .image__facet-5 { ::slotted(img), ::slotted(picture) { object-fit: cover; clip-path: polygon( 22.3% 87.5%,4.45% 56.575%,4.45% 56.575%,3.728% 55.151%,3.166% 53.676%,2.765% 52.163%,2.524% 50.625%,2.444% 49.075%,2.524% 47.525%,2.765% 45.987%,3.166% 44.474%,3.728% 42.999%,4.45% 41.575%,17.975% 18.15%,17.975% 18.15%,18.844% 16.81%,19.838% 15.584%,20.947% 14.479%,22.159% 13.501%,23.463% 12.656%,24.847% 11.951%,26.302% 11.391%,27.816% 10.984%,29.377% 10.734%,30.975% 10.65%,66.675% 10.65%,94.85% 59.475%,94.85% 59.475%,95.754% 61.253%,96.455% 63.095%,96.955% 64.986%,97.253% 66.909%,97.35% 68.847%,97.246% 70.784%,96.941% 72.705%,96.436% 74.592%,95.73% 76.429%,94.825% 78.2%,94.825% 78.2%,94.825% 78.2%,93.738% 79.858%,92.497% 81.375%,91.116% 82.745%,89.608% 83.958%,87.988% 85.006%,86.268% 85.882%,84.463% 86.578%,82.587% 87.085%,80.653% 87.395%,78.675% 87.5%,22.3% 87.5% ); aspect-ratio: 1; width: 100%; height: auto; z-index: 2; } .image-shapes-5 { display: block; } .image-shapes-5--crop-mobile { display: none; } } .image__facet-5--crop-mobile { ::slotted(img), ::slotted(picture) { aspect-ratio: 4 / 3; clip-path: polygon( 71.115% 0%,18.25% 0%,18.25% 0%,18.068% 0.289%,17.889% 0.583%,17.714% 0.881%,17.543% 1.184%,17.376% 1.492%,17.212% 1.804%,17.053% 2.121%,16.898% 2.443%,16.747% 2.769%,16.6% 3.1%,2.343% 35.822%,2.343% 35.822%,1.579% 37.819%,0.985% 39.885%,0.561% 42.003%,0.306% 44.154%,0.221% 46.322%,0.306% 48.489%,0.561% 50.637%,0.985% 52.749%,1.579% 54.808%,2.343% 56.796%,21.146% 100.004%,80.566% 100.004%,80.566% 100.004%,82.65% 99.856%,84.687% 99.421%,86.664% 98.711%,88.565% 97.736%,90.376% 96.509%,92.083% 95.041%,93.67% 93.344%,95.123% 91.429%,96.428% 89.308%,97.57% 86.993%,97.57% 86.993%,98.52% 84.519%,99.261% 81.952%,99.791% 79.315%,100.112% 76.631%,100.221% 73.924%,100.119% 71.215%,99.806% 68.528%,99.282% 65.887%,98.545% 63.313%,97.596% 60.83%,71.115% 0% ); } .image-shapes-5 { display: none; } .image-shapes-5--crop-mobile { display: block; } @media screen and (min-width: ${B}) { ::slotted(img), ::slotted(picture) { clip-path: polygon( 22.3% 87.5%,4.45% 56.575%,4.45% 56.575%,3.728% 55.151%,3.166% 53.676%,2.765% 52.163%,2.524% 50.625%,2.444% 49.075%,2.524% 47.525%,2.765% 45.987%,3.166% 44.474%,3.728% 42.999%,4.45% 41.575%,17.975% 18.15%,17.975% 18.15%,18.844% 16.81%,19.838% 15.584%,20.947% 14.479%,22.159% 13.501%,23.463% 12.656%,24.847% 11.951%,26.302% 11.391%,27.816% 10.984%,29.377% 10.734%,30.975% 10.65%,66.675% 10.65%,94.85% 59.475%,94.85% 59.475%,95.754% 61.253%,96.455% 63.095%,96.955% 64.986%,97.253% 66.909%,97.35% 68.847%,97.246% 70.784%,96.941% 72.705%,96.436% 74.592%,95.73% 76.429%,94.825% 78.2%,94.825% 78.2%,94.825% 78.2%,93.738% 79.858%,92.497% 81.375%,91.116% 82.745%,89.608% 83.958%,87.988% 85.006%,86.268% 85.882%,84.463% 86.578%,82.587% 87.085%,80.653% 87.395%,78.675% 87.5%,22.3% 87.5% ); aspect-ratio: 1; } .image-shapes-5 { display: block; } .image-shapes-5--crop-mobile { display: none; } } } .image-shapes-5 { position: absolute; top: 2.2%; left: -3.5%; width: 101%; height: auto; z-index: 3; } .image__facet-5--alternative .image-shapes-5 { top: 9%; left: -4%; width: 108.2%; } .image-shapes-5--crop-mobile { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 3; } `,C=i(`${a}`),V=i(`${m}`),D=t` :host { } .image__facet-6 { ::slotted(img), ::slotted(picture) { object-fit: cover; clip-path: polygon( 16.875% 21.3%,50.05% 2.175%,91.425% 26.1%,91.425% 64.375%,91.425% 64.375%,91.332% 66.137%,91.056% 67.859%,90.606% 69.53%,89.988% 71.136%,89.209% 72.666%,88.277% 74.106%,87.198% 75.444%,85.979% 76.669%,84.627% 77.766%,83.15% 78.725%,50% 97.825%,8.575% 73.925%,8.575% 35.675%,8.575% 35.675%,8.668% 33.906%,8.944% 32.178%,9.394% 30.504%,10.013% 28.894%,10.794% 27.363%,11.729% 25.921%,12.811% 24.581%,14.034% 23.357%,15.391% 22.259%,16.875% 21.3% ); aspect-ratio: 1; width: 100%; height: auto; z-index: 2; } } .image-shapes-6 { position: absolute; top: 2.2%; left: -8.5%; width: 119%; height: auto; z-index: 3; } .image-shapes-6--xl { display: none; } .image-shapes-6--crop-mobile { display: none; } @media screen and (min-width: ${V}) { .image-shapes-6--xl { display: block; position: absolute; top: 1.2%; left: -12.3%; width: 107.3%; height: auto; z-index: 3; } .image-shapes-6 { display: none; } .image__facet-6--alternative .image-shapes-6--xl { top: 0.5%; left: 1.3%; width: 108%; } } .image__facet-6--crop-mobile { ::slotted(img), ::slotted(picture) { aspect-ratio: 4 / 3; clip-path: polygon( 0% 0%,0% 61.244%,50.008% 99.704%,90.175% 68.796%,90.175% 68.796%,91.919% 67.27%,93.517% 65.526%,94.961% 63.584%,96.241% 61.465%,97.348% 59.187%,98.274% 56.77%,99.01% 54.234%,99.546% 51.598%,99.875% 48.883%,99.986% 46.107%,99.986% 0%,0% 0% ); } .image-shapes-6, .image-shapes-6--xl { display: none; } .image-shapes-6--crop-mobile { display: block; } @media screen and (min-width: ${C}) { ::slotted(img), ::slotted(picture) { aspect-ratio: 1; clip-path: polygon( 16.875% 21.3%,50.05% 2.175%,91.425% 26.1%,91.425% 64.375%,91.425% 64.375%,91.332% 66.137%,91.056% 67.859%,90.606% 69.53%,89.988% 71.136%,89.209% 72.666%,88.277% 74.106%,87.198% 75.444%,85.979% 76.669%,84.627% 77.766%,83.15% 78.725%,50% 97.825%,8.575% 73.925%,8.575% 35.675%,8.575% 35.675%,8.668% 33.906%,8.944% 32.178%,9.394% 30.504%,10.013% 28.894%,10.794% 27.363%,11.729% 25.921%,12.811% 24.581%,14.034% 23.357%,15.391% 22.259%,16.875% 21.3% ); } .image-shapes-6 { display: block; } .image-shapes-6--crop-mobile { display: none; } } } .image-shapes-6--crop-mobile { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1; } `,j=i(`${a}`),S=t` :host { } .image__facet-7 { ::slotted(img), ::slotted(picture) { object-fit: cover; clip-path: polygon( 99.963% 100%,36.914% 100%,36.914% 100%,30.929% 99.516%,25.25% 98.116%,19.955% 95.876%,15.118% 92.872%,10.816% 89.18%,7.125% 84.877%,4.122% 80.038%,1.883% 74.74%,0.483% 69.06%,0% 63.072%,0% 0%,63.086% 0%,63.086% 0%,69.071% 0.484%,74.75% 1.884%,80.045% 4.124%,84.882% 7.128%,89.184% 10.82%,92.875% 15.123%,95.878% 19.962%,98.117% 25.26%,99.517% 30.94%,100% 36.928%,100% 100% ); aspect-ratio: 1; width: 100%; height: auto; z-index: 1; } .image-shapes-7 { display: block; } .image-shapes-7--crop-mobile { display: none; } } .image__facet-7--crop-mobile { ::slotted(img), ::slotted(picture) { aspect-ratio: 4 / 3; clip-path: polygon( 0% 0%,0% 62.922%,0% 62.922%,0.42% 68.933%,1.637% 74.637%,3.584% 79.957%,6.195% 84.815%,9.403% 89.136%,13.143% 92.843%,17.348% 95.859%,21.952% 98.109%,26.889% 99.514%,32.092% 100%,100% 100%,100% 21.542%,100% 21.542%,99.934% 19.148%,99.74% 16.796%,99.42% 14.49%,98.98% 12.235%,98.423% 10.034%,97.754% 7.893%,96.976% 5.814%,96.093% 3.803%,95.11% 1.864%,94.031% 0%,0% 0% ); } .image-shapes-7 { display: none; } .image-shapes-7--crop-mobile { display: block; } @media screen and (min-width: ${j}) { ::slotted(img), ::slotted(picture) { aspect-ratio: 1; clip-path: polygon( 99.963% 100%,36.914% 100%,36.914% 100%,30.929% 99.516%,25.25% 98.116%,19.955% 95.876%,15.118% 92.872%,10.816% 89.18%,7.125% 84.877%,4.122% 80.038%,1.883% 74.74%,0.483% 69.06%,0% 63.072%,0% 0%,63.086% 0%,63.086% 0%,69.071% 0.484%,74.75% 1.884%,80.045% 4.124%,84.882% 7.128%,89.184% 10.82%,92.875% 15.123%,95.878% 19.962%,98.117% 25.26%,99.517% 30.94%,100% 36.928%,100% 100% ); } .image-shapes-7 { display: block; } .image-shapes-7--crop-mobile { display: none; } } } .image-shapes-7 { position: absolute; top: 0.8%; left: -15.05%; width: 139%; height: auto; z-index: 2; } .image-shapes-7--crop-mobile { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 2; } `,T=i(`${a}`),A=t` :host { } .image__facet-8 { ::slotted(img), ::slotted(picture) { object-fit: cover; clip-path: polygon( 24.956% 12.495%,49.969% 0%,87.605% 18.824%,87.605% 18.824%,89.832% 20.079%,91.864% 21.514%,93.69% 23.113%,95.303% 24.86%,96.692% 26.739%,97.849% 28.733%,98.765% 30.828%,99.43% 33.006%,99.836% 35.253%,99.973% 37.551%,100% 74.973%,49.969% 100%,24.917% 87.449%,24.917% 87.449%,20.464% 84.954%,16.393% 82.098%,12.725% 78.912%,9.479% 75.43%,6.676% 71.683%,4.335% 67.704%,2.477% 63.525%,1.122% 59.178%,0.29% 54.695%,0% 50.11%,0% 50.11%,0% 50.11%,0.272% 45.509%,1.095% 41.005%,2.449% 36.63%,4.312% 32.418%,6.662% 28.404%,9.477% 24.623%,12.735% 21.107%,16.416% 17.891%,20.497% 15.009%,24.956% 12.495% ); aspect-ratio: 1; width: 100%; height: auto; z-index: 4; } .image-shapes-8, .image-shapes-8-bottom { display: block; } .image-shapes-8--crop-mobile { display: none; } } .image__facet-8--crop-mobile { ::slotted(img), ::slotted(picture) { clip-path: polygon( 99.806% 0%,2.875% 0%,2.875% 0%,2.308% 2.198%,1.797% 4.424%,1.344% 6.676%,0.948% 8.953%,0.612% 11.251%,0.336% 13.57%,0.12% 15.908%,-0.034% 18.262%,-0.125% 20.63%,-0.153% 23.011%,-0.153% 23.011%,-0.153% 23.011%,0.137% 30.088%,0.971% 37.005%,2.328% 43.713%,4.188% 50.162%,6.532% 56.303%,9.338% 62.085%,12.588% 67.458%,16.262% 72.374%,20.338% 76.783%,24.797% 80.633%,49.883% 100%,99.978% 61.381%,99.953% 3.637%,99.953% 3.637%,99.951% 3.271%,99.947% 2.905%,99.939% 2.539%,99.929% 2.175%,99.916% 1.811%,99.899% 1.447%,99.88% 1.085%,99.858% 0.724%,99.833% 0.363%,99.806% 0.004% ); aspect-ratio: 4 / 3; } .image-shapes-8, .image-shapes-8-bottom { display: none; } .image-shapes-8--crop-mobile { display: block; } @media screen and (min-width: ${T}) { ::slotted(img), ::slotted(picture) { clip-path: polygon( 24.956% 12.495%,49.969% 0%,87.605% 18.824%,87.605% 18.824%,89.832% 20.079%,91.864% 21.514%,93.69% 23.113%,95.303% 24.86%,96.692% 26.739%,97.849% 28.733%,98.765% 30.828%,99.43% 33.006%,99.836% 35.253%,99.973% 37.551%,100% 74.973%,49.969% 100%,24.917% 87.449%,24.917% 87.449%,20.464% 84.954%,16.393% 82.098%,12.725% 78.912%,9.479% 75.43%,6.676% 71.683%,4.335% 67.704%,2.477% 63.525%,1.122% 59.178%,0.29% 54.695%,0% 50.11%,0% 50.11%,0% 50.11%,0.272% 45.509%,1.095% 41.005%,2.449% 36.63%,4.312% 32.418%,6.662% 28.404%,9.477% 24.623%,12.735% 21.107%,16.416% 17.891%,20.497% 15.009%,24.956% 12.495% ); aspect-ratio: 1; } .image-shapes-8, .image-shapes-8-bottom { display: block; } .image-shapes-8--crop-mobile { display: none; } } } .image-shapes-8 { position: absolute; top: 15.5%; left: 18%; width: 100%; height: auto; z-index: 1; } .image-shapes-8-bottom { position: absolute; top: 8%; left: 9.9%; width: 110%; height: auto; z-index: 1; } .image-shapes-8--crop-mobile { position: absolute; top: -25%; left: -21%; width: 129%; height: auto; z-index: 1; } `,O=i(`${a}`),P=t` .image__facet-9 { ::slotted(img), ::slotted(picture) { object-fit: cover; clip-path: polygon( 50% 0%,50% 0%,41.89% 0.654%,34.197% 2.549%,27.023% 5.581%,20.471% 9.648%,14.645% 14.645%,9.648% 20.471%,5.581% 27.023%,2.549% 34.197%,0.654% 41.89%,0% 50%,0% 50%,0% 50.113%,0.001% 50.227%,0.002% 50.34%,0.003% 50.453%,0.005% 50.566%,0.006% 50.679%,0.008% 50.792%,0.01% 50.905%,0.013% 51.019%,0.015% 51.132%,0% 51.132%,0% 100%,50% 100%,50% 100%,58.11% 99.346%,65.803% 97.451%,72.977% 94.419%,79.529% 90.352%,85.355% 85.355%,90.352% 79.529%,94.419% 72.977%,97.451% 65.803%,99.346% 58.11%,100% 50%,100% 50%,99.346% 41.89%,97.451% 34.197%,94.419% 27.023%,90.352% 20.471%,85.355% 14.645%,79.529% 9.648%,72.977% 5.581%,65.803% 2.549%,58.11% 0.654%,50% 0% ); aspect-ratio: 1; width: 100%; height: auto; z-index: 4; } .image-shapes-9 { display: block; } .image-shapes-9--crop-mobile { display: none; } } .image__facet-9--crop-mobile { ::slotted(img), ::slotted(picture) { aspect-ratio: 4 / 3; clip-path: polygon( 5.853% 0%,5.853% 0%,4.782% 2.899%,3.81% 5.875%,2.942% 8.923%,2.18% 12.04%,1.526% 15.222%,0.985% 18.465%,0.559% 21.764%,0.25% 25.115%,0.063% 28.516%,0% 31.96%,0% 31.96%,0% 32.115%,0.001% 32.269%,0.002% 32.423%,0.003% 32.577%,0.004% 32.73%,0.006% 32.884%,0.008% 33.038%,0.01% 33.192%,0.013% 33.346%,0.016% 33.501%,0% 33.501%,0% 100%,50% 100%,50% 100%,58.11% 99.109%,65.804% 96.531%,72.978% 92.405%,79.529% 86.872%,85.355% 80.072%,90.353% 72.144%,94.419% 63.228%,97.451% 53.466%,99.346% 42.997%,100% 31.96%,100% 31.96%,99.937% 28.516%,99.75% 25.115%,99.441% 21.764%,99.015% 18.465%,98.474% 15.222%,97.82% 12.04%,97.058% 8.923%,96.19% 5.875%,95.218% 2.899%,94.147% 0%,5.853% 0% ); } .image-shapes-9 { display: none; } .image-shapes-9--crop-mobile { display: block; } @media screen and (min-width: ${O}) { ::slotted(img), ::slotted(picture) { aspect-ratio: 1; clip-path: polygon( 50% 0%,50% 0%,41.89% 0.654%,34.197% 2.549%,27.023% 5.581%,20.471% 9.648%,14.645% 14.645%,9.648% 20.471%,5.581% 27.023%,2.549% 34.197%,0.654% 41.89%,0% 50%,0% 50%,0% 50.113%,0.001% 50.227%,0.002% 50.34%,0.003% 50.453%,0.005% 50.566%,0.006% 50.679%,0.008% 50.792%,0.01% 50.905%,0.013% 51.019%,0.015% 51.132%,0% 51.132%,0% 100%,50% 100%,50% 100%,58.11% 99.346%,65.803% 97.451%,72.977% 94.419%,79.529% 90.352%,85.355% 85.355%,90.352% 79.529%,94.419% 72.977%,97.451% 65.803%,99.346% 58.11%,100% 50%,100% 50%,99.346% 41.89%,97.451% 34.197%,94.419% 27.023%,90.352% 20.471%,85.355% 14.645%,79.529% 9.648%,72.977% 5.581%,65.803% 2.549%,58.11% 0.654%,50% 0% ); } .image-shapes-9 { display: block; } .image-shapes-9--crop-mobile { display: none; } } } .image-shapes-9 { position: absolute; top: 0; left: -13.6%; width: 141%; height: auto; z-index: 5; } .image-shapes-9--crop-mobile { position: absolute; top: 2%; left: 0px; width: 113.5%; height: auto; z-index: 5; } `,X=i(`${a}`),H=t` :host { } .image__facet-10 { ::slotted(img), ::slotted(picture) { object-fit: cover; clip-path: polygon( 33.264% 0%,0% 16.585%,0% 78.515%,0% 78.515%,0.6% 83.271%,2.3% 87.582%,4.95% 91.372%,8.4% 94.568%,12.5% 97.094%,17.099% 98.878%,22.049% 99.844%,27.199% 99.918%,32.399% 99.026%,37.499% 97.093%,87.882% 72.13%,87.882% 72.13%,90.044% 70.923%,92.022% 69.544%,93.807% 68.006%,95.387% 66.326%,96.753% 64.519%,97.894% 62.601%,98.8% 60.586%,99.46% 58.492%,99.863% 56.332%,100% 54.123%,100% 33.063%,33.264% 0% ); aspect-ratio: 1; width: 100%; height: auto; z-index: 2; } .image-shapes-10, .image-shapes-10-overlay { display: block; } .image-shapes-10--crop-mobile { display: none; } } .image__facet-10--crop-mobile { ::slotted(img), ::slotted(picture) { aspect-ratio: 4 / 3; clip-path: polygon( 0% 0%,0% 66.619%,0% 66.619%,0.6% 74.008%,2.3% 80.705%,4.95% 86.594%,8.4% 91.559%,12.5% 95.485%,17.1% 98.256%,22.05% 99.757%,27.2% 99.873%,32.4% 98.487%,37.5% 95.485%,87.883% 56.7%,87.883% 56.7%,90.044% 54.826%,92.022% 52.682%,93.807% 50.293%,95.387% 47.683%,96.753% 44.875%,97.894% 41.893%,98.8% 38.763%,99.46% 35.508%,99.863% 32.152%,100% 28.719%,100% 0%,0% 0% ); } .image-shapes-10, .image-shapes-10-overlay { display: none; } .image-shapes-10--crop-mobile { display: block; } @media screen and (min-width: ${X}) { ::slotted(img), ::slotted(picture) { aspect-ratio: 1; clip-path: polygon( 33.264% 0%,0% 16.585%,0% 78.515%,0% 78.515%,0.6% 83.271%,2.3% 87.582%,4.95% 91.372%,8.4% 94.568%,12.5% 97.094%,17.099% 98.878%,22.049% 99.844%,27.199% 99.918%,32.399% 99.026%,37.499% 97.093%,87.882% 72.13%,87.882% 72.13%,90.044% 70.923%,92.022% 69.544%,93.807% 68.006%,95.387% 66.326%,96.753% 64.519%,97.894% 62.601%,98.8% 60.586%,99.46% 58.492%,99.863% 56.332%,100% 54.123%,100% 33.063%,33.264% 0% ); } .image-shapes-10, .image-shapes-10-overlay { display: block; } .image-shapes-10--crop-mobile { display: none; } } } .image-shapes-10 { position: absolute; top: 4%; left: -8%; width: 118%; height: auto; z-index: 1; } .image-shapes-10-overlay { position: absolute; top: 5.8%; left: 0; width: 115%; height: auto; z-index: 3; } .image-shapes-10--crop-mobile { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 3; } `,W=[y,k,M,E,F,D,S,A,P,H],I=l=>e` <div class="image-facet-1-md"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 360 270" style="enable-background:new 0 0 360 270;" xml:space="preserve"> <polygon class="fill-lightblue400" points="295.4,233 360,270 360,195.7 "/> <path class="fill-violet500" d="M94.7,73.8l83.3,48.5v96.9l-83.4,48.5l-83.5-48.5v-96.9L94.7,73.8 M94.7,71.5L9.2,121.1v99.2L94.6,270 l85.4-49.7v-99.2L94.7,71.5L94.7,71.5z"/> </svg> </div> <div class="image-facet-1-lg"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 701 463" xml:space="preserve"> <path class="fill-yellow" d="M700.8,292.6l-122-69.7v139.8L700.8,292.6z"/> <path class="violet-stroke" d="M124.5,149.9l121.2,70.5v141L124.4,432L3,361.4v-141L124.5,149.9 M124.5,147.6L1,219.3v143.3l123.4,71.7 l123.3-71.7V219.3L124.5,147.6L124.5,147.6z"/> <path class="fill-lightblue400-opacity-75" d="M506.2,98.5l0.1,62.5c0,12.9,6.9,24.8,18.1,31.3l54.2,31.3l-0.1-83.3L506.2,98.5z"/> <g> <path class="fill-blue" d="M578.8,140L476.7,81.1V51.6c0-39.3,42.5-63.9,76.6-44.2l25.5,14.7V140z"/> </g> </svg> </div> <div class="image-facet-1__onDark"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 420 302" xml:space="preserve"> <g> <path class="fill-yellow400-opacity-75" d="M0,174.2l42.3-24.4l42.2,24.4V223l-42.3,24.4L0,223V174.2z"/> <path class="fill-lightblue300-opacity-75" d="M356,157.4l0-66.9l-57.7-33.4v67.1L356,157.4z"/> <g> <path class="fill-violet" d="M358,94l40.8,23.6l0.2,0.1c11,6.4,17.7,18.2,17.7,30.9v29.9c0,12.7-6.8,24.5-17.7,30.9l-0.2,0.1L358,233.2V94 M356,90.5v146.1l43.8-25.3h0c11.7-6.7,18.9-19.2,18.9-32.8v-29.9c0-13.5-7.2-26-18.9-32.8h0L356,90.5L356,90.5z"/> </g> <path class="fill-lightblue400" d="M387.7,42.1l-17.3-10c-8.9-5.1-19.9-5.1-28.8,0l-43.3,25L356,90.5l31.7-18.4C399.2,65.5,399.2,48.8,387.7,42.1 z"/> </g> </svg> </div> <div class="image-facet-1__onDark--xl"> ${l?e` <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 430 365" xml:space="preserve"> <g> <g> <path class="fill-violet" d="M426.8,287.8l0,35.2c0,9.6-5.2,18.6-13.5,23.4l-20,11.6c-4.1,2.4-8.8,3.6-13.5,3.6c-4.7,0-9.4-1.3-13.5-3.6 l-0.1,0l0,0l-30.5-17.6L426.8,287.8 M428.8,284.3l-97,56l33.5,19.3l0,0c4.5,2.6,9.5,3.9,14.5,3.9c5,0,10-1.3,14.5-3.9l20-11.6 c9-5.2,14.5-14.8,14.5-25.1v0L428.8,284.3L428.8,284.3z"/> </g> <path class="fill-yellow400-opacity-75" d="M1.2,209.5L52.3,180l50.9,29.5v58.9l-51,29.5l-51-29.5V209.5z"/> <path class="fill-lightblue300-opacity-75" d="M428.8,176.6v-67l-58.3-33.7l0.4,67.2L428.8,176.6z"/> <path class="fill-lightblue400" d="M428.8,109.6l-58.3-33.7v-17c0-22.5,24.4-36.5,43.8-25.2l14.6,8.4L428.8,109.6z"/> </g> </svg>`:e` <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 481 481" xml:space="preserve"> <g> <path class="fill-yellow400-opacity-75" d="M98.8,341.1l49.2-28.4l49,28.4v56.7l-49.1,28.4l-49.1-28.4V341.1z"/> <path class="fill-lightblue400" d="M391.4,162l-58.8-34l0.1-17.4c0.1-22.8,24.6-37,44.2-25.5l14.7,8.6L391.4,162z"/> <g> <path class="fill-violet" d="M393.4,165.5l49.3,28.5l0.1,0l0,0c13.3,7.7,21.5,21.9,21.5,37.3v35.5c0,15.3-8.2,29.6-21.5,37.3l0,0l-0.1,0 l-49.3,28.5V165.5 M391.4,162v174.1l52.3-30.2l0,0c14-8,22.6-22.9,22.6-39.1v-35.5c0-16.1-8.6-31-22.6-39.1l0,0L391.4,162 L391.4,162z"/> </g> <path class="fill-lightblue300-opacity-75" d="M391.4,229.9V162l-58.8-34V196L391.4,229.9z"/> </g> </svg> `} </div> `,N=()=>e` <div class="image-facet-2-md"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 360 270" xml:space="preserve"> <g> <path class="fill-yellow400" d="M360,112.3l-139.5,80.5c22.6,39,72.5,52.5,111.6,29.9c11.7-6.8,21.1-16,27.9-26.6V112.3z"/> </g> </svg> </div> <div class="image-facet-2-lg"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 678.5 609" style="enable-background:new 0 0 678.5 609;" xml:space="preserve"> <g> <path class="fill-yellow400" d="M584.4,215.9c-48.4,0-87.8-39.4-87.8-87.8s39.4-87.8,87.8-87.8s87.8,39.4,87.8,87.8S632.9,215.9,584.4,215.9z"/> <path class="fill-violet2" d="M6.4,309.5l107.2,61.7V247.5L6.4,309.5z"/> <path class="fill-blue" d="M113.6,123.5l-80.4,46.6c-16.6,9.6-26.8,27.3-26.8,46.5v93.1l107.2-62.1V123.5z"/> <path class="fill-lightblue400" d="M400.6,510.6c30.7,52.8,98.3,70.8,151.1,40.1c52.8-30.7,70.8-98.3,40.1-151.1L400.6,510.6z"/> </g> </svg> </div> <div class="image-facet-2__onDark"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 471 387" style="enable-background:new 0 0 471 387;" xml:space="preserve"> <path class="fill-lightblue400-opacity-75" d="M40.2,117.8c21.8,0,39.5-17.7,39.5-39.5c0-21.8-17.7-39.5-39.5-39.5c-21.8,0-39.5,17.7-39.5,39.5 C0.7,100.1,18.4,117.8,40.2,117.8z"/> <path class="fill-violet500" d="M344.3,254v84.9l-47.8,27.6c-15.9,9.2-35.5,9.2-51.5,0l-47.8-27.6L344.3,254z"/> <path class="fill-yellow600" d="M450.3,158.2c0,21.4-11.4,41.1-29.9,51.8L344.3,254V131.6l29.9-17.3C408,94.8,450.3,119.2,450.3,158.2z"/> </svg> </div> `,q=()=>e` <div class="image-facet image-facet-3-md"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 360 270" style="enable-background:new 0 0 360 270;" xml:space="preserve"> <polygon class="fill-blue" points="360,267.5 211.6,181.8 360,96.1 360,93.8 207.6,181.8 360,269.8 "/> </svg> </div> <div class="image-facet image-facet-3-lg"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 731 537" xml:space="preserve"> <g> <g> <path class="fill-blue" d="M538.5,326.3l174.9,100.7L538.5,527.8L363.6,427.1L538.5,326.3 M538.5,324.2l-178.6,103L538.5,530 l178.6-102.9L538.5,324.2L538.5,324.2z"/> </g> <path class="fill-violet" d="M71.9,146.7l126.5-73l-44.3-25.5c-11.7-6.8-26.2-6.8-37.9,0L90.9,62.8c-11.7,6.8-19,19.3-19,32.8V146.7z"/> <path class="fill-yellow400" d="M71.8,280.6L71.8,280.6l0.1-133.9l0,0l-58,33.4v67L71.8,280.6z"/> </g> </svg> </div> `,G=l=>e` <div class="image-shapes-4--crop-mobile"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 360 270" xml:space="preserve"> <g> <path class="fill-violet500" d="M61.5,239c21.7,0,39.3-17.6,39.3-39.3s-17.6-39.3-39.3-39.3S22.2,178,22.2,199.7S39.8,239,61.5,239z"/> </g> </svg> </div> <div class="image-shapes-4--crop-mobile-overlay"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 360 270" xml:space="preserve"> <g> <path class="fill-lightblue400-opacity-75" d="M360.1,67.6L274,117.4v99.5l43.1,24.9c13.3,7.7,28.2,11.5,43.1,11.5V67.6z"/> </g> </svg> </div> <div class="image-shapes-4"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 380 301" xml:space="preserve"> <g> <path class="fill-yellow400" d="M359.6,218.4l0,33c0,11-5.9,21.1-15.4,26.6l-28.5,16.5l-44.9-25.8L359.6,218.4z"/> <path class="fill-lightblue400-opacity-75" d="M144.4,253.6l0-71.6l-62-35.8l-31,17.9c-19.2,11.1-31,31.5-31,53.7c0,22.1,11.8,42.6,31,53.7s42.8,11.1,62,0 L144.4,253.6z"/> <path class="fill-violet500" d="M133.3,63.7c15.6,0,28.2-12.6,28.2-28.2S148.9,7.3,133.3,7.3c-15.6,0-28.2,12.6-28.2,28.2 S117.7,63.7,133.3,63.7z"/> </g> </svg> </div> <div class="image-shapes-4--xl"> ${l?e` <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 492 408" xml:space="preserve"> <g> <path class="fill-lightblue400-opacity-75" d="M183.9,344.1l0-97.3l-84.2-48.7l-42.1,24.3c-26,15-42.1,42.9-42.1,73c0,30.1,16.1,57.9,42.1,73 c26.1,15,58.2,15,84.2,0L183.9,344.1z"/> <path class="fill-violet500" d="M170.9,82.8c21.2,0,38.4-17.2,38.4-38.4S192,6,170.9,6c-21.2,0-38.4,17.2-38.4,38.4S149.7,82.8,170.9,82.8z"/> </g> </svg> `:e` <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 468 409" xml:space="preserve"> <g> <path class="fill-violet500" d="M71.4,90.7c21.2,0,38.4-17.2,38.4-38.4c0-21.2-17.2-38.4-38.4-38.4C50.2,13.9,33,31.1,33,52.3 C33,73.5,50.2,90.7,71.4,90.7z"/> <path class="fill-lightblue400-opacity-75" d="M367.9,180.3L283.7,229l0,97.3l42.1,24.3c26,15,58.2,15,84.2,0c26.1-15,42.1-42.9,42.1-73 c0-30.1-16.1-57.9-42.1-73L367.9,180.3z"/> </g> </svg> `} </div> `,J=l=>e` <div class="image-shapes-5--crop-mobile"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 360 270" xml:space="preserve"> <path class="fill-violet500-opacity-75" d="M100.1,229.6L76.7,270H30c-22.9,0-37.3-24.8-25.8-44.7l23.4-40.4h46.7C97.2,184.9,111.5,209.8,100.1,229.6z"/> <path class="fill-yellow400" d="M349.6,34.8l-11.1-19C332.9,6.1,322.3,0,310.8,0h-55.2l36.6,63.4H333C347.7,63.3,357,47.4,349.6,34.8z"/> </svg> </div> <div class="image-shapes-5"> ${l?e` <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 402 370" xml:space="preserve"> <path class="fill-violet500-opacity-75" d="M126.9,297.2l-24.7,42.7l-49.3,0c-24.2,0-39.4-26.2-27.2-47.2l24.7-42.7l49.3,0 C123.9,250,139,276.3,126.9,297.2z"/> <path class="fill-yellow400" d="M378.3,70.6l-11.7-20.1c-6-10.3-17.2-16.7-29.3-16.7l-58.3,0l38.7,67h43C376.3,100.7,386.1,83.9,378.3,70.6z"/> <path class="fill-lightblue400-opacity-75" d="M201.7,33.7l38.7,67l77.3,0l-38.7-67L201.7,33.7z"/> </svg> `:e` <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 360 280" xml:space="preserve"> <path class="fill-violet500-opacity-75" d="M298.8,44.4L278.2,80l-41.2,0c-20.2,0-32.9-21.9-22.8-39.4L234.9,5L276,5C296.3,5,308.9,26.9,298.8,44.4z"/> <path class="fill-lightblue400-opacity-75" d="M152.8,260.9L119.9,204l-65.6,0l32.8,56.8L152.8,260.9z"/> <path class="fill-yellow400" d="M2.7,229.6l9.9,17.1c5.1,8.8,14.6,14.2,24.8,14.2h49.7L54.3,204l-36.7,0C4.3,204-3.9,218.2,2.7,229.6z"/> </svg> `} </div> `,K=l=>e` <div class="image-shapes-6--crop-mobile"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 360 270" xml:space="preserve"> <path class="fill-yellow400" d="M283.2,183.6l72.7,42.1l-72.7,42l-72.7-42.1L283.2,183.6 M283.2,181.3l-76.7,44.3l76.7,44.4l76.7-44.3 \tL283.2,181.3L283.2,181.3z"/> <path class="fill-violet3-opacity-75" d="M0,229.2l0.1-63.8l50.4-29l50.3,28.9v57.9l-55.4,31.9C25.1,266.9-0.1,252.3,0,229.2z"/> </svg> </div> <div class="image-shapes-6"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 397 327" xml:space="preserve"> <path class="fill-yellow400" d="M114.7,272l-57.1-33L0.4,272l57.1,33L114.7,272z"/> <path class="fill-violet3-opacity-75" d="M375.9,144.2l-42.4,24.4L295,146.3l0-44.5l38.5-22.2l42.4,24.5C391.3,113.1,391.3,135.3,375.9,144.2z"/> <path class="fill-yellow600" d="M57.5,173l-42.9,24.7c-8.8,5.1-14.3,14.5-14.3,24.7V272l57.1-33L57.5,173z"/> <g> <path class="fill-lightblue400" d="M297.2,240l71.8,41.4l-71.8,41.4l-71.8-41.4L297.2,240 M297.2,237.7l-75.8,43.7l75.8,43.7l75.8-43.7 L297.2,237.7L297.2,237.7z"/> </g> </svg> </div> <div class="image-shapes-6--xl"> ${l?e` <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 437 396" xml:space="preserve"> <g> <path class="fill-yellow400" d="M156.7,336.7l-71.6-41.3l-70.5,40.8L85.1,378L156.7,336.7z"/> <path class="fill-violet3-opacity-75" d="M422.4,40.8l-0.1,59.8l-47.2,27.2l-47.1-27.1l0-54.5L380,16.4C398.9,5.5,422.5,19.1,422.4,40.8z"/> <path class="fill-yellow600" d="M85.1,214l-52.9,30.5c-10.9,6.3-17.6,17.9-17.6,30.5v61.1l70.5-40.7V214z"/> </g> </svg> `:e` <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 439 397" xml:space="preserve"> <path class="fill-yellow600" d="M366.6,186.9l53.9-31.1c11.1-6.4,18-18.3,18-31.1V62.3l-71.9,41.5V186.9z"/> <path class="fill-yellow400" d="M438.5,62.3l-71.9-41.6l-71.9,41.5l71.9,41.6L438.5,62.3z"/> <path class="fill-violet3-opacity-75" d="M29.3,358.5l0.1-59.8l47.2-27.2l47.1,27.1l0,54.3l-51.9,29.9C52.8,393.8,29.2,380.2,29.3,358.5z"/> </svg> `} </div> `,Q=()=>e` <div class="image-shapes-7--crop-mobile"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 360 270" xml:space="preserve"> <polygon class="fill-lightblue400" points="359.9,161.1 312.9,188.3 312.9,242.7 359.9,270 "/> </svg> </div> <div class="image-shapes-7"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 380 301" xml:space="preserve"> <path class="fill-darkblue" d="M356.6,145.9v51.9l-42.3-24.4v-65l31.3,18.1C352.4,130.5,356.6,138,356.6,145.9"/> <polygon class="fill-lightblue400" points="356.6,246.5 314.4,270.8 272.3,246.5 272.3,197.9 314.4,173.6 356.6,197.9 "/> </svg> </div> `,R=()=>e` <div class="image-shapes-8--crop-mobile"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 360 270" xml:space="preserve"> <path class="fill-violet500" d="M2,80.1l153.3,88L2.4,257.4L2,80.1 M0,76.7l0.4,184.2l158.9-92.7L0,76.7L0,76.7z"/> <path class="fill-lightblue400" d="M360,218.8l0-53.1l-96.8,55.9l0,0l46,26.5C331.8,261.2,360,244.9,360,218.8z"/> </svg> </div> <div class="image-shapes-8"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 380 301" xml:space="preserve"> <polygon class="fill-darkblue400" points="311.1,109.2 361.7,138.4 361.6,196.6 311.1,167.5 "/> <polygon class="fill-violet500" points="361.6,196.5 311.1,167.5 311.1,225.7 "/> </svg> </div> <div class="image-shapes-8-bottom"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 380 301" xml:space="preserve"> <path class="fill-lightblue400" d="M311.2,264l0-38.4l-69.9,40.4l0,0l33.2,19.2C290.8,294.7,311.2,282.9,311.2,264z"/> </svg> </div> `,U=()=>e` <div class="image-shapes-9--crop-mobile"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 360 270" xml:space="preserve"> <path class="fill-lightblue400" d="M303.3,141.1l54.7,31.7V236l-54.8,31.7L248.4,236v-63.2L303.3,141.1 M303.3,138.8l-56.9,32.8v65.6l56.8,32.8 l56.8-32.8v-65.6L303.3,138.8L303.3,138.8z"/> <polygon class="fill-yellow600" points="63.9,196.1 -0.1,159.4 -0.1,233 "/> <polygon class="fill-yellow400" points="-0.1,233 63.9,196.1 127.9,233 63.9,270 "/> </svg> </div> <div class="image-shapes-9"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 380 301" xml:space="preserve"> <g> <path class="fill-lightblue400" d="M303.3,15.6l37.8,21.8V81l-37.8,21.8L265.5,81V37.4L303.3,15.6 M303.3,13.2l-39.9,23v45.9l39.8,23l39.8-23 V36.2L303.3,13.2L303.3,13.2z"/> </g> <polygon class="fill-yellow600" points="91.3,238.1 36.9,206.9 36.9,269.5 "/> <g> <polygon class="fill-yellow400" points="36.9,269.5 91.3,238.1 145.7,269.5 91.3,300.9 "/> </g> </svg> </div> `,Y=()=>e` <div class="image-shapes-10--crop-mobile"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 360 270" xml:space="preserve"> <path class="fill-violet500" d="M181.2,230.9c21.7,37.7,69.8,50.7,107.5,29c37.7-21.7,50.7-69.8,29-107.5L181.2,230.9z"/> </svg> </div> <div class="image-shapes-10"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 380 380" xml:space="preserve"> <path class="fill-violet500" d="M211.5,267.7c13.7,23.7,44,31.8,67.7,18.1c23.7-13.7,31.8-44,18.1-67.7L211.5,267.7z"/> </svg> </div> <div class="image-shapes-10-overlay"> <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 380 380" xml:space="preserve"> <polygon class="fill-blue" points="221.6,36.8 276.3,5.4 330.3,36.5 275.7,68 "/> <path class="fill-darkblue400-opacity-75" d="M250.3,82.5L275.7,68l-54.1-31.2l0,0l0.2,29.6C221.9,80.9,237.7,89.9,250.3,82.5z"/> <polygon class="fill-darkblue400" points="330.3,99.5 275.7,68 330.3,36.5 "/> </svg> </div> `,Z={1:I,2:N,3:q,4:G,5:J,6:K,7:Q,8:R,9:U,10:Y},v={getFacet(l,s=!0){return Z[l](s)}};var e1=Object.defineProperty,l1=Object.getOwnPropertyDescriptor,g=(l,s,n,c)=>{for(var o=c>1?void 0:c?l1(s,n):s,d=l.length-1,r;d>=0;d--)(r=l[d])&&(o=(c?r(s,n,o):r(o))||o);return c&&o&&e1(s,n,o),o};let p=class extends f{constructor(){super(...arguments),this.facet=1,this.cropMobile=!1,this.variant="default"}static get styles(){return[_,W]}render(){return e` <div class="image-container image__facet-${this.facet} image__facet-${this.facet}--${this.variant}${this.cropMobile?` image__facet-${this.facet}--crop-mobile`:""}"> <slot></slot> ${this._renderShapes()} </div> `}_renderShapes(){const l=[1,2,4,5,6],s=[3,7,8,9,10];if(l.includes(this.facet))return v.getFacet(this.facet,this.variant==="default");if(s.includes(this.facet))return v.getFacet(this.facet)}};g([h({type:Number})],p.prototype,"facet",2);g([h({attribute:"crop-mobile",type:Boolean})],p.prototype,"cropMobile",2);g([h()],p.prototype,"variant",2);p=g([w("sbk-image")],p); //# sourceMappingURL=image-C3XFXZEk.js.map