.btn{display:flex;align-items:center;justify-content:center;column-gap:.25rem;font-size:var(--text-size-15);font-family:inherit;font-weight:var(--text-weight-normal);line-height:1;color:var(--cool-500);background:0;padding:0 3rem;border:0;border-radius:1.5rem;height:3rem;width:max-content;transition:all .3s cubic-bezier(0.25,0.8,0.25,1);cursor:pointer;appearance:none;-webkit-appearance:none;box-sizing:border-box;&.btn_primary{color:var(--white);background-color:var(--cool-500);transition:background .4s ease;&:hover{background-color:var(--cool-600)}}&.is-inactive{display:none}&.btn_add-product{color:var(--white);margin:0 auto;@media all and (min-width:600px){color:var(--cool-500)}}}.formRow{display:grid;grid-template-columns:auto;align-items:flex-start;text-align:left;width:100%;height:auto;opacity:1;transition:opacity .4s ease;&.is-hidden{height:0;opacity:0}&:has(.horizontal){display:flex;gap:.5rem}.hint{font-size:var(--text-size-2xs);color:var(--neutral-700);margin-top:.5rem}}input,select,textarea{position:relative;font-family:inherit;font-size:var(--text-size-13);color:var(--black);background-color:var(--white);padding:.8125rem 1rem 0;border:0;border-radius:.5rem;margin:0;outline:0;box-shadow:inset 0 0 0 .0625rem var(--cool-200),0 0 0 0 transparent;box-sizing:border-box;transition:border .2s ease-out,box-shadow .2s ease-out;width:100%;min-height:3rem;appearance:none;-moz-appearance:none;-webkit-appearance:none;& ~ label{position:absolute;top:.4375rem;left:1rem;font-size:var(--text-size-3xs);line-height:var(--text-leading-xs)}&.error,&.valError{background-color:#FDF2F4;box-shadow:inset 0 0 0 .0625rem var(--warm-600);&.is-visible{display:flex}}&:focus,&:hover{border:0;box-shadow:inset 0 0 0 .0625rem var(--cool-500),0 0 0 .125rem var(--cool-500);&.valError{box-shadow:0 0 0 .125rem var(--cool-400),inset 0 0 0 .125rem var(--white),inset 0 0 0 .1875rem var(--warm-600)}}&[disabled="disabled"]{background:var(--cool-50);&:focus,&:hover{box-shadow:inset 0 0 0 .0625rem var(--cool-200)}}&[type="checkbox"]{box-shadow:none}&:placeholder-shown{& ~ label{position:absolute;top:1rem;left:1rem;display:block;font-size:var(--text-size-13);text-align:left;background:transparent;padding:0;border-radius:0;margin-bottom:.3125rem;transition-timing-function:ease-in;transition-duration:.125s;pointer-events:none;width:calc(100% - 2rem)}&:focus{& ~ label{position:absolute;top:.4375rem;left:1rem;font-size:var(--text-size-3xs);width:calc(100% - 1rem)}}&.valError{& ~ label{color:var(--warm-600)}}}&:not(select) ~ label{font-size:var(--text-size-3xs);line-height:var(--text-leading-xs);width:calc(100% - 1rem)}&:not([type="checkbox"]) ~ label{pointer-events:none}}label{display:block;font-size:var(--text-size-xs);&.required:after{content:"*";font-size:var(--text-size-13);line-height:0;font-weight:var(--text-weight-semibold);color:var(--warm-600);margin-left:.1875rem}&.radioGroup-label{font-size:var(--text-size-13);font-weight:var(--text-weight-semibold);margin-bottom:.625rem}}textarea{height:6.375rem;padding-bottom:.5rem;&.tall-textarea{height:12.75rem}&:has(+label){padding-top:1.5rem}}.inputGroup,.selectWrapper{position:relative;display:flex;flex-direction:column;margin-bottom:1.5rem;width:100%;&:not(.fauxCheck){input{&.required{&.valError{&+label{color:var(--warm-600);&:before{position:absolute;top:0;right:.4375rem;content:"error";font-family:"Material Symbols Outlined";font-size:var(--text-size-2xl);line-height:var(--text-leading-xs);color:var(-warm-600);font-variation-settings:'FILL' 1}}}&:focus{&+label{&:before{top:.5625rem;right:.4375rem}}}}}div{&.valError{display:flex;align-items:center;font-size:var(--text-size-xs);line-height:var(--text-leading-xs);color:var(--warm-600);margin:-1.125rem 0 1.5rem;&:before{content:"error";font-family:"Material Symbols Outlined";font-size:var(--text-size-base);color:var(--warm-600);font-variation-settings:'FILL' 1;padding-right:.1875rem}}}&:has(>[role="alert"]:not(.is-hidden)){input,select,textarea{background-color:#fdf2f4;box-shadow:inset 0 0 0 .0625rem var(--warm-600);&:hover,&:focus{box-shadow:0 0 0 .125rem var(--cool-400),inset 0 0 0 .125rem var(--white),inset 0 0 0 .1875rem var(--warm-600)}}~ label{background-color:#fdf2f4}}}}.inputGroup{&.horizontal{flex-direction:row-reverse;justify-content:space-between;align-items:center;flex-wrap:wrap;input{& ~ label{position:static;font-size:var(--text-size-13);width:auto;&[for="capacity-1"],&[for="capacity-1-prod2"]{max-width:10rem}&[for="capacity-2"],&[for="capacity-2-prod2"]{max-width:5rem}@media all and (min-width:600px){&[for="capacity-1"],&[for="capacity-2"],&[for="capacity-1-prod2"],&[for="capacity-2-prod2"]{max-width:initial}}}&.small-input{text-align:center;padding:0 1rem;margin-left:auto;width:5.5rem;&:[aria-invalid="true"]{&+label{margin-top:.25rem}}}}}}.selectWrapper{select{color:transparent;padding:.75rem 2.5rem 0 1rem;padding-right:2.5rem;overflow:hidden;cursor:pointer;&:before,&:after{display:none}&.has-value{color:var(--black);text-overflow:ellipsis;white-space:nowrap}& ~ label{position:absolute;top:1rem;left:1rem;display:block;font-size:var(--text-size-13);line-height:var(--text-leading-xs);text-align:left;border-radius:0;margin-bottom:.3125rem;transition-timing-function:ease-in;transition-duration:.125s;pointer-events:none;width:calc(100% - 1.0625rem);span{&:after{position:absolute;top:.4375rem;right:.75rem;content:"";border-left:.375rem solid transparent;border-right:.375rem solid transparent;border-top:.375rem solid var(--neutral-500);pointer-events:none}}}&.has-value ~ label{position:absolute;top:.4375rem;left:1rem;font-size:var(--text-size-3xs);line-height:var(--text-leading-xs);background:transparent;padding:0;width:calc(100% - 1rem);span{&:after{top:.9375rem}}}&:not([type="checkbox"]){&.required{&.valError{&+label{&:before{top:.5625rem}}}}}&.valError{&+label{&:before{position:absolute;right:.5rem;top:-0.25rem;content:"error";font-family:"Material Symbols Outlined";font-size:var(--text-size-2xl);color:var(--warm-600);font-variation-settings:'FILL' 1}span{&:after{right:2.5rem}}}}}&.horizontal{flex-direction:row-reverse;justify-content:space-between;align-items:center;&:has(.small-select){width:5.5rem}select{&.small-select{width:5.5rem}}}}.fauxCheck{position:relative;width:100%;[type="checkbox"]{position:relative;opacity:0;margin-bottom:.625rem;&:not(:checked),&:checked{position:absolute;top:0;left:0;margin:0;width:1.5rem;height:1.5rem;min-height:1.5rem;cursor:pointer;&.valError{&+label{color:var(--warm-600);&:before{background-color:#fdf2f4;box-shadow:inset 0 0 0 .0625rem var(--warm-600)}}}&+label{display:grid;grid-template-columns:2rem 1fr;align-items:center;position:static;font-size:var(--text-size-13);cursor:pointer;&.required{&:after{display:none}span{&:after{content:"*";font-size:var(--text-size-13);line-height:var(--text-leading-sm);font-weight:var(--text-weight-semibold);color:var(--warm-600);margin-left:.1875rem}}}}}&:not(:checked){&+label{&:before{display:block;content:"";background:var(--white);border-radius:.1875rem;margin:0 .5rem 0 0;width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 .125rem var(--cool-400);transition:box-shadow .4s ease}&.valError{color:var(--warm-600);&:before{color:var(--warm-600)}}&:hover{&:before{box-shadow:inset 0 0 0 .125rem var(--cool-600)}}}}&:checked{&+label{&:before{display:block;position:relative;top:0;left:0;content:"check_box";font-family:"Material Symbols Outlined";font-size:var(--text-size-3xl);line-height:var(--text-leading-base);color:var(--cool-500);font-variation-settings:'FILL' 1;background:var(--white);text-indent:-0.18rem;border-radius:.1875rem;width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 .125rem var(--cool-500)}}}}&.inputGroup{div{&.valError{margin:-1.25rem 0 1rem}}}&.error{[type="checkbox"]{&:not(:checked){&+label{color:var(--warm-600);&:before{background-color:#fdf2f4;box-shadow:inset 0 0 0 .0625rem var(--warm-600)}a{color:var(--warm-600);text-decoration:underline}}}}}}.fauxRadio{position:relative;width:100%;[type="radio"]{position:relative;opacity:0;&:not(:checked),&:checked{margin-bottom:0;width:1.5rem;height:1.5rem;min-height:auto;&+label{display:grid;grid-template-columns:2rem auto;justify-content:flex-start;align-items:center;column-gap:.3125rem;top:0;left:0;font-size:var(--text-size-13);cursor:pointer;span{width:calc(100% - 2.9rem)}}}&:not(:checked){&+label{pointer-events:initial;&:before{display:flex;justify-content:center;align-items:center;content:"radio_button_unchecked";font-family:"Material Symbols Outlined";font-size:var(--text-size-3xl);line-height:var(--text-leading-3xl);color:var(--cool-400);background:var(--white);border-radius:50%;margin:0;width:1.5rem;height:1.5rem;transition:color .4s ease}&.valError{color:var(--warm-600);&:before{color:var(--warm-600)}}&:hover{&:before{color:var(--cool-600)}}}}&:checked{&+label{&:before{display:flex;justify-content:center;align-items:center;content:"radio_button_checked";font-family:"Material Symbols Outlined";font-size:var(--text-size-3xl);line-height:var(--text-leading-3xl);color:var(--cool-400);background:var(--white);border-radius:50%;margin:0;width:1.5rem;height:1.5rem}}}&.valError{&+label{color:var(--warm-600);&:before{box-shadow:inset 0 0 0 .0625rem var(--warm-600)}}}}&.error{[type="checkbox"]{&:not(:checked){&+label{color:var(--warm-600);&:before{box-shadow:inset 0 0 0 .0625rem var(--warm-600)}a{color:var(--warm-600);text-decoration:underline}}}}}&.confirmItems{label{&.required{&:after{display:none}span{&:after{content:"*";font-size:var(--text-size-13);line-height:var(--text-leading-sm);font-weight:var(--text-weight-semibold);color:var(--warm-600);margin-left:.1875rem}}}}}}.val-error{&.is-hidden{margin:0;height:0;opacity:0;transition:all .2s ease}&.is-visible{margin-top:.5rem;height:auto;opacity:1;transition:all .4s ease}>span{display:flex;align-items:center;gap:.1875rem;font-size:var(--text-size-xs);line-height:var(--text-leading-xs);color:var(--warm-600);.material-symbols-outlined{font-size:var(--text-size-base);font-variation-settings:'FILL' 1}}}