*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html:focus-within{scroll-behavior:smooth}img,picture{max-width:100%;display:block}ul,li{margin:0}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea,button{appearance:none;outline:none;border:none;background:none;color:inherit;font:inherit}body{--spacing-none: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 48px}.mt-none{margin-top:var(--spacing-none)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-none{margin-bottom:var(--spacing-none)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-none{margin-left:var(--spacing-none)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.mr-none{margin-right:var(--spacing-none)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.mv-none{margin-top:var(--spacing-none);margin-bottom:var(--spacing-none)}.mv-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.mv-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.mv-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.mv-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.mv-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.mh-none{margin-left:var(--spacing-none);margin-right:var(--spacing-none)}.mh-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mh-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mh-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mh-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mh-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.m-none{margin:var(--spacing-none)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.pt-none,.pt-xs{padding-top:var(--spacing-none)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-none{padding-bottom:var(--spacing-none)!important}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-none{padding-left:var(--spacing-none)}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pr-none{padding-right:var(--spacing-none)}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.pv-none{padding-top:var(--spacing-none);padding-bottom:var(--spacing-none)}.pv-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.pv-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.pv-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.pv-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.pv-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.ph-none{padding-left:var(--spacing-none);padding-right:var(--spacing-none)}.ph-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.ph-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.ph-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.ph-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.ph-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.p-none{padding:var(--spacing-none)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.flex{display:flex}.flex.column{flex-direction:column}.flex.centered{justify-content:center}.flex.end{justify-content:flex-end}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}@font-face{font-display:swap;font-family:Lilita One;font-style:normal;font-weight:400;src:url("./media/lilita-one-v16-latin-regular-NEBCEEUE.woff2") format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url("./media/inter-v19-latin-regular-55WT6UWF.woff2") format("woff2")}form.form-grid{display:flex;flex-direction:column;row-gap:var(--spacing-md)}form.form-grid footer{display:flex;flex-direction:column;align-items:center;row-gap:var(--spacing-md)}@media screen and (min-width:440px){form.form-grid{row-gap:var(--spacing-lg)}form.form-grid footer{flex-direction:row;justify-content:space-between;column-gap:var(--spacing-md)}}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-field .form-field-label{font-size:1rem;color:var(--form-label-color);transition:color .3s ease-in-out}.form-field .form-field-control{padding:var(--spacing-md);background-color:var(--form-input-background-color);color:var(--form-input-text-color);font-size:1.1rem;border:2px solid var(--form-input-border-color);border-radius:8px;transition:border-color .2s ease-in-out}.form-field .form-field-control:focus{border-color:var(--form-input-border-color-active)}.form-field .form-field-errors{font-size:.9rem;color:var(--error-color)}.form-field.has-error .form-field-label{color:var(--error-color)}.form-field.has-error .form-field-control{border-color:var(--error-color)}.form-field.inline{flex-direction:row-reverse;justify-content:flex-end;align-items:baseline}input.autofilled-fix,textarea.autofilled-fix{background-color:var(--form-input-background-color)!important;-webkit-box-shadow:0 0 0 1000px var(--form-input-background-color) inset!important;-webkit-text-fill-color:var(--form-input-text-color)!important;font-family:Be Vietnam Pro,sans-serif!important;caret-color:var(--form-input-text-color)!important;font-size:1.1rem}input[type=checkbox]:not([role=switch]){--checkbox-size: 20px;--checkbox-off-color: var(--form-input-border-color, rgba(43, 43, 43, 1));--checkbox-on-color: var(--success-color, rgba(73, 168, 68, 1));appearance:none;-webkit-appearance:none;flex:0 0 auto;display:inline-block;position:relative;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;padding:0;background:var(--form-input-background-color, transparent);border:2px solid var(--checkbox-off-color);border-radius:5px;cursor:pointer;vertical-align:middle;transition:background-color .25s ease-in-out,border-color .25s ease-in-out}input[type=checkbox]:not([role=switch]):after{content:"";position:absolute;top:8%;left:32%;width:28%;height:60%;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .2s ease-in-out}input[type=checkbox]:not([role=switch]):checked{background:var(--checkbox-on-color);border-color:var(--checkbox-on-color)}input[type=checkbox]:not([role=switch]):checked:after{transform:rotate(45deg) scale(1)}input[type=checkbox]:not([role=switch]):focus-visible{outline:2px solid var(--checkbox-on-color);outline-offset:2px}input[type=checkbox]:not([role=switch]):disabled{opacity:.5;cursor:not-allowed}.radio-group{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:center}.radio-group input[type=radio]{margin-right:var(--spacing-sm)}form.bordered{position:relative;z-index:1}form.bordered h5{display:flex;align-items:center;position:absolute;top:-10px;left:24px;padding:0 var(--spacing-md);background-color:var(--background-color)}form.bordered h5 fa-icon{margin-left:var(--spacing-md);font-size:16px}form.bordered .form-content{position:relative;padding:var(--spacing-lg);border-radius:8px;overflow:hidden}form.bordered .form-content:before{content:"";position:absolute;z-index:-2;left:-100%;top:-100%;width:300%;height:300%;background-color:var(--form-border-color);background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;border-radius:8px;transition:background-color .2s ease-in-out}form.bordered .form-content:after{content:"";position:absolute;z-index:-1;left:4px;top:4px;width:calc(100% - 8px);height:calc(100% - 8px);background-color:var(--background-color);border-radius:4px}form.bordered .form-content.success:before{background-color:var(--success-color)}form.bordered .form-content.error:before{background-color:var(--error-color)}form.bordered .form-content.loading:before{background-image:linear-gradient(var(--form-border-color),var(--form-border-color)),linear-gradient(var(--background-color),var(--background-color)),linear-gradient(var(--form-border-color),var(--form-border-color)),linear-gradient(var(--background-color),var(--background-color));animation:rotate 3s linear infinite}form.bordered.background-none h5,form.bordered.background-none .form-content:after{background-color:#fff}form.bordered.background-primary h5,form.bordered.background-primary .form-content:after{background-color:var(--background-color)}form.bordered.background-secondary h5,form.bordered.background-secondary .form-content:after{background-color:var(--background-color-darker)}@keyframes rotate{to{transform:rotate(1turn)}}button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--button-primary-background-color);color:var(--button-primary-text-color);border:1px solid var(--button-primary-border-color);border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out}button.small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem}button.large{padding:var(--spacing-md) var(--spacing-lg);font-size:1.3rem}button.secondary{background-color:var(--button-secondary-background-color);border-color:var(--button-secondary-border-color);color:var(--button-secondary-text-color)}button.secondary:not(:disabled):hover{border-color:var(--button-secondary-hover-border-color);color:var(--button-secondary-hover-text-color)}button:disabled{background-color:var(--button-disabled-background-color);border-color:var(--button-disabled-border-color);color:var(--button-disabled-text-color);cursor:default}button:not(.secondary,button:disabled):hover{background-color:var(--button-primary-hover-background-color)}button.icon{padding:0;height:32px;width:32px;align-items:center;justify-content:center}button.icon.small{height:24px;width:24px}button.icon.large{height:40px;width:40px}button.full-width{width:100%}button a{color:inherit;text-decoration:none}.modal{padding:var(--spacing-lg);background-color:#fff;border-radius:8px}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.modal .modal-content{max-height:60vh;max-width:80vw;overflow-y:auto}.modal .modal-content.small{width:360px}.modal .modal-content.medium{width:690px}.modal .modal-content.large{width:900px}.modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}body{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;font-size:1rem;background-color:var(--background-color);color:var(--text-color-dark)}@media(prefers-color-scheme:dark){html{background-color:var(--background-color)}body{background-color:var(--background-color);color:var(--text-color-dark)}}h1,h2,h3,h4,h5,h6{font-weight:400;font-style:normal;font-family:Lilita One,sans-serif}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.container{padding:var(--spacing-md) var(--spacing-sm);margin:0 auto;max-width:768px}.container.small{max-width:480px}.container.large{max-width:1024px}@media screen and (min-width:440px){.container{padding:var(--spacing-lg) var(--spacing-md)}}.container-full{padding:var(--spacing-lg) 0}:root{color-scheme:light;--primary-lighter: #414141;--primary-color: #2d2d2d;--primary-color-darker: #1c1c1c;--secondary-lighter: #324250;--secondary-color: #1d2730;--secondary-color-darker: #0d1415;--tertiary-color: #994800;--text-color-light: #f4f1f1;--text-color-dark: #353434;--header-background-color: var(--primary-color);--header-border-bottom-color: var(--primary-color-darker);--header-text-color: #f4f1f1;--header-shadow-color: #343434;--nav-background-color: var(--secondary-color);--nav-border-bottom-color: var(--secondary-color-darker);--nav-text-color: #f4f1f1;--nav-shadow-color: #31475a;--nav-item-hover-background-color: var(--background-color);--nav-item-hover-text-color: var(--text-color-dark);--nav-item-active-text-color: var(--secondary-lighter);--marketing-block-icon-color: var(--primary-lighter);--form-border-color: var(--secondary-lighter);--matches-days-tab-shadow-color: #b9b9b9;--matches-days-tab-past-background-color: var(--background-color-darker);--matches-days-tab-today-text-color: var(--primary-color-darker);--matches-days-tab-future-background-color: var(--background-color);--matches-days-tab-border-bottom-color: var(--background-color-darker);--matches-days-tab-active-border-bottom-color: var(--primary-lighter);--matches-days-tab-hover-border-bottom-color: var(--primary-lighter);--matches-days-tab-border-color: var(--secondary-color);--team-flag-border-color: #c4c4c4;--team-flag-active-border-color: var(--secondary-lighter);--success-color: #5bbd7e;--error-color: #d52323;--warning-color: #e6a23c;--won-color: #5dcc85;--lost-color: #ec5c5c;--perfect-color: #cdb828;--button-primary-text-color: var(--text-color-light);--button-primary-background-color: var(--primary-color);--button-primary-hover-background-color: var(--primary-color-darker);--button-primary-border-color: transparent;--button-secondary-text-color: var(--primary-color);--button-secondary-background-color: transparent;--button-secondary-hover-text-color: var(--primary-color-darker);--button-secondary-hover-border-color: var(--primary-color-darker);--button-disabled-border-color: transparent;--button-disabled-background-color: var(--background-color-darker);--button-disabled-text-color: var(--text-color-dark);--background-color: #f4f3f2;--background-color-darker: #e1e1e0;--form-label-color: #606060;--form-input-text-color: var(--text-color-dark);--form-input-background-color: #fff;--form-input-border-color: #1d27302b;--form-input-border-color-active: var(--secondary-lighter);--button-background-color: #4685c5}@media(prefers-color-scheme:dark){:root{--primary-lighter: #414141;--primary-color: #2d2d2d;--primary-color-darker: #1c1c1c;--secondary-lighter: #324250;--secondary-color: #1d2730;--secondary-color-darker: #0d1415;--tertiary-color: #994800;--text-color-light: #f4f1f1;--text-color-dark: #353434;--header-background-color: var(--primary-color);--header-border-bottom-color: var(--primary-color-darker);--header-text-color: #f4f1f1;--header-shadow-color: #343434;--nav-background-color: var(--secondary-color);--nav-border-bottom-color: var(--secondary-color-darker);--nav-text-color: #f4f1f1;--nav-shadow-color: #31475a;--nav-item-hover-background-color: var(--background-color);--nav-item-hover-text-color: var(--text-color-dark);--nav-item-active-text-color: var(--secondary-lighter);--marketing-block-icon-color: var(--primary-lighter);--form-border-color: var(--secondary-lighter);--matches-days-tab-shadow-color: #b9b9b9;--matches-days-tab-past-background-color: var(--background-color-darker);--matches-days-tab-today-text-color: var(--primary-color-darker);--matches-days-tab-future-background-color: var(--background-color);--matches-days-tab-border-bottom-color: var(--background-color-darker);--matches-days-tab-active-border-bottom-color: var(--primary-lighter);--matches-days-tab-hover-border-bottom-color: var(--primary-lighter);--matches-days-tab-border-color: var(--secondary-color);--team-flag-border-color: #c4c4c4;--team-flag-active-border-color: var(--secondary-lighter);--success-color: #5bbd7e;--error-color: #d52323;--warning-color: #e6a23c;--won-color: #5dcc85;--lost-color: #ec5c5c;--perfect-color: #cdb828;--button-primary-text-color: var(--text-color-light);--button-primary-background-color: var(--primary-color);--button-primary-hover-background-color: var(--primary-color-darker);--button-primary-border-color: transparent;--button-secondary-text-color: var(--primary-color);--button-secondary-background-color: transparent;--button-secondary-hover-text-color: var(--primary-color-darker);--button-secondary-hover-border-color: var(--primary-color-darker);--button-disabled-border-color: transparent;--button-disabled-background-color: var(--background-color-darker);--button-disabled-text-color: var(--text-color-dark);--background-color: #f4f3f2;--background-color-darker: #e1e1e0;--form-label-color: #606060;--form-input-text-color: var(--text-color-dark);--form-input-background-color: #fff;--form-input-border-color: #1d27302b;--form-input-border-color-active: var(--secondary-lighter);--button-background-color: #4685c5}}
