.pixelButton{--button-primary:transparent;--button-primary-bright:transparent;--button-primary-dark:transparent;--button-primary-disabled:transparent;--button-primary-disabled-bright:transparent;--button-primary-disabled-dark:transparent;--button-base-primary:transparent;--button-base-dark:transparent;--text-color:transparent;--text-color-disabled:transparent;--border:transparent;width:fit-content;height:fit-content;position:relative}.button{background:transparent;position:relative;padding-left:8px;min-width:80px;width:100%;padding-right:8px;top:-4px;color:var(--text-color);z-index:2}.button,.button:disabled{border-top:4px solid var(--border)}.button:disabled{color:var(--text-color-disabled)}.button:before{content:"";display:block;position:absolute;top:-8px;border-top:4px solid var(--border);border-bottom:4px solid var(--button-primary-bright);bottom:-8px;left:4px;right:4px;background:var(--button-primary);z-index:-1}.button:disabled:before{border-top:4px solid var(--border);border-bottom:4px solid var(--button-primary-disabled-bright);background:var(--button-primary-disabled)}.button:after{content:"";display:block;position:absolute;background:var(--button-primary);border-bottom:4px solid var(--button-primary-bright);border-top:4px solid var(--border);top:-12px;bottom:-12px;left:8px;right:8px;z-index:-1}.button:disabled:after{background:var(--button-primary-disabled);border-bottom:4px solid var(--button-primary-disabled-bright)}.button:active{top:0}.button:disabled:active{top:-4px}.around,.around-disabled{display:inline-block;position:relative;width:100%;background:var(--border);border-bottom:12px solid var(--border);top:-4px;z-index:2}.around-disabled:after{bottom:-20px;left:8px;right:8px}.around-disabled:after,.around-disabled:before{content:"";display:block;position:absolute;background:var(--button-primary-disabled-dark);top:12px;border-bottom:4px solid var(--border);z-index:-1}.around-disabled:before{bottom:-16px;left:4px;right:4px}.around:after{bottom:-20px;left:8px;right:8px}.around:after,.around:before{content:"";display:block;position:absolute;background:var(--button-primary-dark);top:12px;border-bottom:4px solid var(--border);z-index:-1}.around:before{bottom:-16px;left:4px;right:4px}.buttonBaseTop{display:inline-block;position:relative;padding-left:4px;padding-right:4px;width:100%;top:-4px;background:var(--button-base-primary);border-bottom:4px solid var(--border);border-top:4px solid var(--border);z-index:2}.buttonBaseTop:after{bottom:-12px;left:8px;right:8px}.buttonBaseTop:after,.buttonBaseTop:before{content:"";display:block;position:absolute;background:var(--button-base-primary);top:8px;border-bottom:4px solid var(--border);z-index:-1}.buttonBaseTop:before{bottom:-8px;left:4px;right:4px}.buttonBase{display:inline-block;position:relative;background:transparent;min-height:fit-content;min-width:fit-content;padding-bottom:4px;border-left:4px solid var(--border);border-right:4px solid var(--border);z-index:2}.buttonBase:before{bottom:-4px;left:0;right:0}.buttonBase:after,.buttonBase:before{content:"";display:block;position:absolute;background:var(--button-base-dark);border-bottom:4px solid var(--border);top:8px;z-index:-1}.buttonBase:after{bottom:-8px;left:4px;right:4px}.displayDotSlot{height:28px;width:28px;position:relative;background:transparent;--dot-color:transparent;--dot-border:#211f33}.displayDotBase{height:20px;width:20px;background-color:var(--dot-color);position:relative;top:4px;left:4px}.displayDotEnclosure{height:4px;width:4px;position:relative;background:transparent;top:8px;left:8px;box-shadow:-8px 8px var(--dot-border),8px 8px var(--dot-border),-8px -8px var(--dot-border),8px -8px var(--dot-border),12px -4px var(--dot-border),12px 0 var(--dot-border),12px 4px var(--dot-border),-12px -4px var(--dot-border),-12px 0 var(--dot-border),-12px 4px var(--dot-border),-4px -12px var(--dot-border),0 -12px var(--dot-border),4px -12px var(--dot-border),-4px 12px var(--dot-border),0 12px var(--dot-border),4px 12px var(--dot-border)}