@scope(.form-input-button-submit){:scope{grid-template-columns:1fr;display:grid}.form-submit-button{height:var(--round-up);font-size:var(--text-base);background-color:var(--accent);color:var(--light-100);cursor:pointer;border:none;height:3rem;padding:0 1.5rem;transition:background-color .3s}.form-submit-button:hover,.form-submit-button:focus-visible{background-color:var(--accent-dark);outline:none}}
@scope(form-input-text){:scope{grid-template-columns:1fr;display:grid}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password]{font-size:var(--text-base);box-sizing:border-box;width:100%;height:var(--spacing-md);border:1px solid #ccc;margin-block:0 1rem;padding:.5rem}:is(input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password]):focus-visible{outline:2px dashed var(--accent);outline-offset:1px}p{font-size:var(--text-base);margin-block:0 1rem;padding-block-start:calc(1rem - 1cap);position:relative}.required-asterisk{color:red;font-size:var(--text-sm);margin-left:.4rem;position:absolute;top:0}}
@scope(form-input-textarea){:scope{grid-template-columns:1fr;display:grid}textarea{font-size:var(--text-base);box-sizing:border-box;width:100%;min-height:calc(var(--spacing-lg)*3);resize:none;field-sizing:content;height:var(--round-up);border:1px solid #ccc;margin-block:0 1rem;padding:.5rem}textarea:focus-visible{outline:2px dashed var(--accent);outline-offset:1px}p{font-size:var(--text-base);margin-block:0 1rem;padding-block-start:calc(1rem - 1cap);position:relative}.required-asterisk{color:red;font-size:var(--text-sm);margin-left:.4rem;position:absolute;top:0}}
@scope(.popover){:scope{height:var(--round-up);position-anchor:--popoverTrigger;position-area:bottom center;right:anchor(right);top:calc(anchor(bottom) + 1rem);border:0 solid #0000;width:min(90vw,41rem)}}