.form-input-group{--form-input-group-padding-y: .5rem;--form-input-group-border-width: .0625rem;--form-input-group-border-color: var(--color-gray-5);--form-input-group-flex-direction: column;--form-input-group-align-items: flex-start;--form-input-group-label-width: 100%;--form-input-group-label-color: var(--color-gray-1);--form-input-group-label-font-size: var(--fontSize-p);--form-input-group-label-font-weight: 500;--form-input-group-label-line-height: var(--line-height);--form-input-group-label-letter-spacing: var(--letter-spacing);--form-input-group-label-padding-x: 0rem;--form-input-group-label-padding-top: 0rem;--form-input-group-label-padding-bottom: 0rem;--form-input-group-gap: 1rem;--form-input-group-content-padding-x: 0rem;--form-input-group-content-padding-top: 0rem;--form-input-group-content-padding-bottom: 0rem;--form-input-group-content-width: 100%;--form-input-group-content-flex-direction: column;--form-input-group-content-flex-wrap: nowrap;--form-input-group-content-align-items: flex-start;--form-input-group-content-justify-center: flex-start;--form-input-group-content-gap: .75rem;--form-input-group-required-dot-font-size: var(--fontSize-xs);--form-input-group-required-dot-color: red;--form-input-group-required-dot-top: calc( (var(--form-input-group-label-font-size) - var(--form-input-group-required-dot-font-size)) / 2 );--form-input-group-item-padding-y: .4375rem;--input-group-grid-col: 1;--input-group-grid-col-grid-template-columns: repeat(1, minmax(0, 1fr));--input-group-grid-col-column-gap: .625rem;--input-group-grid-col-row-gap: 1.25rem;position:relative;padding:var(--form-input-group-padding-y) 0}@media (min-width: 640px){.form-input-group{--input-group-grid-col: 3;--input-group-grid-col-grid-template-columns: repeat(3, minmax(0, 1fr)) }}.form-input-group.border-bottom{border-bottom:var(--form-input-group-border-width) solid var(--form-input-group-border-color)}.form-input-group.always-inline-group{--form-input-group-flex-direction: row;--form-input-group-align-items: flex-start;--form-input-group-label-width: 5.625rem;--form-input-group-content-width: calc(100% - var(--form-input-group-label-width) - var(--form-input-group-gap));--form-input-group-label-padding-top: var(--form-input-group-item-padding-y);--form-input-group-label-padding-bottom: var(--form-input-group-item-padding-y)}.form-input-group.always-inline-group.inline-group-content-padding{--form-input-group-content-padding-top: calc( var(--form-input-group-label-padding-top) + ( ( (var(--form-input-group-label-font-size) * var(--form-input-group-label-line-height)) - var( --form-input-group-label-font-size ) ) / 2 ) )}@media (min-width: 1024px){.form-input-group.inline-group{--form-input-group-flex-direction: row;--form-input-group-align-items: flex-start;--form-input-group-label-width: 5.625rem;--form-input-group-content-width: calc(100% - var(--form-input-group-label-width) - var(--form-input-group-gap));--form-input-group-label-padding-top: var(--form-input-group-item-padding-y);--form-input-group-label-padding-bottom: var(--form-input-group-item-padding-y)}.form-input-group.inline-group.inline-group-content-padding{--form-input-group-content-padding-top: calc( var(--form-input-group-label-padding-top) + ( ( (var(--form-input-group-label-font-size) * var(--form-input-group-label-line-height)) - var( --form-input-group-label-font-size ) ) / 2 ) )}}.form-input-group.input-group-required .input-group-label:after{position:relative;z-index:3;padding-left:.125rem;line-height:1;content:"*";top:var(--form-input-group-required-dot-top);font-size:var(--form-input-group-required-dot-font-size);color:var(--form-input-group-required-dot-color)}.form-input-group .input-group{position:relative;display:flex;flex-direction:var(--form-input-group-flex-direction);align-items:var(--form-input-group-align-items);gap:var(--form-input-group-gap)}.form-input-group .input-group-label{position:relative;display:flex;flex:none;white-space:normal;width:var(--form-input-group-label-width);padding:var(--form-input-group-label-padding-top) var(--form-input-group-label-padding-x) var(--form-input-group-label-padding-bottom);color:var(--form-input-group-label-color);font-size:var(--form-input-group-label-font-size);font-weight:var(--form-input-group-label-font-weight);line-height:var(--form-input-group-label-line-height);letter-spacing:var(--form-input-group-label-letter-spacing)}.form-input-group .input-group-content{position:relative;width:100%;display:flex;flex:1 1 auto;max-width:var(--form-input-group-content-width);padding:var(--form-input-group-content-padding-top) var(--form-input-group-content-padding-x) var(--form-input-group-content-padding-bottom);flex-direction:var(--form-input-group-content-flex-direction);flex-wrap:var(--form-input-group-content-flex-wrap);align-items:var(--form-input-group-content-align-items);justify-content:var(--form-input-group-content-justify-center);gap:var(--form-input-group-content-gap)}.form-input-group .input-group-content>*:not(.w-auto){width:100%}.form-input-group .input-group-content.input-group-always-inline-content{--form-input-group-content-flex-direction: row;--form-input-group-content-align-items: stretch}.form-input-group .input-group-content.input-group-always-inline-content>*{width:auto}.form-input-group .input-group-content.input-group-always-inline-content.input-group-inline-content-wrap{--form-input-group-content-flex-wrap: wrap}.form-input-group .input-group-content.input-group-always-inline-content.input-group-inline-no-gutter{--form-input-group-content-gap: 0rem}.form-input-group .input-group-content.input-group-always-inline-content.input-group-inline-rounded-less :where(input,select,textarea,.datepicker-container)+.btn{border-left-style:none}.form-input-group .input-group-content.input-group-always-inline-content.input-group-inline-rounded-less .btn{--btn-border-radius: 0rem !important}.form-input-group .input-group-content.input-group-always-inline-content .flex-auto{flex:1 1 auto}.form-input-group .input-group-content.input-group-always-inline-content .flex-none{flex:none}.form-input-group .input-group-content.input-group-always-inline-content .control-input{--input-padding-y: calc(var(--form-input-group-item-padding-y) - var(--input-border-width))}.form-input-group .input-group-content.input-group-always-inline-content .btn{--btn-padding-y: calc(var(--form-input-group-item-padding-y) - var(--btn-border-width)) !important}@media (min-width: 1024px){.form-input-group .input-group-content.input-group-inline-content{--form-input-group-content-flex-direction: row;--form-input-group-content-align-items: stretch}.form-input-group .input-group-content.input-group-inline-content>*{width:auto}.form-input-group .input-group-content.input-group-inline-content.input-group-inline-content-wrap{--form-input-group-content-flex-wrap: wrap}.form-input-group .input-group-content.input-group-inline-content.input-group-inline-no-gutter{--form-input-group-content-gap: 0rem}.form-input-group .input-group-content.input-group-inline-content.input-group-inline-rounded-less :where(input,select,textarea,.datepicker-container)+.btn{border-left-style:none}.form-input-group .input-group-content.input-group-inline-content.input-group-inline-rounded-less .btn{--btn-border-radius: 0rem !important}.form-input-group .input-group-content.input-group-inline-content .flex-auto{flex:1 1 auto}.form-input-group .input-group-content.input-group-inline-content .flex-none{flex:none}.form-input-group .input-group-content.input-group-inline-content .control-input{--input-padding-y: calc(var(--form-input-group-item-padding-y) - var(--input-border-width))}.form-input-group .input-group-content.input-group-inline-content .btn{--btn-padding-y: calc(var(--form-input-group-item-padding-y) - var(--btn-border-width)) !important}}.form-input-group .input-group-content.input-group-always-inline-content .btn,.form-input-group .input-group-content.input-group-inline-content .btn{--btn-padding-y: .75rem;--btn-padding-x: 1rem;--btn-font-size: var(--fontSize-base)}.form-input-group .input-group-content.input-group-grid-col-3>div{display:grid;grid-template-columns:var(--input-group-grid-col-grid-template-columns);column-gap:var(--input-group-grid-col-column-gap);row-gap:var(--input-group-grid-col-row-gap)}@media (min-width: 640px){.form-input-group .input-group-content.input-group-grid-col-3>div .col-span{grid-column:span var(--input-group-grid-col)/span var(--input-group-grid-col)}}@media (max-width: 639.9px){.form-input-group .input-group-content.input-group-grid-col-3.input-group-always-grid>div{--input-group-grid-col: 3;--input-group-grid-col-grid-template-columns: repeat(3, minmax(0, 1fr)) }}.form-input-group .input-group-content.input-group-grid-col-3.input-group-always-grid>div .col-span{grid-column:span var(--input-group-grid-col)/span var(--input-group-grid-col)}
