.popper{box-shadow:0 17px 14px -5px rgba(0,0,0,.07);border-radius:20px;background:var(--boardBgColor);z-index:200;transition:.3s}.popper:after,.popper:before{position:absolute;content:"";transform:rotate(45deg)}.popper:before{box-shadow:0 17px 14px -5px rgba(0,0,0,.07)}.popper:after{background:var(--boardBgColor)}.popper--top{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);border:1px solid var(--boardBorderColor)}.popper--top:after,.popper--top:before{width:10px;height:10px;bottom:calc(-5px - 1px);right:0;left:0;margin:auto;z-index:-1;border:1px solid transparent}.popper--top:after{border-bottom:1px solid var(--boardBorderColor);border-left:1px solid var(--boardBorderColor);transform:rotate(-45deg)}.popper--topStart{position:absolute;bottom:calc(100% + 10px);left:0;border:1px solid var(--boardBorderColor)}.popper--topStart:after,.popper--topStart:before{width:10px;height:10px;bottom:calc(-5px - 1px);left:7px;z-index:-1;border:1px solid transparent}.popper--topStart:after{border-bottom:1px solid var(--boardBorderColor);border-left:1px solid var(--boardBorderColor);transform:rotate(-45deg)}.popper--topEnd{position:absolute;right:0;bottom:calc(100% + 10px);border:1px solid var(--boardBorderColor)}.popper--topEnd:after,.popper--topEnd:before{width:10px;height:10px;bottom:calc(-5px - 1px);right:7px;z-index:-1;border:1px solid transparent}.popper--topEnd:after{border-bottom:1px solid var(--boardBorderColor);border-left:1px solid var(--boardBorderColor);transform:rotate(-45deg)}.popper--right{position:absolute;top:50%;left:calc(100% + 10px);border:1px solid var(--boardBorderColor);transform:translateY(-50%)}.popper--right:after,.popper--right:before{width:10px;height:10px;left:calc(-5px - 1px);top:calc(50% - (5px + 1px));z-index:-1;border:1px solid transparent}.popper--right:after{border-bottom:1px solid var(--boardBorderColor);border-left:1px solid var(--boardBorderColor)}.popper--left{position:absolute;top:50%;right:calc(100% + 10px);border:1px solid var(--boardBorderColor);transform:translateY(-50%)}.popper--left:after,.popper--left:before{width:10px;height:10px;right:calc(-5px - 1px);top:calc(50% - (5px + 1px));z-index:-1;border:1px solid transparent}.popper--left:after{border-bottom:1px solid var(--boardBorderColor);border-left:1px solid var(--boardBorderColor);transform:rotate(225deg)}.popper--bottom{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);border:1px solid var(--boardBorderColor)}.popper--bottom:after,.popper--bottom:before{width:10px;height:10px;top:calc(-5px - 1px);right:0;left:0;margin:auto;z-index:-1;border:1px solid transparent}.popper--bottom:after{border-bottom:1px solid var(--boardBorderColor);border-left:1px solid var(--boardBorderColor);transform:rotate(135deg)}.popper--bottomStart{position:absolute;top:calc(100% + 10px);left:0;border:1px solid var(--boardBorderColor)}.popper--bottomStart:after,.popper--bottomStart:before{width:10px;height:10px;top:calc(-5px - 1px);left:7px;z-index:-1;border:1px solid transparent}.popper--bottomStart:after{border-bottom:1px solid var(--boardBorderColor);border-left:1px solid var(--boardBorderColor);transform:rotate(135deg)}.popper--bottomEnd{position:absolute;top:calc(100% + 10px);right:0;border:1px solid var(--boardBorderColor)}.popper--bottomEnd:after,.popper--bottomEnd:before{width:10px;height:10px;top:calc(-5px - 1px);right:7px;z-index:-1;border:1px solid transparent}.popper--bottomEnd:after{border-bottom:1px solid var(--boardBorderColor);border-left:1px solid var(--boardBorderColor);transform:rotate(135deg)}.popper--bRadius8{border-radius:8px}.popper--bRadius20{border-radius:20px}.popper--noArrow:after,.popper--noArrow:before{display:none}