:root{--triangle-width:44px;--triangle-height:38px;--primary-color:#295ba6;--background:#fff;--foreground:#000;--triangle-border-color:#d4d4d4;--triangle-color:#33261d}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;background:var(--background);color:#000;color:var(--foreground);font-family:Open Sans,sans-serif;font-size:.9em;min-height:100vh}a{text-decoration:none}h1{font-weight:400}p{margin-top:40px}input,textarea{border:1px solid #000;border:1px solid var(--foreground);border-radius:4px;font-family:Open Sans,sans-serif;font-size:14px;outline:none;padding:10px 16px;width:100%}textarea{resize:vertical}button{background:#0000;border:1px solid #295ba6;border:1px solid var(--primary-color);border-radius:4px;color:#295ba6;color:var(--primary-color);cursor:pointer;font-family:Open Sans,sans-serif;outline:none;padding:10px 16px;text-align:center;text-transform:uppercase;transition:.3s;width:100%}button:hover{background:#295ba6;background:var(--primary-color);color:#fff;color:var(--background)}.primary{color:#295ba6;color:var(--primary-color)}.sidebar,.wrapper{display:flex}.sidebar{flex:.2 1;flex-direction:column;justify-content:space-between;max-width:360px;padding:40px}.triangle-info{align-items:center;display:flex;margin-top:30px}.triangle-zoom-container{align-items:center;animation:show 2s 1s forwards;display:flex;flex:1 1;flex-direction:column;height:100vh;justify-content:center;opacity:0;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;visibility:hidden}.triangle-container{background:#d4d4d4;background:var(--triangle-border-color);display:flex;flex-direction:column;max-width:100%}@keyframes show{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.react-transform-component{width:100%!important}.overlay{box-shadow:inset 0 0 20px 40px #fff;box-shadow:inset 0 0 20px 40px var(--background);height:100%;pointer-events:none;position:absolute;width:100%}.row{display:inline-flex;margin:0 0 2px -22px;margin:0 0 2px calc(var(--triangle-width)/-2);overflow:hidden}.triangle{background:#fff;background:var(--background);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);cursor:pointer;height:38px;height:var(--triangle-height);margin:0;min-height:38px;min-height:var(--triangle-height);min-width:44px;min-width:var(--triangle-width);position:relative;transition:.3s;width:44px;width:var(--triangle-width)}.row:nth-child(2n) .triangle:nth-child(2n),.row:nth-child(odd) .triangle:nth-child(odd){transform:rotate(180deg)}.row:nth-child(2n) .triangle:nth-child(2n):not(.triangle-active-full):not(.triangle-active-border):hover,.row:nth-child(odd) .triangle:nth-child(odd):not(.triangle-active-full):not(.triangle-active-border):hover{transform:rotate(180deg) scale(.9)}.triangle:not(.triangle-active-full):not(.triangle-active-border):hover{transform:scale(.9)}.triangle-active-border,.triangle-active-full,.triangle:hover{background:#33261d;background:var(--triangle-color)}.inner-triangle{bottom:0;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:70%;left:0;margin:auto;position:absolute;right:0;text-align:center;top:5px;transition:.6s;width:70%}.triangle-active-border .inner-triangle{background:#fff;background:var(--background)}.modal-overlay{animation:show .3s forwards;background:#000000b3;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.close-modal{cursor:pointer;position:absolute;right:12px;top:10px;transition:.3s}.close-modal:hover{transform:scale(1.2)}.modal{background:#fff;border-radius:4px;color:#000;color:var(--foreground);left:50%;padding:30px 20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal input,.modal p,.modal textarea{margin:10px 0}.loader{animation:spin 2s linear infinite;border:1px solid #f3f3f3;border-radius:50%;border-top:1px solid var(--primary-color);display:inline-block;height:13px;width:13px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.only-phone{bottom:0;color:#000;color:var(--foreground);display:none;left:0;padding:16px;position:absolute;right:0;top:0}.only-phone h1{align-items:center;display:flex;flex:1 1;font-weight:600;height:100%;justify-content:center}@media (max-width:800px){.only-phone{display:block}.wrapper>div:not(.only-phone){display:none}}
/*# sourceMappingURL=main.e53daace.css.map*/