.como-form__form{display:grid;gap:calc(var(--pxSize) / 4) calc(var(--pxSize) / 2);grid-template-columns:1fr 1fr}.como-form__input{--tooltipSize: 5px;position:relative}.como-form__input input{width:100%}.como-form__input input+span{position:absolute;display:block;top:calc(var(--tooltipSize) * -1);left:50%;width:100%;transform:translate(-50%,-100%);background:RGB(var(--color-text));color:RGB(var(--color-background));border-radius:4px;box-shadow:RGBA(var(--color-background)/.5) 2px 4px 10px 2px;margin:0}@media(max-width:400px){.como-form__input input+span{font-size:calc(.8rem * var(--font-body-scale))!important}}.como-form__input input+span:before{position:absolute;left:calc(50% - var(--tooltipSize) / 2);bottom:calc(var(--tooltipSize) * -2);height:var(--tooltipSize);border:var(--tooltipSize) solid transparent;border-top:var(--tooltipSize) solid RGB(var(--color-text))}.como-form__input input+span:after{display:inline-block;padding:.5rem 1rem}.como-form__input input[type=tel]:invalid+span:after{content:"Please enter your 10-digit phone number with no characters or spaces."}.como-form__input input[type=tel]:invalid+span:before{content:""}.como-form__input input[type=email]:invalid+span:after{content:"Please follow this format: name@example.com"}.como-form__input input[type=email]:invalid+span:before{content:""}.como-form__message{grid-column:1/-1;background:RGBA(var(--color-text)/.05);color:RGBA(var(--color-text)/1);border-top:calc(var(--pxSize) / 6) solid RGBA(var(--color-text)/.05)}.como-form__message:empty{display:none}.como-form__opt-in,.como-form__input input{background:RGBA(var(--color-text)/.05);color:RGBA(var(--color-text)/1);border-radius:4px;border:none}.como-form__opt-in{transform:scale(1);transition:.25s ease}.como-form__opt-in label{display:flex;height:100%;align-items:flex-start;gap:calc(var(--pxSize) / 4);padding:calc(var(--pxSize) / 2) calc(var(--pxSize) / 2) calc(var(--pxSize) / 2) calc(var(--pxSize) / 4);cursor:pointer}.como-form__opt-in label svg{background-color:RGBA(var(--color-accent)/.3);border:.3rem solid transparent;border-radius:4px;min-width:1.5rem;height:1.5rem}.como-form__opt-in label svg *{fill:transparent}.como-form__opt-in input[type=checkbox]{display:none}.como-form__opt-in input[type=checkbox]:checked+label svg *{fill:RGBA(var(--color-accent)/1)}.como-form__opt-in .p-sm,.como-form__opt-in p:last-child,.como-form__opt-in label{margin:0!important}.como-form__opt-in:hover{transform:scale(1.01)}.como-form__disclaimer{padding-top:calc(var(--pxSize) / 2);grid-column:1/-1;text-align:center}.como-form__disclaimer p{max-width:none!important}.como-form button{margin:calc(var(--pxSize) / 2) auto 0 auto;grid-column:1/-1;min-width:50%}.como-form button:disabled{opacity:.5}.como-form__exit{--exitSize: 2.5rem;display:none;background-color:RGB(var(--color-foreground));position:fixed;width:var(--exitSize);height:var(--exitSize);border-radius:100%;top:calc(var(--exitSize) / 2);right:calc(var(--exitSize) / 2);z-index:3;place-items:center;transform:scale(1);transition:.25s ease;border:none;padding:0}.como-form__exit svg{height:50%;width:50%;pointer-events:none}.como-form__exit svg *{fill:RGB(var(--color-foreground-text))}.como-form__exit:hover{cursor:pointer;transform:scale(1.1);background-color:RGB(var(--color-foreground))}.como-form--pop-up{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:grid;place-items:center;z-index:999;background-color:RGBA(var(--color-text)/.7)}.como-form--pop-up .como-form__form{overflow:auto;margin-top:0!important;max-height:calc(100% - var(--sectionVerticalSpacing));max-width:calc(100vw - var(--sectionGuttersSpacing))!important;width:500px;grid-template-columns:1fr;padding:4rem calc(var(--sectionGuttersSpacing) * .5);background:RGB(var(--color-background));position:relative}.como-form--pop-up .como-form__exit{display:grid}.como-form--pop-up .store-page-sign-up__text{text-align:left;width:100%}.como-form--pop-up .store-page-sign-up__text *{display:none}.como-form--pop-up .store-page-sign-up__text:after{content:var(--altHeader);font-weight:700}.como-form--pop-up .p-sm>p{font-size:calc(.6rem * var(--font-body-scale))!important}.como-form--pop-up button+.p-sm{padding:0;margin:.75rem 0 0}.como-form--pop-up button+.p-sm>p{font-size:calc(.5rem * var(--font-body-scale))!important;margin-bottom:.3rem;text-align:left}@media screen and (max-width:676px){.como-form__form{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/633/assets/como-form.css.map */