:root{--fMainFont:'Open Sans',sans-serif;--fSecondaryFont:'Alegreya Sans',sans-serif;--fTertiraryFont:'Istok Web',sans-serif;--fTextDirection:1;--fDocFontFamily:var(--fMainFont);--fDocFontSize:16px;--fDocLineHeight:1.5;--fDocLineHeightPx:calc(var(--fDocLineHeight) * var(--fDocFontSize));--fDocLineWidth:38em;--fDocColor:#464555;--fDocBackgroundColor:var(--fColorGray-0);--fBaseSize:1.5;--fBaseHeight:var(--fDocLineHeightPx);--fBaseHPadding:var(--fSpacer-3);--fBaseVPadding:var(--fSpacer-2);--fFocusRingOpacity:61%;--fFocusRing:2px solid;--fFocusRingOffset:1px;--fFontSizeBase:var(--fDocFontSize);--fFontSize-1:calc(var(--fFontSizeBase) * 0.5);--fFontSize-2:calc(var(--fFontSizeBase) * 0.625);--fFontSize-3:calc(var(--fFontSizeBase) * 0.75);--fFontSize-4:calc(var(--fFontSizeBase) * 0.875);--fFontSize-5:calc(var(--fFontSizeBase) * 1);--fFontSize-6:calc(var(--fFontSizeBase) * 1.5);--fFontSize-7:calc(var(--fFontSizeBase) * 1.75);--fFontSize-8:calc(var(--fFontSizeBase) * 2.25);--fFontSize-9:calc(var(--fFontSizeBase) * 3.375);--fLineHeight-1:1.3;--fLineHeight-2:1.3;--fLineHeight-3:1.4;--fLineHeight-4:1.45;--fLineHeight-5:var(--fDocLineHeight,1.5);--fLineHeight-6:1.3;--fLineHeight-7:1.13;--fLineHeight-8:1.13;--fLineHeight-9:1.13;--fSpacerBase:var(--fDocLineHeightPx);--fSpacer-0:0;--fSpacer-1:calc(var(--fSpacerBase) * 0.125);--fSpacer-2:calc(var(--fSpacerBase) * 0.25);--fSpacer-3:calc(var(--fSpacerBase) * 0.5);--fSpacer-4:calc(var(--fSpacerBase) * 0.75);--fSpacer-5:calc(var(--fSpacerBase) * 1);--fSpacer-6:calc(var(--fSpacerBase) * 1.5);--fSpacer-7:calc(var(--fSpacerBase) * 2);--fSpacer-8:calc(var(--fSpacerBase) * 2.5);--fSpacer-9:calc(var(--fSpacerBase) * 3.5);--fTransitionTimingFunction:ease;--fTransitionDuration:180ms;--fZIndexBase:0;--fZIndexAbove:2;--fZIndexBelow:-1;--fZIndexSticky:calc(var(--fZIndexAbove) + var(--fZIndexBase));--fZIndexFixed:calc(var(--fZIndexAbove) + var(--fZIndexSticky));--fColorPrimary-h:219;--fColorPrimary-s:90%;--fColorPrimary-l:100%;--fColorPrimary-1:hsl(var(--fColorPrimary-h),var(--fColorPrimary-s),99%);--fColorPrimary-2:hsl(var(--fColorPrimary-h),var(--fColorPrimary-s),96%);--fColorPrimary-3:hsl(var(--fColorPrimary-h),var(--fColorPrimary-s),87%);--fColorPrimary-4:hsl(var(--fColorPrimary-h),var(--fColorPrimary-s),73%);--fColorPrimary-5:hsl(var(--fColorPrimary-h),var(--fColorPrimary-s),52%);--fColorPrimary-6:hsl(var(--fColorPrimary-h),var(--fColorPrimary-s),40%);--fColorPrimary-7:hsl(var(--fColorPrimary-h),var(--fColorPrimary-s),30%);--fColorPrimary-8:hsl(var(--fColorPrimary-h),var(--fColorPrimary-s),20%);--fColorPrimary-9:hsl(var(--fColorPrimary-h),var(--fColorPrimary-s),13%);--fColorGray:#11111a;--fColorGrayMixedColor:#fff;--fColorGray-0:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 99%);--fColorGray-05:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 97%);--fColorGray-1:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 90%);--fColorGray-2:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 80%);--fColorGray-3:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 70%);--fColorGray-4:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 60%);--fColorGray-5:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 50%);--fColorGray-6:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 40%);--fColorGray-7:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 30%);--fColorGray-8:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 20%);--fColorGray-9:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 10%);--fColorGray-10:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 1%);--brandBlue:#464555;--brandBlue-a10:color-mix(in srgb,var(--brandBlue),transparent 90%);--brandBlue-a20:color-mix(in srgb,var(--brandBlue),transparent 80%);--brandBlue-a30:color-mix(in srgb,var(--brandBlue),transparent 70%);--brandBlue-a40:color-mix(in srgb,var(--brandBlue),transparent 60%);--brandBlue-a50:color-mix(in srgb,var(--brandBlue),transparent 50%);--brandBlue-a60:color-mix(in srgb,var(--brandBlue),transparent 40%);--brandBlue-a70:color-mix(in srgb,var(--brandBlue),transparent 30%);--brandBlue-a80:color-mix(in srgb,var(--brandBlue),transparent 20%);--brandBlue-a90:color-mix(in srgb,var(--brandBlue),transparent 10%);--fShadowColor:220 3% 15%;--fShadowStrength:1%;--fShadow-1:0 1px 2px -1px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 9%));--fShadow-2:0 3px 5px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 3%)),0 7px 14px -5px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 5%));--fShadow-3:0 -1px 3px 0 hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 2%)),0 1px 2px -5px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 2%)),0 2px 5px -5px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 4%)),0 4px 12px -5px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 5%)),0 12px 15px -5px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 7%));--fShadow-4:0 -2px 5px 0 hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 2%)),0 1px 1px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 3%)),0 2px 2px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 3%)),0 5px 5px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 4%)),0 9px 9px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 5%)),0 16px 16px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 6%));--fShadow-5:0 -1px 2px 0 hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 2%)),0 2px 1px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 3%)),0 5px 5px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 3%)),0 10px 10px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 4%)),0 20px 20px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 5%)),0 40px 40px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 7%));--fShadow-6:0 -1px 2px 0 hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 2%)),0 3px 2px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 3%)),0 7px 5px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 3%)),0 12px 10px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 4%)),0 22px 18px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 5%)),0 41px 33px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 6%)),0 100px 80px -2px hsl(var(--fShadowColor)/calc(var(--fShadowStrength) + 7%));--fInputColor:var(--fDocColor);--fInputBaseColor:var(--fColorPrimary-5);--fInputBackgound:var(--fColorGray-1);--fInputBorderRadius:var(--fSpacer-1);--fInputBorderWidth:1px;--fInputBorderColor:var(--fColorGray-2);--fInputBorderStyle:solid;--fInputFocusRingColor:color-mix(in srgb,var(--fInputBaseColor),transparent var(--fFocusRingOpacity));--fInputFocusRing:var(--fFocusRing) var(--fInputFocusRingColor);--wcpCodeColor:#000;--wcpCodeBackground:#f5f2f0}html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;//outline:0;font-size:100%;vertical-align:baseline;background:transparent}article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main{display:block}*, ::after, ::before{box-sizing:border-box}caption, th, td{text-align:start;font-weight:normal}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,
strong{font-weight:bolder}code,
kbd,
samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,
input,
optgroup,
select,
textarea{color:inherit;font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,
input{overflow:visible}button,
select{text-transform:none}button,
[type="button"],
[type="reset"],
[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],
[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:not(:defined){visibility:hidden}.not_visible{position:fixed!important;top:-9999px!important;left:-9999px!important}ul.bare_list{list-style:none;margin-inline-start:0;padding-inline-start:0}p{color:var(--fDocColor);max-width:var(--fDocLineWidth);margin:0 0 var(--fDocLineHeightPx) 0}.vertical-grid-lines{--grid-size:var(--fDocLineHeightPx);--grid-lines-color:rgba(0,170,255,0.06);background:linear-gradient(to bottom,var(--grid-lines-color) 1px,transparent 2px) left top /100% calc(var(--grid-size) * 0.5) repeat,linear-gradient(to bottom,var(--grid-lines-color) 1px,transparent 1px) left top /100% calc(var(--grid-size) * 0.5) repeat}.gridauto{--fColumnGap:var(--fSpacer-4);--fRowGap:var(--fSpacer-4);--fGridautoMinWidth:192px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--fGridautoMinWidth),1fr));grid-column-gap:var(--fColumnGap);grid-row-gap:var(--fRowGap)}@keyframes fade-in{from{opacity:0}}@keyframes fade-out{to{opacity:0}}.fadeIn{animation:200ms ease fade-in}.fadeOut{animation:200ms ease fade-out}wc-playground{--wcPlaygroundHeaderHeight:var(--fSpacer-7);--wcPlaygroundDrawerWidth:0;transition:100ms ease;display:grid;grid-template-columns:var(--wcPlaygroundDrawerWidth) minmax(180px,220px) minmax(400px,auto) minmax(220px,260px);grid-template-rows:auto;header{grid-row:1/2;grid-column:2/5;display:flex;align-items:center;position:sticky;top:0;z-index:2;background:var(--fColorGray-1);height:var(--wcPlaygroundHeaderHeight);padding:var(--fSpacer-1) var(--fSpacer-2)}.aside{grid-row:2/3;grid-column:2/3;padding:var(--fSpacer-5) var(--fSpacer-4)}.aside_right{grid-row:2/3;grid-column:4/5;padding:var(--fSpacer-5) var(--fSpacer-4);.navigation{font-size:var(--fFontSize-4)}}main{grid-row:2/3;grid-column:3/4;padding:var(--fSpacer-5) var(--fSpacer-4)}.menu_button{display:none}.navigation{position:sticky;top:calc(var(--wcPlaygroundHeaderHeight) + var(--fSpacer-5));z-index:3;ul{margin:0}a{color:var(--fDocColor);display:block;text-decoration:none;padding:var(--fSpacer-1) var(--fSpacer-3);margin-bottom:var(--fSpacer-1);line-height:var(--fLineHeight-1);&:hover{background:var(--fColorGray-1)}}}.logo{margin-top:36px;animation:app-logo-spin infinite 20s linear}.colors{display:flex;gap:10px;flex-wrap:wrap;> div{width:100px;height:100px}.bblue{background:var(--brandBlue)}.bblue-a10{background:var(--brandBlue-a10)}.bblue-a20{background:var(--brandBlue-a20)}.bblue-a30{background:var(--brandBlue-a30)}.bblue-a40{background:var(--brandBlue-a40)}.bblue-a50{background:var(--brandBlue-a50)}.bblue-a60{background:var(--brandBlue-a60)}.bblue-a70{background:var(--brandBlue-a70)}.bblue-a80{background:var(--brandBlue-a80)}.bblue-a90{background:var(--brandBlue-a90)}}@keyframes app-logo-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.app-footer{font-size:calc(12px + 0.5vmin);align-items:center}.app-footer a{margin-left:5px}}.menu_on{wc-playground{--wcPlaygroundDrawerWidth:76%;overflow:hidden;.aside{transform:translateY(0);opacity:1}}}@media (max-width: 700px){wc-playground{grid-template-columns:var(--wcPlaygroundDrawerWidth) 0 minmax(360px,auto) 0;.aside{grid-row:1/3;grid-column:1/2;opacity:0;transition:opacity 100ms ease;transform:translateY(-20000px);.navigation{position:static}}.aside_right{display:none}main{grid-column:2/5}.menu_button{display:block}}}farkle-game{display:block;padding:var(--fSpacer-4);.farkle-game_buttons{margin:0 auto;max-width:280px;display:flex;flex-direction:column;gap:var(--fSpacer-1);padding-top:var(--fSpacer-8);align-items:center}}score-table{margin:0 auto}.width-sm{max-width:260px}.mycheckbox{display:block;width:20px;height:20px;background:rebeccapurple}.dark-theme{--fDocColor:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 93%);--fFocusRingOpacity:41%;--fColorGray-0:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 1%);--fColorGray-05:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 4%);--fColorGray-1:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 8%);--fColorGray-2:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 16%);--fColorGray-3:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 24%);--fColorGray-4:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 32%);--fColorGray-5:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 40%);--fColorGray-6:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 48%);--fColorGray-7:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 56%);--fColorGray-8:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 64%);--fColorGray-9:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 72%);--fColorGray-10:color-mix(in srgb,var(--fColorGray),var(--fColorGrayMixedColor) 99%);--wcpCodeColor:var(--fDocColor);--wcpCodeBackground:var(--fColorGray-1);f-button,
    f-toolbar-button{--fButtonBackgroundOpacity:85%;--fButtonHoverBackgroundOpacity:78%}f-toolbar-button{--fToolbarButtonBackgroundOpacity:78%}f-popover{--fPopoverColor:var(--fDocColor);--fPopoverBackground:var(--fColorGray-2)}f-message{--fMessageColorSuccess:#6ed47d;--fMessageColorError:#ec5555;--fMessageColorWarning:#c47f08;--fMessageBackground:color-mix(in srgb,var(--fMessageBaseColor),var(--fDocBackgroundColor) 97%)}}html{color:var(--fDocColor);font-family:var(--fDocFontFamily);font-size:var(--fDocFontSize);background-color:var(--fDocBackgroundColor);line-height:var(--fDocLineHeight);font-optical-sizing:auto;font-style:normal;font-variation-settings:'wdth' 100}:not(:defined){visibility:hidden}