@charset "utf-8";

.cl-img-controls-margin { margin-bottom: 60px !important; }

.cl-canvas-container { display: flex; background: white; }

.cl-canvas-container .canvas-wrapper { margin: auto; max-width: 100%; flex-shrink: 0; }

.canvas-wrapper :empty { display: unset !important; }

.customily-text-bounce-enter-active { animation: 0.3s ease 0s 1 normal none running customily-text-bounce-in; }

.customily-text-bounce-leave-active { animation: 0.3s ease 0s 1 reverse none running customily-text-bounce-in; }

@-webkit-keyframes customily-text-bounce-in { 
  0% { position: absolute; margin-left: 5px; font-size: inherit; }
  50% { position: absolute; margin-left: 5px; font-size: 20px; }
  100% { position: absolute; margin-left: 5px; font-size: inherit; }
}

@keyframes customily-text-bounce-in { 
  0% { position: absolute; margin-left: 5px; font-size: inherit; }
  50% { position: absolute; margin-left: 5px; font-size: 20px; }
  100% { position: absolute; margin-left: 5px; font-size: inherit; }
}

#cl_optionsapp .customily_option { margin-bottom: 5px; display: flex; justify-content: space-between; }

#cl_optionsapp .customily_option input:not([type="checkbox"]):not(.vc-input__input), #cl_optionsapp .customily_option select { min-width: 100px; min-height: 35px; }

#cl_optionsapp .customily_option input[type="checkbox"] { min-width: 20px; min-height: 20px; max-width: 20px; max-height: 20px; }

#cl_optionsapp .customily_option label .option_number { display: none; }

#cl_optionsapp .customily_option label .option_name { display: inline-block; }

#cl_optionsapp .customily_option .cl-option-content { width: 100%; }

#cl_optionsapp .swatch-container, #cl_optionsapp .cl-color-picker-container { display: flex; flex-flow: wrap; }

#cl_optionsapp .swatch-container .swatch, #cl_optionsapp .cl-color-picker-container .swatch { color: rgb(245, 213, 196); border: unset; }

#cl_optionsapp .cl-color-picker-container label.cl-rainbow { background: radial-gradient(circle closest-side, rgb(255, 255, 255), rgb(0, 0, 0)), conic-gradient(red, rgb(255, 128, 0), rgb(255, 255, 0), rgb(128, 255, 0), lime, rgb(0, 255, 128), cyan, rgb(0, 128, 255), blue, rgb(128, 0, 255), rgb(255, 0, 255), rgb(255, 0, 128), red); background-blend-mode: screen; }

#cl_optionsapp .swatch-container input { display: none; }

#cl_optionsapp textarea { width: 100%; min-height: initial; margin: 0px; resize: none !important; }

#cl_optionsapp .swatch-container .swatch, #cl_optionsapp .cl-color-picker-container .cl-color-picker { margin: 3px 6px; position: relative; width: auto; padding: 0px; }

#cl_optionsapp .swatch-container label, #cl_optionsapp .cl-color-picker label { box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 1px; border: 3px solid rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; outline: none; padding: 0px !important; }

#cl_optionsapp .swatch-container input:checked ~ label { border-color: currentcolor; margin: 0px; }

#cl_optionsapp .swatch-container label img, #cl_optionsapp .cl-color-picker label img { width: 40px; display: block; pointer-events: none; object-fit: cover; max-width: unset !important; max-height: unset !important; }

#cl_optionsapp .help-text { width: 100%; color: rgb(158, 158, 158); text-align: left; display: block; }

#customily-options { width: 100% !important; margin-bottom: 10px; }

@media (max-width: 767px) {
  #customily-options { position: relative; }
}

.cl-options-background { border-radius: 4px; padding: 0.4em 1em 1em; }

.cl-co-border { border-bottom: 1px solid rgb(221, 221, 221) !important; }

.cl-co-padding { padding-bottom: 15px !important; }

.cl-co-no-padding { padding-bottom: 0px !important; }

.cl-co-hidden { display: none !important; }

.cl_remove-image { margin-left: 10px; padding-left: 15px; padding-right: 15px; min-width: unset; }

.cl-error-message { color: red; font-style: italic; line-height: 1; text-align: left; display: inline-flex; }

