body{--block-text-color:#222;--block-background-color:#fff;--block-accent-color:#00ae86;--block-shadow-color:#444}.blocks{display:block;color:var(--block-text-color);border:3px solid var(--block-text-color);border-radius:3px;padding:4px 8px;background:var(--block-background-color);font-weight:700;cursor:pointer;box-sizing:border-box;position:relative;top:-2px;left:-2px;transition:transform .2s;margin:8px 6px 10px;z-index:1;user-select:none;-webkit-user-select:none;-moz-user-select:none}.blocks.wrapper,.blocks.wrapper.inline{display:inline-block;padding:0}.blocks.wrapper>*{margin:0}.blocks:before{content:"";background:var(--block-background-color);border:3px solid var(--block-text-color);border-radius:3px;box-sizing:border-box;position:absolute;top:-3px;left:-3px;height:calc(100% + 6px);width:calc(100% + 6px);z-index:-1}.blocks:focus,.blocks:hover{transform:translate(2px,2px)}.blocks:after{content:"";display:block;box-sizing:border-box;background:var(--block-shadow-color);border:3px solid var(--block-text-color);border-radius:3px;height:calc(100% + 6px);width:calc(100% + 6px);position:absolute;top:3px;left:3px;right:0;z-index:-2;transition:transform .2s}.blocks:focus:after,.blocks:hover:after{transform:translate(-2px,-3px)}.blocks:active{color:var(--block-text-color);transform:translate(3px,3px)}.blocks:active:after{transform:translate(-4px,-4px)}.blocks:focus{outline:none}.blocks.fixed{cursor:auto}.blocks.fixed:active,.blocks.fixed:active:after,.blocks.fixed:active:before,.blocks.fixed:focus,.blocks.fixed:focus:after,.blocks.fixed:focus:before,.blocks.fixed:hover,.blocks.fixed:hover:after,.blocks.fixed:hover:before{transform:none}.blocks.accent{color:var(--block-background-color)}.blocks.accent,.blocks.accent:before{background:var(--block-accent-color)}.blocks.inline{display:inline-block;font-size:.75em;padding:0 6px;margin:3px 2px 1px 4px}.blocks.inline:after{top:-1px;left:-1px}.blocks.inline:focus,.blocks.inline:hover{transform:translate(1px,1px)}.blocks.inline:focus:after,.blocks.inline:hover:after{transform:translate(-1px,-1px)}.blocks.inline:active{transform:translate(2px,2px)}.blocks.round,.blocks.round:after,.blocks.round:before{border-radius:30px}.blocks.round:after{left:1px}
/*# sourceMappingURL=blocks.min.css.map */