.arrow{display:inline-block;height:18px;position:relative;width:18px}.arrow:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;display:inline-block;left:18px;bottom:1px;width:0}.arrow.arrow-bar:before,.arrow:after{content:"";height:0;position:absolute}.arrow.arrow-bar:before{bottom:17.7px;right:16px;transform-origin:bottom;width:1px;transform:rotate(135deg)}.arrow.animate:after{animation:arrow .3s ease-in-out forwards;animation-delay:.3s}.arrow.animate:before{animation:arrow-bar .3s ease-in-out forwards}.arrow.is-top{transform:rotate(225deg);right:3px;top:3px}.arrow.is-right{transform:rotate(270deg)}.arrow.is-bottom{transform:rotate(45deg)}.arrow.is-left{transform:rotate(135deg)}@keyframes arrow-bar{0%{height:0}to{height:22px}}@keyframes arrow{0%{width:0;height:0;left:18px}to{width:18px;height:18px;left:0}}@media(min-width:1024px){.arrow{display:inline-block;height:30px;position:relative;width:30px}.arrow:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;display:inline-block;left:30px;bottom:1px;width:0}.arrow.arrow-bar:before,.arrow:after{content:"";height:0;position:absolute}.arrow.arrow-bar:before{bottom:17.7px;right:16px;transform-origin:bottom;width:1px;transform:rotate(135deg)}.arrow.animate:after{animation:arrow .3s ease-in-out forwards;animation-delay:.3s}.arrow.animate:before{animation:arrow-bar .3s ease-in-out forwards}.arrow.is-top{transform:rotate(225deg);right:3px;top:3px}.arrow.is-right{transform:rotate(270deg)}.arrow.is-bottom{transform:rotate(45deg)}.arrow.is-left{transform:rotate(135deg)}@keyframes arrow-bar{0%{height:0}to{height:34px}}@keyframes arrow{0%{width:0;height:0;left:30px}to{width:30px;height:30px;left:0}}.arrow:before{bottom:23.7px;right:22px}}@media(min-width:768px){.arrow{display:inline-block;height:26px;position:relative;width:26px}.arrow:after{border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px;display:inline-block;left:26px;bottom:1px;width:0}.arrow.arrow-bar:before,.arrow:after{content:"";height:0;position:absolute}.arrow.arrow-bar:before{bottom:17.7px;right:16px;transform-origin:bottom;width:1px;transform:rotate(135deg)}.arrow.animate:after{animation:arrow .3s ease-in-out forwards;animation-delay:.3s}.arrow.animate:before{animation:arrow-bar .3s ease-in-out forwards}.arrow.is-top{transform:rotate(225deg);right:3px;top:3px}.arrow.is-right{transform:rotate(270deg)}.arrow.is-bottom{transform:rotate(45deg)}.arrow.is-left{transform:rotate(135deg)}@keyframes arrow-bar{0%{height:0}to{height:30px}}@keyframes arrow{0%{width:0;height:0;left:26px}to{width:26px;height:26px;left:0}}.arrow.arrow-bar:before{bottom:23.7px;right:22px}}.arrow-black .arrow:after,.arrow-black:after{border-color:#000}.arrow-black .arrow:before,.arrow-black:before{background-color:#000}.arrow-white .arrow:after,.arrow-white:after{border-color:#fff}.arrow-white .arrow:before,.arrow-white:before{background-color:#fff}