.matches-overview{max-width:1536px;margin-left:auto;margin-right:auto;padding:2rem 1rem}.matches-overview__title{margin-bottom:1.5rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}.matches-overview__form{margin-bottom:1.5rem}.matches-overview__form-row{gap:.5rem;display:flex}.matches-overview__input{color:#000;background-color:#fff;border:1px solid #d4d4d8;border-radius:.5rem;flex:1;padding:.5rem 1rem}@media (prefers-color-scheme:dark){.matches-overview__input{color:#fff;background-color:#27272a;border-color:#3f3f46}}.matches-overview__button{color:#fff;cursor:pointer;background-color:#2563eb;border-radius:.5rem;padding:.5rem 1.5rem;transition-property:background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.matches-overview__button:hover{background-color:#1d4ed8}.matches-overview__button:disabled{opacity:.5;cursor:not-allowed}.matches-overview__helper-text{color:#52525b;margin-top:.5rem;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme:dark){.matches-overview__helper-text{color:#a1a1aa}}.matches-overview__error{color:#b91c1c;background-color:#fee2e2;border:1px solid #f87171;border-radius:.25rem;margin-bottom:1rem;padding:.75rem 1rem}@media (prefers-color-scheme:dark){.matches-overview__error{color:#fca5a5;background-color:#7f1d1d;border-color:#f87171}}.matches-overview__match-list{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@media (prefers-color-scheme:dark){.matches-overview__match-list{background-color:#27272a}}.matches-overview__match-list-title{margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:2rem}.matches-overview__match-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem;display:grid}.matches-overview__match-link{background-color:#f4f4f5;border-radius:.25rem;padding:.75rem;transition-property:background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block}.matches-overview__match-link:hover{background-color:#e4e4e7}@media (prefers-color-scheme:dark){.matches-overview__match-link{background-color:#3f3f46}.matches-overview__match-link:hover{background-color:#52525b}}.matches-overview__match-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem}