.arrow-box{display:flex}.arrow-box.topCenter,.arrow-box.topEnd,.arrow-box.topStart{flex-direction:column-reverse}.arrow-box.rightCenter,.arrow-box.rightEnd,.arrow-box.rightStart{flex-direction:row}.arrow-box.bottomCenter,.arrow-box.bottomEnd,.arrow-box.bottomStart{flex-direction:column}.arrow-box.leftCenter,.arrow-box.leftEnd,.arrow-box.leftStart{flex-direction:row-reverse}.arrow-box .arrow-box-content{border-radius:6px;padding:14px;position:relative}.arrow-box .arrow-box-arrow{aspect-ratio:14/12;fill:#fff;flex-shrink:0;height:fit-content;position:relative}.arrow-box .arrow-box-arrow.topCenter,.arrow-box .arrow-box-arrow.topEnd,.arrow-box .arrow-box-arrow.topStart{transform:translate(-50%)}.arrow-box .arrow-box-arrow.rightCenter,.arrow-box .arrow-box-arrow.rightEnd,.arrow-box .arrow-box-arrow.rightStart{transform:rotate(90deg)translate(-50%)translateY(1px)}.arrow-box .arrow-box-arrow.bottomCenter,.arrow-box .arrow-box-arrow.bottomEnd,.arrow-box .arrow-box-arrow.bottomStart{transform:rotate(180deg)translate(50%)}.arrow-box .arrow-box-arrow.leftCenter,.arrow-box .arrow-box-arrow.leftEnd,.arrow-box .arrow-box-arrow.leftStart{transform:rotate(270deg)translate(50%)translateY(1px)}.arrow-box .arrow-box-arrow.bottomCenter,.arrow-box .arrow-box-arrow.topCenter{left:50%}.arrow-box .arrow-box-arrow.bottomStart,.arrow-box .arrow-box-arrow.topStart{left:25%}.arrow-box .arrow-box-arrow.bottomEnd,.arrow-box .arrow-box-arrow.topEnd{left:75%}.arrow-box .arrow-box-arrow.leftCenter,.arrow-box .arrow-box-arrow.rightCenter{top:50%}.arrow-box .arrow-box-arrow.leftStart,.arrow-box .arrow-box-arrow.rightStart{top:25%}.arrow-box .arrow-box-arrow.leftEnd,.arrow-box .arrow-box-arrow.rightEnd{top:75%}