.cm-welcome-clean{
  width:min(410px,100%)!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.cm-welcome-clean:before{display:none!important}
.cm-welcome-clean .cm-frame-head{display:none!important}
.cm-welcome-clean .cm-stage{
  padding:0!important;
  min-height:0!important;
  display:block!important;
  background:transparent!important;
  overflow:visible!important;
}

/* Clean-room Step 1: one immutable 410x719 reference canvas + four live controls. */
.cm-welcome-clean-canvas{
  position:relative;
  width:100%;
  aspect-ratio:410/719;
  overflow:hidden;
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% 100%;
  container-type:inline-size;
}

.cm-welcome-clean-input{
  position:absolute!important;
  z-index:4!important;
  left:23.4%!important;
  width:19%!important;
  height:4.18%!important;
  margin:0!important;
  padding:0 .7%!important;
  border:0!important;
  border-radius:4px!important;
  outline:0!important;
  background:#fff!important;
  color:#050505!important;
  box-shadow:none!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:5.4cqw!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
  text-align:left!important;
}
.cm-welcome-clean-input::-webkit-inner-spin-button,
.cm-welcome-clean-input::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.cm-welcome-clean-input-protein{top:66.76%!important}
.cm-welcome-clean-input-carbs{top:74.97%!important}
.cm-welcome-clean-input-fat{top:83.31%!important}
.cm-welcome-clean-input:focus-visible{
  box-shadow:0 0 0 2px rgba(250,239,35,.92)!important;
}

.cm-welcome-clean-continue{
  position:absolute!important;
  z-index:5!important;
  left:6.8%!important;
  right:6.8%!important;
  top:90.1%!important;
  width:auto!important;
  height:5.8%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  cursor:pointer!important;
}
.cm-welcome-clean-continue:hover,
.cm-welcome-clean-continue:active{background:rgba(255,255,255,.05)!important}
.cm-welcome-clean-continue:focus-visible{
  outline:3px solid #111!important;
  outline-offset:-3px!important;
}

.cm-welcome-clean-error{
  position:absolute!important;
  z-index:8!important;
  left:6.8%!important;
  right:6.8%!important;
  top:61.5%!important;
  margin:0!important;
  border-radius:12px!important;
  padding:10px 12px!important;
  background:#fff0ef!important;
  border:1px solid #ffd4d0!important;
  color:#a92c26!important;
  font-size:10px!important;
  font-weight:700!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}

@media(max-width:520px){
  .cm-welcome-clean{width:100%!important}
}