.article-rating{margin-bottom:var(--spacer-xl)}.article-rating.no-ratings{align-items:baseline;background-color:var(--color0);column-gap:20px;display:flex;flex-wrap:wrap;padding:12px}.article-rating.no-ratings form{margin:0}.article-rating .rating-header{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:space-between;margin-bottom:2em}.article-rating .rating-header>*{height:100%;width:100%}.article-rating .rating-header .rating{align-items:center;display:flex;font-size:20px;gap:1em;margin-bottom:var(--spacer-m);white-space:nowrap}.article-rating .rating-header .rating .rating-stars{background-size:140px;height:25.2px;margin:0;width:140px}.article-rating .rating-header .rating .rating-stars:after{background-size:140px}.article-rating .rating-header small{display:block}.article-rating .rating-header .rating-distribution .distribution-row{align-items:center;display:flex;gap:1em;height:25px;justify-content:space-between;margin-bottom:.5em;white-space:nowrap}.article-rating .rating-header .rating-distribution .distribution-row[data-js-filter-ratings]{color:var(--link-color);cursor:pointer;text-decoration:underline}.article-rating .rating-header .rating-distribution .distribution-row.active{cursor:pointer;font-weight:700}.article-rating .rating-header .rating-distribution .distribution-row>span:first-child{min-width:60px}.article-rating .rating-header .rating-distribution .distribution-row>span:last-child{min-width:110px;text-align:right}.article-rating .rating-header .rating-latest{display:none}.article-rating .rating-body .ratings-headline{display:flex;gap:20px}.article-rating .rating-body button:before{content:"+";font-size:1.5em;margin-right:.4em}.article-rating .rating-entry{border-bottom:1px solid var(--border-color);padding:1em 0}.article-rating .rating-entry .rating-meta{display:flex;margin-bottom:1em}.article-rating .rating-entry .rating-data{border-left:1px solid var(--border-color);margin-left:var(--spacer-s);padding-left:var(--spacer-s)}.article-rating .rating-entry.excluded{display:none!important}.article-rating .preview{border-bottom:0;display:-webkit-box;padding:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.bar-container{background:var(--grey0);border:1px solid var(--grey3);border-radius:var(--shop-radius);display:block;height:90%;overflow:hidden;position:relative;width:100%}.bar-container .bar{background:#de7921;height:100%;left:0;position:absolute;top:0}.rating-modal .modal-container{height:98vh;overflow-y:scroll;position:absolute;width:95vw}@media only screen and (min-width:768px){.rating-modal .modal-container{height:auto;overflow-y:unset;width:auto}}.rating-modal .main-image{display:none;text-align:center}@media only screen and (min-width:1024px){.rating-modal .main-image{display:block}}.rating-modal form{margin:0}.rating-modal .user-rating{display:grid;gap:0 1em;grid-template-columns:auto 1fr}.rating-modal .user-rating .user-stars{display:inline-flex}.rating-modal .user-rating .user-stars .rating-stars{background-position-y:100%;background-size:158px;color:transparent;height:28px;width:32px}.rating-modal .user-rating .user-stars .rating-stars.active-star{background-position-y:0}.rating-modal .user-rating .error-subtext{grid-column:1/3;grid-row:2}.rating-modal .user-rating strong{display:inline-block;font-size:1.5em;padding:var(--spacer-xs) 0 0 var(--spacer-s)}.rating-modal .user-name{margin-top:var(--spacer-m)}.rating-modal .user-name [type=text]{max-width:400px}.rating-modal .user-review small:not(.error-subtext){color:var(--grey5)}.rating-modal .user-review a{float:right}.rating-modal button{width:100%}.rating-modal textarea{height:200px;line-height:1.4em;padding:.5em}.rating-modal .modal-footer{text-align:center}.rating-modal .modal-footer .as-link:hover{color:var(--link-color-active)}.rate-article-view .main{height:100vh}.rate-article-view .article-rating{margin:0}.rate-article-view .home-button{position:relative;top:0}.rate-article-view .rating-modal{margin-top:var(--spacer-l)}@media only screen and (min-width:768px){.article-rating .rating-header{flex-direction:row}.article-rating .rating-header>*{flex-basis:50%}.article-rating .rating-header .rating-distribution{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);padding:0 20px}.rating-modal button{width:auto}}@media only screen and (min-width:1023px){.article-rating .rating-header>*{flex-basis:33.3%}.article-rating .rating-header .rating-latest{display:block}}