.protractor{border-bottom:1px dashed #666;height:36px;overflow:hidden;position:relative;width:36px}.protractor__arrow{height:36px;left:4px;overflow:visible;position:absolute;top:0;transform:rotate(0deg);transform-origin:bottom left;width:36px}.protractor--negative{transform:translateY(50%) scaleX(-1) rotate(180deg)}.protractor--90 .protractor__arrow{overflow:visible;transform:rotate(-90deg)}.protractor--85 .protractor__arrow{overflow:visible;transform:rotate(-85deg)}.protractor--80 .protractor__arrow{overflow:visible;transform:rotate(-80deg)}.protractor--75 .protractor__arrow{overflow:visible;transform:rotate(-75deg)}.protractor--70 .protractor__arrow{overflow:visible;transform:rotate(-70deg)}.protractor--65 .protractor__arrow{overflow:visible;transform:rotate(-65deg)}.protractor--60 .protractor__arrow{overflow:visible;transform:rotate(-60deg)}.protractor--55 .protractor__arrow{overflow:visible;transform:rotate(-55deg)}.protractor--50 .protractor__arrow{overflow:visible;transform:rotate(-50deg)}.protractor--45 .protractor__arrow{overflow:visible;transform:rotate(-45deg)}.protractor--40 .protractor__arrow{overflow:visible;transform:rotate(-40deg)}.protractor--35 .protractor__arrow{overflow:visible;transform:rotate(-35deg)}.protractor--30 .protractor__arrow{overflow:visible;transform:rotate(-30deg)}.protractor--25 .protractor__arrow{overflow:visible;transform:rotate(-25deg)}.protractor--20 .protractor__arrow{overflow:visible;transform:rotate(-20deg)}.protractor--15 .protractor__arrow{overflow:visible;transform:rotate(-15deg)}.protractor--10 .protractor__arrow{overflow:visible;transform:rotate(-10deg)}.protractor--5 .protractor__arrow{overflow:visible;transform:rotate(-5deg)}.protractor--0 .protractor__arrow{overflow:visible;transform:rotate(0deg)}