@font-face {
    font-family: "CoconPro-Bold";
    src: url("https://ledloket.nl/cdn/shop/t/5/assets/coconpro-bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.qonfi_svg .text.small {
  font-size: 26.1px;
}

.qonfi_svg.vorm-8 .text.small,
.qonfi_svg.vorm-z .text.small,
.qonfi_svg.vorm-h .text.small{
  font-size: 20px;
}

.qonfi_svg .text {
  fill: #231f20;
  font-family: Ubuntu-Bold, Ubuntu, sans-serif;
  font-weight: 700;
}

.qonfi_svg .line {
  fill: none;
  stroke: #231f20;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 5px;
}

.qonfi_svg .text.large {
  font-size: 87.1px;
}

.qonfi_svg.vorm-8 .text.large,
.qonfi_svg.vorm-z .text.large,
.qonfi_svg.vorm-h .text.large {
  font-size: 50px;
}


.qonfi_svg g{
  display: none;
}

.qonfi_svg g.active,
.qonfi_svg.force_i_0 g#shape_i, .qonfi_svg.force_i_0 g#shape_i g[data-name="deg0"],
.qonfi_svg.force_l_0 g#shape_l, .qonfi_svg.force_l_0 g#shape_l g[data-name="deg0"],
.qonfi_svg.force_l_90 g#shape_l, .qonfi_svg.force_l_90 g#shape_l g[data-name="deg90"],
.qonfi_svg.force_l_180 g#shape_l, .qonfi_svg.force_l_180 g#shape_l g[data-name="deg180"],
.qonfi_svg.force_l_270 g#shape_l, .qonfi_svg.force_l_270 g#shape_l g[data-name="deg270"],
.qonfi_svg.force_t_0 g#shape_t, .qonfi_svg.force_t_0 g#shape_t g[data-name="deg0"],
.qonfi_svg.force_t_90 g#shape_t, .qonfi_svg.force_t_90 g#shape_t g[data-name="deg90"],
.qonfi_svg.force_t_180 g#shape_t, .qonfi_svg.force_t_180 g#shape_t g[data-name="deg180"],
.qonfi_svg.force_t_270 g#shape_t, .qonfi_svg.force_t_270 g#shape_t g[data-name="deg270"],
.qonfi_svg.force_h_0 g#shape_h, .qonfi_svg.force_h_0 g#shape_h g[data-name="deg0"],
.qonfi_svg.force_h_90 g#shape_h, .qonfi_svg.force_h_90 g#shape_h g[data-name="deg90"],
.qonfi_svg.force_u_0 g#shape_u, .qonfi_svg.force_u_0 g#shape_u g[data-name="deg0"],
.qonfi_svg.force_u_90 g#shape_u, .qonfi_svg.force_u_90 g#shape_u g[data-name="deg90"],
.qonfi_svg.force_u_180 g#shape_u, .qonfi_svg.force_u_180 g#shape_u g[data-name="deg180"],
.qonfi_svg.force_u_270 g#shape_u, .qonfi_svg.force_u_270 g#shape_u g[data-name="deg270"],
.qonfi_svg.force_o_0 g#shape_o, .qonfi_svg.force_o_0 g#shape_o g[data-name="deg0"],
.qonfi_svg.force_8_0 g#shape_8, .qonfi_svg.force_8_0 g#shape_8 g[data-name="deg0"],
.qonfi_svg.force_z_0 g#shape_z, .qonfi_svg.force_z_0 g#shape_z g[data-name="deg0"],
.qonfi_svg.force_z_90 g#shape_z, .qonfi_svg.force_z_90 g#shape_z g[data-name="deg90"],

.qonfi_svg.force_0 g g[data-name="deg0"],
.qonfi_svg.force_90 g g[data-name="deg90"],
.qonfi_svg.force_180 g g[data-name="deg180"],
.qonfi_svg.force_270 g g[data-name="deg270"],

.qonfi_svg .circle.highlight,
.qonfi_svg.show_circle,
.qonfi_svg .mid_power.highlight,
.qonfi_svg.show_mid_power,

.qonfi_svg g#background{
  display: inline;
}

.qonfi_svg.force_0 g g[data-name*="deg"]:not([data-name="deg0"]).active,
.qonfi_svg.force_90 g g[data-name*="deg"]:not([data-name="deg90"]).active,
.qonfi_svg.force_180 g g[data-name*="deg"]:not([data-name="deg180"]).active,
.qonfi_svg.force_270 g g[data-name*="deg"]:not([data-name="deg270"]).active{
  display: none;
}

.qonfi_svg .circle,
.qonfi_svg .mid_power {
  fill: none;
  stroke: #faa61a;
  stroke-miterlimit: 10;
  stroke-width: 5px;
  display: none;
}

.qonfi_svg .text_corner,
.qonfi_svg .letter_length{
  font-family: "CoconPro-Bold", CoconPro-Bold, Cocon, san-serif;
  font-size: 74.8px;
  font-weight: 700;
  fill: #3d3935;
  display: none;
}
.qonfi_svg .text_lines {
  fill: #3d3935;
  font-family: Ubuntu, sans-serif;
  font-size: 27px;
  display: none;
}

.qonfi_svg.text.lines .text_lines,
.qonfi_svg.text.length .letter_length,
.qonfi_svg.text.corner .text_corner{
  display: inline;
}

.qonfi_svg.highlighting.length .letter_length,
.qonfi_svg.highlighting.corner .text_corner{
  display: inline;
  opacity: 0.7;
}

.qonfi_svg .letter_length.highlight,
.qonfi_svg .text_corner.highlight{
  fill: #faa61a;
  opacity: 1;
}

