table.tblDirection,table.tblDirection td{border:2px solid #fff}.direction__list{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:300px}.direction__item_empty{height:60px;width:60px}.direction__item{background-color:#4e72df91;height:60px;width:60px;cursor:pointer}@media only screen and (min-width:768px){.direction__list{width:150px}.direction__item,.direction__item_empty{height:40px;width:40px}}@media only screen and (min-width:992px){.direction__list{width:195px}.direction__item,.direction__item_empty{height:45px;width:45px}}.direction__item_top{-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.direction__item_top-right{-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%)}.direction__item_right{-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%)}.direction__item_bottom-right{-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%)}.direction__item_bottom{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.direction__item_bottom-left{-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%)}.direction__item_left{-webkit-clip-path:polygon(100% 0,100% 100%,0 50%);clip-path:polygon(100% 0,100% 100%,0 50%)}.direction__item_left-top{-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}.direction__item_active{background-color:#4e73df}.preview{border:1px solid #b6b6d1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:360px;margin-bottom:10px;overflow:auto;position:relative}.triangle{transition:.3s;border-style:solid;width:0;height:0;line-height:0;border-width:0 125px 100px;border-color:transparent transparent #4e73df;position:absolute}.dir_container{position:relative;width:400px}table.tblDirection{background-color:#fff;border-collapse:collapse;color:#000}