.FormInput{flex-direction:column;gap:.5vh;width:100%;display:flex}@media only screen and (min-width:768px){.FormInput{gap:4px}}.FormInput__field{border:1px solid var(--color-border-default);cursor:text;border-radius:12px;flex-direction:column;padding:3.5vh 4vw 1.2vh;transition:border-color .2s;display:flex;position:relative}@media only screen and (min-width:768px){.FormInput__field{padding:22px 16px 6px}}.FormInput__field:focus-within{border-color:var(--color-primary)}.FormInput__field--error{border-color:var(--color-error)}.FormInput__input{font-family:var(--font-dm-sans);width:100%;color:var(--color-black);background:0 0;border:none;outline:none;padding:0;font-size:4vw}@media only screen and (min-width:768px){.FormInput__input{font-size:clamp(7.2px,4.26667px + .814815vw,16px)}}.FormInput__input{line-height:1.2}.FormInput__input::placeholder{color:#0000}.FormInput__input:disabled{opacity:.5;cursor:not-allowed}.FormInput__label{transform-origin:0;font-size:4vw;position:absolute;top:50%;left:4vw;transform:translateY(-50%)}@media only screen and (min-width:768px){.FormInput__label{font-size:clamp(7.2px,4.26667px + .814815vw,16px)}}.FormInput__label{color:var(--color-gray800);pointer-events:none;white-space:nowrap;font-weight:400;transition:top .2s,transform .2s}@media only screen and (min-width:768px){.FormInput__label{left:16px}}.FormInput__input:focus+.FormInput__label,.FormInput__input:not(:placeholder-shown)+.FormInput__label{top:1vh;transform:translateY(0)scale(.75)}@media only screen and (min-width:768px){.FormInput__input:focus+.FormInput__label,.FormInput__input:not(:placeholder-shown)+.FormInput__label{top:6px}}.FormInput__error{font-size:3vw}@media only screen and (min-width:768px){.FormInput__error{font-size:clamp(5.4px,3.2px + .611111vw,12px)}}.FormInput__error{color:var(--color-error)}.FormInput__helper{font-size:3vw}@media only screen and (min-width:768px){.FormInput__helper{font-size:clamp(5.4px,3.2px + .611111vw,12px)}}.FormInput__helper{color:var(--color-gray800)}
.FormSelect{flex-direction:column;gap:.5vh;width:100%;display:flex}@media only screen and (min-width:768px){.FormSelect{gap:4px}}.FormSelect__field{border:1px solid var(--color-border-default);cursor:pointer;border-radius:12px;flex-direction:column;padding:1vh 4vw;transition:border-color .2s;display:flex;position:relative}@media only screen and (min-width:768px){.FormSelect__field{padding:5px 16px}}.FormSelect__field:focus-within{border-color:var(--color-primary)}.FormSelect__field--error{border-color:var(--color-error)}.FormSelect__label{pointer-events:none}.FormSelect__select{appearance:none;cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-size:3vw}@media only screen and (min-width:768px){.FormSelect__select{font-size:clamp(5.4px,3.2px + .611111vw,12px)}}.FormSelect__select{color:var(--color-black);font-family:var(--font-dm-sans);width:calc(100% - 24px)}.FormSelect__icon{color:var(--color-primary);pointer-events:none;font-size:4vw;position:absolute;top:50%;right:16px;transform:translateY(-50%)}@media only screen and (min-width:768px){.FormSelect__icon{font-size:clamp(7.2px,4.26667px + .814815vw,16px)}}.FormSelect__error{font-size:3vw}@media only screen and (min-width:768px){.FormSelect__error{font-size:clamp(5.4px,3.2px + .611111vw,12px)}}.FormSelect__error{color:var(--color-error)}
.FormCheckbox{flex-direction:column;gap:1.6vh;display:flex}@media only screen and (min-width:768px){.FormCheckbox{gap:1.6vw}}@media only screen and (min-width:768px) and (min-width:768px){.FormCheckbox{gap:16px}}.FormCheckbox__option{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:1vw;display:flex}@media only screen and (min-width:768px){.FormCheckbox__option{gap:8px}}.FormCheckbox__option--disabled{cursor:not-allowed;opacity:.5}.FormCheckbox__input{opacity:0;width:0;height:0;position:absolute}.FormCheckbox__track{background:var(--color-secondary);border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.FormCheckbox__option--active .FormCheckbox__track{background:var(--color-primary)}.FormCheckbox__thumb{background:var(--color-white);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.FormCheckbox__option--active .FormCheckbox__thumb{transform:translate(20px)}.FormCheckbox__label{flex:1}.FormCheckbox__error{font-size:3vw}@media only screen and (min-width:768px){.FormCheckbox__error{font-size:clamp(5.4px,3.2px + .611111vw,12px)}}.FormCheckbox__error{color:var(--color-error)}
.FormCheckboxGroup{flex-direction:column;gap:1vh;display:flex}@media only screen and (min-width:768px){.FormCheckboxGroup{gap:1vw}}@media only screen and (min-width:768px) and (min-width:768px){.FormCheckboxGroup{gap:8px}}.FormCheckboxGroup__label{display:block}.FormCheckboxGroup__options{flex-wrap:wrap;gap:1.6vw;display:flex}@media only screen and (min-width:768px){.FormCheckboxGroup__options{gap:16px}}.FormCheckboxGroup__options--column{flex-flow:column;gap:1vh}@media only screen and (min-width:768px){.FormCheckboxGroup__options--column{gap:1vw}}@media only screen and (min-width:768px) and (min-width:768px){.FormCheckboxGroup__options--column{gap:8px}}.FormCheckboxGroup__options--row{grid-template-columns:repeat(3,1fr);gap:1vh;display:grid}@media only screen and (min-width:768px){.FormCheckboxGroup__options--row{gap:1vw}}@media only screen and (min-width:768px) and (min-width:768px){.FormCheckboxGroup__options--row{gap:8px}}.FormCheckboxGroup__option{cursor:pointer;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:1vw;display:flex}@media only screen and (min-width:768px){.FormCheckboxGroup__option{gap:8px}}.FormCheckboxGroup__options--column .FormCheckboxGroup__option{flex:unset}.FormCheckboxGroup__input{opacity:0;width:0;height:0;position:absolute}.FormCheckboxGroup__box{border:2px solid var(--color-border-default);background:0 0;border-radius:4px;flex-shrink:0;width:22px;min-width:22px;height:22px;transition:all .2s;position:relative}.FormCheckboxGroup__option--active .FormCheckboxGroup__box{background:var(--color-primary);border-color:var(--color-primary)}.FormCheckboxGroup__option--active .FormCheckboxGroup__box:after{content:"";border:2px solid var(--color-white);border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(45deg)}.FormCheckboxGroup__error{font-size:3vw}@media only screen and (min-width:768px){.FormCheckboxGroup__error{font-size:clamp(5.4px,3.2px + .611111vw,12px)}}.FormCheckboxGroup__error{color:var(--color-error)}
.FormCoupon{flex-direction:column;gap:1.6vh;width:100%;display:flex}@media only screen and (min-width:768px){.FormCoupon{gap:1.6vw}}@media only screen and (min-width:768px) and (min-width:768px){.FormCoupon{gap:16px}}.FormCoupon__field{border:1px solid var(--color-border-default);border-radius:12px;align-items:center;gap:1vw;padding:1vh 4vw;transition:border-color .2s;display:flex}@media only screen and (min-width:768px){.FormCoupon__field{gap:8px;padding:8px 16px}}.FormCoupon__field:focus-within{border-color:var(--color-primary)}.FormCoupon__field--error{border-color:var(--color-error)}.FormCoupon__icon{color:var(--color-primary);flex-shrink:0}.FormCoupon__input{font-family:var(--font-dm-sans);color:var(--color-black);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:1vh 4vw;font-size:3.5vw}@media only screen and (min-width:768px){.FormCoupon__input{padding:8px 16px;font-size:clamp(6.3px,3.73333px + .712963vw,14px)}}.FormCoupon__input::placeholder{color:var(--color-gray800)}.FormCoupon__error{font-size:3vw}@media only screen and (min-width:768px){.FormCoupon__error{font-size:clamp(5.4px,3.2px + .611111vw,12px)}}.FormCoupon__error{color:var(--color-error)}
.FormRangeSlider{flex-direction:column;gap:1vh;display:flex}@media only screen and (min-width:768px){.FormRangeSlider{gap:1vw}}@media only screen and (min-width:768px) and (min-width:768px){.FormRangeSlider{gap:8px}}.FormRangeSlider__label{font-size:3.5vw}@media only screen and (min-width:768px){.FormRangeSlider__label{font-size:clamp(6.3px,3.73333px + .712963vw,14px)}}.FormRangeSlider__label{color:var(--color-black);font-weight:700}.FormRangeSlider__values{font-size:3.5vw}@media only screen and (min-width:768px){.FormRangeSlider__values{font-size:clamp(6.3px,3.73333px + .712963vw,14px)}}.FormRangeSlider__values{color:var(--color-primary);font-weight:600}.FormRangeSlider__track{background:var(--color-border-light);--pct-min:0%;--pct-max:100%;border-radius:999px;height:4px;position:relative}.FormRangeSlider__fill{height:100%;left:var(--pct-min);right:calc(100% - var(--pct-max));background:var(--color-primary);pointer-events:none;border-radius:999px;position:absolute}.FormRangeSlider__input{appearance:none;pointer-events:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.FormRangeSlider__input::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:2px solid var(--color-white);pointer-events:all;cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}.FormRangeSlider__input::-moz-range-thumb{background:var(--color-primary);border:2px solid var(--color-white);pointer-events:all;cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}
.FormTextArea{flex-direction:column;gap:1.6vh;width:100%;display:flex}@media only screen and (min-width:768px){.FormTextArea{gap:1.6vw}}@media only screen and (min-width:768px) and (min-width:768px){.FormTextArea{gap:16px}}.FormTextArea__field{border:1px solid var(--color-border-default);cursor:text;border-radius:12px;flex-direction:column;padding:3.5vh 4vw 1.2vh;transition:border-color .2s;display:flex;position:relative}@media only screen and (min-width:768px){.FormTextArea__field{padding:22px 16px 6px}}.FormTextArea__field:focus-within{border-color:var(--color-primary)}.FormTextArea__field--error{border-color:var(--color-error)}.FormTextArea__input{font-family:var(--font-dm-sans);width:100%;min-height:12vh;color:var(--color-black);background:0 0;border:none;outline:none;padding:0;font-size:4vw}@media only screen and (min-width:768px){.FormTextArea__input{font-size:clamp(7.2px,4.26667px + .814815vw,16px)}}.FormTextArea__input{resize:none;line-height:1.4}@media only screen and (min-width:768px){.FormTextArea__input{min-height:80px}}.FormTextArea__input::placeholder{color:#0000}.FormTextArea__input:disabled{opacity:.5;cursor:not-allowed}.FormTextArea__label{transform-origin:0;font-size:4vw;position:absolute;top:2.5vh;left:4vw}@media only screen and (min-width:768px){.FormTextArea__label{font-size:clamp(7.2px,4.26667px + .814815vw,16px)}}.FormTextArea__label{color:var(--color-gray800);pointer-events:none;white-space:nowrap;font-weight:400;transition:top .2s,transform .2s}@media only screen and (min-width:768px){.FormTextArea__label{top:16px;left:16px}}.FormTextArea__input:focus+.FormTextArea__label,.FormTextArea__input:not(:placeholder-shown)+.FormTextArea__label{top:1vh;transform:scale(.75)}@media only screen and (min-width:768px){.FormTextArea__input:focus+.FormTextArea__label,.FormTextArea__input:not(:placeholder-shown)+.FormTextArea__label{top:6px}}.FormTextArea__helper{font-size:3vw}@media only screen and (min-width:768px){.FormTextArea__helper{font-size:clamp(5.4px,3.2px + .611111vw,12px)}}.FormTextArea__helper{color:var(--color-gray800)}