.callout:before{content:"";display:block;position:absolute;top:-12px;right:64px;width:0;height:0;border:12px solid rgba(255,255,255,0);border-bottom-color:#bbb;border-top-width:0;}.callout:after{content:"";display:block;position:absolute;top:-11px;right:65px;width:0;height:0;border:11px solid rgba(255,255,255,0);border-bottom-color:#f8f8f8;border-top-width:0;}.callout.bottom:before{border-width:12px 12px 0;border-bottom-color:rgba(255,255,255,0);border-top-color:#bbb;top:auto;bottom:-12px;}.callout.bottom:after{border-width:11px 11px 0;border-bottom-color:rgba(255,255,255,0);border-top-color:#f8f8f8;top:auto;bottom:-11px;}.callout.left:before{top:16px;left:-12px;bottom:auto;border-width:12px 12px 12px 0;border-color:rgba(255,255,255,0) #bbb;}.callout.left:after{top:16px;left:-11px;bottom:auto;border-width:11px 11px 11px 0;border-color:rgba(255,255,255,0) #f8f8f8;}.callout.right:before{top:16px;right:-12px;bottom:auto;left:auto;border-width:12px 0 12px 12px;border-color:rgba(255,255,255,0) #bbb;}.callout.right:after{top:16px;right:-11px;bottom:auto;left:auto;border-width:11px 0 11px 11px;border-color:rgba(255,255,255,0) #f8f8f8;}