[data-match-native-form] { width: 100%; min-width: 0; color: inherit; font: inherit; }
[data-match-native-form] .match-field { margin: 0 0 1.4rem; padding: 0; border: 0; min-width: 0; }
[data-match-native-form] label, [data-match-native-form] legend { display: block; margin-bottom: .55rem; font-size: 1rem; line-height: 1.4; }
[data-match-native-form] .match-name-parts { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
[data-match-native-form] .match-name-parts label { font-size: .86rem; }
[data-match-native-form] input:not([type="hidden"]), [data-match-native-form] textarea, [data-match-native-form] select { box-sizing: border-box; display: block; width: 100%; min-width: 0; margin-top: .45rem; padding: .85rem 1rem; border: 1px solid #686868; border-radius: 4px; background: #151515; color: #fff; font: inherit; line-height: 1.4; }
[data-match-native-form] textarea { resize: vertical; }
[data-match-native-form] input:focus, [data-match-native-form] textarea:focus, [data-match-native-form] select:focus { outline: 2px solid currentColor; outline-offset: 3px; }
[data-match-native-form] .match-field-note, [data-match-native-form] .match-required { font-size: .85rem; opacity: .8; }
[data-match-native-form] .match-field-note { margin: 0 0 .5rem; }
[data-match-native-form] .match-preview-note { border-left: 2px solid #aaa; padding-left: .8rem; margin: 0 0 1.6rem; font-size: .85rem; line-height: 1.5; }
[data-match-native-form] .match-selected-package { padding: .8rem 1rem; border: 1px solid #555; border-radius: 4px; margin-bottom: 1.5rem; }
[data-match-native-form] [hidden] { display: none !important; }
[data-match-native-form] button[type="submit"] { cursor: pointer; border: 1px solid #fff; background: #fff; color: #000; padding: 1rem 1.6rem; border-radius: 4px; font: inherit; min-height: 44px; }
[data-match-native-form] button[disabled] { opacity: .6; cursor: wait; }
[data-match-native-form] .match-form-status:not(:empty) { border: 1px solid currentColor; padding: 1rem; line-height: 1.5; }
@media (max-width: 420px) { [data-match-native-form] .match-name-parts { gap: .65rem; } }