.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-section.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-section:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-section.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-section.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-section .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-13202 .elementor-element.elementor-element-26826d4b > .elementor-container{max-width:600px;}.elementor-13202 .elementor-element.elementor-element-26826d4b{margin-top:0px;margin-bottom:0px;padding:040px 0px 040px 0px;}.elementor-widget-column.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-column .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-column.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-column:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-column.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-html.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}:root{--page-title-display:none;}/* Start custom CSS */@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap);
.inputs {
  display: grid;
  gap: 0 10px;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(5, 1fr);
  margin: 10px 0;
  place-items: center;
  width: 500px;
}
.inputs input {
  border: 0;
  border-radius: 100px;
  min-width: 50px;
  padding: 5px;
  width: 76px;
}
.input-group {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 4px 0;
  width: 100%;
}
.input-group label[for="image-scale"] {
  align-items: center;
  display: flex;
  justify-content: center;
}
.input-group label[for="image-scale"] svg {
  border: 1px solid #000;
  border-radius: 6px;
  margin: 0 5px 0 10px;
}
.input-wrapper {
  border: 1px solid #ccc;
  border-radius: 100px;
  display: grid;
  height: 28px;
  overflow: hidden;
  place-items: center;
}
.input-group svg,
.input-wrapper {
  vertical-align: middle;
}
input#text {
  width: 100%;
}
input[type="color"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 26px;
  padding: 0;
  width: 30px;
}
input[type="file"] {
  display: none;
}
.image-upload {
  cursor: pointer;
  display: inline-block;
  padding: 0 10px 5px;
}
.image-upload i {
  margin: 0 7px 0 0;
}
:focus {
  border-radius: 0;
  outline: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::-webkit-color-swatch {
  border: 0;
  border-radius: 0;
}
::-moz-color-swatch,
::-moz-focus-inner {
  border: 0;
}
::-moz-focus-inner {
  padding: 0;
}
.button {
  border: none;
  border-radius: 1.6rem;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.4rem 1.2rem;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.button-primary {
  background-color:#6D2D68; 
  color: var(--white);
}
.button-primary:hover {
  background-color:#6D2D68;
}
.button-secondary {
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px var(--blue-1);
  color: var(--blue-1);
}
.button-secondary:hover {
  background-color: var(--blue-tint);
  box-shadow: inset 0 0 0 2px var(--blue-1);
  color: var(--blue-1);
}
#buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: space-between;
  margin: 10px 0;
}
#buttons > * {
  text-align: left;
  width: 100%;
}
#buttons a i {
  margin: 0;
  padding-right: 10px;
  width: 30px;
}
:root {
  --blue-1: #0a66c2;
  --blue-2: #004182;
  --blue-tint: #e4f1fe;
  --white: #fff;
  --bg: #f3f2ef;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-family: Open Sans, sans-serif;
}
canvas {
  border-radius: 50%;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.9);
  margin: 20px 0;
}
:root {
  --circle-size: 500px;
  --frame-color: blue;
}
main#mc {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 550px;
  padding: 15px 0;
  width: 100%;
}
label i {
  margin: 0 7px;
}
@media (max-width: 767px) {
    .inputs {
        width: 320px !important;
        display: block;
    }
    canvas {
        width: 300px;
    }
}/* End custom CSS */