.blog-comments .storefront-form{gap:1rem;width:100%;max-width:38rem;margin:1.5rem 0 0;display:grid}.blog-comments .storefront-form__trap{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-comments .storefront-form__fields{gap:1rem;display:grid}.blog-comments .storefront-form__field{gap:.25rem;display:grid}.blog-comments .storefront-form__label{font-size:.9375rem;font-weight:500}.blog-comments .storefront-form__control{box-sizing:border-box;border:max(var(--v-line-width,1px), 1px) solid var(--v-line,color-mix(in srgb, var(--color-text) 12%, transparent));border-radius:var(--v-radius-control,calc(var(--radius,12) * 1px));background:var(--v-surface,var(--color-background,#fff));width:100%;color:var(--color-text);font:inherit;padding:.5rem .75rem;font-size:1.0625rem;line-height:1.35}.blog-comments .storefront-form__control:is(textarea){border-radius:min(var(--v-radius-control,calc(var(--radius,12) * 1px)), 1rem)}.blog-comments .storefront-form__control:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.blog-comments .storefront-form__rating{border:0;min-width:0;margin:0;padding:0}.blog-comments .storefront-form__stars{flex-direction:row-reverse;justify-content:flex-end;gap:.25rem;display:flex}.blog-comments .storefront-form__stars .storefront-form__star-input,.blog-comments .storefront-form__stars .storefront-form__star-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-comments .storefront-form__stars .storefront-form__star{cursor:pointer;color:var(--v-line,color-mix(in srgb, var(--color-text) 12%, transparent));font-size:2rem;line-height:1;transition:color .12s}.blog-comments .storefront-form__stars .storefront-form__star:before{content:"★"}.blog-comments .storefront-form__stars .storefront-form__star-input:checked~.storefront-form__star,.blog-comments .storefront-form__stars .storefront-form__star:hover,.blog-comments .storefront-form__stars .storefront-form__star:hover~.storefront-form__star{color:var(--color-accent)}.blog-comments .storefront-form__stars:has(.storefront-form__star:hover) .storefront-form__star-input:checked~.storefront-form__star{color:var(--v-line,color-mix(in srgb, var(--color-text) 12%, transparent))}.blog-comments .storefront-form__stars:has(.storefront-form__star:hover) .storefront-form__star:hover{color:var(--color-accent)}.blog-comments .storefront-form__stars:has(.storefront-form__star:hover) .storefront-form__star:hover~.storefront-form__star{color:var(--color-accent)}.blog-comments .storefront-form__stars .storefront-form__star-input:focus-visible+.storefront-form__star{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--v-radius-control,calc(var(--radius,12) * 1px))}.blog-comments .storefront-form__select{position:relative}.blog-comments .storefront-form__select:after{content:"";width:.55em;height:.55em;color:var(--color-text);opacity:.6;pointer-events:none;border-block-end:2px solid;border-inline-end:2px solid;margin-block:auto;position:absolute;inset-block:0;inset-inline-end:.75rem;transform:translateY(-25%)rotate(45deg)}.blog-comments .storefront-form__select select{appearance:none;cursor:pointer;padding-inline-end:calc(1.5rem + .6em)}.blog-comments .storefront-form__dropzone{box-sizing:border-box;border:2px dashed var(--v-line,color-mix(in srgb, var(--color-text) 12%, transparent));border-radius:min(var(--v-radius-control,calc(var(--radius,12) * 1px)), 1rem);background:var(--v-surface,var(--color-background,#fff));text-align:center;justify-items:center;gap:.25rem;padding:1rem .75rem;transition:border-color .15s,background-color .15s;display:grid;position:relative}.blog-comments .storefront-form__dropzone:hover,.blog-comments .storefront-form__dropzone:focus-within,.blog-comments .storefront-form__dropzone[data-dragging=true]{border-color:var(--color-accent)}.blog-comments .storefront-form__dropzone[data-dragging=true]{background:color-mix(in srgb, var(--color-accent) 8%, var(--v-surface,var(--color-background,#fff)))}.blog-comments .storefront-form__dropzone[data-filled=true]{border-style:solid}.blog-comments .storefront-form__dropzone:focus-within{outline:2px solid var(--color-accent);outline-offset:1px}.blog-comments .storefront-form__file{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.blog-comments .storefront-form__dropzone-icon{fill:none;width:1.75rem;height:1.75rem;stroke:var(--color-accent);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.blog-comments .storefront-form__dropzone-text{overflow-wrap:anywhere;font-size:.9375rem;font-weight:500}.blog-comments .storefront-form__hint{opacity:.7;margin:0;font-size:.8125rem}.blog-comments .storefront-form__error{color:var(--v-danger,#b3261e);margin:0;font-size:.8125rem}.blog-comments .storefront-form__error:empty{display:none}.blog-comments .storefront-form__submit{cursor:pointer;padding:var(--v-control-padding,.75rem 1.5rem);border-radius:var(--v-radius-control,calc(var(--radius,12) * 1px));border:1px solid var(--v-control-fill,var(--color-accent));font-family:inherit;font-size:var(--v-control-font-size,1rem);font-weight:var(--v-control-font-weight,500);background:color-mix(in srgb, var(--v-control-fill,var(--color-accent)) calc(var(--button-fill,1) * 100%), transparent);color:color-mix(in srgb, var(--v-control-ink,var(--color-accent-foreground,#fff)) calc(var(--button-fill,1) * 100%), var(--v-control-fill,var(--color-accent)));border-radius:max(var(--v-radius-control,calc(var(--radius,12) * 1px)), var(--button-pill,0) * 999px);justify-content:center;align-items:center;gap:.5rem;line-height:1.35;text-decoration:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.blog-comments .storefront-form__submit:hover{opacity:.88}.blog-comments .storefront-form__submit:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.blog-comments .storefront-form__submit{cursor:pointer;justify-self:start}.blog-comments .storefront-form__submit[disabled]{cursor:progress;opacity:.6}.blog-comments .storefront-form__status{margin:0;font-size:.9375rem}.blog-comments .storefront-form__status:empty{display:none}.blog-comments .storefront-form__status[data-state=success]{color:var(--color-accent)}.blog-comments .storefront-form__status[data-state=error]{color:var(--v-danger,#b3261e)}