.button-gold{background-color:var(--ccf-gold);color:var(--black);transition:.5s;}.button-gold:hover{background-color:var(--ccf-gold-hover);color:var(--black);}.button-custom{background-color:var(--button-custom-background);color:var(--button-custom-text);transition:.5s;}.button-custom:hover{background-color:var(--button-custom-background-hover);color:var(--button-custom-text-hover);}:root{--ccf-gold:#d8b97d;--ccf-gold-hover:#b89d6a;--ccf-dark-gold:#b88d3d;--ccf-black:#212225;--ccf-black-disabled:#6b6d71;--ccf-grey-border:#ccc;--ccf-green:#6abf4b;--ccf-red:#ea0029;--ccf-opta-black:#10131b;--ccf-opta-green:#a5dba9;--ccf-opta-dark-green:#0a450e;--ccf-opta-grey:#eaeaea;--ccf-opta-disabled:#efefef;--black:#000;--white:#fff;--grey:#848484;--light-grey:#f4f4f4;--light-grey-border:#f1f1f1;--dark-grey:#3c3c3c;--opta-win-background:#a5dba9;--opta-draw-background:#d9d9d9;--opta-lose-background:#f2362557;--opta-win-text:#169230;--opta-draw-text:#848484;--opta-lose-text:#e90909;--opta-standings-header:#6e6e6e;--opta-timecontrols-grey:#d9d9d9;}.color-gold{color:var(--ccf-gold);}.color-hover-gold:hover:not(.active){color:var(--ccf-gold);}.color-active-gold.active{color:var(--ccf-gold);}.color-dark-gold{color:var(--ccf-dark-gold);}.color-hover-dark-gold:hover:not(.active){color:var(--ccf-dark-gold);}.color-active-dark-gold.active{color:var(--ccf-dark-gold);}.color-white{color:var(--white);}.color-hover-white:hover:not(.active){color:var(--white);}.color-active-white.active{color:var(--white);}.color-black{color:var(--black);}.color-hover-black:hover:not(.active){color:var(--black);}.color-active-black.active{color:var(--black);}.color-ccf-black{color:var(--ccf-black);}.color-hover-ccf-black:hover:not(.active){color:var(--ccf-black);}.color-active-ccf-black.active{color:var(--ccf-black);}.color-ccf-black-disabled{color:var(--ccf-black-disabled);}.color-hover-ccf-black-disabled:hover:not(.active){color:var(--ccf-black-disabled);}.color-active-ccf-black-disabled.active{color:var(--ccf-black-disabled);}.color-grey{color:var(--grey);}.color-hover-grey:hover:not(.active){color:var(--grey);}.color-active-grey.active{color:var(--grey);}.color-light-grey{color:var(--light-grey);}.color-hover-light-grey:hover:not(.active){color:var(--light-grey);}.color-active-light-grey.active{color:var(--light-grey);}.background-gold{background-color:var(--ccf-gold);}.background-hover-gold:hover:not(.active){background-color:var(--ccf-gold);}.background-active-gold.active{background-color:var(--ccf-gold);}.background-white{background-color:var(--white);}.background-hover-white:hover:not(.active){background-color:var(--white);}.background-active-white.active{background-color:var(--white);}.background-white-10{background-color:color-mix(in srgb,var(--white),90% transparent);}.background-hover-white-10:hover:not(.active){background-color:color-mix(in srgb,var(--white),90% transparent);}.background-active-white-10.active{background-color:color-mix(in srgb,var(--white),90% transparent);}