.customily-add-addond-error { color: rgb(255, 255, 255) !important; }

.cl-image-validation-hidden { display: none !important; }

.cl-cursor-not-allowed { cursor: not-allowed !important; }

.disable-scroll { overflow: hidden !important; }

.disable-pointer-events { pointer-events: none !important; }

.disable-transform { transform: none !important; }

.display-inline { display: inline !important; }

.disable-after::after { content: none !important; display: none !important; }

.disable-before::before { content: none !important; display: none !important; }

#cl_optionsapp { width: 100% !important; }

#cl_optionsapp :focus-visible:not(input):not(textarea):not(select) { outline: none !important; }

#cl_optionsapp .customily_option.cl-has-checkbox { display: block; }

.customily_option { flex-wrap: wrap; width: 100% !important; justify-content: flex-start !important; }

.customily_option.cl-has-checkbox { margin-top: 15px; text-align: left; }

.customily_option.cl-has-checkbox input { vertical-align: top; }

.customily_option.cl-has-checkbox .cl-checkbox-label { margin-left: 35px; margin-top: 10px !important; }

.customily_option.cl-has-checkbox .cl-option-content { position: unset; width: auto !important; }

.customily-dall-e-button { margin-top: 1rem; margin-right: 1rem; float: left; }

.customily_option > input { max-width: 100%; }

#cl_optionsapp select, #cl_optionsapp input:not([type="checkbox"]):not(.vc-input__input) { border: 1px solid rgb(213, 213, 213); border-radius: 1px; appearance: none; padding-left: 8px; width: 100%; outline-color: currentcolor; }

#cl_optionsapp .checkbox-container { display: block; margin-top: 10px; justify-content: left; }

#cl_optionsapp input::placeholder { color: rgb(119, 119, 119); }

#cl_optionsapp select { background: url("//cdn.shopify.com/s/files/1/0035/5876/8707/t/2/assets/select-arrow.png?896572340288148682") right center no-repeat rgb(255, 255, 255); }

@media (max-width: 767.98px) {
  #cl_optionsapp .customily_option:not(.customily_option.cl-has-checkbox) { justify-content: center !important; }
  #cl_optionsapp select, #cl_optionsapp input:not([type="checkbox"]) { font-size: 16px; }
}

#cl_optionsapp label { margin-top: 1em; width: 100%; user-select: none; }

.customily-file-input.customily-file-with-thumbnail { display: flex; place-items: flex-start center; }

#cl_optionsapp .swatch-container label, .customily-file-input label, #cl_optionsapp .cl-color-picker label { margin-top: 0px !important; }

.customily-file-input-thumbnail { display: inline-block; margin-right: 10px; }

.customily-file-input-thumbnail img { min-width: 100%; min-height: 100%; max-width: 64px; max-height: 64px; margin-bottom: -5px; border-radius: 10px; object-fit: contain; }

#cl_optionsapp .tooltip { top: unset !important; right: unset !important; }

#cl_optionsapp .tooltip::before { display: none !important; }

.swatch label, .cl-color-picker label { margin: 0px !important; }

.cl-color-picker-container .cl-color-picker { display: flex; }

.cl-color-picker-container .cl-color-picker label { cursor: pointer; display: flex !important; border-color: black !important; border-width: 1px !important; }

.cl-color-picker-container .cl-color-picker label img { padding: 5px; }

.cl-color-picker-container .cl-chrome-picker-container .vc-saturation-circle { border-radius: 15px; }

.cl-color-picker-container .cl-chrome-picker-container .vc-chrome-active-color { border-radius: 15px; }

.cl-color-picker-container .cl-material-picker-container { display: none; width: 100%; }

.cl-color-picker-tooltip-theme { background-color: transparent; max-width: 100% !important; }

.cl-color-picker-tooltip-theme div:empty { display: inherit; }

@media (max-width: 767px) {
  .cl-color-picker-container { justify-content: inherit; }
  .cl-color-picker-container .cl-color-picker { display: none !important; }
  .cl-color-picker-container .cl-chrome-picker-container { display: none !important; }
  .cl-color-picker-container .cl-material-picker-container { display: block !important; }
  .cl-color-picker-container .vc-slider-swatch-picker { display: inherit !important; }
}