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