.booking-app{left:20%;top:65px;width:625px;z-index:19}.mail-toolbar{display:flex;align-items:center;gap:9px;padding:7px 10px;border-bottom:1px solid #888;box-shadow:0 1px white}.mail-toolbar svg{width:30px;height:26px;image-rendering:pixelated}.mail-toolbar strong{font-size:12px}.mail-toolbar small{display:block;font-size:10px;font-weight:normal;color:#444}.mail-routing{padding:6px 10px;border-bottom:1px solid #888;font-size:11px}.mail-routing>div{display:flex;gap:8px;margin:4px 0;align-items:baseline}.mail-routing .mail-label{width:48px;flex:none;color:#444}.mail-routing strong{font-weight:normal;overflow-wrap:anywhere}.mail-form{margin:0}.mail-fields{border:0;margin:0;padding:10px;min-width:0}.mail-contact{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.mail-contact label,.mail-extra label{display:flex;flex-direction:column;gap:4px;font-size:11px;min-width:0}.mail-contact input,.mail-extra input,.mail-extra textarea{width:100%;min-width:0;min-height:30px;border:2px inset #eee;border-radius:0;background:#fff;padding:5px;font:12px var(--sans);color:#000}.mail-extra{margin-top:10px}.mail-extra summary{cursor:pointer;font-size:11px;padding:4px 0}.mail-extra[open]{padding-bottom:5px}.mail-extra label{margin-top:7px}.mail-extra textarea{resize:vertical;min-height:65px;max-height:160px}.mail-preview-label{display:block;font-size:10px;padding:10px 0 4px;color:#444}.mail-preview{display:block;width:100%;height:238px;min-height:160px;border:2px inset #eee;border-radius:0;resize:vertical;max-height:420px;background:white;padding:13px;font:12px/1.5 'Courier New',monospace;color:black}.mail-fields:disabled input,.mail-fields:disabled textarea{color:#555;background:#f4f4f4}.mail-actions{padding:0 10px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.mail-verification{width:100%;min-height:0}.mail-actions-row{display:flex;align-items:center;gap:10px;width:100%}.mail-send{min-width:120px;min-height:34px;font-weight:bold}.mail-send:disabled{color:#777;text-shadow:1px 1px white;cursor:default}.mail-retry{font-size:11px;min-height:30px}.mail-privacy{font-size:10px;color:#444;margin:0}.mail-status{padding:6px 8px;border:2px inset #eee;margin:0 3px 3px;font-size:11px;min-height:30px}.mail-success{background:#fffef5;border:2px inset #eee;margin:0 10px 10px;padding:12px;font:12px/1.5 var(--mono)}.mail-success p{margin:0}.mail-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.mail-preview:focus-visible,.mail-extra textarea:focus-visible{outline:2px dotted #000080;outline-offset:2px}
@media(min-width:701px) and (max-width:1050px){.booking-app{left:14%;width:76%}}
@media(max-width:700px){.booking-app{order:4;align-self:center;margin:16px 12px 0!important;max-width:calc(100% - 24px)!important}.mail-contact{grid-template-columns:1fr}.mail-contact input,.mail-extra input,.mail-extra textarea{font-size:16px;min-height:35px}.mail-preview{height:240px;font-size:12px}.mail-routing{font-size:10px}.mail-routing .mail-label{width:40px}.mail-toolbar{padding:7px 8px}.mail-fields{padding:9px}.mail-actions{padding:0 9px 9px}.mail-actions-row{flex-wrap:wrap}.mail-send{min-height:38px}.mail-status{font-size:10px}}
