#productSvgImgArea{width:100%;display:inline-block;padding:10px;position:relative;}
#colorSwitcherName{width:100%;display:inline-block;margin:10 0;}
.colorSwitcherArea{display: flex;flex-wrap: wrap;}
.colorSwitcherItem{width:20px;height:20px;border:1px solid #000;margin:5px;cursor:pointer;}
.productSvgHeightArrow{position:absolute; width:3px;background-color:#5c9424;height:70%;left:0;top:15%;}
.productSvgHeightArrow::before{content: url(../images/navigation.svg);position:absolute;left:-6px;top:-10px;width:20px;-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.productSvgHeightArrow::after{content: url(../images/navigation.svg);position:absolute;left:-11px;bottom:-10px;width:20px;-ms-transform: rotate(137deg);transform: rotate(137deg);}
.productSvgHeightArrow span{position: absolute;left: -36px;top: 50%;width: 50px;font-size: 14px;-ms-transform: rotate(90deg);transform: rotate(90deg);}
.productSvgWidthArrow{position:absolute; width:70%;background-color:#5c9424;height:3px;bottom:0;left:15%;text-align: center;}
.productSvgWidthArrow::before{content: url(../images/navigation.svg);position:absolute;left:-7px;top:-16px;width:20px;-ms-transform: rotate(-132deg);transform: rotate(-132deg);}
.productSvgWidthArrow::after{content: url(../images/navigation.svg);position:absolute;right:-8px;top:-10px;width:20px;-ms-transform: rotate(45deg);transform: rotate(45deg);}
.productSvgWidthArrow span{font-size: 14px;margin-top:6px;display:inline-block;}