/**Webfonts buttons (buttons from certain other pages used on webfonts page)**@author Lewis Wright*/
/*@version 2023.02.12*/
/*For unminified code + comments, https://bouncebag.com/css/webfontsbtns.css*/



@import url(https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap);.rct-btn-b,.rct-btn-g,.rct-btn-r,.rct-btn-y{--bs-btn-focus-shadow-rgb:0,0,0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)}:root{--rct-g-d:#387048;--rct-g-l:#639b77;--rct-g-t:#cff3df;--rct-g-b:#5f9773;--rct-b-d:#4387e3;--rct-b-l:#5ba3e7;--rct-b-t:#d7f7ff;--rct-b-b:#71b6ed;--rct-y-d:#8f5307;--rct-y-l:#a76f07;--rct-y-t:#f3cb1b;--rct-y-b:#ac8e39;--rct-r-d:#a33b3b;--rct-r-l:#b34f4f;--rct-r-t:#f9b7b7;--rct-r-b:#c36565;--rct-font:'rct2_latin_extendedregular';--f-button-padding:0.3rem 1rem 0.3rem 1rem;--f-green:#5eb663;--f-green-box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 10px 2px -8px #95df99,inset 0px 10px 2px -8px #163218,inset 0px -9px 2px -8px #000,0px 0px 4px 0px #000000;--f-green-h-colour:#92e897;--f-green-h-box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 9px 2px -8px #cdf1cf,inset 0px 8px 4px -8px #000,inset 0px -8px 4px -8px #000,inset 0px -9px 2px -8px #432400,0px 0px 4px 0px #000000,inset 0px 0px 4px 2px #34be3c;--f-green-filter:drop-shadow(0 0 2px #34be3c);--f-green-d:#dcd19f;--f-green-active:#cfdf93;--f-grey:#8e8e8e;--f-grey-box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 10px 2px -8px #e3e3e3,inset 0px 10px 2px -8px #282828,inset 0px -9px 2px -8px #000,0px 0px 4px 0px #000000;--f-grey-d-colour:#b3b1b3;--f-grey-d:#272727;--f-orange:#e39827;--f-orange-box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 9px 2px -8px white,inset 0px 8px 4px -8px #000,inset 0px -8px 4px -8px #000,inset 0px -9px 2px -8px #432400,0px 0px 4px 0px #000000,inset 0px 0px 4px 2px #f9b44b;--f-orange-filter:drop-shadow(0 0 2px #f9b44b);--f-orange-active:#f1be64;--f-red:#fe5a5a;--f-red-h:#ff9b9b;--f-red-active:#fca8a8;--f-red-d:#571f1f;--f-red-d-colour:#fda8a8;--f-red-border:#bb2828;--f-red-d-border:#281212;--f-red-h-border:#fda2a2;--f-red-active-border:#952e2e;--f-red-box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 10px 2px -8px #ff8390,inset 0px 10px 2px -8px #b6000f,inset 0px -9px 2px -8px #000,0px 0px 4px 0px #000000;--f-red-h-box-shadow:inset 8px 0px 4px -8px #000,inset -8px 0px 4px -8px #000,inset 0px 9px 2px -8px #ffa5a5,inset 0px 8px 4px -8px #000,inset 0px -8px 4px -8px #000,inset 0px -9px 2px -8px #432400,0px 0px 4px 0px #000000,inset 0px 0px 4px 2px #a14040;--f-red-filter:drop-shadow(0 0 2px #a14040);--f-muted-text:#5a5a5a;--f-muted-text2:#a7a7a7;--f-muted-bg:#313131;--f-muted-box-shadow:inset 0px -4px 0.5px -2px #121212,inset 5px 0px 2px -2.5px #1f1f1f,inset -3px 0px 1px -1.5px #292929,inset 0px 4px 1px -2px #515050;--f-muted-h-text:#604814;--f-muted-h-bg:#ffa900;--f-muted-h-box-shadow:inset 0px -4px 0.5px -2px #3e2200,inset 5px 0px 2px -2.5px #ff9d02,inset -3px 0px 1px -1.5px #a46200,inset 0px 4px 1px -2px #c08d44,0px 0px 4px 2px #805c10;--font-family-factorio:'Titillium Web'}[class*=" rct-btn-"]{font-family:var(--rct-font, --font-family-sans-serif);font-size:larger}.rct-btn-g{--bs-btn-color:var(--rct-g-t);--bs-btn-bg:var(--rct-g-d);--bs-btn-border-color:var(--rct-g-b);--bs-btn-hover-color:var(--rct-g-t);--bs-btn-hover-bg:var(--rct-g-l);--bs-btn-hover-border-color:var(--rct-g-d);--bs-btn-active-color:var(--rct-g-t);--bs-btn-active-bg:var(--rct-g-l);--bs-btn-active-border-color:var(--rct-g-d);--bs-btn-disabled-color:var(--rct-g-t);--bs-btn-disabled-bg:var(--rct-g-b);--bs-btn-disabled-border-color:var(--rct-g-d)}.rct-btn-b{--bs-btn-color:var(--rct-b-t);--bs-btn-bg:var(--rct-b-d);--bs-btn-border-color:var(--rct-b-b);--bs-btn-hover-color:var(--rct-b-t);--bs-btn-hover-bg:var(--rct-b-l);--bs-btn-hover-border-color:var(--rct-b-d);--bs-btn-active-color:var(--rct-b-t);--bs-btn-active-bg:var(--rct-b-l);--bs-btn-active-border-color:var(--rct-b-d);--bs-btn-disabled-color:var(--rct-b-t);--bs-btn-disabled-bg:var(--rct-b-b);--bs-btn-disabled-border-color:var(--rct-b-d)}.rct-btn-y{--bs-btn-color:var(--rct-y-t);--bs-btn-bg:var(--rct-y-d);--bs-btn-border-color:var(--rct-y-b);--bs-btn-hover-color:var(--rct-y-t);--bs-btn-hover-bg:var(--rct-y-l);--bs-btn-hover-border-color:var(--rct-y-d);--bs-btn-active-color:var(--rct-y-t);--bs-btn-active-bg:var(--rct-y-l);--bs-btn-active-border-color:var(--rct-y-d);--bs-btn-disabled-color:var(--rct-y-t);--bs-btn-disabled-bg:var(--rct-y-b);--bs-btn-disabled-border-color:var(--rct-y-d)}.rct-btn-r{--bs-btn-color:var(--rct-r-t);--bs-btn-bg:var(--rct-r-d);--bs-btn-border-color:var(--rct-r-b);--bs-btn-hover-color:var(--rct-r-t);--bs-btn-hover-bg:var(--rct-r-l);--bs-btn-hover-border-color:var(--rct-r-d);--bs-btn-active-color:var(--rct-r-t);--bs-btn-active-bg:var(--rct-r-l);--bs-btn-active-border-color:var(--rct-r-d);--bs-btn-disabled-color:var(--rct-r-t);--bs-btn-disabled-bg:var(--rct-r-b);--bs-btn-disabled-border-color:var(--rct-r-d)}.btn-green-f,.btn-grey-f{--bs-btn-color:var(--black);--bs-btn-hover-color:var(--black);--bs-btn-active-color:var(--black)}.btn-f,.btn-f-np{font-family:var(--font-family-factorio, --font-family-sans-serif);font-weight:600;border:none;border-radius:.25rem}.btn-f{padding:var(--f-button-padding)}.btn-grey-f{--bs-btn-bg:var(--f-grey);--bs-btn-border-color:var(--f-grey);--bs-btn-hover-bg:var(--f-orange);--bs-btn-hover-border-color:var(--f-orange);--bs-btn-active-bg:var(--f-orange-active);--bs-btn-active-border-color:var(--f-orange-active);--bs-btn-disabled-color:var(--grey-d-colour);--bs-btn-disabled-bg:var(--f-grey-d);--bs-btn-disabled-border-color:var(--f-grey-d);box-shadow:var(--f-grey-box-shadow)}.btn-grey-f.hover,.btn-grey-f:focus,.btn-grey-f:hover{color:var(--black);box-shadow:var(--f-orange-box-shadow);filter:var(--f-orange-filter)}.btn-green-f{--bs-btn-bg:var(--f-green);--bs-btn-border-color:var(--f-green);--bs-btn-hover-bg:var(--f-green-h-colour);--bs-btn-hover-border-color:var(--f-green-h-colour);--bs-btn-active-bg:var(--f-green-active);--bs-btn-active-border-color:var(--f-green-active);--bs-btn-disabled-color:var(--black);--bs-btn-disabled-bg:var(--f-green-d);--bs-btn-disabled-border-color:var(--f-green-d);box-shadow:var(--f-green-box-shadow)}.btn-green-f.hover,.btn-green-f:focus,.btn-green-f:hover{color:var(--black);box-shadow:var(--f-green-h-box-shadow);filter:var(--f-green-filter)}.btn-muted-f{--bs-btn-color:var(--f-muted-text-2);--bs-btn-bg:var(--f-muted-bg);--bs-btn-border-color:var(--mid-dark);--bs-btn-hover-color:var(--f-muted-h-text);--bs-btn-hover-bg:var(--f-muted-h-bg);--bs-btn-hover-border-color:var(--grey-dark);--bs-btn-active-color:var(--f-muted-h-text);--bs-btn-active-bg:var(--f-muted-h-bg);--bs-btn-active-border-color:var(--grey-dark);--bs-btn-disabled-color:var(--f-muted-bg);--bs-btn-disabled-bg:var(--f-muted-text-2);--bs-btn-disabled-border-color:var(--grey);box-shadow:var(--f-muted-box-shadow)}.btn-muted-f.hover,.btn-muted-f:focus,.btn-muted-f:hover{color:var(--f-muted-h-text);box-shadow:var(--f-muted-h-box-shadow)}.btn-red-f{--bs-btn-color:var(--black);--bs-btn-bg:var(--f-red);--bs-btn-border-color:var(--f-red-border);--bs-btn-hover-color:var(--black);--bs-btn-hover-bg:var(--f-red-h);--bs-btn-hover-border-color:var(--f-red-h-border);--bs-btn-active-color:var(--black);--bs-btn-active-bg:var(--f-red-active);--bs-btn-active-border-color:var(--f-red-active-border);--bs-btn-disabled-color:var(--f-red-d-colour);--bs-btn-disabled-bg:var(--f-red-d);--bs-btn-disabled-border-color:var(--f-red-d-border);box-shadow:var(--f-red-box-shadow)}.btn-red-f.hover,.btn-red-f:focus,.btn-red-f:hover{color:var(--black);box-shadow:var(--f-red-h-box-shadow);filter:var(--f-red-filter)}