.spinner[data-v-475ad7a2]{z-index:2;width:24px;height:24px;animation:1s linear infinite rotate-475ad7a2}.spinner.sm[data-v-475ad7a2]{width:18px;height:18px;margin-right:1rem}.spinner.md[data-v-475ad7a2]{width:20px;height:20px;margin-right:1rem}.spinner.lg[data-v-475ad7a2]{width:35px;height:35px;margin:0}.spinner.xl[data-v-475ad7a2]{width:60px;height:60px;margin:0}.spinner.xxl[data-v-475ad7a2]{width:64px;height:64px;margin:0}.spinner .path[data-v-475ad7a2]{stroke-linecap:round;animation:1.5s linear infinite dash-475ad7a2}.spinner .path.white[data-v-475ad7a2]{stroke:var(--color-white)}.spinner .path.dark[data-v-475ad7a2]{stroke:var(--color-gray-4)}.spinner .path.green[data-v-475ad7a2]{stroke:var(--color-primary-main-1)}.spinner .path.warning[data-v-475ad7a2]{stroke:#fcb412}@keyframes rotate-475ad7a2{to{transform:rotate(360deg)}}@keyframes dash-475ad7a2{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-100px}}.xl[data-v-7bbdca21]{width:48px;height:48px}.xl[data-v-7bbdca21] i{font-size:32px}.lg[data-v-7bbdca21]{width:40px;height:40px}.lg[data-v-7bbdca21] i{font-size:24px}.md[data-v-7bbdca21]{width:32px;height:32px}.md[data-v-7bbdca21] i{font-size:24px}.sm[data-v-7bbdca21]{width:28px;height:28px}.sm[data-v-7bbdca21] i{font-size:20px}.xs[data-v-7bbdca21]{width:20px;height:20px}.xs[data-v-7bbdca21] i{font-size:16px}.icon-button[data-v-7bbdca21]{background-color:var(--color-white);border:none}.icon-button[data-v-7bbdca21] i{color:var(--color-gray-3)}.icon-button[data-v-7bbdca21]:not(.loading,.disabled):hover,.icon-button[data-v-7bbdca21]:not(.loading,.disabled):focus{background-color:var(--color-gray-1)}.icon-button[data-v-7bbdca21]:not(.loading,.disabled):hover i,.icon-button[data-v-7bbdca21]:not(.loading,.disabled):focus i{color:var(--color-gray-4)}.icon-button[data-v-7bbdca21]:not(.loading,.disabled):active{background-color:var(--color-gray-2)}.icon-button[data-v-7bbdca21]:not(.loading,.disabled):active i{color:var(--color-gray-4)}.icon-button.disabled[data-v-7bbdca21]{cursor:default}.icon-button.disabled[data-v-7bbdca21] i{color:var(--color-gray-2)}.icon-button.loading[data-v-7bbdca21]{cursor:default}.transparent .icon-button[data-v-7bbdca21]{background-color:#0000}.transparent .icon-button[data-v-7bbdca21]:not(.loading,.disabled):hover,.transparent .icon-button[data-v-7bbdca21]:not(.loading,.disabled):focus{background-color:var(--color-white)}.transparent .icon-button[data-v-7bbdca21]:not(.loading,.disabled):active{background-color:var(--color-gray-2)}.icon-button.selected[data-v-7bbdca21]{background-color:var(--color-primary-2)}.icon-button.selected[data-v-7bbdca21] i{color:var(--color-primary-main-1)}.icon-button.selected[data-v-7bbdca21]:not(.loading,.disabled):hover,.icon-button.selected[data-v-7bbdca21]:not(.loading,.disabled):focus{background-color:var(--color-primary-2)}.icon-button.selected[data-v-7bbdca21]:not(.loading,.disabled):hover i,.icon-button.selected[data-v-7bbdca21]:not(.loading,.disabled):focus i{color:var(--color-primary-main-1)}.icon-button.selected[data-v-7bbdca21]:not(.loading,.disabled):active{background-color:var(--color-primary-3)}.icon-button.selected[data-v-7bbdca21]:not(.loading,.disabled):active i{color:var(--color-primary-main-1)}.icon-button.delete-button[data-v-7bbdca21]:not(.loading,.disabled):hover i,.icon-button.delete-button[data-v-7bbdca21]:not(.loading,.disabled):focus i{color:var(--color-error-main)!important}.zoom-buttons .icon-button[data-v-7bbdca21]{background-color:#0000!important}.zoom-buttons .icon-button[data-v-7bbdca21] i{color:var(--color-gray-4)!important}.zoom-buttons .icon-button[data-v-7bbdca21] i:hover{color:var(--color-white)!important}.zoom-buttons .icon-button[data-v-7bbdca21] i:active{color:var(--color-white);background-color:var(--color-gray-4)!important}.close-preview-button .icon-button[data-v-7bbdca21]{background-color:#0000!important}.close-preview-button .icon-button[data-v-7bbdca21]:hover{background:var(--color-gray-5)!important}.close-preview-button .icon-button[data-v-7bbdca21]:active{background:var(--color-50-black)!important}.close-preview-button .icon-button[data-v-7bbdca21] i{color:var(--color-white)!important}.tooltip-wrapper.simple.bottom[data-v-7bbdca21]{margin-top:4px}.tooltip-wrapper.simple.right[data-v-7bbdca21]{margin-left:4px}.tooltip-wrapper.simple.left[data-v-7bbdca21]{margin-right:4px}.tooltip-wrapper.simple.top[data-v-7bbdca21]{margin-bottom:4px}.tooltip-wrapper[data-v-7bbdca21] .right-overlay{left:-4px}.tooltip-wrapper[data-v-7bbdca21] .left-overlay{right:-4px}.tooltip-wrapper[data-v-7bbdca21] .top-overlay{bottom:-4px}.tooltip-wrapper[data-v-7bbdca21] .bottom-overlay{top:-4px}.recipe-action-icons.delete-button .tooltip-wrapper.bottom[data-v-7bbdca21]{right:-7px}.recipe-action-icons.delete-button .tooltip-wrapper.bottom[data-v-7bbdca21]:after{left:unset;right:14px}.options-down .options{margin-top:4px;top:100%}.options-force-up .options{margin-top:0;margin-bottom:4px;top:auto;bottom:100%}.input-base{background:var(--color-white);letter-spacing:.25px}.input-base input{color:var(--color-black)!important}.input-base input:disabled{color:var(--color-gray-2)!important}.input-base.regular input{border:none;border-bottom:2px solid var(--color-gray-3);border-radius:0;padding:6px 0 4px;height:32px!important}.input-base.regular input:hover,.input-base.regular input:focus{box-shadow:none!important}.input-base.regular .input-error{padding:0}.input-base.regular .custom-input{height:32px!important}.input-base.regular .custom-input,.input-base.regular .options li{padding:var(--input-padding-sm);font-size:var(--input-font-sm)}.input-base.regular-sm input{border:none;border-bottom:2px solid var(--color-gray-3);border-radius:0;padding:0;height:20px!important}.input-base.regular-sm .input-error{padding:0}.v-autocomplete.recipe-name-block input,.input-base.recipe-name-block input{font:inherit;border:none;width:100%;height:fit-content!important;padding:0 10px 0 0!important}.v-autocomplete.error,.input-base.error{border-color:var(--color-info-main)}.input-base .input-container{position:relative}.input-base:not(:last-child){margin-bottom:1rem}.input-base,.input-base input,.input-base textarea,.input-base label,.input-base .input-container,.input-base .custom-input{vertical-align:top;border-radius:6px;outline:none;align-items:center;width:100%;display:flex}.input-base input,.input-base textarea,.input-base .custom-input{background:var(--color-white);border:1px solid var(--color-gray-3)}.input-base input:not(:disabled,.has-error):hover,.input-base textarea:not(:disabled,.has-error):hover,.input-base .custom-input:not(:disabled,.has-error):hover{border-color:var(--color-gray-4);box-shadow:0 0 0 1px var(--color-gray-4)}.input-base input:not(:disabled,.has-error):active,.input-base input:not(:disabled,.has-error):focus,.input-base textarea:not(:disabled,.has-error):active,.input-base textarea:not(:disabled,.has-error):focus,.input-base .custom-input:not(:disabled,.has-error):active,.input-base .custom-input:not(:disabled,.has-error):focus{border-color:var(--color-primary-main-1);box-shadow:0 0 0 1px var(--color-primary-main-1)}.input-base input:disabled,.input-base textarea:disabled,.input-base .custom-input:disabled{pointer-events:none;cursor:none}.input-base input:disabled:hover,.input-base textarea:disabled:hover,.input-base .custom-input:disabled:hover{border:1px solid var(--color-gray-2)}.input-base.v-multiselect,.input-base.v-select,.input-base.v-autocomplete{cursor:pointer;vertical-align:top;display:inline-block}.input-base.v-select .open-select+.form-label{z-index:1;height:20px;color:var(--color-gray-4);padding:0 2px;font-size:14px;top:-9px;left:14px}.input-base.v-select:focus-within .custom-input{border-color:var(--color-primary-main-1);box-shadow:0 0 0 1px var(--color-primary-main-1)}.input-base.v-select:focus-within.primary{border-color:var(--color-primary)}.input-base.v-select:focus-within.success{border-color:var(--color-primary-main-1)}.input-base.v-select:focus-within.warning{border-color:var(--color-info-main)}.input-base.v-select:focus-within.error{border-color:var(--color-error-main);color:var(--color-black)}.input-base.v-select.disabled .form-label{color:var(--color-gray-2)!important}.input-base .custom-textfield{z-index:1;background:0 0!important}.input-base .custom-textfield.border-none{border:none}.input-base .custom-textfield.disabled+.form-label,.input-base .custom-textfield:disabled+.form-label{pointer-events:none;cursor:none;z-index:1;font-size:16px;color:var(--color-gray-2)!important}.input-base .custom-textfield:focus+.search-icon{color:var(--color-primary-main-1);transform:rotate(90deg)}.input-base .custom-textfield:focus+.visibility-wrapper{display:block!important}.input-base .custom-textfield:focus+.form-label,.input-base .custom-textfield:not(:placeholder-shown).custom-textfield:not(:focus)+.form-label{letter-spacing:.235px;z-index:1;color:var(--color-gray-4);padding:0 2px;font-size:14px;line-height:20px;top:-10px;left:16px}.input-base .border-none{border:none}.input-base .form-label{background-color:var(--color-white);color:var(--color-gray-3);letter-spacing:.307px;word-break:keep-all;max-width:fit-content;font-size:16px;font-weight:400;line-height:150%;transition:all .2s;position:absolute;top:1rem;left:.9rem}.input-base .options{z-index:1000;background:var(--color-white);letter-spacing:.25px;border-top:0;border-radius:6px;width:100%;list-style:none;position:absolute;overflow:auto;box-shadow:0 5px 20px #07010440,0 0 5px #07010440}.input-base .options li{border-bottom:1px solid var(--color-gray-1)}.input-base .options li:hover{background-color:var(--color-gray-1)}.input-base .options li.active{background-color:var(--color-primary-1);font-weight:500}.input-base .options li.selected{background:#eaeaea}.input-base .options li.highlight{font-weight:700}.input-base .options li.disabled{color:var(--color-gray-2)}.input-base .options li.disabled:hover{background:var(--color-white);cursor:default}.input-base.sm input,.input-base.sm .custom-input{height:var(--input-height-sm)}.input-base.sm input,.input-base.sm textarea,.input-base.sm .custom-input,.input-base.sm .input-message,.input-base.sm .options li{padding:var(--input-padding-sm)}.input-base.sm .form-label{top:8px}.input-base input,.input-base .custom-input,.input-base.md input,.input-base.md .custom-input{height:var(--input-height-md)}.input-base input,.input-base textarea,.input-base .input-message,.input-base .options li,.input-base.md input,.input-base.md textarea,.input-base.md .input-message,.input-base.md .options li{padding:var(--input-padding-md);font-size:var(--input-font-md)}.input-base .custom-input,.input-base.md .custom-input{padding:var(--input-padding-sm)}.input-base .options,.input-base.md .options{max-height:230px}.input-base .form-label,.input-base.md .form-label{top:8px}.input-base.lg input,.input-base.lg .custom-input{height:var(--input-height-lg)}.input-base.lg input,.input-base.lg textarea,.input-base.lg .custom-input,.input-base.lg .input-message,.input-base.lg .options li{padding:var(--input-padding-lg);font-size:var(--input-font-lg)}.input-base.lg .options{max-height:200px}.input-base input,.input-base textarea,.input-base .input-message,.input-base.default input,.input-base.default textarea,.input-base.default .input-message{background:var(--color-gray-1)}.input-base.primary input,.input-base.primary textarea,.input-base.primary .custom-input{border-color:var(--color-primary)}.input-base.primary .input-message{background:var(--color-primary);color:var(--color-white)}.input-base.success input,.input-base.success textarea,.input-base.success .custom-input{border-color:var(--color-primary-main-1)}.input-base.success .input-message{background:var(--color-primary-main-1);color:var(--color-white)}.input-base.warning input,.input-base.warning textarea,.input-base.warning .custom-input{border-color:var(--color-info-main)}.input-base.warning input:active,.input-base.warning textarea:active,.input-base.warning .custom-input:active{border-color:var(--color-primary-main-1)}.input-base.warning input:hover,.input-base.warning textarea:hover,.input-base.warning .custom-input:hover{border-color:var(--color-gray-4)}.input-base.warning .input-message{background:var(--color-info-main)}.input-base.disabled{cursor:none;pointer-events:none}.input-base.disabled input,.input-base.disabled textarea,.input-base.disabled .custom-input{border-color:var(--color-gray-2);color:var(--color-gray-2)}.input-base.disabled input span,.input-base.disabled textarea span,.input-base.disabled .custom-input span{color:var(--color-gray-2)}.input-base.error input:not([disabled]):not(:focus),.input-base.error textarea:not([disabled]):not(:focus),.input-base.error .custom-input:not([disabled]):not(:focus){border-color:var(--color-error-main)}.input-base.error input:not([disabled]):not(:focus)~.visibility-wrapper,.input-base.error textarea:not([disabled]):not(:focus)~.visibility-wrapper,.input-base.error .custom-input:not([disabled]):not(:focus)~.visibility-wrapper{display:none}.input-base.error input:not([disabled]):not(:focus)~.error-icon,.input-base.error textarea:not([disabled]):not(:focus)~.error-icon,.input-base.error .custom-input:not([disabled]):not(:focus)~.error-icon,.input-base.error input:not([disabled]):not(:focus)~.input-error,.input-base.error textarea:not([disabled]):not(:focus)~.input-error,.input-base.error .custom-input:not([disabled]):not(:focus)~.input-error{display:block}.input-base.error input:not([disabled]):not(:focus)~.input-message,.input-base.error textarea:not([disabled]):not(:focus)~.input-message,.input-base.error .custom-input:not([disabled]):not(:focus)~.input-message{background:var(--color-error-main);color:var(--color-white)}.input-base.error input:hover,.input-base.error input:focus,.input-base.error textarea:hover,.input-base.error textarea:focus,.input-base.error .custom-input:hover,.input-base.error .custom-input:focus{box-shadow:0 0 0 1px var(--color-error-main)}.input-base.error .custom-textfield{border-color:var(--color-error-main)!important}.input-base input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--color-white) inset!important}.input-base input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0px 1000px var(--color-white) inset!important}.input-base input:-webkit-autofill:focus textarea:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--color-white) inset!important}.input-base textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--color-white) inset!important}.input-base select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--color-white) inset!important}.input-base select:-webkit-autofill:hover{-webkit-box-shadow:0 0 0px 1000px var(--color-white) inset!important}.input-base select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--color-white) inset!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}@media (height<=799px){.options-up .options{margin-bottom:1rem;bottom:100%}}@media (height>=800px){.options-up .options{margin-top:.5rem;top:100%}}