.m-letter{--ml-fg: var(--ink, #042a2b);--ml-muted: rgba(4, 42, 43, .72);--ml-line: rgba(4, 42, 43, .28);--ml-btn-bg: var(--ink, #042a2b);--ml-btn-fg: var(--linen, #f6f0ed);--ml-btn-hover: var(--sage, #4d6959);--ml-focus: var(--sage, #4d6959);--ml-error: var(--error, #a14a3f);color:var(--ml-fg);font-family:var(--font-sans, "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);text-align:left;max-width:480px}.m-letter--dark{--ml-fg: var(--linen, #f6f0ed);--ml-muted: rgba(246, 240, 237, .78);--ml-line: rgba(246, 240, 237, .4);--ml-btn-bg: var(--sand, #c8b89d);--ml-btn-fg: var(--ink, #042a2b);--ml-btn-hover: var(--linen, #f6f0ed);--ml-focus: var(--sand, #c8b89d);--ml-error: #f2b8ad}.m-letter .m-letter__heading{font-family:var(--font-serif, "Libre Baskerville", Georgia, "Times New Roman", serif);font-weight:400;font-size:22px;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--ml-fg);margin:0 0 8px}.m-letter .m-letter__body{font-size:15px;line-height:1.55;color:var(--ml-muted);margin:0 0 16px}.m-letter .m-letter__form{margin:0}.m-letter p.m-letter__body,.m-letter p.m-letter__fine,.m-letter p.m-letter__status{padding:0}.m-letter .m-letter__row{display:flex;flex-wrap:wrap;gap:8px}.m-letter .m-letter__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.m-letter .m-letter__input{flex:1 1 200px;min-width:0;min-height:46px;margin:0;padding:12px 14px;font:inherit;font-size:16px;line-height:1.2;color:var(--ml-fg);background:transparent;border:1px solid var(--ml-line);border-radius:0;box-shadow:none;-webkit-appearance:none;appearance:none}.m-letter .m-letter__input::placeholder{color:var(--ml-muted);opacity:1}.m-letter .m-letter__input[aria-invalid=true]{border-color:var(--ml-error)}.m-letter .m-letter__input:disabled{opacity:.6}.m-letter .m-letter__button{flex:0 0 auto;min-height:46px;min-width:96px;margin:0;padding:12px 22px;font:inherit;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--ml-btn-fg);background:var(--ml-btn-bg);border:1px solid var(--ml-btn-bg);border-radius:0;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.m-letter .m-letter__button:hover{background:var(--ml-btn-hover);border-color:var(--ml-btn-hover)}.m-letter .m-letter__button:disabled{cursor:default;opacity:.6}.m-letter .m-letter__input:focus-visible,.m-letter .m-letter__button:focus-visible,.m-letter .m-letter__choice input:focus-visible+span{outline:2px solid var(--ml-focus);outline-offset:2px}.m-letter .m-letter__fine{font-size:12px;line-height:1.5;color:var(--ml-muted);margin:8px 0 0}.m-letter .m-letter__status{font-size:14px;line-height:1.5;color:var(--ml-fg);margin:6px 0 0;min-height:0}.m-letter .m-letter__status:empty{margin:0}.m-letter .m-letter__status.is-error{color:var(--ml-error)}.m-letter .m-letter__ask{border:0;margin:0 0 14px;padding:0;min-width:0}.m-letter .m-letter__ask-legend{font-size:14px;font-weight:600;color:var(--ml-fg);margin:0 0 8px;padding:0}.m-letter .m-letter__ask-options{display:flex;flex-wrap:wrap;gap:8px}.m-letter .m-letter__choice{position:relative;display:inline-flex;margin:0;cursor:pointer}.m-letter .m-letter__choice input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.m-letter .m-letter__choice span{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;font-size:14px;line-height:1.3;color:var(--ml-fg);border:1px solid var(--ml-line);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.m-letter .m-letter__choice input:checked+span{background:var(--ml-btn-bg);border-color:var(--ml-btn-bg);color:var(--ml-btn-fg)}.m-letter.m-letter--journal{max-width:none;background:var(--ink, #042a2b);padding:40px 24px 36px}.m-letter.m-letter--journal>*{max-width:480px;margin-left:auto;margin-right:auto}.m-letter.m-letter--journal .m-letter__heading{font-size:26px}.footer .m-letter .m-letter__heading{font-size:18px}@media(prefers-reduced-motion:reduce){.m-letter .m-letter__button,.m-letter .m-letter__choice span{transition:none}}@media(forced-colors:active){.m-letter .m-letter__input:focus-visible,.m-letter .m-letter__button:focus-visible,.m-letter .m-letter__choice input:focus-visible+span{outline:3px solid LinkText}.m-letter .m-letter__choice input:checked+span{outline:2px solid Highlight}}.newsletter_section.text-align--center .m-letter{margin-left:auto;margin-right:auto}
/*# sourceMappingURL=/cdn/shop/t/26/assets/monsuri-letter-form.css.map */
