:root {
--nav_btn_size: 36px;
}
.sh_slider {
box-sizing: border-box;
width: 100%;
height: fit-content;
min-width: 250px;
min-height: 200px;
display: flex;
background-color: #fff;
overflow: hidden;
}
.sh_slider_body {
position: relative;
width: calc(100% - (2 * var(--nav_btn_size)));
height: inherit;
transition: all 0.5s ease-in-out;
z-index: 0;
background-color: inherit;
}
.sh_slider_items_container {
display: flex;
box-sizing: border-box;
margin: 0;
padding: 0;
overflow: hidden;
width: fit-content;
height: inherit;
--item_width: 0px;
}
.sh_slider_item {
display: block;
margin: 0;
padding: 0;
width: var(--item_width);
min-width: 250px;
height: fit-content;
box-sizing: border-box;
font-family: schriftlight, arial, sans-serif;
}
.sh_slider_btn_container {
width: var(--nav_btn_size);
background-color: inherit;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.sh_slider_btn {
background: none;
border: none;
cursor: pointer;
width: var(--nav_btn_size);
height: var(--nav_btn_size);
margin: 0;
padding: 0;
}
.sh_slider_btn:disabled,
.sh_slider_btn[disabled] {
color: rgba(237,237,237,0.5);
cursor: default;
}.truncate {
display: -webkit-box;
-webkit-box-orient: vertical;
max-height: var(--truncate-height, auto);
width: 100%;
margin: 0 auto;
overflow: hidden;
transition: max-height 0.3s ease;
}
.truncate div {
text-align: justify;
line-height: 1.5em;
}
.truncate--line-clamped {
-webkit-line-clamp: 3;
}
.truncate--expanded {
max-height: var(--truncate-height-expanded, auto);
}
.truncatedTextButton {
border: none;
background: none;
margin-top: 10px;
text-decoration: underline;
cursor: pointer;
padding: 0;
height: 40px;
line-height: 40px;
}.grv_item {
display: block;
margin: 0;
padding: 0;
height: fit-content;			
box-sizing: border-box;
font-family: schriftlight, arial, sans-serif;
}
.grv_item_content {
background-color: rgba(237,237,237,0.5);
height: 100%;
margin: 0 8px;
padding: 20px;
min-height: 255px;
box-sizing: border-box;
}
.grv_item_content_header {
height: 40px;
display: flex;			
}
.grv_item_content_header_left {
width: 40px;
margin: 0 15px 0 0;
}
.grv_item_content_header_middle {
width: auto;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
line-height: 1.4em;		
}
.grv_stars_wrapper {
margin-top: 10px;
margin-bottom: 10px;
}
.grv_item_content_header_right {
width: 20px;		
}
.grv_user_icon {
width: 40px;
height: 40px;
display: block;
padding: 0;
margin: 0;
}
.grv_user_name {
font-weight: bold;
font-size: 14px;
margin-bottom: 2px;
}
.grv_user_date {
font-size: 11.2px;
opacity: 0.5;
}
.grv_google_icon {
width: 20px;
height: 20px;
display: block;
padding: 0;
margin: 0;
}
.grv_stars_container {
display: flex;
margin-top: 15px;
margin-bottom: 8px;
}
.grv_star_icon {
color: #dadde0;
}
.grv_star_icon.filled { color: #ed683b;
}
.grv_comment {
font-size: 18px;
}