.match-create__body{width:min(100% - 40px,760px);margin:var(--s5) auto var(--s6)}.match-create__intro{margin-bottom:28px}.match-create__intro h1{font-size:clamp(36px,5vw,52px)}.match-create__intro p{max-width:54ch;color:var(--ink-soft)}.match-create__section{padding:26px 0;border-top:1px solid var(--line)}.match-create__section>h2{margin-bottom:18px}.match-create__section p{margin:8px 0 14px}.match-create__fields{display:grid;gap:18px}.match-create__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.match-create__field{display:flex;flex-direction:column;gap:6px;min-width:0}.match-create__field label,.match-create__field>span{font-weight:700;font-size:14px}.match-create input:not([type=checkbox]),.match-create select{width:100%;min-width:0;min-height:48px;font:inherit;background:var(--chalk);color:var(--ink);border:1px solid var(--line-strong);border-radius:7px;padding:10px 12px}.match-create input:focus-visible,.match-create select:focus-visible,.match-create summary:focus-visible{outline:3px solid var(--braid);outline-offset:3px}.match-create__search{display:flex;gap:8px;align-items:end}.match-create__search>.match-create__field{flex:1}.match-create__search .btn{flex:0 0 auto;min-height:48px}.match-create__help{color:var(--ink-soft);font-size:14px;line-height:1.45}.match-create__chosen{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:18px;border-inline-start:4px solid var(--blazer);background:var(--chalk)}.match-create__chosen strong{font-size:18px}.match-create__chosen p{margin:4px 0 0}.match-create__choices{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}.match-create__choices button{width:100%;text-align:start;white-space:normal;justify-content:start}.match-create__details{margin:16px 0;border:1px solid var(--line);border-radius:8px;padding:14px 16px}.match-create__details summary{cursor:pointer;font-weight:700}.match-create__details[open] summary{margin-bottom:18px}.match-create__details .match-create__row{margin-top:16px}.match-create__notice{padding:18px;background:var(--chalk);border:1px solid var(--braid);border-radius:8px;margin:18px 0}.match-create__notice p{margin:0 0 12px}.match-create__participant{border:0;min-width:0;margin:0;padding:0}.match-create__participant legend{font-weight:700;margin-bottom:12px}.match-create__participant+.match-create__participant{margin-top:24px}.match-create__submit{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.match-create__submit>.btn{width:100%;min-height:54px;font-size:19px}.match-create__submit p{text-align:center}.match-create__check{display:flex;align-items:start;gap:10px;margin:14px 0}.match-create__check input{flex:0 0 auto;width:20px;height:20px;margin-top:2px}@media(min-width:800px){.match-create__body{margin-top:44px}.match-create__section{padding:30px 0}}@media(max-width:380px){.match-create__body{width:calc(100% - 28px)}.match-create__row{grid-template-columns:1fr}.match-create__search{flex-wrap:wrap}.match-create__search>.match-create__field{flex-basis:100%}}.match-create__section:has(.match-create__details[open] [data-testid=venue-pin]) .match-create__find{border-color:var(--blazer);background:transparent;color:var(--blazer)}.match-create__validation{border:2px solid var(--conf-disputed);border-radius:7px;padding:16px;margin:16px 0}.match-create__validation:focus{outline:3px solid var(--braid);outline-offset:3px}.match-create__validation a,.match-create__field-error{color:var(--conf-disputed)}.match-create__field-error{font-size:14px}.match-create input[aria-invalid=true],.match-create select[aria-invalid=true]{border:2px solid var(--conf-disputed)}.match-create__back{border:0;padding:8px 0;background:transparent;font:inherit;color:var(--blazer);text-decoration:underline;cursor:pointer}.match-create__add-venue{margin-top:18px}.match-create__venue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.match-create__venue>*{grid-column:1 / -1}.match-create__venue>.match-create__field--half{grid-column:auto}.match-create__venue>.match-create__back{justify-self:start}.match-create__venue h3{margin:0}@media(max-width:480px){.match-create__venue{grid-template-columns:minmax(0,1fr)}}
