.mkr__interactive-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:4px;cursor:pointer;display:flex;line-height:0;outline:none;padding:.5rem;text-decoration:none}.mkr__interactive-icon--light{background:#fff}.mkr__interactive-icon--light .mkr__icon{color:#212e3b99}.mkr__interactive-icon--light:focus:not(.mkr__interactive-icon--light--activated):not(:disabled),.mkr__interactive-icon--light:hover:not(.mkr__interactive-icon--light--activated):not(:disabled){background-color:#eff1f1}.mkr__interactive-icon--light:focus:not(.mkr__interactive-icon--light--activated):not(:disabled) .mkr__icon,.mkr__interactive-icon--light:hover:not(.mkr__interactive-icon--light--activated):not(:disabled) .mkr__icon{color:#044e40}.mkr__interactive-icon--light--activated{background-color:#044e40}.mkr__interactive-icon--light--activated .mkr__icon{color:#fff}.mkr__interactive-icon--dark{background:#fff}.mkr__interactive-icon--dark .mkr__icon{color:#044e40}.mkr__interactive-icon--dark:focus:not(.mkr__interactive-icon--dark--activated):not(:disabled),.mkr__interactive-icon--dark:hover:not(.mkr__interactive-icon--dark--activated):not(:disabled){background-color:#eff1f1}.mkr__interactive-icon--dark:focus:not(.mkr__interactive-icon--dark--activated):not(:disabled) .mkr__icon,.mkr__interactive-icon--dark:hover:not(.mkr__interactive-icon--dark--activated):not(:disabled) .mkr__icon{color:#044e40}.mkr__interactive-icon--dark--activated{background-color:#044e40}.mkr__interactive-icon--dark--activated .mkr__icon{color:#fff}.mkr__interactive-icon--customColor{background:#fff}.mkr__interactive-icon--customColor .mkr__icon{color:currentColor}.mkr__interactive-icon--customColor:focus:not(.mkr__interactive-icon--customColor--activated):not(:disabled),.mkr__interactive-icon--customColor:hover:not(.mkr__interactive-icon--customColor--activated):not(:disabled){background-color:#eff1f1}.mkr__interactive-icon--customColor:focus:not(.mkr__interactive-icon--customColor--activated):not(:disabled) .mkr__icon,.mkr__interactive-icon--customColor:hover:not(.mkr__interactive-icon--customColor--activated):not(:disabled) .mkr__icon{color:currentColor}.mkr__interactive-icon--customColor--activated{background-color:#044e40}.mkr__interactive-icon--customColor--activated .mkr__icon{color:#fff}