.uitleg-component{--tw-bg-opacity:1;background-color:rgb(242 240 233/var(--tw-bg-opacity,1));display:flex;height:-moz-fit-content;height:fit-content;overflow:hidden;padding-bottom:3rem;padding-top:3rem;position:relative;width:100%}@media (min-width:768px){.uitleg-component{padding-bottom:6rem;padding-top:6rem}}.uitleg-component{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='195' height='195'%3E%3Cpath d='M0 97.5c24.96 0 49.91 9.52 68.94 28.56C87.98 145.1 97.5 170.05 97.5 195c0-24.95 9.53-49.91 28.56-68.94C145.1 107.02 170.04 97.5 195 97.5c-24.96 0-49.91-9.52-68.94-28.56C107.02 49.91 97.5 24.95 97.5 0c0 24.95-9.53 49.91-28.56 68.94C49.91 87.98 24.96 97.5 0 97.5Z' fill='%23F7F6F2'/%3E%3C/svg%3E");background-repeat:repeat;background-size:100px auto}.uitleg-component .component-inner{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:576px){.uitleg-component .component-inner{max-width:576px}}@media (min-width:768px){.uitleg-component .component-inner{max-width:768px}}@media (min-width:992px){.uitleg-component .component-inner{max-width:992px}}@media (min-width:1200px){.uitleg-component .component-inner{max-width:1200px}}@media (min-width:1400px){.uitleg-component .component-inner{max-width:1400px}}.uitleg-component .component-inner{gap:6rem}.uitleg-component .component-inner,.uitleg-component .component-inner .component-products{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;width:100%}.uitleg-component .component-inner .component-products{-moz-column-gap:6rem;column-gap:6rem;padding-bottom:1.5rem;position:relative;row-gap:3rem}@media (min-width:576px){.uitleg-component .component-inner .component-products{padding-bottom:3rem}}@media (min-width:768px){.uitleg-component .component-inner .component-products{align-items:center;flex-direction:row}}.uitleg-component .component-inner .component-products .products-content{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;width:100%;z-index:10}@media (min-width:768px){.uitleg-component .component-inner .component-products .products-content{min-width:50%;width:50%}}@media (min-width:992px){.uitleg-component .component-inner .component-products .products-content{min-width:25%;width:25%}}.uitleg-component .component-inner .component-products .products-content .products-subtitle{--tw-text-opacity:1;color:rgb(178 166 114/var(--tw-text-opacity,1));font-size:var(--header-size-h4)}.uitleg-component .component-inner .component-products .products-list{--list-width:calc(50vw + 50%);border-bottom-left-radius:20px;border-top-left-radius:20px;display:flex;height:-moz-fit-content;height:fit-content;margin-bottom:auto;margin-top:auto;max-width:var(--list-width);min-width:var(--list-width);overflow:hidden;position:relative;width:var(--list-width)}@media (min-width:768px){.uitleg-component .component-inner .component-products .products-list{--list-width:calc(50vw + 25% - 96px)}}.uitleg-component .component-inner .component-products .products-list .slider-child{align-items:center;display:flex;flex-direction:row;gap:1.25rem;height:100%;max-width:none;min-width:-moz-max-content;min-width:max-content;padding-bottom:1rem;padding-left:3px;padding-right:1.25rem;width:100%}.uitleg-component .component-inner .component-products .products-list .slider-child .single-product{display:flex;height:100%;width:18rem}@media not all and (min-width:576px){.uitleg-component .component-inner .component-products .products-list .slider-child .single-product{max-width:60vw}}@media (min-width:576px){.uitleg-component .component-inner .component-products .products-list .slider-child .single-product{width:30vw}}.uitleg-component .component-inner .component-products .products-list .slider-child .single-product{aspect-ratio:416/338}.uitleg-component .component-inner .component-products .products-list .slider-child .single-product .product-image{border-radius:20px;box-shadow:0 3px 4px #00073d26;display:flex;height:100%;overflow:hidden;position:relative;width:100%}.uitleg-component .component-inner .component-products .products-list .slider-child .single-product .product-image img{display:flex;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;width:100%}.uitleg-component .component-inner .component-products .slider-track{background-color:#00073d33;border-radius:9999px;bottom:0;display:none;height:.125rem;left:0;position:absolute;width:100%;z-index:20}.uitleg-component .component-inner .component-products .slider-track .slider-thumb{--tw-translate-y:-50%;--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));background-color:rgb(0 7 61/var(--tw-bg-opacity,1));border-radius:9999px;cursor:pointer;display:flex;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);height:.125rem;left:0;max-width:100%;min-width:3rem;position:absolute;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:height .2s ease-in-out}.uitleg-component .component-inner .component-products .slider-track .slider-thumb.dragging,.uitleg-component .component-inner .component-products .slider-track .slider-thumb:focus,.uitleg-component .component-inner .component-products .slider-track .slider-thumb:focus-visible,.uitleg-component .component-inner .component-products .slider-track .slider-thumb:hover{height:.25rem}.uitleg-component .component-inner .component-products .slider-track.initialized{display:flex}.uitleg-component .component-inner .component-bottom{-moz-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:-moz-fit-content;height:fit-content;place-items:center;position:relative;row-gap:3rem;width:100%;z-index:10}@media (min-width:768px){.uitleg-component .component-inner .component-bottom{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}@media not all and (min-width:992px){.uitleg-component .component-inner .component-bottom{place-items:start}}}@media (min-width:992px){.uitleg-component .component-inner .component-bottom{-moz-column-gap:1rem;column-gap:1rem}}.uitleg-component .component-inner .component-bottom .component-media{display:flex;height:15rem;margin-right:auto;max-width:525px;overflow:hidden;position:relative;width:100%}@media not all and (min-width:768px){.uitleg-component .component-inner .component-bottom .component-media{order:-9999}}@media (min-width:768px){.uitleg-component .component-inner .component-bottom .component-media{height:auto}@media not all and (min-width:992px){.uitleg-component .component-inner .component-bottom .component-media{aspect-ratio:1/1}}}@media (min-width:992px){.uitleg-component .component-inner .component-bottom .component-media{height:100%;max-height:100vh}}.uitleg-component .component-inner .component-bottom .component-media img{display:flex;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;width:100%}.uitleg-component .component-inner .component-bottom .component-media:has(iframe){aspect-ratio:16/9;border-radius:30px;height:auto}@media (min-width:768px){.uitleg-component .component-inner .component-bottom .component-media:has(iframe){height:auto}}.uitleg-component .component-inner .component-bottom .component-media:has(iframe) iframe{display:flex;height:100%;inset:0;position:absolute;width:100%}.uitleg-component .component-inner .component-bottom .component-media .media-tagline{--tw-translate-x:-50%;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:9999px;bottom:2.75rem;color:rgb(0 7 61/var(--tw-text-opacity,1));display:flex;flex-direction:row;font-size:.75rem;gap:.375rem;left:50%;line-height:1rem;line-height:1;max-width:calc(100% - 1rem);padding:.375rem;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:-moz-max-content;width:max-content;z-index:30}@media (min-width:576px){.uitleg-component .component-inner .component-bottom .component-media .media-tagline{max-width:calc(100% - 2.5rem);padding-left:.625rem;padding-right:.625rem}}.uitleg-component .component-inner .component-bottom .component-media .media-tagline:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath d='M7 14A7 7 0 1 1 7 0a7 7 0 0 1 0 14Zm3.227-10.016a.656.656 0 0 0-.916.145l-3.265 4.49L4.62 7.194a.656.656 0 0 0-.927.927l1.969 1.969a.656.656 0 0 0 .992-.077L10.371 4.9a.656.656 0 0 0-.144-.916Z' fill='%23000'/%3E%3C/svg%3E")}.uitleg-component .component-inner .component-bottom .component-content{display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;width:100%}@media not all and (min-width:768px){.uitleg-component .component-inner .component-bottom .component-content{order:9999}}.uitleg-component .component-inner .component-bottom .component-content h2{font-size:var(--header-size-h3)}
