:root{--container-width: 1600px;--single-col-width: 10%;--condensed-font: "Roboto Condensed", sans-serif;--heading-font: "Roboto Condensed", sans-serif;--body-font: "Roboto", sans-serif;--digital-font: "Digital", "Roboto Condensed", "Helvetica", cursive;--base-font: 18px;--x-small-font-size: 0.65rem;--small-font-size: 0.75rem;--medium-font-size: 1rem;--large-font-size: 1.2rem;--x-large-font-size: 1.5rem;--button-font-size: 1rem;--size-sm: 0.25rem;--size-md: 0.5rem;--size-lg: 0.75rem;--size-xlg: 1rem;--size-xxlg: 1.5rem;--size-xxxlg: 2rem;--size-xxxxlg: 2.5rem;--icon-size: 24px;--icon-size-sm: 18px;--icon-size-md: 28px;--icon-size-lg: 32px;--settings-panel-width: 400px;--body-background: var(--dark-gray);--body-foreground: var(--white);--accent-foreground: var(--white);--accent-background: #4ac3fa;--background: var(--near-black);--foreground: var(--off-white);--muted-foreground: #989898;--muted-foreground-hover: #bbbbbb;--focus-color: #ffb400;--primary-color: #00487b;--primary-text-color: #ffffff;--primary-button-text-color: var(--white);--secondary-color: #1396d3;--secondary-text-color: #000000;--primary-background: linear-gradient(45deg, var(--lpb-blue), var(--lpb-dark-blue));--settings-value-color: var(--lpb-dark-blue);--icon-button-color: var(--off-white);--black: #181818;--white: #ffffff;--off-white: #f8f8f8;--lighter-gray: #f0f0f0;--light-gray: #efefef;--light-med-gray: #c6c6c6;--gray: #9f9f9f;--med-gray: #676767;--med-gray2: #555555;--med-dark-gray: #323232;--dark-gray: #222222;--near-black: #1d1d1d;--release-color: #5cb3ee;--bugfix-color: #ff8b9f;--lpb-light-blue: #54c5f9;--lpb-blue: #0076ad;--lpb-dark-blue: #00487b;--lpb-shade: #1899d521;--lpb-screen-shade: #1899d52b;--lpb-card-border: #0076ad82;--light-amber: #ffc22b;--amber: #fcb000;--dark-amber: #e4a104;--amber-shade: #fcb00030;--amber-screen-shade: #fcb0003b;--amber-card-border: #fcb00082;--light-aqua: #49c0c0;--aqua: #4dd2d2;--dark-aqua: #4dd2d2;--aqua-shade: #4dd2d221;--aqua-screen-shade: #4dd2d22b;--aqua-card-border: #4dd2d282;--light-black: #464646;--black-card: #252525;--dark-black: #141414;--black-shade: #12121221;--black-screen-shade: #0000002b;--black-card-border: #00000082;--light-blue: #2b48ff;--blue: #0022ff;--dark-blue: #041dc0;--blue-shade: #0022ff21;--blue-screen-shade: #0022ff2b;--blue-card-border: #0022ff82;--light-brown: rgb(113, 80, 39);--brown: #824f11;--dark-brown: #5d3607;--brown-shade: #824f112b;--brown-screen-shade: #824f112b;--brown-card-border: #824f1182;--light-chartreuse: #a1f955;--chartreuse: #88e03b;--dark-chartreuse: #70c626;--chartreuse-shade: #88e03b33;--chartreuse-screen-shade: #88e03b4a;--chartreuse-card-border: #88e03b82;--light-gray-card: #c4c4c4;--gray-card: #a3a3a3;--dark-gray-card: #7a7a7a;--gray-shade: #9b9b9b21;--gray-screen-shade: #6969692b;--gray-card-border: #a3a3a382;--light-green: #00ac00;--green: #008900;--dark-green: #007d00;--green-shade: #00960030;--green-screen-shade: #0096003b;--green-card-border: #00890082;--light-lime: #60ed2d;--lime: #4dca20;--dark-lime: #3fa21a;--lime-shade: #4dca2030;--lime-screen-shade: #4dca203b;--lime-card-border: #4dca2082;--light-magenta: #c054c0;--magenta: #aa31aa;--dark-magenta: #781678;--magenta-shade: #aa31aa29;--magenta-screen-shade: #aa31aa33;--magenta-card-border: #aa31aa82;--light-olive: #90bd90;--olive: #97a15a;--dark-olive: #5c785c;--olive-shade: #97a15a21;--olive-screen-shade: #97a15a2b;--olive-card-border: #97a15a82;--light-orange: #f89f22;--orange: #ee8b00;--dark-orange: #ba6900;--orange-shade: #ee8b0030;--orange-screen-shade: #ee8b0036;--orange-card-border: #ee8b0082;--light-pink: #ffd2da;--pink: #ff8fb8;--dark-pink: #f8659b;--pink-shade: #ff8fb831;--pink-screen-shade: #ff8fb840;--pink-card-border: #ff8fb882;--light-purple: #9e41c6;--purple: #7a1ea0;--dark-purple: #5d0f7e;--purple-shade: #7a1ea033;--purple-screen-shade: #7a1ea033;--purple-card-border: #7a1ea082;--rainbow: linear-gradient(to bottom, #d40000, #ee8b00, #ffee00, #00ff00, #0022ff, #8800c7);--rainbow-border-color: linear-gradient(to bottom, #d4000056, #ee8b0056, #ffee0056, #00ff0056, #0022ff56, #8800c756) 1 100%;--rainbow-shade: linear-gradient(to bottom, #d4000042, #ee8b0042, #ffee0042, #00ff0042, #0022ff42, #8800c742) 1 100%;--rainbow-screen-shade: #ffd00047;--light-red: #f41818;--red: #d40000;--dark-red: #a30000;--red-shade: #d4000021;--red-screen-shade: #d400002b;--red-card-border: #d4000082;--light-tan: #d1ba9d;--tan: #ad9981;--dark-tan: #867764;--tan-shade: #ad998121;--tan-screen-shade: #ad99812b;--tan-card-border: #ad998182;--light-teal: #34ab99;--teal: #15a08c;--dark-teal: #0b6d5e;--teal-shade: #188e7d30;--teal-screen-shade: #188e7d36;--teal-card-border: #15a08c82;--light-vermillion: #ff7835;--vermillion: #f95300;--dark-vermillion: #d14600;--vermillion-shade: #f9530026;--vermillion-screen-shade: #f9530033;--vermillion-card-border: #f9530082;--light-violet: #8b61ff;--violet: #7543ff;--dark-violet: #5722e8;--violet-shade: #7543ff26;--violet-screen-shade: #7543ff34;--violet-card-border: #7543ff82;--light-yellow: #ffeb50;--yellow: #ffd000;--dark-yellow: #edb100;--yellow-shade: #ffd00030;--yellow-screen-shade: #ffd00047;--yellow-card-border: #ffd00082;--link-color: #1b8500;--link-color-hover: #25c000;--input-border: 3px dashed #efefef;--input-border-solid: 3px solid #efefef;--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-disabled: 3px solid var(--light-gray);--input-border-hover: 3px solid var(--primary-color);--input-border-radius: 8px;--input-border-transparent: 3px dashed transparent;--input-border-subtle: 3px dashed rgba(255, 255, 255, 0.1);--quick-transition: all ease 0.25s;--ease-transition: all ease 0.5s;--big-shadow: 0px 0px 36px 0px #000000;--small-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);--ball-color-blue: #0000ff;--ball-gradient-blue: radial-gradient(circle at 20% 20%, #0000ff, #0000ad);--ball-color-green: #008000;--ball-gradient-green: radial-gradient(circle at 20% 20%, #008000, #004a00);--ball-color-white: #ffffff;--ball-gradient-white: radial-gradient(circle at 20% 20%, var(--white), #ebebeb);--ball-color-red: #ff0000;--ball-gradient-red: radial-gradient(circle at 20% 20%, #ff0000, #910000);--ball-color-yellow: #f7bd00;--ball-gradient-yellow: radial-gradient(circle at 20% 20%, #ffe52a, #f7bd00);--ball-color-inner: #ffffff;--ball-color-text: #222222}:root:has(.light-scheme){--body-background: var(--white);--body-foreground: var(--dark-gray);--background: var(--off-white);--foreground: var(--near-black)}:root:has(.light-scheme) .light-scheme:not(.blue,.brown,.green,.magenta,.purple,.red,.teal,.vermillion,.violet){--primary-button-text-color: var(--near-black)}:root:has(.light-scheme) .light-scheme.amber .bingo-board .bingo-board-row>div.bingo-board-letter,:root:has(.light-scheme) .light-scheme.orange .bingo-board .bingo-board-row>div.bingo-board-letter,:root:has(.light-scheme) .light-scheme.chartreuse .bingo-board .bingo-board-row>div.bingo-board-letter,:root:has(.light-scheme) .light-scheme.pink .bingo-board .bingo-board-row>div.bingo-board-letter,:root:has(.light-scheme) .light-scheme.lime .bingo-board .bingo-board-row>div.bingo-board-letter,:root:has(.light-scheme) .light-scheme.yellow .bingo-board .bingo-board-row>div.bingo-board-letter{color:var(--near-black)}:root .amber,:root .chartreuse,:root .orange,:root .pink,:root .lime,:root .yellow{--icon-button-color: var(--near-black)}:root .amber .dropdown-group .dropdown button:hover,:root .chartreuse .dropdown-group .dropdown button:hover,:root .orange .dropdown-group .dropdown button:hover,:root .pink .dropdown-group .dropdown button:hover,:root .lime .dropdown-group .dropdown button:hover,:root .yellow .dropdown-group .dropdown button:hover{color:var(--near-black)}:root .rainbow .dropdown-group .dropdown button:hover{color:var(--near-black)}:root .card-block .card,:root .pattern-block .pattern-display{--bingo-lettering-color: var(--white);--card-background: var(--lpb-blue);--card-border-color: var(--lpb-card-border);--shaded-border-color: var(--lpb-light-blue);--shaded-bg-color: var(--lpb-shade);--screen-shaded-bg-color: var(--lpb-screen-shade)}:root .card-block .card[data-color^=amber],:root .pattern-block .pattern-display[data-color^=amber]{--bingo-lettering-color: var(--light-black);--card-background: var(--amber);--card-border-color: var(--amber-card-border);--shaded-border-color: var(--light-amber);--shaded-bg-color: var(--amber-shade);--screen-shaded-bg-color: var(--amber-screen-shade)}:root .card-block .card[data-color^=aqua],:root .pattern-block .pattern-display[data-color^=aqua]{--bingo-lettering-color: var(--light-black);--card-background: var(--aqua);--card-border-color: var(--aqua-card-border);--shaded-border-color: var(--light-aqua);--shaded-bg-color: var(--aqua-shade);--screen-shaded-bg-color: var(--aqua-screen-shade)}:root .card-block .card[data-color^=black],:root .pattern-block .pattern-display[data-color^=black]{--bingo-lettering-color: var(--white);--card-background: var(--black-card);--card-border-color: var(--black-card-border);--shaded-border-color: var(--light-black);--shaded-bg-color: var(--black-shade);--screen-shaded-bg-color: var(--black-screen-shade)}:root .card-block .card[data-color^=blue],:root .pattern-block .pattern-display[data-color^=blue]{--bingo-lettering-color: var(--white);--card-background: var(--blue);--card-border-color: var(--blue-card-border);--shaded-border-color: var(--light-blue);--shaded-bg-color: var(--blue-shade);--screen-shaded-bg-color: var(--blue-screen-shade)}:root .card-block .card[data-color^=brown],:root .pattern-block .pattern-display[data-color^=brown]{--bingo-lettering-color: var(--white);--card-background: var(--brown);--card-border-color: var(--brown-card-border);--shaded-border-color: var(--light-brown);--shaded-bg-color: var(--brown-shade);--screen-shaded-bg-color: var(--brown-screen-shade)}:root .card-block .card[data-color^=chartreuse],:root .pattern-block .pattern-display[data-color^=chartreuse]{--bingo-lettering-color: var(--light-black);--card-background: var(--chartreuse);--card-border-color: var(--chartreuse-card-border);--shaded-border-color: var(--light-chartreuse);--shaded-bg-color: var(--chartreuse-shade);--screen-shaded-bg-color: var(--chartreuse-screen-shade)}:root .card-block .card[data-color^=gray],:root .pattern-block .pattern-display[data-color^=gray]{--bingo-lettering-color: var(--near-black);--card-background: var(--gray-card);--card-border-color: var(--gray-card-border);--shaded-border-color: var(--light-gray-card);--shaded-bg-color: var(--gray-shade);--screen-shaded-bg-color: var(--gray-screen-shade)}:root .card-block .card[data-color^=green],:root .pattern-block .pattern-display[data-color^=green]{--bingo-lettering-color: var(--white);--card-background: var(--green);--card-border-color: var(--green-card-border);--shaded-border-color: var(--light-green);--shaded-bg-color: var(--green-shade);--screen-shaded-bg-color: var(--green-screen-shade)}:root .card-block .card[data-color^=lime],:root .pattern-block .pattern-display[data-color^=lime]{--bingo-lettering-color: var(--near-black);--card-background: var(--lime);--card-border-color: var(--lime-card-border);--shaded-border-color: var(--light-lime);--shaded-bg-color: var(--lime-shade);--screen-shaded-bg-color: var(--lime-screen-shade)}:root .card-block .card[data-color^=magenta],:root .pattern-block .pattern-display[data-color^=magenta]{--bingo-lettering-color: var(--white);--card-background: var(--magenta);--card-border-color: var(--magenta-card-border);--shaded-border-color: var(--light-magenta);--shaded-bg-color: var(--magenta-shade);--screen-shaded-bg-color: var(--magenta-screen-shade)}:root .card-block .card[data-color^=olive],:root .pattern-block .pattern-display[data-color^=olive]{--bingo-lettering-color: var(--near-black);--card-background: var(--olive);--card-border-color: var(--olive-card-border);--shaded-border-color: var(--light-olive);--shaded-bg-color: var(--olive-shade);--screen-shaded-bg-color: var(--olive-screen-shade)}:root .card-block .card[data-color^=orange],:root .pattern-block .pattern-display[data-color^=orange]{--bingo-lettering-color: var(--near-black);--card-background: var(--orange);--card-border-color: var(--orange-card-border);--shaded-border-color: var(--light-orange);--shaded-bg-color: var(--orange-shade);--screen-shaded-bg-color: var(--orange-screen-shade)}:root .card-block .card[data-color^=pink],:root .pattern-block .pattern-display[data-color^=pink]{--bingo-lettering-color: var(--near-black);--card-background: var(--pink);--card-border-color: var(--pink-card-border);--shaded-border-color: var(--light-pink);--shaded-bg-color: var(--pink-shade);--screen-shaded-bg-color: var(--pink-screen-shade)}:root .card-block .card[data-color^=purple],:root .pattern-block .pattern-display[data-color^=purple]{--bingo-lettering-color: var(--white);--card-background: var(--purple);--card-border-color: var(--purple-card-border);--shaded-border-color: var(--light-purple);--shaded-bg-color: var(--purple-shade);--screen-shaded-bg-color: var(--purple-screen-shade)}:root .card-block .card[data-color^=rainbow],:root .pattern-block .pattern-display[data-color^=rainbow]{--bingo-lettering-color: var(--white);--card-background: var(--rainbow);--card-border-color: var(--rainbow-border-color);--shaded-border-color: var(--light-rainbow);--shaded-bg-color: var(--rainbow-shade);--screen-shaded-bg-color: var(--rainbow-screen-shade)}:root .card-block .card[data-color^=red],:root .pattern-block .pattern-display[data-color^=red]{--bingo-lettering-color: var(--white);--card-background: var(--red);--card-border-color: var(--red-card-border);--shaded-border-color: var(--light-red);--shaded-bg-color: var(--red-shade);--screen-shaded-bg-color: var(--red-screen-shade)}:root .card-block .card[data-color^=tan],:root .pattern-block .pattern-display[data-color^=tan]{--bingo-lettering-color: var(--near-black);--card-background: var(--tan);--card-border-color: var(--tan-card-border);--shaded-border-color: var(--light-tan);--shaded-bg-color: var(--tan-shade);--screen-shaded-bg-color: var(--tan-screen-shade)}:root .card-block .card[data-color^=teal],:root .pattern-block .pattern-display[data-color^=teal]{--bingo-lettering-color: var(--black);--card-background: var(--teal);--card-border-color: var(--teal-card-border);--shaded-border-color: var(--light-teal);--shaded-bg-color: var(--teal-shade);--screen-shaded-bg-color: var(--teal-screen-shade)}:root .card-block .card[data-color^=vermillion],:root .pattern-block .pattern-display[data-color^=vermillion]{--bingo-lettering-color: var(--near-black);--card-background: var(--vermillion);--card-border-color: var(--vermillion-card-border);--shaded-border-color: var(--light-vermillion);--shaded-bg-color: var(--vermillion-shade);--screen-shaded-bg-color: var(--vermillion-screen-shade)}:root .card-block .card[data-color^=violet],:root .pattern-block .pattern-display[data-color^=violet]{--bingo-lettering-color: var(--white);--card-background: var(--violet);--card-border-color: var(--violet-card-border);--shaded-border-color: var(--light-violet);--shaded-bg-color: var(--violet-shade);--screen-shaded-bg-color: var(--violet-screen-shade)}:root .card-block .card[data-color^=yellow],:root .pattern-block .pattern-display[data-color^=yellow]{--bingo-lettering-color: var(--near-black);--card-background: var(--yellow);--card-border-color: var(--yellow-card-border);--shaded-border-color: var(--light-yellow);--shaded-bg-color: var(--yellow-shade);--screen-shaded-bg-color: var(--yellow-screen-shade)}:root .card-block .card[data-color^=dk-gray],:root .pattern-block .pattern-display[data-color^=dk-gray]{--bingo-lettering-color: var(--white);--card-background: #353535;--card-border-color: #35353582;--shaded-border-color: #35353542;--shaded-bg-color: #b5b5b582;--screen-shaded-bg-color: #35353582}:root .lpb{--accent-background: var(--lpb-light-blue);--focus-color: var(--lpb-light-blue);--link-color: var(--lpb-blue);--link-color-hover: var(--lpb-dark-blue);--primary-color: var(--lpb-blue);--secondary-color: var(--lpb-dark-blue);--primary-background: linear-gradient(45deg, var(--lpb-blue), var(--lpb-dark-blue));--primary-fill: linear-gradient(45deg, var(--lpb-blue), var(--lpb-dark-blue));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--lpb-blue), var(--lpb-dark-blue)) 1 100%;--settings-value-color: var(--lpb-dark-blue);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .lpb .logo-color{fill:var(--lpb-blue)}:root .amber{--accent-background: var(--light-amber);--focus-color: var(--light-amber);--link-color: var(--amber);--link-color-hover: var(--dark-amber);--primary-color: var(--amber);--secondary-color: var(--dark-amber);--primary-background: linear-gradient(45deg, var(--light-amber), var(--amber), var(--dark-amber));--primary-fill: linear-gradient(45deg, var(--light-amber), var(--amber), var(--dark-amber));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-amber), var(--amber), var(--dark-amber)) 1 100%;--settings-value-color: var(--dark-amber);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .amber .logo-color{fill:var(--amber)}:root .blue{--accent-background: var(--light-blue);--focus-color: var(--light-blue);--link-color: var(--blue);--link-color-hover: var(--dark-blue);--primary-color: var(--blue);--secondary-color: var(--dark-blue);--primary-background: linear-gradient(45deg, var(--light-blue), var(--blue), var(--dark-blue));--primary-fill: linear-gradient(45deg, var(--light-blue), var(--blue), var(--dark-blue));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-blue), var(--blue), var(--dark-blue)) 1 100%;--settings-value-color: var(--dark-blue);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .blue .logo-color{fill:var(--blue)}:root .brown{--accent-background: var(--light-brown);--focus-color: var(--light-brown);--link-color: var(--brown);--link-color-hover: var(--dark-brown);--primary-color: var(--brown);--secondary-color: var(--dark-brown);--primary-background: linear-gradient(45deg, var(--light-brown), var(--brown), var(--dark-brown));--primary-fill: linear-gradient(45deg, var(--light-brown), var(--brown), var(--dark-brown));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-brown), var(--brown), var(--dark-brown)) 1 100%;--settings-value-color: var(--dark-brown);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .brown .logo-color{fill:var(--brown)}:root .chartreuse{--accent-background: var(--light-chartreuse);--focus-color: var(--light-chartreuse);--link-color: var(--chartreuse);--link-color-hover: var(--dark-chartreuse);--primary-color: var(--chartreuse);--secondary-color: var(--dark-chartreuse);--primary-background: linear-gradient(45deg, var(--light-chartreuse), var(--chartreuse), var(--dark-chartreuse));--primary-fill: linear-gradient(45deg, var(--light-chartreuse), var(--chartreuse), var(--dark-chartreuse));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-chartreuse), var(--chartreuse), var(--dark-chartreuse)) 1 100%;--settings-value-color: var(--dark-chartreuse);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .chartreuse .logo-color{fill:var(--chartreuse)}:root .green{--accent-background: var(--light-green);--focus-color: var(--light-green);--link-color: var(--green);--link-color-hover: var(--dark-green);--primary-color: var(--green);--secondary-color: var(--dark-green);--primary-background: linear-gradient(45deg, var(--light-green), var(--green), var(--dark-green));--primary-fill: linear-gradient(45deg, var(--light-green), var(--green), var(--dark-green));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-green), var(--green), var(--dark-green)) 1 100%;--settings-value-color: var(--dark-green);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .green .logo-color{fill:var(--green)}:root .magenta{--accent-background: var(--light-magenta);--focus-color: var(--light-magenta);--link-color: var(--magenta);--link-color-hover: var(--dark-magenta);--primary-color: var(--magenta);--secondary-color: var(--dark-magenta);--primary-background: linear-gradient(45deg, var(--light-magenta), var(--magenta), var(--dark-magenta));--primary-fill: linear-gradient(45deg, var(--light-magenta), var(--magenta), var(--dark-magenta));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-magenta), var(--magenta), var(--dark-magenta)) 1 100%;--settings-value-color: var(--dark-magenta);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .magenta .logo-color{fill:var(--magenta)}:root .orange{--accent-background: var(--light-orange);--focus-color: var(--light-orange);--link-color: var(--orange);--link-color-hover: var(--dark-orange);--primary-color: var(--orange);--secondary-color: var(--dark-orange);--primary-background: linear-gradient(45deg, var(--light-orange), var(--orange), var(--dark-orange));--primary-fill: linear-gradient(45deg, var(--light-orange), var(--orange), var(--dark-orange));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-orange), var(--orange), var(--dark-orange)) 1 100%;--settings-value-color: var(--dark-orange);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .orange .logo-color{fill:var(--orange)}:root .pink{--accent-background: var(--light-pink);--focus-color: var(--light-pink);--link-color: var(--pink);--link-color-hover: var(--dark-pink);--primary-color: var(--pink);--secondary-color: var(--dark-pink);--primary-background: linear-gradient(45deg, var(--light-pink), var(--pink), var(--dark-pink));--primary-fill: linear-gradient(45deg, var(--light-pink), var(--pink), var(--dark-pink));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-pink), var(--pink), var(--dark-pink)) 1 100%;--settings-value-color: var(--dark-pink);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .pink .logo-color{fill:var(--pink)}:root .purple{--accent-background: var(--light-purple);--focus-color: var(--light-purple);--link-color: var(--light-purple);--link-color-hover: var(--purple);--primary-color: var(--purple);--secondary-color: var(--dark-purple);--primary-background: linear-gradient(45deg, var(--light-purple), var(--purple), var(--dark-purple));--primary-fill: linear-gradient(45deg, var(--light-purple), var(--purple), var(--dark-purple));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-purple), var(--purple), var(--dark-purple)) 1 100%;--settings-value-color: var(--dark-purple);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .purple .logo-color{fill:var(--light-purple)}:root .purple .text-button{color:var(--light-purple)}:root .rainbow{--accent-background: var(--light-amber);--focus-color: var(--amber);--link-color: var(--amber);--link-color-hover: var(--dark-red);--primary-color: var(--red);--secondary-color: var(--dark-red);--primary-background: linear-gradient(45deg, #d40000, #ee8b00, #ffee00, #00ff00, #0022ff, #8800c7);--primary-fill: rainbowGradient 5s infinite;--primary-animation: rainbowGradientColor 5s infinite;--primary-border-source: linear-gradient(to bottom, #d40000, #ee8b00, #ffee00, #00ff00, #0022ff, #8800c7) 1 100%;--settings-value-color: var(--dark-red);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .rainbow .settings-panel a{color:var(--dark-purple)}:root .rainbow header{background:var(--primary-background)}:root .rainbow a:hover{animation:var(--primary-animation)}:root .rainbow .logo-color,:root .rainbow circle.logo-color{fill:var(--lpb-blue);animation:var(--primary-fill)}:root .rainbow .pattern-block .pattern-display .row:nth-of-type(0) .col.selected span{background-color:#d40000}:root .rainbow .pattern-block .pattern-display .row:nth-of-type(1) .col.selected span{background-color:#de7800}:root .rainbow .pattern-block .pattern-display .row:nth-of-type(2) .col.selected span{background-color:#ffcf00}:root .rainbow .pattern-block .pattern-display .row:nth-of-type(3) .col.selected span{background-color:#00de00}:root .rainbow .pattern-block .pattern-display .row:nth-of-type(4) .col.selected span{background-color:#02f}:root .rainbow .pattern-block .pattern-display .row:nth-of-type(5) .col.selected span{background-color:#8800c7}:root .rainbow .countdown.flashing{animation:countdown-rainbow 1000ms infinite}:root .red{--accent-background: var(--light-red);--focus-color: var(--light-red);--link-color: var(--red);--link-color-hover: var(--dark-red);--primary-color: var(--red);--secondary-color: var(--dark-red);--primary-background: linear-gradient(45deg, var(--light-red), var(--red), var(--dark-red));--primary-fill: linear-gradient(45deg, var(--light-red), var(--red), var(--dark-red));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-red), var(--red), var(--dark-red)) 1 100%;--settings-value-color: var(--dark-red);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .red .logo-color{fill:var(--red)}:root .teal{--accent-background: var(--light-teal);--focus-color: var(--light-teal);--link-color: var(--teal);--link-color-hover: var(--dark-teal);--primary-color: var(--teal);--secondary-color: var(--dark-teal);--primary-background: linear-gradient(45deg, var(--light-teal), var(--teal), var(--dark-teal));--primary-fill: linear-gradient(45deg, var(--light-teal), var(--teal), var(--dark-teal));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-teal), var(--teal), var(--dark-teal)) 1 100%;--settings-value-color: var(--dark-teal);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .teal .logo-color{fill:var(--teal)}:root .vermillion{--accent-background: var(--light-vermillion);--focus-color: var(--light-vermillion);--link-color: var(--vermillion);--link-color-hover: var(--dark-vermillion);--primary-color: var(--vermillion);--secondary-color: var(--dark-vermillion);--primary-background: linear-gradient(45deg, var(--light-vermillion), var(--vermillion), var(--dark-vermillion));--primary-fill: linear-gradient(45deg, var(--light-vermillion), var(--vermillion), var(--dark-vermillion));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-vermillion), var(--vermillion), var(--dark-vermillion)) 1 100%;--settings-value-color: var(--dark-vermillion);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .vermillion .logo-color{fill:var(--vermillion)}:root .violet{--accent-background: var(--light-violet);--focus-color: var(--light-violet);--link-color: var(--violet);--link-color-hover: var(--dark-violet);--primary-color: var(--violet);--secondary-color: var(--dark-violet);--primary-background: linear-gradient(45deg, var(--light-violet), var(--violet), var(--dark-violet));--primary-fill: linear-gradient(45deg, var(--light-violet), var(--violet), var(--dark-violet));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-violet), var(--violet), var(--dark-violet)) 1 100%;--settings-value-color: var(--dark-violet);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .violet .logo-color{fill:var(--violet)}:root .yellow{--accent-foreground: var(--dark-gray);--accent-background: var(--light-yellow);--focus-color: var(--light-yellow);--link-color: var(--yellow);--link-color-hover: var(--dark-yellow);--primary-color: var(--dark-yellow);--secondary-color: var(--yellow);--primary-background: linear-gradient(45deg, var(--light-yellow), var(--yellow), var(--dark-yellow));--primary-fill: linear-gradient(45deg, var(--light-yellow), var(--yellow), var(--dark-yellow));--primary-animation: none;--primary-border-source: linear-gradient(to bottom, var(--light-yellow), var(--yellow), var(--dark-yellow)) 1 100%;--settings-value-color: var(--dark-yellow);--input-border-focus: 3px solid var(--focus-color);--input-border-active: 3px solid var(--secondary-color);--input-border-hover: 3px solid var(--primary-color)}:root .yellow .logo-color{fill:var(--yellow)}*{box-sizing:border-box}body,html{background:var(--body-background);color:var(--body-foreground);font-size:var(--base-font);margin:0;padding:0;position:relative;overflow-x:hidden}body.no-scroll,html.no-scroll{overflow:hidden;height:100%}body,html,#root,.body-container{min-height:100vh}.body-container{display:flex;flex-direction:column}header,main{flex:0}main{margin:0 auto;padding:var(--size-xlg);width:100%;flex-grow:4}.svg-icon{fill:currentColor;vertical-align:middle}section{padding:var(--size-xxlg) var(--size-xxlg)}section>.container{max-width:var(--container-width)}section>.container:last-of-type{padding-bottom:var(--size-xxxlg)}.back-link{float:right}.caller-block+footer{display:none !important}.logo{height:auto;width:100%;max-height:8rem}.logo .logo-stroke{fill:none;color:#00a4ff;stroke:var(--white);stroke-width:2px;stroke-miterlimit:10}.logo .logo-med{fill:var(--medium-gray) !important}.logo .logo-dark{fill:var(--dark-gray) !important}.logo .logo-white{fill:var(--white) !important}.logo .logo-color{fill:var(--lpb-blue)}.logo .logo-text-color{fill:var(--focus-color)}.spinner{display:inline-flex;height:100%;align-self:center;margin-right:10px;font-size:1.5rem;color:var(--focus-color);transform:rotate(0deg);animation:spin 2s ease-in-out infinite}header{background:var(--primary-color);padding:var(--size-md)}header>.container{max-width:var(--container-width)}header .home-link{color:var(--white);font-size:1.5rem;font-weight:bold;text-decoration:none;text-shadow:1px 1px rgba(0,0,0,.45)}header .home-link:hover{color:var(--off-white)}header .home-link .logo{height:3rem;margin:-0.75rem auto;width:auto}header .home-link .logo .logo-color{fill:var(--secondary-color)}header .header-icon{text-align:center;align-content:center}header .header-icon .icon-button{border:var(--input-border-transparent);display:inline-flex;justify-content:center;margin:0;padding:2px 5px;width:calc(var(--icon-size) + 15px)}header .header-icon .icon-button svg{transition:var(--ease-transition);z-index:1;color:var(--off-white);line-height:var(--icon-size);vertical-align:-webkit-baseline-middle;width:var(--icon-size);height:var(--icon-size);fill:var(--icon-button-color)}header .header-icon:hover .icon-button{border:var(--input-border-transparent);background-color:var(--off-white)}header .header-icon:hover .icon-button svg{fill:var(--secondary-color)}header .translate-button{position:relative}header .translate-button svg{z-index:1}header .translate-button:focus,header .translate-button:focus-within{border:3px solid var(--focus-color)}header .translate-button:hover svg{color:var(--secondary-color)}header #google_translate_element{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}header #google_translate_element .goog-te-gadget{font-size:0;position:absolute;top:0;left:0;right:0;bottom:0;display:block;height:100%}header #google_translate_element .goog-te-gadget span{display:none}header #google_translate_element .goog-te-combo{background:rgba(0,0,0,0);border:none;color:rgba(0,0,0,0);cursor:pointer;height:calc(var(--icon-size) + 5px);position:absolute;top:0;right:0;width:200px;height:100%;margin:0;padding:0;width:100%;-moz-appearance:none;-webkit-appearance:none;appearance:none}footer{flex:0;padding:var(--size-md) var(--size-xxlg);width:100%}footer>.container{max-width:var(--container-width)}footer p,footer a{color:var(--muted-foreground)}footer p:not(.notranslate) a{padding:.5rem;line-height:1.5}footer a:hover{color:var(--muted-foreground-hover)}.karol-headshot{width:15rem;margin:1rem;border:5px solid #fff}.aside{background:rgba(0,0,0,.3);padding:var(--size-xlg) !important}.bingo-caller-photo{float:right;width:200px;padding:0 1rem}.qr-code-link{text-align:center;font-size:14px;display:block}.qr-code-link img{margin-bottom:10px}@media screen and (max-width: 700px){.about-page .container>.col{margin-left:auto !important;margin-right:auto !important}.about-page .aside{width:100%;flex:1 1 !important;text-align:center}.about-page .container.desktop-no-wrap>.col>.row.desktop-no-wrap>.col.grow{width:100%;flex:100%}.about-page .donate{margin-bottom:var(--size-xlg)}}.donate{height:150px;width:auto}.helper-block{cursor:pointer;display:inline-block;margin-left:5px}.helper-block .helper-text{display:block;height:0;overflow:hidden;position:relative;width:0;visibility:hidden;opacity:0;max-width:250px}.helper-block .helper-info{color:var(--primary-color);position:relative}.helper-block .helper-info:hover:after{top:11px;left:2px;border:solid rgba(0,0,0,0);content:"";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:var(--dark-gray);border-width:7px}.helper-block .helper-info:hover+.helper-text{transition:opacity ease .5s;background-color:var(--dark-gray);color:var(--off-white);font-size:var(--small-font-size);height:auto;line-height:1.5;opacity:1;overflow:visible !important;padding:10px;position:absolute;visibility:visible;width:100%;z-index:2;border-radius:.25em}.helper-block .helper-info:hover+.helper-text{margin:.25em 0 0 0}.helper-block.right .helper-info:hover+.helper-text{right:-0.25em}.helper-block.left .helper-info:hover+.helper-text{left:-0.25em}.additional-patterns .pattern-block{--space-size: 1.45rem}.additional-patterns h3{margin:0}.additional-patterns h3 button{float:right}.back-to-top{position:fixed;bottom:var(--size-xxlg);right:var(--size-xxlg);font-size:var(--size-xxlg);border-radius:100%;animation:bounce 1s infinite}.back-to-top a{display:block;padding:.25em .5em;background:#eee;text-decoration:none}.hide{display:none !important}.show{display:block}[data-visibility=show]{visibility:visible}[data-visibility=hide]{visibility:hidden;display:none !important}[data-disabled=true]{opacity:.3;pointer-events:none;cursor:not-allowed}.inline-block{display:inline-block}.block{display:block}.vertical-align-middle{vertical-align:middle}.relative{position:relative}.spacer{display:inline-block;padding:0 .5em}.transparent-background{background:rgba(0,0,0,.2)}.grow{flex-grow:1}.modal{--width: 400px;color:var(--foreground);position:fixed;top:10%;left:calc(50% - var(--width)/2);width:var(--width);max-width:90%;margin:0 auto;display:block;text-align:center;background:var(--background);box-shadow:0 0 5px 1px rgba(0,0,0,.4);padding:var(--size-xxlg);z-index:999;white-space:pre-wrap}.modal.large-modal{--width: 800px;top:2%}.modal .modal-content{width:100%;height:100%;position:relative}.modal button:not([disabled]):hover{color:var(--primary-color) !important}.modal .close-button{position:absolute;top:0;right:0;color:#fff;background:rgba(0,0,0,0);border:none;font-size:25px;font-family:var(--body-font)}@media screen and (max-width: 700px){.modal{top:unset;left:0;right:0;width:90%}}.modal-backdrop{position:absolute;z-index:998;top:0;left:0;right:0;bottom:0;width:100%;overflow:hidden;background:rgba(0,0,0,.65)}.modal-backdrop:hover{pointer-events:none !important;cursor:pointer !important}.flex{display:flex}@media screen and (min-width: 816px){.flex{display:block}}.container{width:100%;margin:0 auto}.row{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%}.row.vertical{flex-flow:column}.row.vertical-row{display:inline-flex;flex-flow:column nowrap;flex:1 1 20%}.row.justify-center{justify-content:center}.row.justify-start{justify-content:flex-start}.row.justify-start>.col{flex:0 1;white-space:nowrap}.row.justify-end{justify-content:flex-end}.row.justify-space-between{justify-content:space-between}.row.align-stretch{align-items:stretch}.row.align-start{align-items:flex-start}.row.align-end{align-items:flex-end}.row.align-center{align-items:center}.row.no-padding,.row.no-padding .col{padding:0}.row.no-wrap{flex-wrap:nowrap}.row.wrap{flex-wrap:wrap}.row.set-size>.col{flex-basis:0}.row.gutters-sm>.col{margin-left:.25rem;margin-right:.25rem}.row.gutters-md>.col{margin-left:.5rem;margin-right:.5rem}.row.gutters-lg>.col{margin-left:1rem;margin-right:1rem}.row.gutters-xlg>.col{margin-left:1.25rem;margin-right:1.25rem}.row.gutters-xxlg>.col{margin-left:1.5rem;margin-right:1.5rem}.row.three-cols>.col{width:33%}@media screen and (min-width: 700px){.row:not(.maintain-gutters)>.col:first-of-type{padding-left:0}.row:not(.maintain-gutters)>.col:last-of-type{padding-right:0}}.row>.col{flex:1 1 auto}.row>.col.full-width{width:100%;flex:1 0 100%}.row>.col:first-child{margin-left:0}.row>.col:last-child{margin-right:0}.row>.col.shrink{flex:0 1}.row>.col.grow{flex:1 0}.row>.col.auto{flex:auto}.row>.col.no-wrap{flex-wrap:nowrap}.row>.col.stretch{align-self:stretch}.row>.col.colspan1,.row>.col.colspan2,.row>.col.colspan3,.row>.col.colspan4,.row>.col.colspan5,.row>.col.colspan6,.row>.col.colspan7,.row>.col.colspan8,.row>.col.colspan9,.row>.col.colspan10{flex:1 1}@media screen and (max-width: 700px){.row>.col.colspan1,.row>.col.colspan2,.row>.col.colspan3,.row>.col.colspan4,.row>.col.colspan5,.row>.col.colspan6,.row>.col.colspan7,.row>.col.colspan8,.row>.col.colspan9,.row>.col.colspan10{width:100% !important;max-width:100% !important;flex:100%;padding:0}}.row>.col.colspan1{width:calc(var(--single-col-width)*1);max-width:calc(var(--single-col-width)*1)}.row>.col.colspan2{width:calc(var(--single-col-width)*2);max-width:calc(var(--single-col-width)*2)}.row>.col.colspan3{width:calc(var(--single-col-width)*3);max-width:calc(var(--single-col-width)*3)}.row>.col.colspan4{width:calc(var(--single-col-width)*4);max-width:calc(var(--single-col-width)*4)}.row>.col.colspan5{width:calc(var(--single-col-width)*5);max-width:calc(var(--single-col-width)*5)}.row>.col.colspan6{width:calc(var(--single-col-width)*6);max-width:calc(var(--single-col-width)*6)}.row>.col.colspan7{width:calc(var(--single-col-width)*7);max-width:calc(var(--single-col-width)*7)}.row>.col.colspan8{width:calc(var(--single-col-width)*8);max-width:calc(var(--single-col-width)*8)}.row>.col.colspan9{width:calc(var(--single-col-width)*9);max-width:calc(var(--single-col-width)*9)}.row>.col.colspan10{width:calc(var(--single-col-width)*10);max-width:calc(var(--single-col-width)*10)}.no-padding{padding:0}.padding-sm{padding:var(--size-sm)}.padding-md{padding:var(--size-md)}.padding-lg{padding:var(--size-lg)}.padding-xlg{padding:var(--size-xlg)}.padding-xxlg{padding:var(--size-xxlg)}.padding-top-none{padding-top:0}.padding-top-sm{padding-top:var(--size-sm)}.padding-top-md{padding-top:var(--size-md)}.padding-top-lg{padding-top:var(--size-lg)}.padding-top-xlg{padding-top:var(--size-xlg)}.padding-top-xxlg{padding-top:var(--size-xxlg)}.padding-bottom-none{padding-bottom:0}.padding-bottom-sm{padding-bottom:var(--size-sm)}.padding-bottom-md{padding-bottom:var(--size-md)}.padding-bottom-lg{padding-bottom:var(--size-lg)}.padding-bottom-xlg{padding-bottom:var(--size-xlg)}.padding-bottom-xxlg{padding-bottom:var(--size-xxlg)}.padding-left-none{padding-left:0}.padding-left-sm{padding-left:var(--size-sm)}.padding-left-md{padding-left:var(--size-md)}.padding-left-lg{padding-left:var(--size-lg)}.padding-left-xlg{padding-left:var(--size-xlg)}.padding-left-xxlg{padding-left:var(--size-xxlg)}.padding-right-none{padding-right:0}.padding-right-sm{padding-right:var(--size-sm)}.padding-right-md{padding-right:var(--size-md)}.padding-right-lg{padding-right:var(--size-lg)}.padding-right-xlg{padding-right:var(--size-xlg)}.padding-right-xxlg{padding-right:var(--size-xxlg)}.padding-horizontal-none{padding-left:0;padding-right:0}.padding-horizontal-sm{padding-left:var(--size-sm);padding-right:var(--size-sm)}.padding-horizontal-md{padding-left:var(--size-md);padding-right:var(--size-md)}.padding-horizontal-lg{padding-left:var(--size-lg);padding-right:var(--size-lg)}.padding-horizontal-xlg{padding-left:var(--size-xlg);padding-right:var(--size-xlg)}.padding-horizontal-xxlg{padding-left:var(--size-xxlg);padding-right:var(--size-xxlg)}.padding-vertical-none{padding-top:0;padding-bottom:0}.padding-vertical-sm{padding-top:var(--size-sm);padding-bottom:var(--size-sm)}.padding-vertical-md{padding-top:var(--size-md);padding-bottom:var(--size-md)}.padding-vertical-lg{padding-top:var(--size-lg);padding-bottom:var(--size-lg)}.padding-vertical-xlg{padding-top:var(--size-xlg);padding-bottom:var(--size-xlg)}.padding-vertical-xxlg{padding-top:var(--size-xxlg);padding-bottom:var(--size-xxlg)}.no-margin{margin:0}.margin-sm{margin:var(--size-sm)}.margin-md{margin:var(--size-md)}.margin-lg{margin:var(--size-lg)}.margin-xlg{margin:var(--size-xlg)}.margin-xxlg{margin:var(--size-xxlg)}.margin-top-none{margin-top:0}.margin-top-sm{margin-top:var(--size-sm)}.margin-top-md{margin-top:var(--size-md)}.margin-top-lg{margin-top:var(--size-lg)}.margin-top-xlg{margin-top:var(--size-xlg)}.margin-top-xxlg{margin-top:var(--size-xxlg)}.margin-bottom-none{margin-bottom:0}.margin-bottom-sm{margin-bottom:var(--size-sm)}.margin-bottom-md{margin-bottom:var(--size-md)}.margin-bottom-lg{margin-bottom:var(--size-lg)}.margin-bottom-xlg{margin-bottom:var(--size-xlg)}.margin-bottom-xxlg{margin-bottom:var(--size-xxlg)}.margin-left-none{margin-left:0}.margin-left-sm{margin-left:var(--size-sm)}.margin-left-md{margin-left:var(--size-md)}.margin-left-lg{margin-left:var(--size-lg)}.margin-left-xlg{margin-left:var(--size-xlg)}.margin-left-xxlg{margin-left:var(--size-xxlg)}.margin-right-none{margin-right:0}.margin-right-sm{margin-right:var(--size-sm)}.margin-right-md{margin-right:var(--size-md)}.margin-right-lg{margin-right:var(--size-lg)}.margin-right-xlg{margin-right:var(--size-xlg)}.margin-right-xxlg{margin-right:var(--size-xxlg)}.margin-horizontal-auto{margin-left:auto;margin-right:auto}.margin-horizontal-none{margin-left:0;margin-right:0}.margin-horizontal-sm{margin-left:var(--size-sm);margin-right:var(--size-sm)}.margin-horizontal-md{margin-left:var(--size-md);margin-right:var(--size-md)}.margin-horizontal-lg{margin-left:var(--size-lg);margin-right:var(--size-lg)}.margin-horizontal-xlg{margin-left:var(--size-xlg);margin-right:var(--size-xlg)}.margin-horizontal-xxlg{margin-left:var(--size-xxlg);margin-right:var(--size-xxlg)}.margin-vertical-none{margin-top:0;margin-bottom:0}.margin-vertical-sm{margin-top:var(--size-sm);margin-bottom:var(--size-sm)}.margin-vertical-md{margin-top:var(--size-md);margin-bottom:var(--size-md)}.margin-vertical-lg{margin-top:var(--size-lg);margin-bottom:var(--size-lg)}.margin-vertical-xlg{margin-top:var(--size-xlg);margin-bottom:var(--size-xlg)}.margin-vertical-xxlg{margin-top:var(--size-xxlg);margin-bottom:var(--size-xxlg)}@media screen and (min-width: 700px){.desktop-no-margin{margin:0}.desktop-no-horizontal-padding{padding-left:0;padding-right:0}.desktop-no-vertical-padding{padding-top:0;padding-bottom:0}.desktop-no-wrap{flex-wrap:nowrap}.desktop-force-wrap{flex-wrap:wrap}}@media screen and (max-width: 700px){.mobile-no-margin{margin:0}.mobile-no-horizontal-padding{padding-left:0;padding-right:0}.mobile-no-vertical-padding{padding-top:0;padding-bottom:0}.mobile-no-wrap{flex-wrap:nowrap}.mobile-force-wrap{flex-wrap:wrap}}@font-face{font-display:swap;font-family:"Digital";font-weight:normal;font-style:normal;src:url(/4eed57244bb0a0bd583d.woff) format("woff")}@font-face{font-display:swap;font-family:"Roboto";font-weight:normal;font-style:normal;src:url(/774f99460b8c31560a3c.woff)}@font-face{font-display:swap;font-family:"Roboto";font-weight:600;font-style:normal;src:url(/75a1a5b5582b236e0fe3.woff)}@font-face{font-display:swap;font-family:"Roboto Condensed";font-weight:normal;font-style:normal;src:url(/490215d707d82e737710.woff)}@font-face{font-display:swap;font-family:"Roboto Condensed";font-weight:600;font-style:normal;src:url(/309d82ce4277ce12d432.woff)}body,html{font-family:var(--body-font);font-size:18px}h1,h2,h3,h4,h5,h6,.h6{font-family:var(--heading-font);margin-top:0;margin-bottom:12px}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.4rem}h4{font-size:1.2rem}h5{font-size:1rem}h6,.h6{font-size:1rem}p{line-height:150%}.dark-text{color:var(--dark-gray)}.warning-text{color:var(--yellow)}.uppercase-text-small{font-weight:normal;font-family:var(--condensed-font);font-size:var(--small-font-size);line-height:2;text-transform:uppercase;text-align:center;color:var(--off-white)}footer{font-size:var(--small-font-size)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.italic{font-style:italic}.medium-text{font-size:var(--size-xlg);line-height:1.5}.small-text,.small-text *{font-size:.9rem !important;line-height:1.5}.x-small-text,.x-small-text *{font-size:.8rem !important;line-height:1.25}.no-text-wrap{white-space:nowrap}.wrap-text{white-space:normal !important}ol,ul{padding-inline-start:24px}ol li,ul li{line-height:1.5}.new{background:var(--accent-background);color:var(--accent-foreground);padding:.25rem .75rem;border-radius:.5rem;font-size:var(--small-font-size);margin-right:.25rem;vertical-align:middle;display:inline-block;line-height:1rem}@keyframes blink{0%{color:var(--white)}25%{color:var(light-gray)}50%{color:var(--dark-gray)}75%{color:var(--light-gray)}100%{color:var(--white)}}@keyframes blink{0%{color:var(--near-black)}25%{color:var(--med-gray)}50%{color:#b8b8b8}75%{color:var(--med-gray)}100%{color:var(--near-black)}}@keyframes countdown{0%{color:rgba(0,0,0,0)}25%{color:var(--primary-color)}75%{color:var(--primary-color)}100%{color:rgba(0,0,0,0)}}@keyframes countdown-rainbow{0%{color:rgba(0,0,0,0)}14%{color:var(--red)}28%{color:var(--orange)}42%{color:var(--yellow)}56%{color:var(--green)}70%{color:var(--blue)}84%{color:var(--purple)}100%{color:rgba(0,0,0,0)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes bounce{0%{bottom:2rem}50%{bottom:2.5rem}100%{bottom:2rem}}@keyframes rainbowGradient{0%{fill:var(--white)}14%{fill:var(--red)}28%{fill:var(--orange)}42%{fill:var(--yellow)}56%{fill:var(--green)}70%{fill:var(--blue)}84%{fill:var(--purple)}}@keyframes rainbowGradientColor{0%{color:var(--red)}16%{color:var(--orange)}33%{color:var(--yellow)}50%{color:var(--green)}67%{color:var(--blue)}83%{color:var(--purple)}}a{transition:var(--ease-transition);color:var(--link-color)}a:hover{color:var(--link-color-hover)}button,.primary-button,.secondary-button{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);border:var(--input-border);border-radius:var(--input-border-radius);cursor:pointer;color:var(--primary-button-text-color);font-family:var(--condensed-font);font-size:var(--button-font-size);padding:var(--size-md) var(--size-lg);text-transform:uppercase;transition:var(--ease-transition)}button:active,button:focus,button:hover,.primary-button:active,.primary-button:focus,.primary-button:hover,.secondary-button:active,.secondary-button:focus,.secondary-button:hover{border:var(--input-border-hover);color:var(--primary-button-text-color);cursor:pointer}button:disabled,.primary-button:disabled,.secondary-button:disabled{color:var(--gray) !important;cursor:not-allowed}button svg,.primary-button svg,.secondary-button svg{display:flex}button:hover,.primary-button:hover,.secondary-button:hover{color:var(--primary-button-text-color)}a.primary-button,button.primary-button{font-weight:normal;text-decoration:none;background-color:var(--primary-color);border-color:var(--primary-color)}a.primary-button:hover,button.primary-button:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--primary-button-text-color)}a.secondary-button,button.secondary-button{text-decoration:none;border-color:var(--white);background-color:rgba(0,0,0,.1)}a.secondary-button:hover,button.secondary-button:hover{border-color:var(--secondary-color);background-color:rgba(0,0,0,.2)}a.cancel-button,button.cancel-button{text-decoration:none;border-color:rgba(0,0,0,0);color:var(--light-gray)}a.cancel-button:hover,button.cancel-button:hover{border-color:rgba(0,0,0,0)}a:disabled,a:disabled:hover,button:disabled,button:disabled:hover{background-color:rgba(0,0,0,.1);border-color:rgba(0,0,0,0);color:var(--med-gray)}a.close-button,button.close-button{color:var(--primary-color)}a.close-button:hover,button.close-button:hover{color:var(--secondary-color)}a.small-button,button.small-button{text-decoration:none;background-color:var(--primary-color);border:none;font-size:.75rem;padding:.5em 1em;vertical-align:middle}a.small-button:hover,button.small-button:hover{border:none;background-color:var(--secondary-color);color:var(--foreground)}button.text-button,p button{background:rgba(0,0,0,0);border:none;font-family:inherit;font-size:inherit;margin:0;padding:0 .5em;text-transform:inherit;color:var(--primary-color)}label{display:block}input,select,textarea{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:var(--white);border:var(--input-border);border-radius:var(--input-border-radius);color:var(--dark-gray);cursor:pointer;display:block;font-family:var(--condensed-font);font-size:var(--base-font-size);margin:.25em 0;padding:.5em 1em;transition:var(--ease-transition);width:100%}input[type=text],select[type=text],textarea[type=text]{cursor:text}input[type=text]:hover,select[type=text]:hover,textarea[type=text]:hover{cursor:text}input *,select *,textarea *{font-family:var(--condensed-font)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--med-gray)}input:hover,select:hover,textarea:hover{cursor:pointer;border:var(--input-border-hover)}input:active,select:active,textarea:active{border:var(--input-border-active)}input:focus,select:focus,textarea:focus{border:var(--input-border-focus)}input:disabled,select:disabled,textarea:disabled{border:var(--input-border-disabled);color:var(--gray) !important;cursor:not-allowed}textarea{cursor:text !important}form{border-radius:5px;background-color:var(--accent-background);padding:var(--size-xxlg)}form.pattern-form-inner{background-color:rgba(0,0,0,0);padding:0}form input,form textarea{cursor:text}form input:hover,form textarea:hover{cursor:text}form textarea{min-height:200px}.pattern-form{border-radius:5px;background-color:var(--near-black);padding:var(--size-xxlg)}.pattern-form .pattern-block .pattern-display .row .col:not(.pattern-letter) span{transition:all ease .5s}.pattern-form .pattern-block .pattern-display .row .col:not(.pattern-letter) span:hover{background-color:var(--focus-color);color:rgba(0,0,0,0)}.pattern-form .error{border:2px dotted var(--light-red);font-size:.8em;line-height:2;padding:.5em;white-space:pre}.pattern-form .detail{font-size:.8em;color:var(--focus-color);white-space:normal}.dropdown-group{position:relative;max-width:100%}.dropdown-group .dropdown-control{position:relative}.dropdown-group .dropdown-control .dropdown-trigger{background:#fff;border:none;color:var(--dark-gray);position:absolute;right:8px;top:4px;bottom:4px;padding:5px;max-width:30px;margin:0}.dropdown-group label{width:100%;justify-content:space-between}.dropdown-group .dropdown{position:absolute;max-height:0;transition:var(--ease-transition);width:100%;z-index:4;margin-top:-4px}.dropdown-group .dropdown.open{background:var(--white);border:var(--input-border-focus);border-radius:var(--input-border-radius);max-height:150px;min-height:32px;padding:5px;overflow-y:auto}.dropdown-group .dropdown.closed{overflow-y:hidden;visibility:hidden}.dropdown-group .dropdown button{background:rgba(0,0,0,0);border:none;font-family:inherit;font-size:inherit;margin:0;padding:0 .5em;text-transform:inherit;font-family:var(--condensed-font);background:rgba(0,0,0,0);border-radius:0;color:var(--dark-gray);display:block;padding:5px;text-align:left;width:100%}.dropdown-group .dropdown button:hover{background:var(--accent-background);color:var(--accent-foreground)}label button.shuffle,button.shuffle,label button.dropdown-reset,button.dropdown-reset{padding:0 .25em;border:none;margin-left:.25em;transition:var(--ease-transition)}label button.shuffle:hover,button.shuffle:hover,label button.dropdown-reset:hover,button.dropdown-reset:hover{color:var(--secondary-color)}label button.shuffle:focus,button.shuffle:focus,label button.dropdown-reset:focus,button.dropdown-reset:focus{border:none !important}label:has(:disabled):not(.range) .label-text{opacity:.5;cursor:not-allowed}.toggle{color:var(--gray);padding:0;vertical-align:top;margin-right:.5em;border:none;width:auto}.toggle i{font-size:var(--icon-size)}.toggle:active,.toggle:hover{border:none}.toggle:focus{border:none !important;color:var(--focus-color) !important}.toggle:focus *{color:var(--focus-color) !important}.toggle.active{border:none;color:var(--primary-color)}.range.disabled .label-text,.range.disabled .range-controls{opacity:.5}.range.disabled:hover .label-text,.range.disabled:hover .range-controls{cursor:not-allowed}.range .range-value{color:var(--settings-value-color);display:inline-block;font-size:.8em;line-height:1.2;font-weight:normal;padding:0 7px}.range .range-controls{display:flex;align-items:center;justify-content:space-between;width:250px;max-width:100%;padding-top:14px}.range .range-controls .range-buttons{display:flex;flex:1 0;align-items:center}.range .range-controls .range-buttons div{flex:0 1 auto}.range .range-controls .range-buttons div.range-input{flex:1 0 auto}.range .range-controls .range-buttons div.range-input input{border:none;margin:-2px 0 0}.range .range-controls .range-buttons div button{text-align:center;color:var(--primary-color);font-size:24px;padding:0;border:none;transition:var(--ease-transition)}.range .range-controls .range-buttons div button:focus{border:none !important;color:var(--focus-color) !important}.range .range-controls .range-buttons div button:focus *{color:var(--focus-color) !important}.range .range-controls .range-buttons div button:hover{color:var(--secondary-color)}.range .range-controls .range-buttons div button:disabled{background:rgba(0,0,0,0)}.range input[type=range]{-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;background:rgba(0,0,0,0);height:0}.range input[type=range]::-webkit-slider-runnable-track{background:rgba(0,0,0,0);border-top:3px solid var(--gray);border-radius:3px;height:0px}.range input[type=range]::-webkit-slider-thumb{margin-top:-9px;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:var(--primary-color);width:15px;height:15px;border-radius:100%;cursor:pointer;z-index:2;transition:var(--ease-transition)}.range input[type=range]:active::-webkit-slider-thumb{transform:scale(1.5)}.range input[type=range]:focus{border:none !important;color:var(--focus-color) !important}.range input[type=range]:focus *{color:var(--focus-color) !important}.range input[type=range]::-ms-track{width:100%;cursor:pointer;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0)}.switch-group{margin-top:3px}.switch-group button{margin:0;border-radius:0;border-style:solid;border-left:none;border-right:none}.switch-group button:hover{border-color:var(--primary-color)}.switch-group button:hover:first-of-type{border-left:var(--input-border-hover)}.switch-group button:hover:last-of-type{border-right:var(--input-border-hover)}.switch-group button:first-of-type{border-left:var(--input-border-solid);border-top-left-radius:var(--input-border-radius);border-bottom-left-radius:var(--input-border-radius)}.switch-group button:last-of-type{border-right:var(--input-border-solid);border-top-right-radius:var(--input-border-radius);border-bottom-right-radius:var(--input-border-radius)}.switch-group button.selected{border-color:var(--primary-color);background-color:var(--primary-color);color:var(--white)}.button-group label{display:flex;align-items:center;gap:1rem}.button-group.base button,.button-group.base button:focus,.button-group.base button:hover,.button-group.base button:active,.button-group.base button:disabled{border:none;padding:0}.button-group.base button{color:var(--primary-color)}.button-group.base button:active{color:var(--secondary-color)}.light-scheme .skip-on svg{fill:#000}.dark-scheme .skip-on svg{fill:#fff}.pattern .skip-on{position:absolute}.home-link a{display:block}main.classic .previous-call-block,main.classic .current-call-block,main.classic .countdown,main.classic-reverse .previous-call-block,main.classic-reverse .current-call-block,main.classic-reverse .countdown{height:100%}main.classic .current-call-block,main.classic-reverse .current-call-block{padding:var(--size-xlg)}main.classic .previous-call-block,main.classic-reverse .previous-call-block{display:flex;flex-wrap:wrap;padding:var(--size-lg)}main.classic .previous-call-block.no-calls .logo,main.classic-reverse .previous-call-block.no-calls .logo{height:8rem;display:block;margin:0 auto}main.stacked .home-link .logo{min-width:10rem}main.stacked .call-info{flex-direction:column;min-width:unset}main.stacked .call-info .col{margin:0 auto .5em !important}main.stacked .pattern-block{--space-size: 1.75rem;margin-top:0}main.stacked .current-call-block,main.stacked .previous-call-block{padding:1rem;height:100%;display:flex;flex-direction:column;justify-content:flex-end}main.stacked .current-call-block .current-call{--ball-size: 160px}main.stacked .previous-call-block{display:flex;flex-flow:column}main.stacked .previous-call-block .previous-call{--ball-size: 140px}main.stacked .previous-call-block>.row:first-of-type{flex:1 1;padding-bottom:1rem}main.stacked .countdown{min-width:200px;margin:0}main.stacked .cmp-current-call,main.stacked .cmp-previous-calls,main.stacked .cmp-countdown{max-height:13rem}main.vertical .bingo-board{flex-flow:row;--board-font-size: 2.25rem;--board-line-height: 140%}main.vertical .bingo-board-row{flex-direction:column;flex-basis:20%}main.vertical .bingo-board .bingo-board-letter,main.vertical .bingo-board .bingo-board-ball{width:100%;padding:0 .5em}main.vertical .call-info{--digital-font-size: 4rem;min-width:unset !important}main.vertical .countdown{height:auto;margin:1rem 0 0}main.vertical .previous-call-block{padding:1rem}main.vertical .previous-call-block>.row{flex-direction:column;align-items:center}main.vertical .previous-call-block .previous-call{--ball-size: 100px}main.vertical .previous-call-block h2.uppercase-text-small{display:flex;flex-direction:column;margin:.5rem 0 0}main.vertical .current-call-block{padding:1rem;margin-bottom:var(--size-xlg)}main.vertical .current-call-block .current-call{--ball-size: 150px}main.vertical .current-call-block .uppercase-text-small.margin-vertical-lg{margin-bottom:0}main.vertical footer .row{text-align:left}.current-call{--ball-size: 190px}.previous-call{--ball-size: 140px}.ball-history .ball-display-block .previous-call .ball-display{--ball-size: 72px !important}.ball-display{width:var(--ball-size);height:var(--ball-size);display:flex;border-radius:100%;position:relative;align-items:center;justify-content:center;margin:0 auto;box-shadow:inset 20px 20px 20px 5px hsla(0,0%,100%,.2),inset -10px -10px 20px 0px rgba(0,0,0,.4)}.ball-display::after{content:"";display:block;padding-bottom:100%}.ball-display .content{text-align:center;border-radius:100%;background:var(--white);color:var(--black);position:relative;width:calc(var(--ball-size) - 40%);height:calc(var(--ball-size) - 40%);padding:25%;box-shadow:inset -10px -10px 15px 0 rgba(0,0,0,.16),0 0 0 3px var(--white);background:radial-gradient(circle at 20% 20%, var(--white), var(--light-gray))}.ball-display .content .ball-content{justify-content:center;align-items:center;position:absolute;text-align:center;top:0;left:0;right:0;bottom:0;display:inline-flex;flex-direction:column}.ball-display .content .ball-content .ball-letter,.ball-display .content .ball-content .ball-number{display:block;width:100%;font-family:var(--condensed-font)}.ball-display .content .ball-content .ball-letter{font-size:calc(var(--ball-size)*.2);font-weight:600;line-height:.75}.ball-display .content .ball-content .ball-number{font-size:calc(var(--ball-size)*.35);line-height:1}.ball-display .content .logo{padding:5px;max-width:100%}.ball-display.blue{background:var(--ball-gradient-blue)}.ball-display.blue .content{border:3px solid var(--ball-color-blue)}.ball-display.red{background:var(--ball-gradient-red)}.ball-display.red .content{border:3px solid var(--ball-color-red)}.ball-display.white{background:var(--ball-gradient-white)}.ball-display.white .content{border:3px solid var(--ball-color-red)}.ball-display.green{background:var(--ball-gradient-green)}.ball-display.green .content{border:3px solid var(--ball-color-green)}.ball-display.yellow{background:var(--ball-gradient-yellow)}.ball-display.yellow .content{border:3px solid var(--ball-color-yellow)}.menu-container{position:relative}.menu-container .menu-dropdown{background:#fff;border-radius:5px;box-shadow:var(--small-shadow);margin-top:12px;min-width:200px;position:absolute;right:-5px;transition:all ease 1s;white-space:nowrap;z-index:4;padding:.5rem}.menu-container .menu-dropdown ul.menu{display:block;font-family:var(--condensed-font);list-style:none;margin:0;padding:0;text-align:left;transition:opacity ease .5s;transition-delay:.25s}.menu-container .menu-dropdown ul.menu li{display:block;width:100%}.menu-container .menu-dropdown ul.menu li.separator{border-top:2px dashed var(--light-gray)}.menu-container .menu-dropdown ul.menu li a{color:var(--dark-gray);display:block;font-weight:600;padding:var(--size-md);text-decoration:none;transition:var(--ease-transition)}.menu-container .menu-dropdown ul.menu li a svg{display:inline-flex;justify-content:center;color:var(--dark-gray);line-height:1;margin-bottom:2px;margin-right:var(--size-md);transition:var(--ease-transition);vertical-align:middle;width:calc(var(--icon-size) + 10px)}.menu-container .menu-dropdown ul.menu li a.active,.menu-container .menu-dropdown ul.menu li a:hover{color:var(--primary-color)}.menu-container .menu-dropdown ul.menu li a.active svg,.menu-container .menu-dropdown ul.menu li a:hover svg{color:var(--primary-color)}.menu-container.open .menu-dropdown{overflow:visible;max-height:100vh}.menu-container.open .menu-dropdown ul.menu{opacity:1}.menu-container.closed .menu-dropdown{visibility:hidden;max-height:0;overflow:hidden;padding:0}.menu-container.closed .menu-dropdown ul.menu{opacity:0}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0)}.backdrop.hide{display:none}.pattern-block{--space-size: 2rem;display:flex;flex-direction:column;margin-top:1rem}.pattern-block .pattern-name{text-align:center;margin-top:10px;font-size:1rem;font-family:var(--condensed-font)}.pattern-block .other-names{display:block;font-size:.8em;font-style:italic}.pattern-block .pattern-credit{color:var(--focus-color);font-size:.8em;max-width:150px;margin:5px auto 0}.pattern-block .pattern-display{background-color:var(--card-background);border:5px solid var(--card-border-color);border-radius:5px;display:flex;flex:0 1;margin:0 auto}.pattern-block .pattern-display .col:not(.pattern-letter):hover{cursor:default}.pattern-block .pattern-display[data-color$=-screen] .col:not(.pattern-letter):not(.selected) span{border-radius:0;background-color:var(--screen-shaded-bg-color)}.pattern-block .pattern-display.editable .col:not(.pattern-letter):hover{cursor:pointer}.pattern-block .pattern-display .row .col{margin:1px;height:var(--space-size);padding:calc(var(--space-size)/14) !important;width:var(--space-size);overflow:hidden}.pattern-block .pattern-display .row .col span{border-radius:100%;display:block;width:100%;height:100%;text-align:center}.pattern-block .pattern-display .row .col span.free-space{color:var(--dark-gray);font-size:calc(var(--space-size)/3.5);font-weight:600;font-family:var(--condensed-font);line-height:1.5;text-transform:uppercase;white-space:normal}.pattern-block .pattern-display .row .col.pattern-letter{color:var(--bingo-lettering-color);font-weight:600;font-size:calc(var(--space-size)/1.5)}.pattern-block .pattern-display .row .col:not(.pattern-letter){background-color:var(--white)}.pattern-block .pattern-display .row .col.selected span{background-color:var(--dark-gray)}.pattern-block .pattern-display .row .col.selected span.free-space{color:rgba(0,0,0,0)}.pattern-block .pattern-display[data-color^=rainbow]{background:var(--rainbow);padding:5px}.pattern-block .pattern-display[data-color^=rainbow] .col:not(.pattern-letter){background-color:#fff}.pattern-block .pattern-display[data-color^=rainbow] .col:not(.pattern-letter) span.selected{background-color:hsla(0,0%,100%,.6)}.pattern-block .pattern-display[data-color=rainbow-screen] .col:not(.pattern-letter){background-color:hsla(0,0%,100%,.9)}.pattern-block .pattern-display[data-color=rainbow-screen] .col:not(.pattern-letter):not(.selected) span{background-color:rgba(0,0,0,0)}.settings-panel{bottom:0;font-family:var(--condensed-font);height:100vh;position:absolute;max-width:100%;top:0;transition:var(--ease-transition);width:var(--settings-panel-width);z-index:3}.settings-panel .updates-panel{background:var(--off-white)}.settings-panel .inner-panel{background-color:var(--white);border-left-width:5px;border-left-style:solid;border-image:var(--primary-border-source);color:var(--black);position:relative;overflow-y:auto;height:100%;width:100%}.settings-panel .inner-panel h2{padding:.5em var(--size-xlg);position:relative}.settings-panel .inner-panel h2 .icon-button{position:absolute;top:0;right:0;border:none;font-size:var(--icon-size-lg)}.settings-panel .inner-panel h3{font-size:1.2rem}.settings-panel .inner-panel .text-block{padding:var(--size-xlg)}.settings-panel .inner-panel .sub-section{padding:var(--size-lg) var(--size-xlg)}.settings-panel .inner-panel .sub-section p{margin:0}.settings-panel .backdrop{z-index:-1;transition:var(--ease-transition);background:rgba(0,0,0,.75);right:0;position:fixed;width:100%;top:0;bottom:0}.settings-panel.closed{visibility:hidden;right:-100%}.settings-panel.closed .backdrop{visibility:hidden;left:-100%}.settings-panel.open{right:0}.settings-panel.open .backdrop{left:0}.settings-panel.open .save-block{right:15px}.dismissable{margin:1rem 0;border:1px solid var(--focus-color);border-radius:4px;padding:.5rem 1rem}.show-support{background:#c9eafc;padding:.75em;text-align:center;margin-top:0}.show-support a{color:#000}.settings-intro>.helper-block{vertical-align:bottom;margin-right:3px}.setting-group .pattern-select .setting-inner{padding-left:0;padding-right:0}.setting-group .pattern .pattern-block{--space-size: 1.5rem}.setting-group .pattern .pattern-block .pattern-display{flex:0 0;align-self:center;margin:0}.setting-group label svg{fill:var(--primary-color)}.setting-group{padding:var(--size-lg) var(--size-xlg)}.setting-group h5{margin:6px 0}.setting-inner{padding:var(--size-lg) var(--size-sm);line-height:1.2;position:relative}.setting-inner label{align-items:center;cursor:pointer;display:flex}.setting-inner .helper-block.right{margin-left:var(--size-md)}.setting-inner .helper-block.left{margin-right:var(--size-md)}.detail-box{margin:.5em 0;border:var(--input-border-focus);padding:.5em;font-size:var(--small-font-size)}.detail-box code{background:var(--light-gray);color:var(--dark-gray);line-height:2;padding:2px 6px;border-radius:3px}.pattern-select{padding:var(--size-lg) var(--size-sm);line-height:1}.pattern-select .pattern-select{padding:0}.audio-loading-indicator{position:fixed;top:20px;right:20px;z-index:9999;background:var(--white);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:16px 20px;min-width:300px;animation:slideInRight .3s ease-out}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.audio-loading-content{display:flex;flex-direction:column;gap:12px}.audio-loading-header{display:flex;align-items:center;gap:10px;font-family:var(--condensed-font);font-size:1rem;font-weight:bold;color:var(--black)}.audio-loading-icon{font-size:1.5rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.audio-loading-text{flex:1}.audio-loading-progress-bar{width:100%;height:8px;background:var(--light-gray);border-radius:4px;overflow:hidden}.audio-loading-progress-fill{height:100%;background:linear-gradient(90deg, #4CAF50, #8BC34A);border-radius:4px;transition:width .3s ease-out}.audio-loading-stats{font-family:var(--condensed-font);font-size:.85rem;color:var(--dark-gray);text-align:center}.bingo-board{--board-font-size: 3rem;--board-line-height: 160%;background-color:var(--black);display:flex;flex-direction:column;font-family:var(--condensed-font)}.bingo-board .bingo-board-row{display:inline-flex}.bingo-board .bingo-board-row>div{flex:1 1;font-size:var(--board-font-size);line-height:var(--board-line-height);text-align:center}.bingo-board .bingo-board-row>div.bingo-board-letter{background-color:var(--white);color:var(--primary-color);font-weight:600}.bingo-board .bingo-board-row>div.bingo-board-ball{color:var(--med-dark-gray);position:relative}.bingo-board .bingo-board-row>div.bingo-board-ball span{z-index:2;position:inherit}.bingo-board .bingo-board-row>div.bingo-board-ball .bingo-board-ball-button{padding:0;margin:0;border:none;color:inherit;font-size:inherit;cursor:pointer}.bingo-board .bingo-board-row>div.bingo-board-ball .bingo-board-ball-button .fire-body{bottom:35%}.bingo-board .bingo-board-row>div.bingo-board-ball.active{animation:blink 1s infinite}.bingo-board .bingo-board-row>div.bingo-board-ball.active .fire-body{bottom:0 !important;right:calc(50% - var(--board-font-size)*.75)}.bingo-board .bingo-board-row>div.bingo-board-ball.active .fire-body .fire-container{width:calc(var(--board-font-size)*2)}.bingo-board .bingo-board-row>div.bingo-board-ball.active .bingo-board-ball-button{animation:blink 1s infinite;position:relative}.bingo-board .bingo-board-row>div.bingo-board-ball.called{color:var(--white)}.light-scheme .bingo-board .bingo-board-row>div.bingo-board-letter{background-color:var(--primary-color);color:var(--white)}.light-scheme .bingo-board .bingo-board-row>div.bingo-board-ball{color:#cacaca}.light-scheme .bingo-board .bingo-board-row>div.bingo-board-ball.called{color:var(--near-black)}.light-scheme .bingo-board .bingo-board-row>div.bingo-board-ball.called span{filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.15))}.light-scheme .call-info .digital-display{background-color:rgba(0,0,0,0);color:var(--off-white)}.light-scheme .call-info .digital-display .digit{color:var(--settings-value-color);filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.15))}.light-scheme .bingo-board,.light-scheme .transparent-background{background:rgba(209,209,209,.1)}.light-scheme .logo .logo-text-color{fill:var(--settings-value-color)}.light-scheme .logo .logo-white:not(circle){fill:var(--near-black) !important}.light-scheme .uppercase-text-small{color:var(--dark-gray)}.light-scheme button.primary-button:hover{color:var(--white)}.light-scheme button.secondary-button{border-color:var(--focus-color);background-color:var(--focus-color)}.light-scheme button:disabled,.light-scheme button.primary-button:disabled,.light-scheme button.secondary-button:disabled{color:var(--light-gray) !important;background-color:var(--gray) !important;border-color:var(--gray) !important}.light-scheme button.cancel-button{color:#9d9d9d}.light-scheme .countdown .tick{color:var(--primary-color)}.countdown{align-items:center;align-self:stretch;display:flex;flex-flow:row;flex-wrap:wrap;height:100%;padding:var(--size-lg);text-align:center}.countdown span{display:flex;justify-content:center;width:100%}.countdown .tick{font-size:6rem}.countdown.flashing{animation:countdown 1000ms infinite}.stoplight button[value=new-game],.stoplight button[value=resume-game]{background-color:green;border-color:green}.stoplight button[value=pause-game]{background-color:red;border-color:red}.controls{margin:auto;text-align:center}.controls button.primary-button,.controls button.secondary-button{display:block;margin:1em auto;width:90%}.popout-controls .col{padding:0 var(--size-sm)}.popout-controls .control-buttons{flex-flow:row nowrap}.popout-controls .control-buttons>.col{padding:0 var(--size-md) !important}.popout-controls button.primary-button,.popout-controls button.secondary-button{display:block;width:100%;margin:0}.popout-controls .call-info{margin:0 auto}.popout-controls .modal{overflow:auto !important}.popout-controls .single-button{padding:0 var(--size-md) !important}.popout-controls .label-text{text-align:left}.call-info{--digital-font-size: 4.5rem;min-width:calc(var(--digital-font-size)*2 + 2rem)}.call-info .digital-display{background-color:var(--black);color:var(--near-black);display:flex;font-family:var(--digital-font);font-size:var(--digital-font-size);height:calc(var(--digital-font-size) + 4px);padding:0 .5rem;position:relative;width:calc(var(--digital-font-size)*1.3);margin:0 auto}.call-info .digital-display:before,.call-info .digital-display:after{content:"8";position:absolute;z-index:1}.call-info .digital-display:before{right:50%}.call-info .digital-display:after{right:10%}.call-info .digital-display .digit{z-index:2;color:var(--white);position:absolute}.call-info .digital-display .digit:first-of-type{right:50%}.call-info .digital-display .digit:last-of-type{right:10%}.card-generator .config{background:rgba(0,0,0,.2);padding:var(--size-xxlg) !important}.card-generator .config .setting-inner{margin:0 0 var(--size-xlg) 0;padding:0}.card-generator .config .setting-inner .label-text{line-height:1.3}.card-generator .config .dropdown-group{min-width:160px;max-width:100%}.card-generator .config .pattern-block{--space-size: 1.5rem}.card-generator .config .pattern-block span.label-text{font-size:15px}.play-along{--daub-color: yellow}.play-along .card-block{margin:2rem auto}.play-along .card-block .card-number{cursor:pointer}.play-along .card-block .card-number>span{border-radius:100%;height:100%;width:100%;align-self:center;display:flex;justify-content:center;align-items:center;pointer-events:none}.play-along .card-block .card-number.daubed>span{background-color:var(--daub-color)}.play-along input{min-width:160px}.play-along.small .card-block{max-width:80%;--space-size: 50px}.play-along.medium .card-block{max-width:90%;--space-size: 70px}.play-along.large .card-block{--space-size: 90px}.play-along.xlarge .card-block{--space-size: 120px}.landscape.print-one .card-block{--space-size: 7rem}.landscape.print-two .card-block{--space-size: 5rem}.landscape.print-four .card-block{--space-size: 4.5rem}.landscape.print-six .card-block{--space-size: 3.5rem}.portrait.print-one .card-block{--space-size: 7rem}.portrait.print-two .card-block{--space-size: 5rem}.portrait.print-four .card-block{--space-size: 4.5rem}.portrait.print-six .card-block{--space-size: 4.5rem}.card-block{margin:1rem auto}.card-block .break{display:none}.card-block .card{display:inline-flex;flex-wrap:nowrap;margin:0;padding:.75rem;color:var(--near-black);background:var(--card-background)}.card-block .card[data-color$=-screen] .card-numbers{background-color:hsla(0,0%,100%,.85)}.card-block .card[data-color$=-screen] .card-number.shaded{background-color:var(--screen-shaded-bg-color)}.card-block .card[data-color$=-screen][data-reversed=true] .card-number.shaded{--screen-shaded-bg-color: rgba(255, 255, 255, 0.85)}.card-block .card[data-color$=-screen][data-reversed=true] .card-number:not(.shaded){background-color:var(--screen-shaded-bg-color)}.card-block .card:not([data-color$=-screen]) .card-numbers{background-color:#fff}.card-block .card:not([data-color$=-screen]) .card-number.shaded{background-color:var(--shaded-bg-color)}.card-block .card:not([data-color$=-screen])[data-reversed=true] .card-number.shaded{--shaded-bg-color: #ffffff}.card-block .card:not([data-color$=-screen])[data-reversed=true] .card-number:not(.shaded){background-color:var(--shaded-bg-color)}.card-block .card>.row>.col{padding:0 !important;margin:0 !important}.card-block .card:not([data-color^=rainbow]){--card-border-style: 2px solid var(--card-border-color)}.card-block .card:not([data-color^=rainbow]) .card-numbers{border-top:var(--card-border-style);border-bottom:var(--card-border-style);border-left:var(--card-border-style)}.card-block .card:not([data-color^=rainbow]) .card-numbers .card-number{border-bottom:var(--card-border-style)}.card-block .card:not([data-color^=rainbow]) .card-numbers .card-number:last-of-type{border-bottom:none !important}.card-block .card:not([data-color^=rainbow]) .card-numbers:last-of-type .card-numbers{border-right:var(--card-border-style)}.card-block .card[data-color^=rainbow] .col .card-numbers{background-color:rgba(0,0,0,0);border-left-width:2px;border-left-style:solid;border-image:var(--rainbow-border-color)}.card-block .card[data-color^=rainbow] .col .card-numbers .card-number{background-color:#fff}.card-block .card[data-color^=rainbow] .col .card-numbers .card-number.shaded{background-color:hsla(0,0%,100%,.6)}.card-block .card[data-color^=rainbow] .col .card-numbers .card-number:first-of-type{border-top:2px solid #e45608;border-bottom:2px solid #f6b103}.card-block .card[data-color^=rainbow] .col .card-numbers .card-number:last-of-type{border-bottom:2px solid #7709ce}.card-block .card[data-color^=rainbow] .col .card-numbers .card-number:nth-of-type(2){border-bottom:2px solid #d2f105}.card-block .card[data-color^=rainbow] .col .card-numbers .card-number:nth-of-type(3){border-bottom:2px solid #0de04d}.card-block .card[data-color^=rainbow] .col .card-numbers .card-number:nth-of-type(4){border-bottom:2px solid #0f24fe}.card-block .card[data-color^=rainbow]:last-of-type .col .card-numbers{border-right:2px solid}.card-block .card[data-color=rainbow][data-reversed=true] .col .card-numbers .card-number.shaded{background-color:#fff}.card-block .card[data-color=rainbow][data-reversed=true] .col .card-numbers .card-number:not(.shaded){background-color:hsla(0,0%,100%,.6)}.card-block .card[data-color=rainbow-screen] .row .col .card-numbers .card-number{background-color:hsla(0,0%,100%,.9)}.card-block .card[data-color=rainbow-screen] .row .col .card-numbers .card-number.shaded{background-color:hsla(0,0%,100%,.6)}.card-block .card[data-color=rainbow-screen][data-reversed=true] .row .col .card-numbers .card-number.shaded{background-color:hsla(0,0%,100%,.9)}.card-block .card[data-color=rainbow-screen][data-reversed=true] .row .col .card-numbers .card-number:not(.shaded){background-color:hsla(0,0%,100%,.6)}.card-block .card[data-bold=true] *{font-weight:bold !important}.card-block .card .hide-unused .card-number:not(.shaded){color:rgba(0,0,0,0)}.card-block .card[data-card-spacing=None]{margin:0 !important}.card-block .card[data-card-spacing=Small]{margin:.5% !important}.card-block .card[data-card-spacing=Medium]{margin:1.25% !important}.card-block .card[data-card-spacing=Large]{margin:2.75% !important}.card-block .card .freespace{align-self:center}.card-block .card .freespace>span{display:block;text-align:center;font-size:calc(var(--space-size)/5);line-height:calc(var(--space-size)/5.5);text-transform:uppercase;font-weight:600;font-family:var(--condensed-font);white-space:nowrap}.card-block .card .card-number,.card-block .card .card-letter{height:var(--space-size);width:var(--space-size);line-height:var(--space-size);display:flex;align-items:center;justify-content:center;margin:0;font-size:calc(var(--space-size)/2);line-height:calc(var(--space-size)/2.5)}.card-block .card .card-letter{color:#fff;height:calc(var(--space-size)/1.3)}@media print{.print-one .card-block{--space-size: 115px !important}.portrait.print-four .card-block[data-card-spacing=Large]{--space-size: 60px !important}.landscape.print-six .card-block[data-card-spacing=Large],.portrait.print-six .card-block[data-card-spacing=Medium],.portrait.print-six .card-block[data-card-spacing=Large]{--space-size: 50px !important}}.amber-dauber{--daub-color: var(--amber)}.blue-dauber{--daub-color: var(--blue)}.brown-dauber{--daub-color: var(--brown)}.chartreuse-dauber{--daub-color: var(--chartreuse)}.green-dauber{--daub-color: var(--green)}.magenta-dauber{--daub-color: var(--magenta)}.orange-dauber{--daub-color: var(--orange)}.pink-dauber{--daub-color: var(--pink)}.purple-dauber{--daub-color: var(--purple)}.rainbow-dauber{--daub-color: transparent}.rainbow-dauber .daubed span{background:linear-gradient(165deg, #d40000, #ee8b00, #ffee00, #00ff00, #0022ff, #8800c7)}.red-dauber{--daub-color: var(--red)}.teal-dauber{--daub-color: var(--teal)}.vermillion-dauber{--daub-color: var(--vermillion)}.violet-dauber{--daub-color: var(--violet)}.yellow-dauber{--daub-color: var(--yellow)}.pattern-list #pagination{display:flex;justify-content:center;margin:1.5rem auto}@media screen and (max-width: 420px){.pattern-list button:not(.alphabet-filter).secondary-button{margin-top:.5rem;display:block;width:100%}}.pattern-list .row{justify-content:flex-start}.pattern-list .row .pattern-col{flex:0 1 20% !important}.pattern-list .filter-block{padding:2rem;background:rgba(0,0,0,.2);border-radius:10px;margin-bottom:2rem;column-gap:2rem}.pattern-list .filter-block label{margin-bottom:1rem;line-height:1.5}.pattern-list .filter-block .setting-inner{padding-bottom:0}.pattern-list .filter-block .setting-inner label{margin-bottom:0}.pattern-list .alphabet-filters{display:inline-flex;flex-wrap:wrap;column-gap:10px;row-gap:10px}.pattern-list .alphabet-filters button.alphabet-filter{min-width:2.25rem;border:none}.pattern-list .alphabet-filters button.alphabet-filter.primary-button{line-height:1}.pattern-list .alphabet-filters button.alphabet-filter.secondary-button:hover,.pattern-list .alphabet-filters button.alphabet-filter.secondary-button:focus,.pattern-list .alphabet-filters button.alphabet-filter.secondary-button:active{background-color:var(--primary-color);border:none}.pattern-list .alphabet-filters button.alphabet-filter.secondary-button:disabled,.pattern-list .alphabet-filters button.alphabet-filter.secondary-button:disabled:hover{background-color:rgba(0,0,0,0)}.pattern-list .alphabet-filters button.alphabet-filter.secondary-button.active:not(.first):not(.last){background-color:var(--primary-color)}.pattern-list #title-bar{transition:background ease .5s}.pattern-list .freeze{position:fixed;width:100%;left:0;right:0;padding:var(--size-md) var(--size-xxxlg);margin:0;background:#222;top:0}.pattern-list .total-patterns{min-width:200px;margin-top:10px;text-align:center;border:3px solid var(--secondary-color);padding:10px;border-radius:4px}.pattern-list .total-patterns .pattern-count{font-size:60px;font-weight:600;color:var(--primary-color)}.pattern-list .pattern-block{border:none;border-radius:5px;white-space:normal;margin:0 auto;padding:12px !important;position:relative;--space-size: 1.5rem;height:100%;transition:var(--ease-transition);width:calc(var(--space-size)*7)}.pattern-list .pattern-block.new-pattern:before{background:var(--yellow);border-radius:.5rem;color:#000;content:"NEW!";display:block;font-size:.5rem;font-weight:600;left:0;padding:.25rem;position:absolute;text-align:center;top:.25rem;transform:rotate(323deg);width:1.5rem}.pattern-list .pattern-block.selected,.pattern-list .pattern-block:hover{cursor:pointer;background:var(--white)}.pattern-list .pattern-block.selected .pattern-name,.pattern-list .pattern-block:hover .pattern-name{color:var(--primary-color) !important}.pattern-list .pattern-block.selected .pattern-details .unused-letters,.pattern-list .pattern-block.selected .pattern-details .pattern-credit,.pattern-list .pattern-block:hover .pattern-details .unused-letters,.pattern-list .pattern-block:hover .pattern-details .pattern-credit{color:var(--background)}.pattern-list .pattern-block.selected *,.pattern-list .pattern-block:hover *{cursor:pointer !important}.pattern-list .pattern-block section{text-align:center}.pattern-list .pattern-block .pattern-name,.pattern-list .pattern-block .pattern-details{text-align:center;font-family:var(--condensed-font)}.pattern-list .pattern-block .pattern-details .pattern-name,.pattern-list .pattern-block .pattern-details .unused-letters,.pattern-list .pattern-block .pattern-details .pattern-credit{font-size:.85rem;line-height:1.25;color:var(--foreground);font-weight:normal}.pattern-list .pattern-block .pattern-details .pattern-name{font-weight:600;margin:10px auto 5px;color:var(--focus-color)}.pattern-list .pattern-block .pattern-details .pattern-credit{color:var(--light-gray);font-size:.8rem}.pattern-list .pattern-block .pattern-display .row .col:not(.pattern-letter).selected span.free-space{border-radius:100%}@page{size:A4 portrait !important;margin:1cm}@media print{body,html,section,main{background:#fff;border:none !important;border-top:none !important}header{text-align:center}header .home-link{border:none !important}footer,header .header-icon{display:none}div{page-break-inside:avoid;break-inside:avoid-page;-webkit-break-inside:avoid-page}h1,h2{display:none}.pattern-list>.row{justify-content:center}.pattern-list .pattern-block{border:0;padding:0;margin:0;--space-size: 12pt}.pattern-list .pattern-block .pattern-col{page-break-inside:avoid !important;break-inside:avoid !important;-webkit-break-inside:avoid !important}.pattern-list .pattern-block .pattern-col *{print-color-adjust:exact;-webkit-print-color-adjust:exact}.pattern-list .pattern-block .pattern-details>*{font-size:10pt;color:#000 !important}}.year-block{margin:1rem 0;border-bottom:3px solid var(--primary-color)}.year-block h4{display:flex;justify-content:space-between;align-items:flex-start}.year-block h4 *{flex:0 1}.year-block h4 .description{flex:1 2;margin-left:1rem}.release-block{padding-right:var(--size-xlg)}.release-block:not(:last-of-type){border-bottom:1px solid #d8d8d8;margin-bottom:20px;padding-bottom:10px}.release-aside{border-radius:5px;margin:0 var(--size-md);padding:var(--size-xlg) var(--size-xxlg)}.release-aside .version-block{display:block}.release-aside .version-block:not(:last-of-type){border-bottom:1px solid hsla(0,0%,100%,.3);margin-bottom:20px}.version,.tag{display:inline-block;font-size:var(--x-small-font-size);font-family:var(--body-font);font-weight:normal;vertical-align:middle}.version{background:rgba(0,0,0,.1);border-radius:5px;padding:.25em .5em;margin:0 .5em;text-transform:uppercase}.tag{font-variant:all-petite-caps;background:#efefef;padding:.5em 1em;border-radius:3px;margin-right:.5em}.tag.release{color:#2754ad}.tag.bugfix{color:#af1616}.tag.improvement{color:#017522}.year-accordion-toggle{cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:space-between;padding:var(--size-md);margin:0;border-radius:var(--border-radius);transition:all .5s ease}.year-accordion-toggle:hover{color:var(--primary-text-color);background:var(--primary-color)}.year-accordion-toggle .svg-icon{margin-left:var(--size-sm);transition:transform .3s ease;width:24px;height:24px}.year-accordion-content{animation:slideDown .3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(min-width: 1537px){body main.classic{--small-font-size: 18px;--button-font-size: 1.25rem}body main.classic .bingo-board{--board-font-size: 65px;--board-line-height: 160%}body main.classic .call-info{--small-font-size: 14px}body main.classic .call-info .digital-display{--digital-font-size: 80px}body main.classic .pattern-block{--space-size: 2.5rem}}@media(max-width: 1537px){body main.classic .current-call-block .current-call,body main.classic-reverse .current-call-block .current-call{--ball-size: 150px}body main.classic .previous-call-block .show-5 .previous-call,body main.classic-reverse .previous-call-block .show-5 .previous-call{--ball-size: 100px}body main.vertical{padding-bottom:0}body main.vertical .bingo-board{flex-flow:row;--board-font-size: 1.9rem;--board-line-height: 139%}body main.vertical .current-call-block .current-call{--ball-size: 130px}body main.vertical .pattern-block{--space-size: 1.75rem}body main.vertical .previous-call-block .previous-call{--ball-size: 80px}body main.vertical .countdown .tick{font-size:4rem}body main.vertical .call-info .digital-display{--digital-font-size: 62px}body main.vertical .controls button{font-size:.8rem}body main.stacked .current-call-block .current-call{--ball-size: 120px}body main.stacked .previous-call-block .previous-call{--ball-size: 90px}body main.stacked .countdown .tick{font-size:4rem}body main.stacked .call-info{--digital-font-size: 4rem}body main.stacked .controls{padding:0}}@media(max-width: 1366px){body main.classic .bingo-board,body main.classic-reverse .bingo-board{--board-font-size: 2.5rem;--board-line-height: 160%}body main.classic .current-call-block .current-call,body main.classic-reverse .current-call-block .current-call{--ball-size: 130px}body main.classic .previous-call-block .show-5 .previous-call,body main.classic-reverse .previous-call-block .show-5 .previous-call{--ball-size: 100px}body main.classic .previous-call-block .show-4 .previous-call,body main.classic-reverse .previous-call-block .show-4 .previous-call{--ball-size: 120px}body main.classic .previous-call-block .show-3 .previous-call,body main.classic .previous-call-block .show-2 .previous-call,body main.classic .previous-call-block .show-2 .previous-call,body main.classic-reverse .previous-call-block .show-3 .previous-call,body main.classic-reverse .previous-call-block .show-2 .previous-call,body main.classic-reverse .previous-call-block .show-2 .previous-call{--ball-size: 140px}body main.classic .pattern-block,body main.classic-reverse .pattern-block{--space-size: 2rem}body main.classic .countdown .tick,body main.classic-reverse .countdown .tick{font-size:4rem;line-height:.5}body main.stacked{padding-bottom:0}body main.stacked .current-call-block .current-call{--ball-size: 100px}body main.stacked .previous-call-block .previous-call{--ball-size: 70px}body main.stacked .countdown .tick{font-size:3.5rem}body main.stacked .pattern-block{--space-size: 1.4rem}body main.stacked .call-info{--digital-font-size: 3.5rem}body main.stacked .controls button{font-size:.8rem}body main.stacked .cmp-current-call,body main.stacked .cmp-previous-calls,body main.stacked .cmp-countdown{max-height:11rem}body main.vertical{padding-bottom:0;padding-top:var(--size-md)}body main.vertical .bingo-board{flex-flow:row;--board-font-size: 1.7rem;--board-line-height: 135%}body main.vertical .current-call-block .current-call{--ball-size: 110px}body main.vertical .pattern-block{--space-size: 1.6rem}body main.vertical .previous-call-block .previous-call{--ball-size: 70px}body main.vertical .countdown{padding:.5em 0}body main.vertical .countdown .tick{font-size:3rem}body main.vertical .call-info{width:auto !important;min-width:0 !important}body main.vertical .call-info .digital-display{--digital-font-size: 56px}body main.vertical .controls button{font-size:.8rem}}@media(min-width: 1280px){body .cmp-controls{min-width:250px}body .cmp-controls .controls>div.show{display:flex;flex-flow:wrap}body .cmp-controls button{width:45%;margin:.25rem;white-space:break-spaces;padding-top:5px;padding-bottom:5px}}@media(max-width: 1280px){body main.classic .previous-call-block .show-5 .previous-call,body main.classic-reverse .previous-call-block .show-5 .previous-call{--ball-size: 96px}body main.classic .previous-call-block .show-4 .previous-call,body main.classic .previous-call-block .show-3 .previous-call,body main.classic .previous-call-block .show-2 .previous-call,body main.classic .previous-call-block .show-2 .previous-call,body main.classic-reverse .previous-call-block .show-4 .previous-call,body main.classic-reverse .previous-call-block .show-3 .previous-call,body main.classic-reverse .previous-call-block .show-2 .previous-call,body main.classic-reverse .previous-call-block .show-2 .previous-call{--ball-size: 120px}body main.stacked .current-call-block .current-call{--ball-size: 100px}body main.stacked .previous-call-block .previous-call{--ball-size: 60px}body main.stacked .countdown{min-width:150px}}@media(max-width: 1100px){body main.classic,body main.classic-reverse{--small-font-size: 0.8rem}body main.classic .bingo-board,body main.classic-reverse .bingo-board{--board-font-size: 2rem;--board-line-height: 200%}body main.classic .call-info,body main.classic-reverse .call-info{--digital-font-size: 3.5rem}body main.classic button,body main.classic-reverse button{--button-font-size: 0.9rem}}@media(max-width: 900px){body .help-content{flex-flow:column-reverse}body main.classic .bingo-board,body main.classic-reverse .bingo-board{--board-font-size: 2rem;--board-line-height: 125%;flex-direction:row}body main.classic .bingo-board-row,body main.classic-reverse .bingo-board-row{display:block;flex-basis:20%;flex-wrap:wrap}body main.classic .current-call-block .current-call,body main.classic-reverse .current-call-block .current-call{--ball-size: 90px !important}body main.classic .previous-call-block,body main.classic-reverse .previous-call-block{padding-left:0 !important;padding-right:0 !important}body main.classic .previous-call-block .previous-call,body main.classic-reverse .previous-call-block .previous-call{--ball-size: 70px !important}body main.classic .col.colspan2:has(.current-call),body main.classic-reverse .col.colspan2:has(.current-call){width:auto;flex:0 1;max-width:unset}body main.classic .countdown span,body main.classic-reverse .countdown span{white-space:nowrap}body main.classic .cmp-current-call,body main.classic .cmp-countdown,body main.classic-reverse .cmp-current-call,body main.classic-reverse .cmp-countdown{width:50%}body main.stacked{padding:var(--size-md) var(--size-sm)}body main.stacked .bingo-board{--board-font-size: 1.5rem;--board-line-height: 160%}body main.stacked .bingo-board .bingo-board-row .bingo-board-ball{padding:0 .25em}body main.stacked .call-info{flex-direction:row}body main.stacked .call-info .col{margin:.5em !important}body main.stacked .current-call-block .current-call{--ball-size: 120px}body main.stacked .row.align-stretch.justify-start.gutters-md{justify-content:center}body main.stacked .row.align-stretch.justify-start.gutters-md>.col{margin-bottom:var(--size-md)}body main.stacked .pattern-block{--space-size: 1.7rem}body .modal{top:10px;left:0;right:0;width:90%;z-index:9999;overflow:scroll !important;display:block;width:100%;max-height:100%}body .modal.large-modal{padding:var(--size-xlg) var(--size-md)}body .modal .ball-history .col{padding:var(--size-sm)}body .modal .ball-history .previous-call{--ball-size: 57px}body .modal-backdrop{position:fixed}body .pattern-form>.row{display:block !important}body .pattern-form>.row>.col{margin:0 !important;text-align:center}}@media screen and (max-width: 900px)and (min-width: 780px){body main.stacked .cmp-controls.full-width{width:auto;flex:0 1;min-width:160px;margin:0 auto}body main.vertical{padding:var(--size-md)}body main.vertical .home-link .logo{width:90%}body main.vertical .bingo-board{flex-flow:row;--board-font-size: 1.5rem;--board-line-height: 160%}body main.vertical .bingo-board .bingo-board-row .bingo-board-ball{padding:0 .5em}body main.vertical .call-info{--small-font-size: 0.75rem}body main.vertical .uppercase-text-small{white-space:break-spaces;line-height:1.2}body main.vertical .pattern-block{--space-size: 1.75rem;margin-bottom:var(--size-lg);margin-top:var(--size-lg)}body main.vertical .current-call-block .current-call{--ball-size: 120px}body main.vertical .previous-call-block{padding:.5rem}body main.vertical .previous-call-block .previous-call{--ball-size: 70px}body main.vertical .previous-call-block>.row{flex-direction:row;align-items:center}body main.vertical .cmp-countdown{align-self:stretch}body main.vertical .cmp-countdown .countdown{height:100%;margin:0 !important;min-width:160px}body main.vertical .call-info .digital-display{--digital-font-size: 78px}body main.vertical .cmp-controls{padding:var(--size-md);min-width:250px}body main.vertical .cmp-controls .controls>div.show{display:flex;flex-flow:wrap}body main.vertical .cmp-controls button{width:45%;margin:.25rem;white-space:break-spaces}}@media(max-width: 768px){body{--icon-size: 20px}body header .home-link .logo{height:2.25rem;margin:-0.5rem auto}body main.stacked .cmp-controls{padding:var(--size-md)}body main.stacked .cmp-controls .controls>div.show{display:flex;flex-flow:wrap}body main.stacked .cmp-controls button{width:47%;margin:.25rem}body main.vertical .bingo-board{flex-flow:row;--board-font-size: 1.25rem;--board-line-height: 155%}body main.vertical .call-info{--small-font-size: 0.65rem}body main.vertical .uppercase-text-small{white-space:break-spaces;line-height:1.2}body main.vertical .pattern-block{--space-size: 1.4rem;margin-bottom:var(--size-lg);margin-top:var(--size-lg)}body main.vertical .current-call-block .current-call{--ball-size: 90px}body main.vertical .previous-call-block{padding:.5rem}body main.vertical .previous-call-block .previous-call{--ball-size: 55px}body main.vertical .previous-call-block>.row{flex-direction:row;align-items:center}body main.vertical .cmp-countdown{align-self:stretch}body main.vertical .cmp-countdown .countdown{height:100%;margin:0 !important;min-width:130px}body main.vertical .cmp-controls{padding:var(--size-md);min-width:250px}body main.vertical .cmp-controls .controls>div.show{display:flex;flex-flow:wrap}body main.vertical .cmp-controls button{width:45%;margin:.25rem;padding:10px 5px;white-space:break-spaces}body .pattern-block{--space-size: 1.25rem !important}}@media(max-width: 414px){body .settings-panel.open{width:100%}body .settings-panel.open .inner-panel{overflow-x:hidden}body main.stacked .bingo-board{--board-font-size: 1rem;--board-line-height: 150%}body main.stacked .bingo-board .bingo-board-row .bingo-board-ball{padding:0}body main.stacked .current-call-block,body main.stacked .previous-call-block{padding:.5rem}body main.stacked .current-call-block .uppercase-text-small,body main.stacked .call-info .uppercase-text-small{white-space:break-spaces;line-height:1.2 !important}body main.stacked .current-call{--ball-size: 70px !important}body main.stacked .pattern-block{--space-size: 1.1rem}body main.stacked .cmp-call-info{margin-left:0 !important;margin-right:0 !important}body main.stacked .cmp-call-info .call-info{--digital-font-size: 2.25rem;--small-font-size: 0.6rem}body main.stacked .cmp-call-info .call-info+a .logo{height:2.25rem;width:auto !important;margin:0 auto;display:block}body main.stacked .cmp-countdown,body main.stacked .cmp-previous-calls{align-self:stretch}body main.stacked .cmp-countdown h2,body main.stacked .cmp-previous-calls h2{margin:0}body main.stacked .countdown{min-width:120px}body main.classic,body main.classic-reverse{position:relative;padding:var(--size-md)}body main.classic .bingo-board,body main.classic-reverse .bingo-board{--board-font-size: 1rem;--board-line-height: 150%}body main.classic .bingo-board .bingo-board-row .bingo-board-ball,body main.classic-reverse .bingo-board .bingo-board-row .bingo-board-ball{padding:0}body main.classic .digital-display+.uppercase-text-small,body main.classic-reverse .digital-display+.uppercase-text-small{line-height:1.25}body main.classic .pattern-block,body main.classic-reverse .pattern-block{--space-size: 1.25rem}body main.classic .call-info,body main.classic-reverse .call-info{--digital-font-size: 3rem}body main.classic .row:has(.previous-calls),body main.classic-reverse .row:has(.previous-calls){flex-wrap:wrap}body main.classic .row:has(.previous-calls)>.col,body main.classic-reverse .row:has(.previous-calls)>.col{display:block}body main.classic .row:has(.col.colspan2),body main.classic-reverse .row:has(.col.colspan2){margin:0;padding:0 !important;justify-content:space-between !important}body main.classic .col.cmp-current-call .uppercase-text-small,body main.classic-reverse .col.cmp-current-call .uppercase-text-small{line-height:1;margin-bottom:0}body main.classic .col.cmp-current-call .current-call-block,body main.classic-reverse .col.cmp-current-call .current-call-block{padding:var(--size-lg);margin-right:0 !important}body main.classic .col.cmp-current-call .current-call-block .current-call,body main.classic-reverse .col.cmp-current-call .current-call-block .current-call{--ball-size: 80px !important}body main.classic .col.cmp-current-call .current-call-block .current-call .uppercase-text-small,body main.classic-reverse .col.cmp-current-call .current-call-block .current-call .uppercase-text-small{margin:0 !important;line-height:1.25}body main.classic .col.cmp-countdown .countdown,body main.classic-reverse .col.cmp-countdown .countdown{padding:var(--size-md);margin-left:0 !important;min-height:100%}body main.classic .col.cmp-countdown .uppercase-text-small,body main.classic-reverse .col.cmp-countdown .uppercase-text-small{margin:0 !important;line-height:1.25}body main.classic .col.cmp-previous-calls .previous-call-block .previous-call,body main.classic-reverse .col.cmp-previous-calls .previous-call-block .previous-call{--ball-size: 60px !important}body .card-generator .desktop-no-wrap .col{width:100%;flex:100% !important;padding:0 0 1.5rem !important;margin:0 !important}body .card-generator .card-block{--space-size: 60px !important}body .pattern-list>.row>.pattern-col{flex-grow:0;padding:0 !important}body .pattern-list>.row>.pattern-col .pattern-block{padding:0 10px 10px;--space-size: 1.25rem}body .pattern-list>.row>.pattern-col .pattern-block h5{font-size:1rem}}@media(max-width: 390px){body main.vertical .bingo-board .bingo-board-row .bingo-board-ball{padding:0 .25em}body main.vertical .cmp-controls button{padding:5px}}@media(forced-colors: active){body .prefs__palette{forced-color-adjust:none}}@media print{html,body{-webkit-print-color-adjust:exact !important;background-color:#fff !important;overflow:visible !important}html,body,section,.row{padding:0 !important;margin:0 !important}header,footer,.no-print{display:none !important}div{page-break-inside:avoid;break-inside:avoid-page;-webkit-break-inside:avoid-page}.card{margin:0 !important;border-radius:0 !important}.card-block{margin:0;padding:0}.card-block .card-break{page-break-inside:auto;break-inside:auto;-webkit-break-inside:auto;width:100%;display:block !important}.print-bw{filter:Gray();filter:url("#grayscale");-webkit-filter:grayscale(100%);filter:grayscale(100%)}.landscape.print-two .card-block{--space-size: 70pt !important}.landscape.print-four .card-block{--space-size: 40pt !important}.landscape.print-six .card-block{--space-size: 40pt !important}.portrait.print-two .card-block{--space-size: 60pt !important}.portrait.print-four .card-block{--space-size: 50pt !important}.portrait.print-six .card-block{--space-size: 40pt !important}}

/*# sourceMappingURL=styles.css.map*/