.helpful-red{color:#ed7161;}.helpful-green{color:#88c057;}.helpful *{box-sizing:border-box;}.helpful p:empty{display:none;}.helpful{color:#333;position:relative;border-style:solid;border-color:#e5e5e5;background-color:#fff;border-width:1px;padding:25px;margin-top:25px;font-size:1rem;line-height:1.6rem;box-shadow:0 2px 5px 0 #f4f4f4;-moz-box-shadow:0 2px 5px 0 #f4f4f4;-webkit-box-shadow:0 2px 5px 0 #f4f4f4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.helpful > .helpful-header > .helpful-headline{color:#333;font-size:140%;font-weight:700;margin:0 0 12.5px;}.helpful > .helpful-content{color:#333;font-size:1rem;line-height:1.6rem;}.helpful > .helpful-content > a{color:#333;text-decoration:underline;}.helpful > .helpful-content > a:hover{color:#333;text-decoration:none;}.helpful .helpful-controls,.helpful .helpful-feedback-controls{display:flex;margin-top:12.5px;}.helpful .helpful-content .helpful-button{width:auto;}@media all and (max-width: 991.98px){.helpful .helpful-controls,.helpful .helpful-feedback-controls{flex-direction:column;}}.helpful .helpful-controls:after,.helpful .helpful-feedback-controls:after{clear:both;}.helpful .helpful-controls > div,.helpful .helpful-feedback-controls > div{flex:0 1 auto;width:50%;}.helpful .helpful-controls > div:first-child,.helpful .helpful-feedback-controls > div:first-child{margin-right:15px;}@media all and (max-width: 991.98px){.helpful .helpful-controls > div,.helpful .helpful-feedback-controls > div{width:100%;display:block;margin:0 0 10px 0;}}.helpful .helpful-content .helpful-button,.helpful > .helpful-controls > div > .helpful-button,.helpful .helpful-feedback-controls .helpful-button{padding:12px 30px;height:56px;max-height:56px;font-size:1rem;line-height:1rem;position:relative;cursor:pointer;opacity:1;width:100%;display:block;text-align:left;color:#333;background:#fff;border:1px solid #e5e5e5;transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;box-shadow:0 2px 5px 0 #f4f4f4;-moz-box-shadow:0 2px 5px 0 #f4f4f4;-webkit-box-shadow:0 2px 5px 0 #f4f4f4;}.helpful .helpful-content .helpful-button:hover,.helpful > .helpful-controls > div > .helpful-button:hover,.helpful .helpful-feedback-controls .helpful-button:hover{color:#333;opacity:.5;transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;}.helpful > .helpful-controls > div > .helpful-button[data-value="pro"]{border-left:2px solid #88c057;}.helpful > .helpful-controls > div > .helpful-button[data-value="contra"]{border-left:2px solid #ed7161;}.helpful > .helpful-controls > div > .helpful-button > .helpful-counter{position:absolute;right:25px;top:50%;line-height:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff;padding:12.5px;border-radius:35px;border:1px solid #e5e5e5;box-shadow:inset 0 2px 5px 0 #f4f4f4;-moz-box-shadow:inset 0 2px 5px 0 #f4f4f4;-webkit-box-shadow:inset 0 2px 5px 0 #f4f4f4;}.helpful > .helpful-footer{font-size:.7rem;position:absolute;right:5px;bottom:2px;color:#bbb;}.helpful > .helpful-footer > a{color:#bbb;}.helpful > .helpful-content > .helpful-feedback-form{color:#333;}.helpful > .helpful-content > .helpful-feedback-form req{color:#ed7161;}.helpful > .helpful-content > .helpful-feedback-form p{margin:0 0 12.5px;}.helpful > .helpful-content > .helpful-feedback-form > p,.helpful > .helpful-content > .helpful-feedback-form > .feedback-note > p,.helpful > .helpful-content > .helpful-feedback-form > .group{color:#333;margin:0 0 12.5px;}.helpful > .helpful-content > .helpful-feedback-form textarea,.helpful > .helpful-content > .helpful-feedback-form input[type="text"],.helpful > .helpful-content > .helpful-feedback-form input[type="email"],.helpful > .helpful-content > .helpful-feedback-form input[type="url"],.helpful > .helpful-content > .helpful-feedback-form input[type="number"]{color:#333;width:100%;display:block;font-size:1rem;line-height:1.6rem;padding:7.5px 15px;border-radius:0;border-style:solid;border-width:1px;border-color:#e5e5e5;background-color:#fff;box-shadow:inset 0 2px 5px 0 #f4f4f4;-moz-box-shadow:inset 0 2px 5px 0 #f4f4f4;-webkit-box-shadow:inset 0 2px 5px 0 #f4f4f4;}.helpful > .helpful-content > .helpful-feedback-form textarea{min-height:150px;max-width:100%;font-size:1rem;line-height:1.6rem;}.helpful > .helpful-content > .helpful-feedback-form input[type="checkbox"],.helpful > .helpful-content > .helpful-feedback-form input[type="radio"]{border-style:solid;border-width:1px;border-color:#e5e5e5;background-color:#fff;font-size:1rem;line-height:1.6rem;border-radius:0;box-shadow:inset 0 2px 5px 0 #f4f4f4;-moz-box-shadow:inset 0 2px 5px 0 #f4f4f4;-webkit-box-shadow:inset 0 2px 5px 0 #f4f4f4;}.helpful > .helpful-content > .helpful-feedback-form > .helpful-button,.helpful .helpful-feedback-controls .helpful-button{color:#fff;min-width:150px;text-align:center;border-style:solid;border-width:1px;border-color:#88c057;background-color:#88c057;padding:12px 15px;height:56px;max-height:56px;font-size:1rem;line-height:1.6rem;margin:12.5px 0 0;border-radius:0;cursor:pointer;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}.helpful > .helpful-content > .helpful-feedback-form > .helpful-button:hover,.helpful .helpful-feedback-controls .helpful-button:hover{background-color:#88c057;box-shadow:0 2px 5px 0 #f4f4f4;-moz-box-shadow:0 2px 5px 0 #f4f4f4;-webkit-box-shadow:0 2px 5px 0 #f4f4f4;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}@media all and (max-width: 991.98px){.helpful > .helpful-content > .helpful-feedback-form > .helpful-button,.helpful .helpful-feedback-controls .helpful-button{min-width:100%;width:100%;display:block;}}.helpful-feedback-items{margin:0;padding:0;}.helpful-feedback-items .helpful-feedback-item{display:block;list-style:none;border:1px solid #e5e5e5;padding:25px;margin-bottom:25px;}.helpful-feedback-author{margin-bottom:12.5px;}.helpful-feedback-items .--flex{display:flex;align-items:center;}.helpful-feedback-items .--avatar{margin-right:15px;}.helpful-feedback-items .--avatar img{border-radius:50%;height:45px;width:45px;}.helpful-feedback-items .--name{font-weight:600;}