.elementor-335 .elementor-element.elementor-element-8fee633{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-335 .elementor-element.elementor-element-f72034c{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:50px;}.elementor-335 .elementor-element.elementor-element-3db97e8 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-primary );}.elementor-335 .elementor-element.elementor-element-3f88dfe{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:3px;}.elementor-335 .elementor-element.elementor-element-3f88dfe .elementor-divider-separator{width:50px;}.elementor-335 .elementor-element.elementor-element-3f88dfe .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-335 .elementor-element.elementor-element-d9ff43b{text-align:justify;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-335 .elementor-element.elementor-element-e6d3000{--display:flex;--justify-content:center;--overlay-opacity:0.66;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335 .elementor-element.elementor-element-e6d3000:not(.elementor-motion-effects-element-type-background), .elementor-335 .elementor-element.elementor-element-e6d3000 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://koslab.pl/wp-content/uploads/2025/05/microscope-in-laboratory.jpg");}.elementor-335 .elementor-element.elementor-element-e6d3000::before, .elementor-335 .elementor-element.elementor-element-e6d3000 > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-e6d3000 > .e-con-inner > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-e6d3000 > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-e6d3000 > .e-con-inner > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-e6d3000 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-335 .elementor-element.elementor-element-66e19e1{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--flex-wrap:wrap;--overlay-opacity:0.79;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-335 .elementor-element.elementor-element-66e19e1:not(.elementor-motion-effects-element-type-background), .elementor-335 .elementor-element.elementor-element-66e19e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://koslab.pl/wp-content/uploads/2025/06/dna-abstract-3d-polygonal-dna-molecule-medical-science-soft-color-genetic-biotechnology-.jpg");}.elementor-335 .elementor-element.elementor-element-66e19e1::before, .elementor-335 .elementor-element.elementor-element-66e19e1 > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-66e19e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-66e19e1 > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-66e19e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-66e19e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-335 .elementor-element.elementor-element-9415ab9{--display:flex;}.elementor-335 .elementor-element.elementor-element-d26f0a4{width:var( --container-widget-width, 98.058% );max-width:98.058%;--container-widget-width:98.058%;--container-widget-flex-grow:0;text-align:center;}.elementor-335 .elementor-element.elementor-element-d26f0a4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-335 .elementor-element.elementor-element-d26f0a4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-335 .elementor-element.elementor-element-d26f0a4 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:25px;font-weight:500;line-height:1.3em;letter-spacing:-0.035em;color:var( --e-global-color-primary );}.elementor-335 .elementor-element.elementor-element-9bcbefb{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:3px;}.elementor-335 .elementor-element.elementor-element-9bcbefb .elementor-divider-separator{width:433px;margin:0 auto;margin-center:0;}.elementor-335 .elementor-element.elementor-element-9bcbefb .elementor-divider{text-align:center;padding-block-start:5px;padding-block-end:5px;}.elementor-335 .elementor-element.elementor-element-127bd4b{--display:flex;--min-height:230px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.82;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#02010100;--border-color:#02010100;--border-radius:500px 500px 500px 500px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335 .elementor-element.elementor-element-127bd4b:not(.elementor-motion-effects-element-type-background), .elementor-335 .elementor-element.elementor-element-127bd4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #7A9AEC 0%, var( --e-global-color-accent ) 100%);}.elementor-335 .elementor-element.elementor-element-127bd4b::before, .elementor-335 .elementor-element.elementor-element-127bd4b > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-127bd4b > .e-con-inner > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-127bd4b > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-127bd4b > .e-con-inner > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-127bd4b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #1C50D3E3 0%, var( --e-global-color-primary ) 74%);}.elementor-335 .elementor-element.elementor-element-4fef098{width:100%;max-width:100%;text-align:center;}.elementor-335 .elementor-element.elementor-element-4fef098.elementor-element{--align-self:center;}.elementor-335 .elementor-element.elementor-element-4fef098 .elementor-heading-title{text-decoration:none;color:var( --e-global-color-9b3adc7 );}.elementor-335 .elementor-element.elementor-element-969d499{--display:flex;--min-height:460px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.46;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010138;--border-color:#02010138;--border-radius:500px 500px 500px 500px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335 .elementor-element.elementor-element-969d499:not(.elementor-motion-effects-element-type-background), .elementor-335 .elementor-element.elementor-element-969d499 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://koslab.pl/wp-content/uploads/2025/05/3d-illustration-of-x-chromosomes.jpg");}.elementor-335 .elementor-element.elementor-element-969d499::before, .elementor-335 .elementor-element.elementor-element-969d499 > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-969d499 > .e-con-inner > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-969d499 > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-969d499 > .e-con-inner > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-969d499 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #1C50D3 20%, var( --e-global-color-primary ) 87%);}.elementor-335 .elementor-element.elementor-element-73c5b26{--display:flex;--min-height:230px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.82;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#02010100;--border-color:#02010100;--border-radius:500px 500px 500px 500px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-335 .elementor-element.elementor-element-73c5b26:not(.elementor-motion-effects-element-type-background), .elementor-335 .elementor-element.elementor-element-73c5b26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #7A9AEC 0%, var( --e-global-color-accent ) 100%);}.elementor-335 .elementor-element.elementor-element-73c5b26::before, .elementor-335 .elementor-element.elementor-element-73c5b26 > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-73c5b26 > .e-con-inner > .elementor-background-video-container::before, .elementor-335 .elementor-element.elementor-element-73c5b26 > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-73c5b26 > .e-con-inner > .elementor-background-slideshow::before, .elementor-335 .elementor-element.elementor-element-73c5b26 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #1C50D3E3 0%, var( --e-global-color-primary ) 74%);}.elementor-335 .elementor-element.elementor-element-595f35b{width:100%;max-width:100%;text-align:center;}.elementor-335 .elementor-element.elementor-element-595f35b.elementor-element{--align-self:center;}.elementor-335 .elementor-element.elementor-element-595f35b .elementor-heading-title{color:var( --e-global-color-9b3adc7 );}.elementor-335 .elementor-element.elementor-element-ea6c293{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-335 .elementor-element.elementor-element-06faf06 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-primary );}.elementor-335 .elementor-element.elementor-element-696f7b0{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:3px;}.elementor-335 .elementor-element.elementor-element-696f7b0 .elementor-divider-separator{width:50px;}.elementor-335 .elementor-element.elementor-element-696f7b0 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-335 .elementor-element.elementor-element-e848cb0{text-align:justify;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-335 .elementor-element.elementor-element-738ef30 > .elementor-widget-container{margin:0px 0px 200px 0px;}@media(max-width:1024px){.elementor-335 .elementor-element.elementor-element-8fee633{--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-335 .elementor-element.elementor-element-f72034c{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-335 .elementor-element.elementor-element-3db97e8 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-335 .elementor-element.elementor-element-d9ff43b{font-size:var( --e-global-typography-text-font-size );}.elementor-335 .elementor-element.elementor-element-e6d3000{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-335 .elementor-element.elementor-element-d26f0a4{text-align:left;}.elementor-335 .elementor-element.elementor-element-d26f0a4 .elementor-heading-title{font-size:44px;}.elementor-335 .elementor-element.elementor-element-06faf06 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-335 .elementor-element.elementor-element-e848cb0{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-335 .elementor-element.elementor-element-8fee633{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-335 .elementor-element.elementor-element-f72034c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-335 .elementor-element.elementor-element-3db97e8 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-335 .elementor-element.elementor-element-d9ff43b{font-size:var( --e-global-typography-text-font-size );}.elementor-335 .elementor-element.elementor-element-e6d3000{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-335 .elementor-element.elementor-element-d26f0a4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-335 .elementor-element.elementor-element-d26f0a4 .elementor-heading-title{font-size:38px;}.elementor-335 .elementor-element.elementor-element-06faf06 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-335 .elementor-element.elementor-element-e848cb0{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-335 .elementor-element.elementor-element-8fee633{--content-width:1200px;}.elementor-335 .elementor-element.elementor-element-f72034c{--width:50%;}.elementor-335 .elementor-element.elementor-element-e6d3000{--width:50%;}.elementor-335 .elementor-element.elementor-element-127bd4b{--width:20%;}.elementor-335 .elementor-element.elementor-element-969d499{--width:40%;}.elementor-335 .elementor-element.elementor-element-73c5b26{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-335 .elementor-element.elementor-element-f72034c{--width:100%;}.elementor-335 .elementor-element.elementor-element-e6d3000{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-66e19e1 */.main-orbit-wrapper {
    position: relative;
    width: 400px;
    height: 400px;
    margin: auto;
  }

  .main-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 113%;
    height: 113%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle at center, #0d47a1, #001e3c);
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/b/b8/Chromosome.svg/600px-Chromosome.svg.png');
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    font-family: Sora, sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    cursor: default;
  }

  .orbit {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    pointer-events: none;
  }

  .orbit .orbit-circle {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #2196f3, #1e88e5);
    color: white;
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0;
    transform: scale(0.5);
    transition:
      opacity 0.4s ease,
      transform 0.4s ease,
      background 0.3s ease,
      box-shadow 0.3s ease;
    cursor: pointer;
    pointer-events: auto;
  }

  .orbit .orbit-circle.show {
    opacity: 1;
    transform: scale(1);
  }

  .orbit .orbit-circle:hover {
  transition-delay: 0s !important; /* najważniejsze: brak opóźnienia */
  transform: scale(1.3) rotate(5deg) !important;
  background: linear-gradient(135deg, #64b5f6, #1976d2);
  box-shadow: 0 0 20px rgba(66, 165, 245, 0.85), 0 0 10px rgba(255, 255, 255, 0.3) inset;
  z-index: 10;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0540e10 */.chromosome-filter {
  margin-bottom: 24px;
}

.filter-label {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
}

.filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.filter-button {
  padding: 10px 16px;
  background-color: #e0e0f7;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  font-size: 15px;
  min-width: 42px;
  text-align: center;
  color: #222;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.filter-button:hover {
  background-color: #d5d5f0;
}

.filter-button.active {
  background-color: #007acc;
  color: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  border-color: #007acc;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-738ef30 *//* Kontener filtra */
.sondy-filter {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem 0;
  font-family: sans-serif;
}

/* Etykieta */
.sondy-filter .filter-label {
  font-weight: 600;
  color: #333;
}

/* Pasek przycisków */
.sondy-filter .filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Pojedynczy przycisk–pigułka */
.sondy-filter .filter-btn {
  padding: 0.4em 0.9em;
  font-size: 0.95em;
  border: 1px solid #007acc;
  border-radius: 999px;
  background-color: #fff;
  color: #007acc;
  cursor: pointer;
  transition: 
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}

/* Stan aktywny */
.sondy-filter .filter-btn.active,
.sondy-filter .filter-btn:hover {
  background-color: #007acc;
  color: #fff;
  box-shadow: 0 2px 6px rgba(0, 122, 204, 0.4);
}
.label-circle {
  display:inline-block;
  width:1em;
  height:1em;
  border-radius:50%;
  border:1px solid #bbb;
  box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
}
.label-circle.multicolor {
  background: conic-gradient(red,orange,yellow,green,blue,purple);
}/* End custom CSS */