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