.form-set{display:grid;gap:10px}.chefsrec-form-wrapper .form-set{margin-bottom:var(--space-XS)}.form-set+.input-common,.form-set+.select-wrapper,.input-common+.form-set,.select-wrapper+.form-set{margin-top:var(--space-XS)}.form-set .input-common{width:100%}.form-two-piece{grid-template-columns:calc(50% - 5px) calc(50% - 5px)}.form-two-piece .form-left{grid-column:1/2}.form-two-piece .form-right{grid-column:2/3}input{font-size:var(--text-M)}input::-moz-placeholder{color:var(--color-dark-grey)}input::placeholder{color:var(--color-dark-grey)}.icon-check{display:block;margin-top:var(--space-XXS)}.input-common{background:var(--color-white);border:1px solid var(--color-grey);border-radius:var(--radius-common);height:44px;width:100%}.input-common:focus{border:1px solid transparent;outline:1px solid var(--color-red-hover)}.input-common.input-error,.validate-wrapper.input-error{border:1px solid var(--color-red-hover)}.input-common:disabled,.input-common[readonly],.input-common[readonly]:focus{background:var(--color-ddd);border:none;cursor:default;outline:none}.input-common:disabled i{color:var(--color-grey)}.input-common.input-error{background:var(--color-light-pink)}.input-error-text{display:none}.input-error-wrapper .input-error-text{background:var(--color-light-pink);color:var(--color-red);display:block;font-size:var(--text-L);font-weight:700;padding:var(--space-S) var(--space-XS)}.input-common.view-only{align-items:center;background:var(--color-black-opacity-4);border:none;display:flex;font-size:var(--text-M);gap:20px;height:auto;padding:var(--space-XS)}.input-common.view-only img{border-radius:var(--radius-common);height:66px;max-width:100px;min-width:100px}.input-common.view-only .radio-box-category{display:block;padding-bottom:var(--space-XS)}.input-common.view-only .radio-box-category:last-child{padding-bottom:0}.input-date-wrapper{align-items:center;display:flex;position:relative;width:100%}.input-date-wrapper i{left:10px;position:absolute}.input-date-wrapper i:before{color:var(--color-red)}.input-date-wrapper .input-date{padding-left:var(--space-XL)}.input-date::-webkit-calendar-picker-indicator{height:100%;opacity:0;position:absolute;width:100%}.input-date::-webkit-clear-button,.input-date::-webkit-inner-spin-button{-webkit-appearance:none}.input-sub-text{color:var(--color-grey);margin-top:var(--space-XS)}.input-with-icon-wrapper{display:flex;position:relative}.input-with-icon-wrapper>i{color:var(--color-red);left:10px;position:absolute;top:10px}.input-with-icon-wrapper .icon-cancel{left:unset;right:10px}.input-with-icon-wrapper-disabled i{color:var(--color-grey)}.input-textbox{background:var(--color-pale-grey);border:none;padding-left:var(--space-XL)}.input-textbox-simple{padding-left:var(--space-XS)}.input-textbox-simple::-moz-placeholder{color:var(--color-grey)}.input-textbox-simple::placeholder{color:var(--color-grey)}.input-textbox-simple+.input-textbox-simple{margin-top:var(--space-XS)}.input-select-set,.input-textbox-set{align-items:center;display:flex;font-size:var(--text-L);gap:10px}.select-wrapper{display:flex;font-size:var(--text-L);position:relative}.select-wrapper select{color:var(--color-black);cursor:pointer;padding:var(--space-XS)}.select-option-unselected select{color:var(--color-grey)}.select-wrapper i{pointer-events:none;position:absolute;right:10px;top:10px}.select-wrapper-sort select{border:none;padding-left:var(--space-XL)}.select-wrapper-sort .icon-sort{left:10px}.input-select-set.select-three-piece{gap:unset;justify-content:space-between}.select-three-piece .select-wrapper{width:33%}.select-three-piece .select-wrapper select{background:var(--color-pale-grey);border:none;border-radius:0;padding-left:var(--space-L)}.select-three-piece .select-wrapper:first-child select{border-radius:var(--radius-common) 0 0 var(--radius-common)}.select-three-piece .select-wrapper:last-child select{border-radius:0 var(--radius-common) var(--radius-common) 0}.select-three-piece .select-wrapper i{right:0}.select-three-piece .select-wrapper .select-column-icon{font-size:var(--icon-S);left:5px;top:14px}.select-three-piece .select-wrapper .select-column-icon:before{color:var(--color-red)}.chefsrec-form-wrapper .select-wrapper select{background:var(--color-black-opacity-4);border:none;color:var(--color-red);font-size:var(--text-M)}.chefsrec-form-wrapper .button-base,.input-textarea{font-size:var(--text-M)}.input-textarea{height:98px;padding:var(--space-XS)}.check-sausage{align-items:center;background:var(--color-light-red);color:var(--color-dark-grey);font-size:var(--text-M);line-height:19px;min-width:-moz-max-content;min-width:max-content;padding:var(--space-XXS) var(--space-S) var(--space-XXS) var(--space-XS)}.check-sausage .input-checkbox-text{font-size:var(--text-S)}.check-sausage.checkbox-label{display:inline-flex;padding-left:var(--space-radio-text)}.check-sausage.checkbox-label:before{height:18px;left:10px;top:7px;width:18px}.radio-label{cursor:pointer;padding:var(--space-XS) 0 var(--space-XS) var(--space-L);position:relative}.radio-label:before{border:1px solid var(--color-red);border-radius:var(--radius-circle);content:"";display:inline-block;height:16px;left:3px;position:absolute;top:auto;width:16px}.radio-label input[type=checkbox]:checked+.input-radio-text,.radio-label input[type=radio]:checked+.input-radio-text{position:relative}.radio-label input[type=checkbox]:checked+.input-radio-text:before,.radio-label input[type=radio]:checked+.input-radio-text:before{background:var(--color-red);border-radius:var(--radius-circle);content:"";display:inline-block;height:10px;left:-24px;position:absolute;top:7px;width:10px}.radio-label:focus:before{background:var(--color-light-red)}.radio-box{border:1px solid var(--color-grey);font-size:var(--text-M);height:auto;padding:0 var(--space-XS)}.radio-box+.radio-box{margin-top:var(--space-XS)}.radio-box-disabled{background:var(--color-ddd);border:0}.radio-box .button-base{background:var(--color-white);border:1px solid var(--color-ddd);box-shadow:none;color:var(--color-black);font-weight:400;width:80px}.radio-box-category{align-items:center;border-bottom:1px solid var(--color-ddd);display:flex;flex-wrap:wrap;line-height:20px}.radio-box-category:last-child,.radio-box-category:only-child{border-bottom:0}.radio-box-category .radio-label{align-items:center;display:flex;flex:1 1 50%;line-height:24px}.radio-box-category .radio-description{padding:var(--space-XS) 0}.radio-box-category [class*=icon-]{font-size:var(--text-M);margin-right:var(--space-XS)}.radio-box-disabled,.radio-box-disabled .radio-label{pointer-events:none}.radio-box-disabled .radio-label:before{background:var(--color-ef);border:1px solid var(--color-grey)}.radio-box .link-text{border-bottom:1px solid var(--color-red)}.check-sausage{background:var(--color-black-opacity-4);border:1px solid var(--color-black-opacity-4);border-radius:var(--radius-sausage);color:var(--color-black-333);display:inline-flex;font-size:var(--text-S);height:32px;line-height:10px;padding:var(--space-XS) var(--space-S) var(--space-XS) var(--space-radio-text)}.check-sausage:before{left:12px;top:7px}.check-sausage input[type=checkbox]:checked+.input-radio-text:before,.check-sausage input[type=radio]:checked+.input-radio-text:before{left:-20px;top:0}.radio-icon:before{display:none}.radio-icon i{color:var(--color-red);font-size:var(--title-S);left:14px;position:absolute;top:5px}.radio-inputted{border:1px solid var(--color-red)}.input-common.radio-inputted:hover,.radio-inputted{background:var(--color-light-red)}.radio-label-text-long:before{left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.radio-label-text-long input[type=checkbox]:checked+.input-radio-text,.radio-label-text-long input[type=radio]:checked+.input-radio-text{position:static}.radio-label-text-long input[type=checkbox]:checked+.input-radio-text:before,.radio-label-text-long input[type=radio]:checked+.input-radio-text:before{left:3px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.checkbox-label{cursor:pointer;display:inline-block;padding-left:var(--space-XS);position:relative}.checkbox-label:before{border:1px solid var(--color-grey);border-radius:var(--radius-checkbox-inner);content:"";display:inline-block;height:21px;left:3px;position:absolute;top:auto;width:21px}.checkbox-label input[type=checkbox]:checked+.input-checkbox-text{position:relative}.checkbox-label input[type=checkbox]:checked+.input-checkbox-text:before{border:2.5px solid var(--color-red);border-right:0;border-top:0;box-sizing:border-box;content:"";display:inline-block;height:7px;left:-22px;position:absolute;top:3px;transform:translateY(-25%) rotate(-45deg);width:13px}.input-checkbox-text{font-size:var(--text-input-title);position:relative}.input-common.checkbox-label{align-items:center;display:flex;font-size:var(--text-M);height:auto;line-height:24px;padding:var(--space-XS) var(--space-XS) var(--space-XS) var(--space-XL)}.input-common.checkbox-label:before{height:18px;left:10px;width:18px}.input-common .input-checkbox-text{font-size:var(--text-M)}.input-common.checkbox-label input[type=checkbox]:checked+.input-checkbox-text:before{left:-27px;top:calc(50% - 3px)}.checkbox-label.checkbox-disabled,.checkbox-label.checkbox-disabled .input-checkbox-text{pointer-events:none}.checkbox-label.checkbox-disabled:before{background:var(--color-ef);border:1px solid var(--color-grey)}.checkbox-label.checkbox-disabled .input-checkbox-text{color:var(--color-grey)}.emphasis-message,.error-message{color:var(--color-pink);font-size:var(--text-XS);margin-top:var(--space-XXXS)}.login-link-wrapper{background:var(--color-red);border-radius:var(--radius-banner);padding:var(--space-M)}.login-link-wrapper .button-base{display:inline-flex;margin-bottom:var(--space-XS);padding:var(--space-M) var(--space-S);width:-moz-fit-content;width:fit-content}.login-link-text{color:var(--color-white);display:inline;font-size:var(--text-L);font-weight:700;margin-bottom:var(--space-S)}@media (min-width:768px){.chefsrec-form-wrapper .button-base,.chefsrec-form-wrapper .form-set{width:560px}.chefsrec-form-wrapper .select-wrapper{width:100%}.chefsrec-form-wrapper .form-set{margin-top:var(--space-XL)}.input-common:hover{background:var(--color-black-opacity-4)}.input-common:disabled:hover,.input-common[readonly]:hover{background:var(--color-ddd);border:none;pointer-events:none}.input-common.input-error:hover{background:var(--color-light-pink)}.input-textbox:hover{background:var(--color-black-opacity-8)}.radio-label:hover{color:var(--color-red-hover)}.radio-label:hover:before{background:var(--color-light-red)}.radio-label-text-long:hover .input-radio-text{color:var(--color-black)}.input-common{width:350px}.input-with-icon-wrapper,.select-wrapper{width:-moz-max-content;width:max-content}.input-with-icon-wrapper .icon-cancel{display:none}.input-with-icon-wrapper:hover .icon-cancel{display:block}}
