.kurv-mal-container{flex-direction:column;align-items:flex-start;gap:36px;margin-bottom:48px;display:flex}.kurv-mal-container .heart-container2{width:fit-content;transition:transform 1.3s}.kurv-mal-container .heart-container2 .image-left,.kurv-mal-container .heart-container2 .image-right{transform-origin:100% 100%;height:auto;transition:transform 1.3s}@media screen and (max-width:550px){.kurv-mal-container .heart-container2 .image-left,.kurv-mal-container .heart-container2 .image-right{width:140px}}@media screen and (max-width:450px){.kurv-mal-container .heart-container2 .image-left,.kurv-mal-container .heart-container2 .image-right{width:120px}}.kurv-mal-container .heart-container2:hover{transform:rotate(-45deg)translate(-30%,-10%)}.kurv-mal-container .heart-container2:hover .image-left{transform:rotate(90deg)scaleX(-1)translate(100%)}.kurv-mal-container .heart-container2 .image-left{transform:rotate(0)}.kurv-mal-container .heart-container2 .image-right{transform:rotate(0)translate(40%)}.kurv-mal-container .heart-container2:hover .image-right{transform:rotate(0)translate(0)}.kurv-mal-container .heart-container2:hover .image-right.two-mals{transform:rotate(0)scaleX(-1)scaleY(1)translate(100%)}.kurv-mal-container .heart-container2.hovered{transform:rotate(-45deg)translate(-30%,-10%)}.kurv-mal-container .heart-container2.hovered .image-left{transform:rotate(90deg)scaleX(-1)translate(100%)}.kurv-mal-container .heart-container2.hovered .image-right{transform:rotate(0)translate(0)}.kurv-mal-container .heart-container2.hovered .image-right.two-mals{transform:rotate(0)scaleX(-1)scaleY(1)translate(100%)}
.kurv-color-converter-container{border-radius:24px;flex-direction:column;align-items:center;gap:12px;height:fit-content;padding:24px;display:flex}@media screen and (max-width:840px){.kurv-color-converter-container{padding:0}}.kurv-color-converter-container .kurv-container{width:280px;height:280px}@media screen and (max-width:840px){.kurv-color-converter-container .kurv-container{width:240px;height:240px}}.kurv-color-converter-container .kurv-container svg{width:100%;height:100%;display:block}.kurv-color-converter-container .color-picker-container{flex-direction:row;justify-content:center;align-items:center;gap:12px;display:flex}.kurv-color-converter-container .color-picker-container .color-container{justify-content:center;align-items:center;gap:6px;max-width:180px;display:flex}.kurv-color-converter-container input[type=color]{-webkit-appearance:none}.kurv-color-converter-container input[type=color]::-webkit-color-swatch-wrapper{padding:0}.kurv-color-converter-container input[type=color]::-webkit-color-swatch{border:none}.kurv-color-converter-container input{cursor:pointer;border:1px solid #00000040;border-radius:25px 25px 0 0;width:30px;height:32px}.kurv-color-converter-container label{text-align:center;font-size:14px;line-height:20px}
.hjertekurv-page{max-width:850px;margin-bottom:64px}.hjertekurv-page .hjertekurv-page-container{column-gap:48px;display:flex}.hjertekurv-page .kurv-converter-desktop{flex:none;margin-left:24px}.hjertekurv-page .kurv-converter-mobile{display:none}@media (max-width:840px){.hjertekurv-page .kurv-converter-desktop{display:none}.hjertekurv-page .kurv-converter-mobile{margin:12px 0 36px;display:block}}