.qonfi_svg .path {
  fill: none;
  stroke: #3d3935;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 10px;
}

/* Configurator specifieke aanpassingen */


/* Schakelmateriaal */

#qw-form-0577f177-ff49-4d56-b3f0-1a0f4e253acc,
#qw-form-0f095d28-e8c9-41b5-9cb5-54f79ff570a8,
#qw-form-0f095d28-e8c9-41b5-9cb5-54f79ff570a8{
 & .qw-multi-step-slot .qw-text-number-input-label{
  display: inline-block;
  width: 70%;
  }

  & .qw-multi-step-slot .qw-text-number-input{
  display: inline-block;
  width: 30%;
  }
  & .qw-multi-step-slot[style*="grid-area: slot3;"] .qw-dropdown-select-label,
  & .qw-multi-step-slot[style*="grid-area: slot3;"] .qw-text-number-input-label{
  display: inline-block;
  width: 30%;
  }
  & .qw-multi-step-slot[style*="grid-area: slot3;"] .qw-dropdown-select,
  & .qw-multi-step-slot[style*="grid-area: slot3;"] .qw-text-number-input{
  display: inline-block;
  width: 70%;
  }

  /* & .qw-multi-step-slot:has(> div div div .qonfi_no_error){
  border: 1px solid #fff;
  padding: 1em;
  } */
  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section){gap:0;}
  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section) > .qw-step-inner{
    border-color: #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    padding: 1em;
  }
  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section){
    border-radius: 1em;
  }
  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section) > .qw-step-inner:nth-child(2n+1){
      background-color: #f9f9f9;
  }
  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section) > .qw-step-inner:nth-child(2n+2){
      background-color: #fff;
  }
  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section_start) > .qw-step-inner:has(> div div .qonfi_section_start),
  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section) > .qw-step-inner:first-child{
    background-color:rgba(97, 171, 40, 0.70);
    color: #fff;
    border-top: 1px solid #dfdfdf;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
  }

  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section) > .qw-step-inner .qw-step-header:has(> .qw-step-text .ll-tooltip-help) {
    width: 24px;
  }
  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section) > .qw-step-inner .qw-step-header:has(> .qw-step-text .ll-tooltip-help) + .qw-step-content {
    width: calc(100% - 30px);
    margin: -49px 0 0 30px;
  }

  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section_start) > .qw-step-inner:has(> div div .qonfi_section_start){
    margin-top:0.75em;
  }
  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section) > .qw-step-inner:has(+ div div .qonfi_section_start){
    margin-bottom:0.75em;
  }

  
  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section) > .qw-step-inner:has(+ div div .qonfi_section_start),
  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section) > .qw-step-inner:last-child{
    border-bottom: 1px solid #dfdfdf;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
  }

  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section.qonfi_soft_error) > .qw-step-inner{
    border-color:rgb(246, 132, 19);
    border-bottom-color:rgb(246, 132, 19);
    border-top-color:rgb(246, 132, 19);
  }
  & .qw-multi-step-slot:has(> .qw-step-inner div div .qonfi_section.qonfi_soft_error) > .qw-step-inner:first-child{
    background-color:rgb(246, 132, 19, 0.70);
  }
  & .qw-multi-step-slot:has(.qonfi_background) > .qw-step-inner:has(.qonfi_background){
    background-position: center;
    background-size: cover;
    border-radius: 1em;
  }
  & .qw-multi-step-slot:has(.qonfi_background_wood) > .qw-step-inner:has(.qonfi_background_wood){
    background-image: url("https://cdn.shopify.com/s/files/1/0689/3178/0787/files/Configurator_scene_background_wood.webp")
  }
  & .qw-multi-step-slot:has(.qonfi_background_black_stone) > .qw-step-inner:has(.qonfi_background_black_stone){
    background-image: url("https://cdn.shopify.com/s/files/1/0689/3178/0787/files/Configurator_scene_background_black_stone.webp")
  }
  & .qw-multi-step-slot:has(.qonfi_background_white_stone) > .qw-step-inner:has(.qonfi_background_white_stone){
    background-image: url("https://cdn.shopify.com/s/files/1/0689/3178/0787/files/Configurator_scene_background_white_stone.webp");
  }
  .qw-multi-step-layout-3 .qw-single-multi-select-grid {
    --desktop-columns: 3 !important;
  }

  .ll-tooltip-help {
    position:relative;
    cursor:help;
  }

  .ll-tooltip-help .ll-tooltip-content {
      position: absolute;
      top: -28px;
      right: 9999px;
      width: 400px;
      margin-right: -390px;
      z-index: 999;
      padding: 10px;
      color:#fff;
      background:#333;
      -webkit-box-shadow:2px 2px 5px #aaa;
          -moz-box-shadow:2px 2px 5px #aaa;
              box-shadow:2px 2px 5px #aaa;
      opacity:0;
      -webkit-transition:opacity 250ms ease-out;
          -moz-transition:opacity 250ms ease-out;
          -ms-transition:opacity 250ms ease-out;
            -o-transition:opacity 250ms ease-out;
              transition:opacity 250ms ease-out;
  }

  .ll-tooltip-help .ll-tooltip-content:before {
    content:' '; /* Must have content to display */
    position:absolute;
    top:50%;
    left:-16px; /* 2 x border width */
    width:0;
    height:0;
    margin-top:-8px; /* - border width */
    border:8px solid transparent;
    border-right-color:#333;
  }
  .ll-tooltip-help:hover .ll-tooltip-content {
    right:-20px;
    opacity:1;
  }




}