.dd-up::before{position:absolute;content:'';pointer-events:none;left:50%;width:50px;height:50px;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.dd-up{position:relative;height:325px}.dd-up::after{top:-20px;z-index:10;background:inherit;position:absolute;content:'';pointer-events:none;left:50%;width:50px;height:50px;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);top:-20px;z-index:10;background:inherit}.dd-down::before{position:absolute;content:'';pointer-events:none;left:50%;width:50px;height:50px;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.dd-down{position:relative;height:325px}.dd-down::after{bottom:-20px;z-index:10;background:inherit;position:absolute;content:'';pointer-events:none;left:50%;width:50px;height:50px;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);bottom:-20px;z-index:10;background:inherit}.dd-left::before{position:absolute;content:'';pointer-events:none;bottom:50%;width:50px;height:50px;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.dd-left{position:relative;height:325px}.dd-left::after{left:-20px;z-index:10;background:inherit;position:absolute;content:'';pointer-events:none;top:50%;width:50px;height:50px;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);left:-20px;z-index:10;background:inherit}.dd-right::before{position:absolute;content:'';pointer-events:none;top:50%;width:50px;height:50px;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.dd-right{position:relative;height:325px}.dd-right::after{right:-20px;z-index:10;background:inherit;position:absolute;content:'';pointer-events:none;top:50%;width:50px;height:50px;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);right:-20px;z-index:10;background:inherit}