.HarmonicaComponent{display:flex;flex-direction:column;gap:50px;height:-moz-fit-content;height:fit-content;margin-bottom:var(--comp-spacing);margin-top:var(--comp-spacing);width:100%}@media (min-width:768px){.HarmonicaComponent{margin-left:auto;margin-right:auto;padding-left:calc(var(--main-padding)*2);padding-right:calc(var(--main-padding)*2);width:100%}@media (min-width:576px){.HarmonicaComponent{max-width:576px}}@media (min-width:768px){.HarmonicaComponent{max-width:768px}}@media (min-width:992px){.HarmonicaComponent{max-width:992px}}@media (min-width:1200px){.HarmonicaComponent{max-width:1200px}}@media (min-width:1400px){.HarmonicaComponent{max-width:1400px}}.HarmonicaComponent{gap:100px}}.HarmonicaComponent .harmonica{display:flex;flex-direction:column;gap:16px;margin-left:auto;margin-right:auto}@media not all and (min-width:768px){.HarmonicaComponent .harmonica{margin-left:auto;margin-right:auto;padding-left:calc(var(--main-padding)*2);padding-right:calc(var(--main-padding)*2);width:100%}@media (min-width:576px){.HarmonicaComponent .harmonica{max-width:576px}}@media (min-width:768px){.HarmonicaComponent .harmonica{max-width:768px}}@media (min-width:992px){.HarmonicaComponent .harmonica{max-width:992px}}@media (min-width:1200px){.HarmonicaComponent .harmonica{max-width:1200px}}@media (min-width:1400px){.HarmonicaComponent .harmonica{max-width:1400px}}}@media (min-width:768px){.HarmonicaComponent .harmonica{max-width:var(--max-width)}}.HarmonicaComponent .harmonica .block{--padding:24px;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1));background-color:rgb(218 230 235/var(--tw-bg-opacity));border-radius:12px;box-shadow:0 0 30px #fff9;color:rgb(0 76 69/var(--tw-text-opacity));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);flex-direction:column;transition:.15s}.HarmonicaComponent .harmonica .block .top{cursor:pointer;display:flex;flex-direction:column;position:relative;row-gap:.5rem}@media (min-width:768px){.HarmonicaComponent .harmonica .block .top{flex-direction:row}}.HarmonicaComponent .harmonica .block .top{font-size:1em;font-weight:600;line-height:150%;padding:var(--padding)}.HarmonicaComponent .harmonica .block .top .number{--tw-border-opacity:1;border-color:rgb(0 76 69/var(--tw-border-opacity));border-right-width:2px;margin-bottom:auto;margin-top:auto;padding-right:17px;width:-moz-fit-content;width:fit-content}@media (min-width:768px){.HarmonicaComponent .harmonica .block .top .number{padding-bottom:14px;padding-top:14px}.HarmonicaComponent .harmonica .block .top .title{padding-bottom:14px;padding-left:24px;padding-top:14px}}.HarmonicaComponent .harmonica .block .top:after{position:absolute;top:var(--padding)}@media (min-width:768px){.HarmonicaComponent .harmonica .block .top:after{--tw-translate-y:-50%;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))}}.HarmonicaComponent .harmonica .block .top:after{content:"\f078";font:var(--fa-font-light);right:var(--padding);transition:.15s}.HarmonicaComponent .harmonica .block .bottom{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;flex-direction:column;gap:18px;height:0;opacity:0;overflow:hidden;padding-left:var(--padding);padding-right:var(--padding);width:100%}@media (min-width:768px){.HarmonicaComponent .harmonica .block .bottom{padding-left:105px;padding-right:105px}}.HarmonicaComponent .harmonica .block .bottom{transition:.15s}.HarmonicaComponent .harmonica .block .bottom img{aspect-ratio:2;border:0 solid var(--Grijs-4,#e9e9e9);border-radius:12px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.HarmonicaComponent .harmonica .block.active{--padding:42px;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(0 76 69/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.HarmonicaComponent .harmonica .block.active .top{--tw-text-opacity:1;color:rgb(253 218 0/var(--tw-text-opacity));font-size:1.5em;font-weight:600}.HarmonicaComponent .harmonica .block.active .top .number{--tw-border-opacity:1;border-color:rgb(253 218 0/var(--tw-border-opacity))}.HarmonicaComponent .harmonica .block.active .top:after{--tw-rotate:180deg;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))}@media (min-width:768px){.HarmonicaComponent .harmonica .block.active .top:after{--tw-translate-y:-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))}}.HarmonicaComponent .harmonica .block.active .bottom{height:-moz-fit-content;height:fit-content;opacity:1;padding-bottom:var(--padding)}@media (max-width:767px){.HarmonicaComponent .harmonica .block{--padding:25px}}