﻿.form__check{display:flex;gap:20px}.form__check--vertical{flex-direction:column}.form__check--vertical label{display:block}.form__check input{display:none}.form__check label{position:relative;color:var(--glform-font-color);font-size:var(--glform-label-font-size);font-family:var(--glform-font-family);line-height:26px;margin-left:var(--glform-check-size);padding-left:10px}.form__check label::before,.form__check label::after{content:"";position:absolute;left:calc(var(--glform-check-size)*-1);top:calc((var(--glform-check-size) - var(--glform-check-label-lineheight))*-0.5);display:flex;align-items:center;justify-content:center;width:var(--glform-check-size);height:var(--glform-check-size);cursor:pointer}.form__check label::before{background-color:var(--glform-input-background-color);border:2px solid var(--glform-input-border-color);border-radius:var(--glform-check-radius)}.form__check label::after{font-family:var(--glform-icon-font);content:"";font-size:20px;opacity:0;color:var(--glform-font-color);transition:opacity 150ms ease-in-out;font-weight:700}.form__check input:checked+label::after{opacity:1}.gweb-form .form__select,.gweb-form .form__input{font-family:var(--glform-font-family);border-radius:var(--glform-input-border-radius);outline:var(--glform-input-border-width) var(--glform-input-border-style) var(--glform-input-border-color);border:none;height:calc(var(--glform-input-height)/var(--glform-mobile-factor));line-height:calc(var(--glform-input-height)/var(--glform-mobile-factor));font-size:calc(var(--glform-input-font-size)/var(--glform-mobile-factor));text-align:var(--glform-input-text-alignment);padding:var(--glform-input-padding-block) var(--glform-input-padding-inline);color:var(--glform-font-color);background-color:var(--glform-input-background-color);width:100%;-webkit-appearance:none;appearance:none}.gweb-form .form__select[type=number],.gweb-form .form__input[type=number]{-moz-appearance:textfield}.gweb-form .form__select::-webkit-outer-spin-button,.gweb-form .form__select::-webkit-inner-spin-button,.gweb-form .form__input::-webkit-outer-spin-button,.gweb-form .form__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(min-width: 768px){.gweb-form .form__select,.gweb-form .form__input{height:var(--glform-input-height);line-height:var(--glform-input-height);font-size:var(--glform-input-font-size)}}.gweb-form .form__select::-webkit-date-and-time-value,.gweb-form .form__input::-webkit-date-and-time-value{text-align:var(--glform-input-text-alignment)}.gweb-form .form__required-field{text-align:right;display:block}.form__error-message{color:var(--glform-error-color);font-size:.7em;margin-top:10px}.form__input.error,.form__select:has(.error){outline-color:var(--glform-error-color)}.floating-labels .form__input,.floating-labels .form__select{anchor-name:--input-field-anchor;padding-top:calc(var(--glform-label-floating-font-size) + var(--glform-label-floating-top-margin));line-height:calc(var(--glform-input-height)/var(--glform-mobile-factor) - var(--glform-label-floating-font-size) - var(--glform-label-floating-top-margin))}@media(min-width: 768px){.floating-labels .form__input,.floating-labels .form__select{line-height:calc(var(--glform-input-height) - var(--glform-label-floating-font-size) - var(--glform-label-floating-top-margin))}}.floating-labels .form__label{display:flex;align-items:center;left:calc(anchor(left) + var(--glform-input-padding-inline));top:calc(anchor(top) + var(--glform-label-floating-top-margin));position-anchor:--input-field-anchor;position:absolute;transition:all 150ms linear;height:calc(var(--glform-input-height)/var(--glform-mobile-factor) - var(--glform-label-floating-top-margin)*2);color:var(--glform-placeholder-color);pointer-events:none;margin:0;z-index:1;font-size:calc(var(--glform-label-font-size)/var(--glform-mobile-factor));line-height:1}@media(min-width: 768px){.floating-labels .form__label{height:calc(var(--glform-input-height) - var(--glform-label-floating-top-margin)*2);font-size:var(--glform-label-font-size)}}.floating-labels .form__label:has(~.form__select){font-size:var(--glform-label-floating-font-size);height:var(--glform-label-floating-font-size)}.floating-labels .form__input::placeholder{opacity:0}.floating-labels .form__input:focus~.form__label,.floating-labels .form__input:not(:placeholder-shown)~.form__label{font-size:var(--glform-label-floating-font-size);height:var(--glform-label-floating-font-size)}.form__grid{display:grid;grid-template-columns:1fr;gap:25px}@media(min-width: 768px){.form__grid{grid-template-columns:1fr 1fr;gap:50px}}@media(min-width: 1200px){.form__grid{column-gap:100px}}@media(min-width: 1500px){.form__grid{column-gap:140px}}.form__grid .cell-placeholder{display:none}@media(min-width: 768px){.form__grid .cell-placeholder{display:block}}.form__grid>div{position:relative}.form__input-icon-wrapper{position:relative}.form__input-icon-wrapper .form__input-icon{position:absolute;top:50%;transform:translateY(-50%);right:var(--glform-input-padding-inline);font-size:var(--glform-input-font-size);color:var(--glform-icon-color);pointer-events:none;line-height:1}.form__input-icon-wrapper .form__input::-webkit-calendar-picker-indicator{display:none}.form__label{font-family:var(--glform-font-family);font-size:calc(var(--glform-label-font-size)/var(--glform-mobile-factor));text-align:var(--glform-input-text-alignment);color:var(--glform-font-color);display:block;line-height:1.2;margin-bottom:4px}@media(min-width: 768px){.form__label{font-size:var(--glform-label-font-size)}}.form__select{padding-right:0;display:grid;grid-template-areas:"select";align-items:center}.form__select select{grid-area:select;position:relative;z-index:1;padding:0;font-size:inherit;font-family:inherit;letter-spacing:inherit;background-color:rgba(0,0,0,0);border-radius:unset;border:none;-webkit-appearance:none;appearance:none;outline:none;height:unset;line-height:unset;width:100%;color:var(--glform-font-color);cursor:pointer}.form__select::after{grid-area:select;content:var(--glform-select-icon);color:var(--glform-font-color);rotate:-90deg;justify-self:flex-end;font-family:var(--glform-icon-font);font-size:calc(var(--glform-input-font-size)/var(--glform-mobile-factor));z-index:0;margin-right:calc(var(--glform-input-padding-inline) + 10px);position:relative;right:calc((var(--glform-input-padding-inline) + 10px)*-1)}@media(min-width: 768px){.form__select::after{font-size:calc(var(--glform-input-font-size)*1.2)}}.form__select:hover{cursor:pointer}.form__input::-webkit-input-placeholder{color:var(--glform-placeholder-color);opacity:var(--glform-placeholder-opacity)}.form__input::-moz-placeholder{color:var(--glform-placeholder-color);opacity:var(--glform-placeholder-opacity)}.form__input:-ms-input-placeholder{color:var(--glform-placeholder-color);opacity:var(--glform-placeholder-opacity)}.form__input:-moz-placeholder{color:var(--glform-placeholder-color);opacity:var(--glform-placeholder-opacity)}.form__input.form__input--textarea{height:auto;line-height:1.5;padding-block:10px;resize:vertical}:root{--glform-font-family: "Open Sans", sans-serif;--glform-icon-font: "Font Awesome 7 Pro";--glform-font-color: purple;--glform-error-color: red;--glform-mobile-factor: 1;--glform-select-icon: "\f053";--glform-icon-color: inherit;--glform-label-font-size: 1rem;--glform-input-background-color: white;--glform-input-text-alignment: left;--glform-input-height: 60px;--glform-input-font-size: 1rem;--glform-input-padding-block: 0;--glform-input-padding-inline: 1rem;--glform-input-border-radius: 0;--glform-input-border-width: 1px;--glform-input-border-style: solid;--glform-input-border-color: var(--glform-font-color);--glform-check-size: 30px;--glform-check-radius: 30px;--glform-check-label-lineheight: 26px;--glform-placeholder-color: grey;--glform-placeholder-opacity: 1;--glform-label-floating-font-size: 10px;--glform-label-floating-top-margin: 5px}
