.tooltip{left:50%;position:absolute;top:100%;-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.tooltip.top{top:-100%}.tooltip.left{left:-100%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right{left:100%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.block{height:.5em;position:relative;width:1.5em}.block .triangle{height:12px;overflow:hidden;position:absolute;width:36px}.block .triangle .square{border:1px solid rgba(0,0,0,0.1);border-radius:.1em;box-shadow:5em 5em 0.35em 5em rgba(0,0,0,0.2);height:24px;left:6px;position:relative;top:6px;-ms-transform:rotate(45deg);transform:rotate(45deg);width:24px}.block .contents{border-radius:.1em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);min-height:1.5em;min-width:1.5em;position:absolute;top:12px}.default .block .square{background-color:#fff}.default .block .contents{background-color:#fff;color:rgba(0,0,0,0.87)}.default.dark .block .square{background-color:rgba(0,0,0,0.87)}.default.dark .block .contents{background-color:rgba(0,0,0,0.87);color:rgba(0,0,0,0.87)}