:root {
--star1-rounded-fill: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNDQ0NjUgMTIuMjIyNEwwLjQxODEzIDguODg5MTZDLTAuMzQxODQyIDguMjgxNDEgLTAuMDA4NTIwOTEgNy4wNTkyMyAwLjk1NTg4OCA2LjkyMTQ2TDYuNjY2NzkgNi42NjcwMkw5LjEwNTU5IDAuNTUyODAxQzkuMTg4NjMgMC4zODY2OTIgOS4zMTYzIDAuMjQ2OTkxIDkuNDc0MjcgMC4xNDkzNTRDOS42MzIyNSAwLjA1MTcxNjQgOS44MTQyOSAwIDEwIDBDMTAuMTg1NyAwIDEwLjM2NzggMC4wNTE3MTY0IDEwLjUyNTcgMC4xNDkzNTRDMTAuNjgzNyAwLjI0Njk5MSAxMC44MTE0IDAuMzg2NjkyIDEwLjg5NDQgMC41NTI4MDFMMTMuMzMzMiA2LjY2NzAyTDE5LjA0NDEgNi45MjE0NkMyMC4wMDg1IDcuMDU5MjMgMjAuMzQxOCA4LjI4MTQxIDE5LjU4MTkgOC44ODkxNkwxNS41NTU0IDEyLjIyMjRMMTYuNjU0MiAxOC43Mjk5QzE2LjY4MjkgMTguOTMwNiAxNi42NTYxIDE5LjEzNTQgMTYuNTc2OCAxOS4zMjE5QzE2LjQ5NzQgMTkuNTA4NSAxNi4zNjg1IDE5LjY2OTggMTYuMjA0MSAxOS43ODg0QzE2LjAzOTYgMTkuOTA3IDE1Ljg0NTggMTkuOTc4MyAxNS42NDM3IDE5Ljk5NDZDMTUuNDQxNyAyMC4wMTA5IDE1LjIzOSAxOS45NzE2IDE1LjA1NzYgMTkuODgxTDEwIDE2LjY2NjdMNC45NDI0MSAxOS44Nzk5QzQuNzYxMDUgMTkuOTcwNSA0LjU1ODM0IDIwLjAwOTggNC4zNTYyNSAxOS45OTM1QzQuMTU0MTYgMTkuOTc3MiAzLjk2MDM5IDE5LjkwNTggMy43OTU5MyAxOS43ODczQzMuNjMxNDYgMTkuNjY4NyAzLjUwMjU4IDE5LjUwNzQgMy40MjMyMyAxOS4zMjA4QzMuMzQzODkgMTkuMTM0MiAzLjMxNzExIDE4LjkyOTUgMy4zNDU4IDE4LjcyODhMNC40NDQ2NSAxMi4yMjI0WiIgZmlsbD0iI0Q5RDlEOSIvPgo8L3N2Zz4K");
--star1-rounded-border: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY1MzIgMjkuNTAwMkwxMS43NDkzIDI4LjkzMTNMMTEuMzA0OCAyOC41NjM0TDEuNjQxMTggMjAuNTYzN0wxLjYzNDY3IDIwLjU1ODNMMS42MjgwNyAyMC41NTNDMC41MDAyNDYgMTkuNjUxMSAwLjk3NzYxIDE3Ljg0NDcgMi4zOTI2MyAxNy42MDgxTDE2LjA0NDggMTYuOTk5OUwxNi42ODk5IDE2Ljk3MTFMMTYuOTI5MSAxNi4zNzEzTDIyLjc2NDYgMS43NDE1M0MyMi44ODA5IDEuNTIzMiAyMy4wNTMyIDEuMzM5MzkgMjMuMjY0IDEuMjA5MDlDMjMuNDg1MiAxLjA3MjQgMjMuNzQgMSAyNCAxQzI0LjI2IDEgMjQuNTE0OCAxLjA3MjQgMjQuNzM2IDEuMjA5MDlDMjQuOTQ2OCAxLjMzOTM5IDI1LjExOTEgMS41MjMyIDI1LjIzNTQgMS43NDE1M0wzMS4wNzA5IDE2LjM3MTNMMzEuMzEwMSAxNi45NzExTDMxLjk1NTIgMTYuOTk5OUw0NS42MDc0IDE3LjYwODFDNDcuMDIyNCAxNy44NDQ3IDQ3LjQ5OTggMTkuNjUxMSA0Ni4zNzE5IDIwLjU1M0w0Ni4zNjUzIDIwLjU1ODNMNDYuMzU4OCAyMC41NjM3TDM2LjY5NTIgMjguNTYzNEwzNi4yNTA3IDI4LjkzMTNMMzYuMzQ2OCAyOS41MDAyTDM4Ljk4MTcgNDUuMTA0M0MzOS4wMjIyIDQ1LjQwMTggMzguOTgxNiA0NS43MDQ4IDM4Ljg2NCA0NS45ODEzQzM4Ljc0NSA0Ni4yNjEyIDM4LjU1MTcgNDYuNTAzMSAzOC4zMDUgNDYuNjgxQzM4LjA1ODMgNDYuODU4OCAzNy43Njc2IDQ2Ljk2NTggMzcuNDY0NSA0Ni45OTAyQzM3LjE3NjQgNDcuMDEzNSAzNi44ODc2IDQ2Ljk2MTUgMzYuNjI2MSA0Ni44Mzk2TDI0LjUzNjQgMzkuMTU2TDI0LjAwMDEgMzguODE1MkwyMy40NjM3IDM5LjE1NTlMMTEuMzczOSA0Ni44MzY5QzExLjExMjUgNDYuOTU4OCAxMC44MjM2IDQ3LjAxMDggMTAuNTM1NSA0Ni45ODc2QzEwLjIzMjQgNDYuOTYzMSA5Ljk0MTcyIDQ2Ljg1NjEgOS42OTUwMyA0Ni42NzgzQzkuNDQ4MzQgNDYuNTAwNCA5LjI1NTAyIDQ2LjI1ODUgOS4xMzYwMSA0NS45Nzg2QzkuMDE4NDUgNDUuNzAyMiA4Ljk3NzgyIDQ1LjM5OTIgOS4wMTgzMiA0NS4xMDE3TDExLjY1MzIgMjkuNTAwMloiIHN0cm9rZT0iI0ZGQTQxQyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
--star5-rounded-fill: url('data:image/svg+xml,');
/* --star5-rounded-border: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMTU2IDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTQuNDc1NSAzLjA4MTU2TDE2LjQ0MzIgOS4xMzcyOUMxNi42NDQgOS43NTUzMiAxNy4yMTk5IDEwLjE3MzggMTcuODY5NyAxMC4xNzM4SDI0LjIzNzFDMjQuNzIxNSAxMC4xNzM4IDI0LjkyMjkgMTAuNzkzNiAyNC41MzEgMTEuMDc4M0wxOS4zNzk3IDE0LjgyMDlDMTguODU0IDE1LjIwMjkgMTguNjM0IDE1Ljg3OTkgMTguODM0OCAxNi40OThMMjAuODAyNCAyMi41NTM3QzIwLjk1MjEgMjMuMDE0MyAyMC40MjQ4IDIzLjM5NzQgMjAuMDMzIDIzLjExMjdMMTQuODgxNyAxOS4zNzAxQzE0LjM1NTkgMTguOTg4MSAxMy42NDQxIDE4Ljk4ODEgMTMuMTE4MyAxOS4zNzAxTDcuOTY3MDEgMjMuMTEyN0M3LjU3NTE2IDIzLjM5NzQgNy4wNDc5MSAyMy4wMTQ0IDcuMTk3NTkgMjIuNTUzN0w5LjE2NTIyIDE2LjQ5OEM5LjM2NjAzIDE1Ljg3OTkgOS4xNDYwNCAxNS4yMDI5IDguNjIwMzEgMTQuODIwOUwzLjQ2OSAxMS4wNzgzQzMuMDc3MTQgMTAuNzkzNiAzLjI3ODUzIDEwLjE3MzggMy43NjI4OSAxMC4xNzM4SDEwLjEzMDNDMTAuNzgwMSAxMC4xNzM4IDExLjM1NiA5Ljc1NTMyIDExLjU1NjggOS4xMzcyOUwxMy41MjQ1IDMuMDgxNTZDMTMuNjc0MSAyLjYyMDkgMTQuMzI1OSAyLjYyMDkgMTQuNDc1NSAzLjA4MTU2WiIgc3Ryb2tlPSIjRkY4MDAwIi8+CjxwYXRoIGQ9Ik00Ni40NzU1IDMuMDgxNTZMNDguNDQzMiA5LjEzNzI5QzQ4LjY0NCA5Ljc1NTMyIDQ5LjIxOTkgMTAuMTczOCA0OS44Njk3IDEwLjE3MzhINTYuMjM3MUM1Ni43MjE1IDEwLjE3MzggNTYuOTIyOSAxMC43OTM2IDU2LjUzMSAxMS4wNzgzTDUxLjM3OTcgMTQuODIwOUM1MC44NTQgMTUuMjAyOSA1MC42MzQgMTUuODc5OSA1MC44MzQ4IDE2LjQ5OEw1Mi44MDI0IDIyLjU1MzdDNTIuOTUyMSAyMy4wMTQzIDUyLjQyNDggMjMuMzk3NCA1Mi4wMzMgMjMuMTEyN0w0Ni44ODE3IDE5LjM3MDFDNDYuMzU1OSAxOC45ODgxIDQ1LjY0NDEgMTguOTg4MSA0NS4xMTgzIDE5LjM3MDFMMzkuOTY3IDIzLjExMjdDMzkuNTc1MiAyMy4zOTc0IDM5LjA0NzkgMjMuMDE0NCAzOS4xOTc2IDIyLjU1MzdMNDEuMTY1MiAxNi40OThDNDEuMzY2IDE1Ljg3OTkgNDEuMTQ2IDE1LjIwMjkgNDAuNjIwMyAxNC44MjA5TDM1LjQ2OSAxMS4wNzgzQzM1LjA3NzEgMTAuNzkzNiAzNS4yNzg1IDEwLjE3MzggMzUuNzYyOSAxMC4xNzM4SDQyLjEzMDNDNDIuNzgwMSAxMC4xNzM4IDQzLjM1NiA5Ljc1NTMyIDQzLjU1NjggOS4xMzcyOUw0NS41MjQ1IDMuMDgxNTZDNDUuNjc0MSAyLjYyMDkgNDYuMzI1OSAyLjYyMDkgNDYuNDc1NSAzLjA4MTU2WiIgc3Ryb2tlPSIjRkY4MDAwIi8+CjxwYXRoIGQ9Ik03OC40NzU1IDMuMDgxNTZMODAuNDQzMiA5LjEzNzI5QzgwLjY0NCA5Ljc1NTMyIDgxLjIxOTkgMTAuMTczOCA4MS44Njk3IDEwLjE3MzhIODguMjM3MUM4OC43MjE1IDEwLjE3MzggODguOTIyOSAxMC43OTM2IDg4LjUzMSAxMS4wNzgzTDgzLjM3OTcgMTQuODIwOUM4Mi44NTQgMTUuMjAyOSA4Mi42MzQgMTUuODc5OSA4Mi44MzQ4IDE2LjQ5OEw4NC44MDI0IDIyLjU1MzdDODQuOTUyMSAyMy4wMTQzIDg0LjQyNDggMjMuMzk3NCA4NC4wMzMgMjMuMTEyN0w3OC44ODE3IDE5LjM3MDFDNzguMzU1OSAxOC45ODgxIDc3LjY0NDEgMTguOTg4MSA3Ny4xMTgzIDE5LjM3MDFMNzEuOTY3IDIzLjExMjdDNzEuNTc1MiAyMy4zOTc0IDcxLjA0NzkgMjMuMDE0NCA3MS4xOTc2IDIyLjU1MzdMNzMuMTY1MiAxNi40OThDNzMuMzY2IDE1Ljg3OTkgNzMuMTQ2IDE1LjIwMjkgNzIuNjIwMyAxNC44MjA5TDY3LjQ2OSAxMS4wNzgzQzY3LjA3NzEgMTAuNzkzNiA2Ny4yNzg1IDEwLjE3MzggNjcuNzYyOSAxMC4xNzM4SDc0LjEzMDNDNzQuNzgwMSAxMC4xNzM4IDc1LjM1NiA5Ljc1NTMyIDc1LjU1NjggOS4xMzcyOUw3Ny41MjQ1IDMuMDgxNTZDNzcuNjc0MSAyLjYyMDkgNzguMzI1OSAyLjYyMDkgNzguNDc1NSAzLjA4MTU2WiIgc3Ryb2tlPSIjRkY4MDAwIi8+CjxwYXRoIGQ9Ik0xMTAuNDc2IDMuMDgxNTZMMTEyLjQ0MyA5LjEzNzI5QzExMi42NDQgOS43NTUzMiAxMTMuMjIgMTAuMTczOCAxMTMuODcgMTAuMTczOEgxMjAuMjM3QzEyMC43MjEgMTAuMTczOCAxMjAuOTIzIDEwLjc5MzYgMTIwLjUzMSAxMS4wNzgzTDExNS4zOCAxNC44MjA5QzExNC44NTQgMTUuMjAyOSAxMTQuNjM0IDE1Ljg3OTkgMTE0LjgzNSAxNi40OThMMTE2LjgwMiAyMi41NTM3QzExNi45NTIgMjMuMDE0MyAxMTYuNDI1IDIzLjM5NzQgMTE2LjAzMyAyMy4xMTI3TDExMC44ODIgMTkuMzcwMUMxMTAuMzU2IDE4Ljk4ODEgMTA5LjY0NCAxOC45ODgxIDEwOS4xMTggMTkuMzcwMUwxMDMuOTY3IDIzLjExMjdDMTAzLjU3NSAyMy4zOTc0IDEwMy4wNDggMjMuMDE0NCAxMDMuMTk4IDIyLjU1MzdMMTA1LjE2NSAxNi40OThDMTA1LjM2NiAxNS44Nzk5IDEwNS4xNDYgMTUuMjAyOSAxMDQuNjIgMTQuODIwOUw5OS40NjkgMTEuMDc4M0M5OS4wNzcxIDEwLjc5MzYgOTkuMjc4NSAxMC4xNzM4IDk5Ljc2MjkgMTAuMTczOEgxMDYuMTNDMTA2Ljc4IDEwLjE3MzggMTA3LjM1NiA5Ljc1NTMyIDEwNy41NTcgOS4xMzcyOUwxMDkuNTI0IDMuMDgxNTZDMTA5LjY3NCAyLjYyMDkgMTEwLjMyNiAyLjYyMDkgMTEwLjQ3NiAzLjA4MTU2WiIgc3Ryb2tlPSIjRkY4MDAwIi8+CjxwYXRoIGQ9Ik0xNDIuNDc2IDMuMDgxNTZMMTQ0LjQ0MyA5LjEzNzI5QzE0NC42NDQgOS43NTUzMiAxNDUuMjIgMTAuMTczOCAxNDUuODcgMTAuMTczOEgxNTIuMjM3QzE1Mi43MjEgMTAuMTczOCAxNTIuOTIzIDEwLjc5MzYgMTUyLjUzMSAxMS4wNzgzTDE0Ny4zOCAxNC44MjA5QzE0Ni44NTQgMTUuMjAyOSAxNDYuNjM0IDE1Ljg3OTkgMTQ2LjgzNSAxNi40OThMMTQ4LjgwMiAyMi41NTM3QzE0OC45NTIgMjMuMDE0MyAxNDguNDI1IDIzLjM5NzQgMTQ4LjAzMyAyMy4xMTI3TDE0Mi44ODIgMTkuMzcwMUMxNDIuMzU2IDE4Ljk4ODEgMTQxLjY0NCAxOC45ODgxIDE0MS4xMTggMTkuMzcwMUwxMzUuOTY3IDIzLjExMjdDMTM1LjU3NSAyMy4zOTc0IDEzNS4wNDggMjMuMDE0NCAxMzUuMTk4IDIyLjU1MzdMMTM3LjE2NSAxNi40OThDMTM3LjM2NiAxNS44Nzk5IDEzNy4xNDYgMTUuMjAyOSAxMzYuNjIgMTQuODIwOUwxMzEuNDY5IDExLjA3ODNDMTMxLjA3NyAxMC43OTM2IDEzMS4yNzkgMTAuMTczOCAxMzEuNzYzIDEwLjE3MzhIMTM4LjEzQzEzOC43OCAxMC4xNzM4IDEzOS4zNTYgOS43NTUzMiAxMzkuNTU3IDkuMTM3MjlMMTQxLjUyNCAzLjA4MTU2QzE0MS42NzQgMi42MjA5IDE0Mi4zMjYgMi42MjA5IDE0Mi40NzYgMy4wODE1NloiIHN0cm9rZT0iI0ZGODAwMCIvPgo8L3N2Zz4K") */
--star5-rounded-border: url('data:image/svg+xml,');
}
.Wsrspfapp-theme-wrap *,
.popup-content * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
/* margin: 0; */
line-height: normal;
}
.wiser_review div:empty {
display: inline-block;
}
.Wsrspfapp-verified {
cursor: pointer;
}
/* .Wsrspfapp-stars-list {
display: inline-block !important;
align-items: center;
margin: 6px 0;
} */
/* for temporary class add center*/
.Wsrspfapp-CatlogPG-stars .Wsrspfapp-stars-list {
justify-content: center;
}
.scroll-trigger:has(.Wsrspfapp-theme-wrap) {
animation: none !important;
animation-delay: inherit !important;
opacity: 1 !important;
transform: none !important;
}
.popup-text .without_border_sharp:before,
.Wsrspfapp-fivestars-wrap .without_border_sharp:before {
content: "\2605\2605\2605\2605\2605";
}
.popup-text .without_border_sharp:before,
.Wsrspfapp-fivestars-wrap .without_border_sharp:before,
.Wsrspfapp-fivestars-wrap .with_border_sharp:before {
--star_dflbgcolor_fill: #DDDDDD;
background: linear-gradient(90deg, var(--star_actbgcolor_fill) var(--avg_per_fill), var(--star_dflbgcolor_fill) var(--avg_per_fill));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.popup-text .with_border_sharp:before,
.Wsrspfapp-fivestars-wrap .with_border_sharp:before {
content: "\2605\2605\2605\2605\2605";
--star_dflbgcolor_fill: #DDDDDD00;
}
.popup-text .with_border_sharp:after,
.Wsrspfapp-fivestars-wrap .with_border_sharp:after {
content: "\2606\2606\2606\2606\2606";
position: absolute;
left: 0;
color: var(--star_actbgcolor_fill);
top: 0;
}
.popup-text .without_border_round,
.Wsrspfapp-fivestars-wrap .without_border_round {
background-color: #d6d5d5;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: var(--star5-rounded-fill);
mask-image: var(--star5-rounded-fill);
-webkit-mask-size: 100%;
mask-size: 100%;
background: linear-gradient(90deg, var(--star_actbgcolor_fill) var(--avg_per_fill), #C0C0C0 calc(100% - var(--avg_per_fill)));
}
.popup-text .with_border_round::before,
.Wsrspfapp-fivestars-wrap .with_border_round::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: var(--star_actbgcolor_fill);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: var(--star5-rounded-border);
mask-image: var(--star5-rounded-border);
-webkit-mask-size: 100%;
mask-size: 100%;
background: var(--star_actbgcolor_fill);
}
.popup-text .with_border_round::after,
.Wsrspfapp-fivestars-wrap .with_border_round::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: var(--star_actbgcolor_fill);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: var(--star5-rounded-fill);
mask-image: var(--star5-rounded-fill);
-webkit-mask-size: 100%;
mask-size: 100%;
background: linear-gradient(90deg, var(--star_actbgcolor_fill) calc(var(--avg_per_fill) + 1.5%), rgba(2, 0, 36, 0) 0%);
}
.page-container {
transform: none;
}
/* .wiser_review_main_widget {
display: block !important;
} */
/* .Wsrspfapp-theme-wrap {
font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
} */
.Wsrspfapp-theme-wrap div:empty {
display: block;
}
/* fleury.art client issues width */
div[id^="shopify-block-wisernotify_review_collector_review_wall_"],
div[id^="shopify-block-wisernotify_review_collector_product_review_"] {
flex-grow: 1;
}
div[data-section-loaded="true"]:has(.Wsrspfapp-show-sidemodal),
div[data-section-loaded="false"]:has(.Wsrspfapp-show-sidemodal),
div[data-section-loaded="true"]:has(.Wsrspfapp-theme-questn),
div[data-section-loaded="false"]:has(.Wsrspfapp-theme-questn) {
transform: inherit;
transition: none;
opacity: 1;
visibility: inherit;
}
/* fleury.art client issues width */
.Wsrspfapp-container {
width: 100%;
margin: 0 auto;
/* max-width: 1440px; */
max-width: 1270px;
padding: 30px 15px;
/* background: #F1F2F4; */
display: flex;
flex-wrap: wrap;
}
.Wsrspfapp-stars {
display: flex;
align-items: self-start;
flex-direction: column;
}
.Wsrspfapp-stars-list {
margin-right: 7px;
}
.Wsrspfapp-stars-list-fullret {
display: block !important;
opacity: 1 !important;
position: relative;
}
.Wsrspfapp-starstext-block .Wsrspfapp-rev-summary-text {
font-weight: normal;
font-size: 16px;
margin: 16px 0px 0px 0px;
margin: 0px 0px 0px 0px;
max-width: 230px;
overflow: hidden;
white-space: nowrap;
text-align:left;
}
.Wsrspfapp-rev-widg-header {
width: 100%;
/* background: #FFFFFF;
padding: 24px; */
}
/* .Wsrspfapp-row-stars {
padding-bottom: 24px;
display: flex;
align-items: center;
justify-content: space-between;
} */
.Wsrspfapp-rev-widg-summary {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.Wsrspfapp-histogram {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.Wsrspfapp-widget-actions-wrapper {
/* border-left: 1px solid rgba(51, 153, 153, 0.1); */
display: flex;
align-items: center;
justify-content: center;
}
/* .Wsrspfapp-part-right {
width: calc(100% - 472px);
background: #FFFFFF;
padding: 24px;
margin-left: 24px;
} */
.Wsrspfapp-reviewapp-title-verify {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 48px;
}
.Wsrspfapp-reviewapp-title {
color: #000000;
font-size: 32px;
font-style: normal;
font-weight: 600;
}
.Wsrspfapp-verified {
display: flex;
align-items: center;
margin-right: 0;
margin-left: auto;
}
.Wsrspfapp-verified-text {
margin: 0px 0px 0px 8px;
font-size: 16px;
}
.Wsrspfapp-row-stars {
/* color: #000; */
/* font-size: 18px; */
padding-bottom: 48px;
display: flex;
align-items: center;
justify-content: space-between;
/* border-bottom: 1px solid #E0E0E0; */
font-size: 18px;
font-style: normal;
font-weight: 400;
}
.Wsrspfapp-all-review-item {
display: flex;
align-items: center;
/* float: left;
margin: 0 auto; */
}
.Wsrspfapp-all-review-item+.Wsrspfapp-all-review-item {
margin-top: 8px;
}
.Wsrspfapp-all-review-list .Wsrspfapp-onestars-wrap .with_border_round::before {
-webkit-mask-image: var(--star1-rounded-fill);
mask-image: var(--star1-rounded-fill);
}
.Wsrspfapp-all-review-list .Wsrspfapp-onestars-wrap .with_border_sharp::before {
color: var(--star_actbgcolor_fill);
}
.Wsrspfapp-all-review-list .Wsrspfapp-onestars-wrap .without_border_round::before {
background-color: var(--star_actbgcolor_fill);
}
.Wsrspfapp-all-review-list .Wsrspfapp-onestars-wrap .without_border_sharp::before {
color: var(--star_actbgcolor_fill);
}
.Wsrspfapp-review-startext {
display: flex;
}
.Wsrspfapp-stars .Wsrspfapp-stars-countnumber {
font-size: 64px;
line-height: normal;
margin: 0 0 28px;
font-weight: 600;
max-width: 200px;
overflow: hidden;
white-space: nowrap;
}
.Wsrspfapp-review-listcount+.with_border_sharp,
.Wsrspfapp-review-listcount+.without_border_sharp {
font-size: 24px;
line-height: 24px;
}
/* .Wsrspfapp-histogram .Wsrspfapp-star {
font-size: 18px;
line-height: 1;
padding-right: 3px !important;
color: #FFA41C;
} */
.Wsrspfapp-review-listcount {
margin: 0 8px 0 0;
line-height: 26px;
width: 12px;
height: 24px;
display: flex;
align-items: center;
}
.Wsrspfapp-row-hrline {
width: 1px;
background: #E0E0E0;
height: 160px;
}
/* .Wsrspfapp-all-review-item .without_border_round::before,
.Wsrspfapp-all-review-item .with_border_round::before {
background-color: var(--star_actbgcolor_fill) !important;
} */
/* .Wsrspfapp-star.Wsrspfapp-on:before {
content: "★";
}
.Wsrspfapp-star.Wsrspfapp-off:before {
content: "☆";
} */
.Wsrspfapp-review-progressbar {
margin: 0 24px;
width: 300px;
height: 10px;
background: #E9E9E9;
display: inline-block;
vertical-align: middle;
line-height: 14px;
border-radius: 10px;
}
.wiser_review div:empty {
display: inline-block;
}
.Wsrspfapp-theme-reviewapp01 {
border-radius: 12px;
}
/* .Wsrspfapp-theme-reviewapp01 .Wsrspfapp-stars-list {
margin: 0 auto;
} */
/* for temporary class add center*/
/* .Wsrspfapp-CatlogPG-stars .Wsrspfapp-stars-list {
justify-content: center;
} */
.Wsrspfapp-stars-list-fullret {
/* line-height: 1;
display: inline-block;
margin: 0;
font-size: 25px; */
/* letter-spacing: calc(var(--letter-spacing) * 1rem);
font-size: calc(var(--font-size) * 1rem); */
}
.popup-text .without_border_round,
.Wsrspfapp-theme-reviewapp01 .Wsrspfapp-fivestars-wrap .without_border_round {
width: 158px;
height: 28px;
}
.popup-text .with_border_round,
.Wsrspfapp-theme-reviewapp01 .Wsrspfapp-fivestars-wrap .with_border_round {
width: 156px;
height: 28px;
position: relative;
margin-right: 0px;
}
.Wsrspfapp-theme-reviewapp01 .Wsrspfapp-fivestars-wrap .Wsrspfapp-stars-list-fullret {
font-size: 36px;
}
.Wsrspfapp-review-count {
position: relative;
margin: 0 0 0 5px;
line-height: 20px;
font-size: 18px;
letter-spacing: 2px;
}
.Wsrspfapp-recommend-block .Wsrspfapp-recommend-count {
font-size: 64px;
line-height: normal;
margin: 0 0 28px;
font-weight: 600;
text-align: center;
}
.Wsrspfapp-recommend-icon-text {
display: flex;
align-items: center;
}
.Wsrspfapp-recommend-icon-text .Wsrspfapp-recommend-text {
margin: 0px 0px 0px 8px;
white-space: nowrap;
font-weight: 600;
}
.Wsrspfapp-progressbar-content {
height: 100%;
border-radius: 10px;
display: block !important;
}
.Wsrspfapp-recommendation-text {
text-align: center;
margin: 12px 0px 0px;
}
.Wsrspfapp-theme-questn .Wsrspfapp-write-rev-link,
.Wsrspfapp-theme-questn .Wsrspfapp-write-rev-btn {
display: flex;
margin: 0 auto;
padding: 0px 20px;
font-size: 18px;
height: 56px;
font-weight: 600;
line-height: 56px;
text-decoration: none;
cursor: pointer;
width: 100%;
max-width: 240px;
color: white;
background-color: #645CFC;
text-align: center;
border-radius: 50px;
min-width: 208px;
align-items: center;
justify-content: center;
}
.Wsrspfapp-ldmr-bt .Wsrspfapp-ldmr-btn-txt {
max-width: 166px;
min-width: auto;
}
.jdgm-gallery-title {
color: #7b7b7b;
margin-bottom: 4px;
}
.Wsrspfapp-row-media {
/* border-top: 1px solid #E0E0E0; */
padding: 20px 0;
/* border-bottom: 1px solid #E0E0E0; */
}
.Wsrspfapp-gallery-wrapper {
/* width: 640px;
display: table;
margin: 0 auto;
overflow: hidden; */
}
.Wsrspfapp-gallery {
position: relative;
display: flex;
width: max-content;
}
.Wsrspfapp-gallery-nav {
display: flex;
align-items: center;
justify-content: space-between;
}
.Wsrspfapp-gallery-arrow-item {
display: flex;
align-items: center;
width: 40px;
height: 40px;
justify-content: center;
border-radius: 50px;
background: #F0F2F5;
z-index: 1;
cursor: pointer;
position: absolute;
padding: 0px 0px;
top: 0;
bottom: 0;
margin: auto;
left: -15px;
}
.Wsrspfapp-gallery-arrow {
background-image: url('data:image/svg+xml,');
width: 6px;
height: 12px;
background-repeat: no-repeat;
}
.Wsrspfapp-gallery-arrow-left .Wsrspfapp-gallery-arrow {
transform: rotate(180deg);
}
.Wsrspfapp-gallery-arrow-right {
left: auto;
right: -15px;
}
.Wsrspfapp-gallery-title {
margin: 0 0 10px;
font-size: 18px;
font-weight: 400;
}
.Wsrspfapp-thumbnail-wrapper {
max-width: 664px;
display: flex;
overflow: hidden;
/* display: -webkit-inline-box; */
scroll-behavior: smooth;
width: 100%;
}
.Wsrspfapp-thumbnail-item {
position: relative;
width: 120px;
height: 120px;
border: 0.77px solid #E0E0E0;
border-radius: 4px;
overflow: hidden;
min-width: 120px;
min-height: 120px;
}
.Wsrspfapp-thumbnail-item+.Wsrspfapp-thumbnail-item {
margin-left: 16px;
}
.Wsrspfapp-gallery-thumbnail-wrapper {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
line-height: 100%;
}
.Wsrspfapp-thumbnail-item:before {
content: "";
display: block;
padding-top: 100%;
}
.Wsrspfapp-gallery-thumbnail-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
padding: 4px;
border-radius: 10px;
}
.Wsrspfapp-gallery-seemore {
display: flex;
align-items: center;
padding: 15px;
width: 80px;
height: 80px;
cursor: pointer;
}
.jdgm-review-search-wrapper {
position: relative;
margin: 0 auto;
padding: 0 16px;
max-width: 600px;
}
.Wsrspfapp-thnku-text {
text-align: center;
width: 100%;
font-size: 18px;
}
.Wsrspfapp-row-search {
width: 100%;
border-top: 1px solid #BBBFBF;
padding: 20px 0px;
}
.Wsrspfapp-row-search:has(input[style="display:none;"]) {
padding: 0px 0px;
}
.Wsrspfapp-theme-questn .Wsrspfapp-row-search {
border: none;
}
.Wsrspfapp-theme-questn .Wsrspfapp-widget-actions-wrapper {
display: block;
}
.Wsrspfapp-rev-subtab-active {
font-weight: 600;
}
.Wsrspfapp-ask-questn {
margin-top: 16px !important;
border: 1px solid #6C757D;
background-color: #fff;
color: #6C757D;
overflow: hidden;
}
.Wsrspfapp-ask-questn span {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
}
.Wsrspfapp-theme-questn .Wsrspfapp-review-search-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.Wsrspfapp-theme-questn .Wsrspfapp-review-search {
width: 100%;
/* margin-top: 35px; */
border: 0px solid #e4e4e4;
padding: 8px 12px 8px 56px !important;
/* border-radius: 20px; */
border-radius: 12px !important;
font-size: 16px !important;
max-width: 640px;
height: 56px;
background: #F0F2F5 url('data:image/svg+xml,') no-repeat 3% center;
}
.Wsrspfapp-review-search::-webkit-input-placeholder {
color: #212121;
font-size: 16px;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
}
.Wsrspfapp-review-search:after {
position: absolute;
top: 0;
right: 0;
padding: 4px;
font-size: 24px;
content: "🔍";
color: #e4e4e4;
z-index: 11;
}
.Wsrspfapp-sort-dropdown-wrapper {
display: flex;
align-items: center;
margin-right: 0;
margin-left: auto;
}
.Wsrspfapp-sortselect-label {
margin: 0px 12px 0px 0px;
font-size: 16px;
color: var(--HDR_FNT_CLR) !important;
}
.Wsrspfapp-theme-reviewapp .Wsrspfapp-sort-dropdown {
padding: 10px 20px 10px 10px !important;
font-size: 16px;
appearance: none;
background: transparent;
cursor: pointer;
position: relative;
z-index: 1;
border-radius: 12px;
border: 1px solid #E0E0E0;
color: #000000;
height: 48px;
font-weight: 500;
color: var(--HDR_FNT_CLR);
background: var(--HDR-BG-CLR);
}
.Wsrspfapp-sort-dropdown option {
font-size: 14px;
}
.Wsrspfapp-sort-dropdown-arrow {
position: relative;
}
select:focus-visible {
outline-offset: 0px;
}
.Wsrspfapp-sort-dropdown-arrow:before {
font-size: 18px;
content: "";
position: absolute;
/* top: 0; */
top: 0px;
right: 12px;
/* color: #645CFC; */
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
bottom: 0;
margin: auto;
width: 12px;
height: 6px;
z-index: 111;
}
:focus {
outline: none !important;
outline-offset: 0px;
box-shadow: none;
}
.Wsrspfapp-rev-widg-reviews {
display: flex;
flex-wrap: wrap;
}
.Wsrspfapp-rev-widg-body {
padding: 24px 0 0;
padding: 0px 0px;
}
.Wsrspfapp-rev-item {
flex: 0 0 auto;
/* width: 25%; */
max-width: 100%;
padding: 0 8px;
}
/* .Wsrspfapp-rev-item-inwrap {
box-shadow: 0px 4px 7px 0px #0000001F;
} */
.Wsrspfapp-rev-item-img img,
.Wsrspfapp-rev-item-img .Wsrspfapp-video-preview {
max-width: 100%;
width: 100%;
padding: 16px 16px 0;
}
.Wdgt-List-Right-Part .Wsrspfapp-rev-item-img .Wsrspfapp-video-preview,
.Wdgt-List-Right-Part .Wsrspfapp-rev-item-img img{
padding:0px;
}
.Wsrspfapp4-rev-item-img img,
.Wsrspfapp4-rev-item-img .Wsrspfapp-video-preview {
max-width: 100%;
width: 100%;
margin-bottom: 10px;
}
.Wsrspfapp-rev-video-content {
white-space: nowrap;
overflow: auto;
margin: 16px 0 10px 0;
margin: 0px;
height: auto;
}
.Wsrspfapp-rev-vid-player,
.Wsrspfapp-rev-vid-yt {
position: relative;
display: inline-block;
vertical-align: top;
margin: 10px !important;
}
.Wsrspfapp-rev-item-content {
padding: 16px;
word-break: break-word;
}
.Wsrspfapp-review-star-datepin {
display: flex;
margin: 0px 0px 16px;
padding: 0px;
align-items: center;
justify-content: space-between;
}
.Wsrspfapp-theme-reviewapp01 .Wsrspfapp-rev-item-content .Wsrspfapp-fivestars-wrap .with_border_round,
.Wsrspfapp-theme-reviewapp01 .Wsrspfapp-rev-item-content .Wsrspfapp-fivestars-wrap .without_border_round,
.popup-text .Wsrspfapp-fivestars-wrap .with_border_round,
.popup-text .Wsrspfapp-fivestars-wrap .without_border_round {
width: 108px;
height: 18px;
}
.Wsrspfapp-rev-item-header {
display: flex;
/* align-items: center; */
justify-content: space-between;
margin: 0 0 10px;
overflow: hidden;
}
.Wsrspfapp-rev-item-nameverify {
display: flex;
align-items: center;
gap: 6px;
}
.Wsrspfapp-rev-item-name {
/* font-size: 18px; */
/* font-size: 16px; */
font-size: 14px;
font-weight: 500;
white-space: nowrap;
max-width: 90px;
padding-right: 5px;
overflow: hidden;
}
.Wsrspfapp-with-iconverify {
display: flex;
align-items: center;
margin: 5px 0 0 0px !important;
}
.Wsrspfapp-with-iconverify>svg {
width: 12px;
height: auto;
}
.Wsrspfapp1-rev-source-pin,
.Wsrspfapp1-popup-source-pin {
display: flex;
align-items: center;
gap: 8px;
}
.Wsrspfapp1-rev-source-pin>img,
.Wsrspfapp1-popup-source-pin>img {
max-width: 16px;
width: 16px;
height: auto;
display: block;
}
.Wsrspfapp-rev-item-verify {
background: transparent;
color: #fff;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
line-height: normal;
height: auto;
width: auto;
border-radius: 0px;
margin: 0 0 0 2px;
max-width: 50px;
white-space: nowrap;
overflow: hidden;
/* line-height: 20px;
height: 20px;
width: 52px;
border-radius: 4px;
margin: 0 0 0 5px; */
}
.Wsrspfapp-location-tag {
font-size: 13px;
/* margin: 0px 0 0 6px; */
padding: 0px;
white-space: nowrap;
overflow: hidden;
display: flex;
align-items: center;
}
.loader {
width: 15px;
aspect-ratio: 1;
border-radius: 50%;
animation: l5 1s infinite linear alternate;
}
@keyframes l5 {
0% {
box-shadow: 20px 0 #000, -20px 0 #0002;
background: #000
}
33% {
box-shadow: 20px 0 #000, -20px 0 #0002;
background: #0002
}
66% {
box-shadow: 20px 0 #0002, -20px 0 #000;
background: #0002
}
100% {
box-shadow: 20px 0 #0002, -20px 0 #000;
background: #000
}
}
.Wsrspfapp_main_loader {
margin: auto;
width: max-content;
}
.Wsrspfapp-location-tag:has(.Wsrspfapp-location-flag),
.Wsrspfapp-location-tag:has(img) {
padding-right: 18px;
}
.Wsrspfapp-location-flag,
.Wsrspfapp-location-tag img {
max-width: 18px;
max-height: 18px;
margin-right: 5px;
vertical-align: middle;
}
.Wsrspfapp-rev-item-date {
/* font-size: 14px; */
font-weight: 400;
font-size: 12px;
margin-left: auto;
margin-right: 0;
padding-top: 4px;
}
.WsrsMain2-rev-item-date {
/* font-size: 14px; */
font-weight: 400;
font-size: 12px;
margin-left: auto;
margin-right: 0;
padding-top: 4px;
}
.Wsrspfapp-user-img img {
max-height: 42px;
max-width: 42px;
width: 100%;
border-radius: 50%;
overflow: hidden;
}
.Wsrspfapp_profile_img {
min-width: 42px;
min-height: 42px;
object-fit: cover;
}
.Wsrspfapp1-user-details {
/* margin: 0px 0px 0px 10px; */
display: flex;
align-items: start;
flex-direction: column;
align-self: center;
gap: 2px;
}
.Wsrspfapp3-user-details {
/* margin: 0px 0px 0px 10px; */
display: flex;
align-items: start;
flex-direction: column;
align-self: center;
gap: 2px;
}
.Wsrspfapp-rev-item-content .Wsrspfapp-star {
font-size: 18px;
color: #FFA41C;
}
.Wsrspfapp-rev-item-reviewtitle {
margin: 0px;
/* font-size: 16px;
font-weight: 900; */
color: #000;
/* font-size: 14px; */
font-size: 16px;
font-weight: 600;
line-height: 24px !important
}
.Wsrspfapp-rev-item-reviewtext {
font-size: 14px;
margin: 8px 0 10px 0;
line-height: 24px !important;
}
.Wsrspfapp-customfield-title,
.Wsrspfapp-customfield-text {
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: 600;
line-height: 20px;
color: #303030;
}
.Wsrspfapp-customfield-text {
font-weight: normal;
}
.Wsrspfapp-customfield-rangebarline {
width: 100%;
height: 6px;
background: rgba(100, 92, 252, 0.30);
border-radius: 24px;
position: relative;
margin: 4px 0px 0px;
display: flex;
}
.Wsrspfapp-customfield-rangebarline::before {
content: "";
width: var(--widthrangebar);
height: 6px;
background: rgb(100, 92, 252);
border-radius: 24px;
position: absolute;
left: 0px;
top: 0px
}
.Wsrspfapp-customfield-rangebarline-sedstyle::before {
border-radius: 24px 0px 0px 24px;
}
.Wsrspfapp-customfield-rangebarline-sedstyle::after {
content: "";
width: 14px;
height: 14px;
background: #fff;
border-radius: 24px;
position: absolute;
left: calc(var(--widthrangebar) - 1%);
top: -4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 3px solid #645cfc;
}
.Wsrspfapp-customfield-rangebar-text {
display: flex;
align-items: center;
justify-content: space-between;
margin: 2px 0px 0px;
}
.Wsrspfapp-rangebar-textleft,
.Wsrspfapp-rangebar-textright {
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: #303030;
}
.Wsrspfapp-rev-item-customfield+.Wsrspfapp-rev-item-customfield {
margin: 16px 0px 0px;
}
.Wsrspfapp-rev-item-reviewreplay {
margin: 0px 0px 8px 8px !important;
padding: 0 0 0 8px;
position: relative;
align-items: center;
}
.Wsrspfapp-rev-item-reviewreplay:before {
content: "";
position: absolute;
left: -2px;
top: 1px;
width: 3px;
height: 12px;
/* background: #afafaf; */
background-color: var(--REPLY-HR-CLR);
margin: 0;
}
.Wsrspfapp-rev-reviewreplay-fixtext {
font-size: 12px;
font-weight: 500;
}
.Wsrspfapp-rev-reviewreplay-owner {
font-size: 12px;
margin: 4px 0px 0px;
}
.Wsrspfapp-card-recommended {
font-size: 12px;
color: #000;
font-weight: 600;
display: flex;
align-items: center;
padding: 12px 0;
margin: 0 0 20px;
}
.Wsrspfapp-card-recommended svg {
margin: 0px 6px 0px 0px;
}
/* CARD PRODUCT DISPLAY [S] */
.Wsrspfapp-card-productsort {
display: flex;
padding: 12px 0 0;
border-top: 1px solid #E0E0E0;
text-decoration: none;
}
.Wsrspfapp-productsort-media {
max-width: 54px;
max-height: 54px;
margin: 0px 12px 0px 0px;
}
.Wsrspfapp-productsort-img {
width: 100%;
max-height: 100%;
object-fit: contain;
max-width: 100%;
}
.Wsrspfapp-productsort-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.Wsrspfapp-productsort-title {
font-size: 12px;
color: #000;
line-height: 18px;
}
.Wsrspfapp-productsort-link {
font-size: 12px;
color: #645CFC;
font-weight: 500;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right center;
cursor: pointer;
display: table;
width: fit-content;
padding-right: 11px;
margin: 6px 0 0;
}
/* CARD PRODUCT DISPLAY [E] */
.Wsrspfapp-form-wrapper {
padding: 24px 0;
border-top: 1px solid rgba(51, 153, 153, 0.1);
}
.Wsrspfapp-form {
margin: 0 auto;
padding: 0 16px;
max-width: 600px !important;
text-align: center;
width: 100%;
}
.Wsrspfapp-form-title {
margin-bottom: 16px;
font-size: 150%;
font-weight: bold;
}
.Wsrspfapp-form-fieldset {
margin-bottom: 16px;
}
.Wsrspfapp-form-fieldset>label {
display: block;
margin-bottom: 8px;
}
.Wsrspfapp-form-rating {
margin-bottom: 0px;
}
.Wsrspfapp-form input[type="text"],
.Wsrspfapp-form input[type="email"],
.Wsrspfapp-form input[type="url"],
.Wsrspfapp-form textarea {
padding: 8px 16px;
width: 100%;
border: 1px solid #e4e4e4;
border-radius: 6px;
}
.Wsrspfapp-form textarea {
border-radius: 8px;
}
.Wsrspfapp-form-fieldset:not(:last-of-type),
.Wsrspfapp-form-fieldset-actions {
margin-bottom: 16px;
}
.Wsrspfapp-picture-fieldset-box-wrapper {
position: relative;
border: 1px solid #e4e4e4;
width: 100%;
height: 100%;
border-radius: 8px;
}
.Wsrspfapp-media-fieldset-input {
position: absolute;
display: inline-block;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
cursor: pointer;
}
.Wsrspfapp-picture-fieldset-box {
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 10px;
margin-bottom: 10px;
width: 128px;
height: 128px;
}
.Wsrspfapp-picture-fieldsetbox-wrapper {
position: relative;
border: 1px solid #e4e4e4;
width: 100%;
height: 100%;
}
.Wsrspfapp-media-fieldset-icon {
color: #7b7b7b;
font-size: 48px;
line-height: 1;
}
.Wsrspfapp-media-fieldset-icon {
background: url("data:image/svg+xml,");
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
height: 48px;
width: 48px;
background-repeat: no-repeat;
display: block !important;
}
.Wsrspfapp-form .Wsrspfapp-form-fieldset .Wsrspfapp-inline-label {
display: inline-block;
}
.Wsrspfapp-form-fieldset-actions {
display: flex;
align-items: center;
justify-content: center;
}
.Wsrspfapp-form-fieldset-actions .Wsrspfapp-write-rev-btn {
width: 100%;
max-width: 620px;
white-space: nowrap;
}
.Wsrspfapp-stars-fill {
fill: #FFA41C;
}
.Wsrspfapp-off svg {
fill: #DDDDDD;
}
.Wsrspfapp-form-rating {
display: flex;
flex-flow: row-reverse;
justify-content: center;
}
.Wsrspfapp-form-rating .Wsrspfapp-star:hover svg,
.Wsrspfapp-form-rating .Wsrspfapp-star:hover~.Wsrspfapp-star svg {
fill: var(--form-star-fill);
}
.Wsrspfapp-form-rating .Wsrspfapp-star-active svg {
fill: var(--form-star-fill);
}
.image-container {
display: flex;
flex-wrap: wrap;
}
.uploaded-image {
position: relative;
max-width: 100%;
max-height: 300px;
margin: 10px;
width: 75px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
}
.close-icon {
position: absolute;
top: 4px;
right: 4px;
cursor: pointer;
background-color: white;
padding: 2px;
border-radius: 50%;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.uploaded-image:hover .close-icon {
background-color: #645CFC;
}
.uploaded-image:hover .close-icon svg path {
fill: #FFFFFF;
}
.file-info {
font-size: 14px;
}
.Wsrspfapp-form-rating .Wsrspfapp-stars-fill {
/* position: absolute; */
/* z-index: 0; */
pointer-events: none;
}
.Wsrspfapp-review-startext .Wsrspfapp-stars-fill {
fill: #DDDDDD;
}
.Wsrspfapp-form-fieldset input,
.Wsrspfapp-form-fieldset textarea {
font-family: inherit;
}
.Wsrspfapp-stars-shortfull {
display: flex;
align-items: center;
cursor: pointer;
}
.Wsrspfapp-review-count {
margin: 0px 0px 0px 5px;
}
/* popup css */
.Wsrspfapp-popup-display {
overflow: hidden;
}
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background-color: rgba(0, 0, 0, 0.5); */
background: rgba(0, 0, 0, 0.7);
align-items: center;
justify-content: center;
z-index: 999999999;
}
.popup-body {
display: flex;
flex-wrap: wrap;
height: 100%;
}
.popup-image {
flex: 0 0 auto;
width: 48%;
/* padding-right: 15px; */
padding-right: 0px;
height: 100%;
position: relative;
border-radius: 10px 0 0 10px;
overflow: hidden;
}
.popup-text {
flex: 0 0 auto;
width: 52%;
max-height: 100%;
display: flex;
flex-direction: column;
padding: 48px 24px 20px 24px;
}
.popup-text .Wsrspfapp-rev-item-reviewtext {
height: 50vh;
overflow-y: auto;
scrollbar-width: thin;
}
.Wsrspfapp-popup-img-not-found .popup-text {
width: 100%;
}
.WSrshopify-mdl-header {
display: flex;
/* align-items: center; */
justify-content: space-between;
margin: 0px 0 6px;
}
.WSrshopify-mdl-title {
font-size: 18px;
font-weight: 600;
max-width: 130px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.WSrshopify-mdl-date {
font-size: 14px;
font-weight: 400;
margin: 0;
padding: 0px;
}
.popup-text .Wsrspfapp-location-tag {
max-width: 200px;
}
.slider-prev,
.slider-next {
position: absolute;
left: 16px;
bottom: 0px;
width: 36px;
height: 36px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(33, 33, 33, 0.60);
top: 50%;
transform: translateY(-50%);
}
.slider-next {
left: auto;
right: 16px;
}
.slider-prev svg path,
.slider-next svg path {
fill: #fff;
}
.slider-prev svg {
rotate: 180deg;
}
.slider-prev:hover,
.slider-next:hover {
cursor: pointer;
background: #4c4f54;
}
.slider-prev svg path,
.slider-next svg path {
fill: #fff;
}
.popup-img-pagination {
position: absolute;
left: 0;
margin: 0 auto;
width: 100%;
display: flex;
justify-content: center;
bottom: 24px;
right: 0;
}
.img-pagination-item {
width: 20px;
height: 4px;
border-radius: 16px;
background: #fff;
display: block;
}
.img-pagination-item+.img-pagination-item {
margin: 0px 0px 0px 8px;
}
.popup-content {
background-color: white;
/* padding: 20px; */
padding: 0px;
/* border-radius: 5px; */
border-radius: 10px;
text-align: left;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
/* max-width: 980px;
min-height: calc(100vh - 120px);
max-height: calc(100vh - 120px); */
max-width: 840px;
min-height: 580px;
max-height: 600px;
height: 100%;
position: relative;
width: 100%;
}
.Wsrspfapp-popup-img-not-found {
min-height: auto;
max-width: 480px;
height: auto;
}
.close-popup {
position: absolute;
top: 8px;
right: 8px;
font-size: 24px;
cursor: pointer;
width: 28px;
height: 28px;
background: rgba(33, 33, 33, 30%);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 10px;
font-weight: 300;
line-height: 20px;
z-index: 1;
}
.Wsrspfapp-rev-mdl-popup {
display: flex;
overflow: hidden;
height: 100%;
align-items: center;
justify-content: center;
/* background: #eceef3; */
background: #000000;
height: 100%;
}
.Wsrspfapp-rev-mdl-popup img {
width: auto;
height: auto;
max-width: 100%;
width: 100%;
}
.popup-img-pagination {
position: absolute;
left: 0;
margin: 0 auto;
width: 100%;
display: flex;
justify-content: center;
bottom: 24px;
right: 0;
}
.img-pagination-item {
width: 20px;
height: 4px;
border-radius: 16px;
background: #fff;
display: block;
}
.img-pagination-item-active {
background: #645CFC;
}
.img-pagination-item+.img-pagination-item {
margin: 0px 0px 0px 8px;
}
.WSrshopify-mdl-reviewtext {
overflow-y: auto;
max-width: 100%;
}
.WC-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
padding-bottom: 25px;
}
.Wdgt-Masonry-Grid {
display: grid !important;
/* grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); */
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
grid-auto-rows: 15px;
grid-gap: 15px 0px;
/* gap: 30px; */
}
.Wsrspfapp-rev-rcd-nt-fnd {
display: none;
}
.error-required {
background: #ffe2e2;
padding: 3px 15px;
border-radius: 4px;
margin-top: 5px;
}
.Wsrspfapp-form-rating a {
cursor: pointer;
}
.Wsrspfapp-form-rating a+a {
margin-right: 4px;
}
/* .popup-content {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-50px);
transform: translate(0,-50px);
} */
/* .Wsrspfapp-popup-display .popup-content {
transform: none;
} */
.Wsrspfapp-theme-questn .Wsrspfapp-rev-subtab {
padding-top: 32px;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
margin-bottom: 35px;
}
.Wsrspfapp-rev-subtab .Wsrspfapp-rev-subtab-name {
display: inline-block;
padding: 8px 0;
margin-right: 16px;
line-height: 1;
cursor: pointer;
}
.Wsrspfapp-rev-subtab-active {
border-bottom: 3px solid currentColor;
}
.Wsrspfapp-popup-display .popup {
animation: WSrshopifyappmodal-open 0.3s;
}
.Wsrspfapp-popup-display .popup-content {
animation: WSrshopifyappmodalcnt-open 0.6s;
}
/* .Wsrspfapp-popup-media-slider .popup {
display: flex !important;
} */
.Wsrspfapp-popup-media-slider .popup {
animation: none;
}
.Wsrspfapp-popup-media-slider .popup-content {
animation: none;
}
@keyframes WSrshopifyappmodal-open {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes WSrshopifyappmodalcnt-open {
0% {
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
/* .animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
} */
/* .Wsrspfapp-theme-wrap-medium .Wsrspfapp-row-stars {
flex-wrap: wrap;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-rev-widg-summary,
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-histogram,
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-widget-actions-wrapper {
margin: 10px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-rev-item {
width: 100%;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-rev-item-inwrap {
max-width: 480px;
margin: 0 auto;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-rev-widg-summary {
display: flex;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-rev-rcd-nt-fnd {
display: none;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-histogram {
border-left: 0px solid rgba(51, 153, 153, 0.1);
padding: 20px 0px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-widget-actions-wrapper {
border-left: 0px solid rgba(51, 153, 153, 0.1);
border-bottom: 1px solid rgba(51, 153, 153, 0.1);
padding-bottom: 20px;
} */
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-histogram.Wsrspfapp-rev-rcd-fnd {
margin: 0px 0px 15px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-row-stars {
flex-wrap: wrap;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-reviewapp-title {
font-size: 16px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-verified-text {
font-size: 12px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-reviewapp-title-verify {
margin-bottom: 16px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-stars .Wsrspfapp-stars-countnumber {
font-size: 40px;
margin: 0 0 6px;
max-width: 140px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-rev-widg-summary {
margin: 0;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-stars {
align-items: start;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-starstext-block .Wsrspfapp-rev-summary-text {
text-align: left;
max-width: 140px;
font-size: 14px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-thumbnail-wrapper {
max-width: 394px;
}
.Wsrspfapp-reviewapp-sidebar01 .Wsrspfapp-theme-wrap-medium .Wsrspfapp-fivestars-wrap .without_border_round {
width: 125px;
}
/*
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-onestars-wrap .without_border_round::before,
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-onestars-wrap .with_border_round::before {
width: 16px;
height: 16px;
} */
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-review-progressbar {
margin: 0 4px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-review-progressbar {
width: 106px;
height: 6px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-row-stars {
font-size: 12px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-review-listcount {
height: auto;
line-height: 18px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-recommendation-text {
margin: 4px 0px 0px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-recommend-block .Wsrspfapp-recommend-count {
font-size: 20px;
margin: 0 0 6px;
font-size: 14px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-write-rev-link,
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-write-rev-btn {
max-width: 180px;
min-width: auto;
height: 42px;
line-height: 42px;
font-size: 14px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-sortselect-label {
display: none;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-review-search {
height: 44px;
z-index: 1;
padding: 8px 12px 8px 42px !important;
background-position: 12px center;
max-width: calc(100% - 56px) !important;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-review-search-wrapper {
position: relative;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-review-search-wrapper input[style="display:none;"] .Wsrspfapp-sort-dropdown {
border: 1px solid #F0F2F5;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-sort-dropdown-wrapper {
flex: 0 0 auto;
width: auto;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-sort-dropdown {
position: absolute;
border: 0px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 0;
width: 100%;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-sort-dropdown-arrow {
position: relative;
background: #F0F2F5 url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
z-index: -1;
width: 44px;
height: 44px;
z-index: -1;
border-radius: 12px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-sort-dropdown-arrow:before {
width: 0px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-rev-item-header {
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-rev-item-location {
margin: 8px 0 0 0;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-rev-item-reviewtitle {
font-size: 14px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-histogram+.Wsrspfapp-row-hrline {
width: 100%;
background: #E0E0E0;
height: 1px;
margin: 15px 0;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-row-stars {
padding-bottom: 16px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-row-search {
padding: 24px 0px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-rev-item-reviewtext {
font-size: 12px;
line-height: 20px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-all-review-item+.Wsrspfapp-all-review-item {
margin-top: 6px;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-fivestars-wrap .with_border_round {
width: 110px;
height: 22px;
}
/* LIST CARD [S] */
.Wdgt-List-Card {
width: 100%;
display: flex;
}
.Wdgt-Masonry-Listcard-wrap .Wdgt-List-Card {
padding: 16px;
border-radius: 16px;
background-color: #fff;
border: 1px solid #E0E0E0;
}
.Wdgt-Masonry-Listcard-wrap .Wdgt-List-Card+.Wdgt-List-Card {
margin-top: 24px;
}
.Wdgt-List-Left-Part {
width: 200px;
max-width: 100%;
display: flex;
align-items: center;
align-self: flex-start;
}
.Wdgt-List-Right-Part {
width: calc(100% - 200px);
max-width: 100%;
display: flex;
flex-wrap: wrap;
}
.Wdgt-List-Right-Part .Wsrspfapp-review-star-datepin {
width: 100%;
}
.Wdgt-List-Right-Part .Wsrspfapp-rev-item-reviewtitle {
width: 100%;
}
.Wdgt-List-Right-Part .Wsrspfapp-rev-item-reviewtext {
width: 100%;
}
.Wsrspfapp-Listview-img-wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.Wdgt-Left-Circle {
width: 42px;
height: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #645CFC;
color: #fff;
font-size: 20px;
font-weight: 500;
flex-shrink: 0;
}
.Wdgt-Left-User-details {
margin: 0 0 0 14px;
padding: 0;
flex-grow: 1;
}
.Wsrspfapp-Listview-img-wrap .Wsrspfapp-rev-item-img {
max-width: 140px;
max-height: 120px;
width: 100%;
}
.Wsrspfapp-Listview-img-wrap .Wsrspfapp-rev-item-img+.Wsrspfapp-rev-item-img {
margin-left: 16px;
}
/* .Wdgt-Left-User-name, */
.Wdgt-Left-User-details .Wsrspfapp-rev-item-verify,
.Wdgt-Left-User-details .Wsrspfapp-location-tag {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
white-space: normal;
}
.WsrsMain2-location-tag {
width: -webkit-fill-available;
font-size: 13px;
margin-top: 5px;
}
.Wdgt-Left-User-details .Wsrspfapp-rev-item-verify[style='display:block;'] {
display: -webkit-box !important;
}
.Wdgt-Left-User-details .Wsrspfapp-rev-item-verify {
color: var(--ListVusercolor);
}
.Wdgt-Left-User-details .Wsrspfapp-rev-item-verify {
color: var(--ListVverifycolor);
}
.Wdgt-List-Right-Part .Wsrspfapp-rev-item-reviewreplay {
margin: 16px 0px 8px 0px !important;
}
.Wdgt-List-Right-Part .WdGt-thumBs_wrap {
width: 100%;
justify-content: flex-start;
margin: 12px 0 0;
}
.Wdgt-List-Right-Part .WdGt-thumb_item {
margin-left: 0;
}
.Wdgt-List-Left-Part .Wdgt-Left-User-name {
margin: 0px !important;
}
.Wdgt-List-Left-Part .Wsrspfapp-with-iconverify {
/* margin: 8px 0px 0px 0px !important; */
}
.Wdgt-Left-item-location .Wsrspfapp-location-tag {
margin: 8px 0px 0px;
}
@media only screen and (max-width: 767px) {
.Wdgt-List-Card {
flex-wrap: wrap;
}
.noQue-data-text {
font-size: 13px;
line-height: 20px!important;
padding: 0 5px;
}
.Wdgt-List-Left-Part {
width: 100%;
}
.Wdgt-List-Right-Part {
width: 100%;
margin: 15px 0px 0px;
}
.Wsrspfapp-Listview-img-wrap .Wsrspfapp-rev-item-img {
max-width: 56px;
max-height: 48px;
}
}
/* LIST CARD [E] */
/* ASK A QUESTION [S] */
.Wsrspfapp-askque-block {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 10px;
}
.Wsrspfapp-askque-item {
border: 1px solid #E0E0E0;
background: #ffffff;
padding: 16px;
border-radius: 16px;
width: 100%;
margin: 24px 0px 0px;
}
/* .Wsrspfapp-askque-item+.Wsrspfapp-askque-item {
margin: 24px 0px 0px;
} */
.Wsrspfapp-askque-item {
display: flex;
flex-wrap: wrap;
}
.Wsrspfapp-askque-name-date {
display: flex;
align-items: center;
width: 100%;
}
.Wsrspfapp-askque-name-letter {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
background: #645CFC;
border-radius: 50%;
color: #fff;
font-size: 20px;
font-weight: 500;
}
.Wsrspfapp-askque-namefull {
color: #303030;
font-size: 18px;
margin: 0px 0px 0px 14px;
padding: 0;
font-weight: 500;
}
.Wsrspfapp-askque-date {
color: #303030;
margin-right: 0;
margin-left: auto;
font-size: 14px;
font-weight: 400;
}
.Wsrspfapp-askque-question {
display: flex;
width: 100%;
margin: 14px 0 0 0;
font-size: 18px;
font-weight: 600;
color: #303030;
}
.Wsrspfapp-askque-boxans {
width: 100%;
background: #F0F2F5;
padding: 12px;
margin: 14px 0px 0px;
border-radius: 12px;
}
.Wsrspfapp-ans-date {
color: #303030;
margin: 0px;
font-size: 14px;
font-weight: 400;
}
.Wsrspfapp-ans-storelink {
color: #303030;
margin: 8px 0px 0px;
font-size: 16px;
font-weight: 600;
display: flex;
flex-wrap: wrap;
}
.Wsrspfapp-ans-repledtext {
font-weight: 400;
margin: 0px 0px 0px 4px;
}
.Wsrspfapp-ans-descri {
color: #303030;
margin: 8px 0px 0px;
padding: 0px;
font-size: 14px;
font-weight: 400;
}
.Wsrspfapp-askque-item02 {
border-bottom: 1px solid #f0f0f0;
padding: 18px 24px;
font-size: 14px;
width: 100%;
border-radius: 7px;
}
.Wsrspfapp-askque-question02 {
display: flex;
margin-bottom: 6px;
font-weight: 500;
}
.Wsrspfapp-ans-descri02 {
display: flex;
line-height: 20px;
margin-bottom: 8px;
}
.Wsrspfapp-askque-name-date02 {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
}
.Wsrspfapp-askque-namefull02,
.Wsrspfapp-askque-date02 {
color: #878787;
}
.qlatter-question02,
.anslatter-question02 {
white-space: nowrap;
margin: 0px 4px 0px 0px;
}
/* ASK A QUESTION MODAL [S] */
.Wsrspfapp-form-askques {
max-width: 814px;
width: 100%;
background: #F1F2F4;
padding: 32px;
margin: 0px;
border-radius: 12px;
}
.Wsrspfapp-form-askques-title {
font-size: 32px;
color: #303030;
font-weight: 600;
margin: 0px 0px 48px;
padding: 0px;
text-align: center;
}
.Wsrspfapp-form-askques-inputgrup:nth-child(n + 2) {
margin: 24px 0px 0px;
}
.askques-inputgrup-label {
display: inline-block;
}
.askques-inputgrup-input,
.askques-inputgrup-textarea {
display: block;
width: 100%;
height: 56px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 3px solid rgba(100, 92, 252, 0.10);
border-radius: 16px;
}
.askques-inputgrup-textarea {
height: auto;
}
.askques-inputgrup-label {
color: #303030;
font-size: 14px;
font-weight: 600;
margin: 0px 0px 8px;
padding: 0px;
}
.Wsrspfapp-form-askques-btngroup {
display: flex;
align-items: center;
justify-content: center;
margin: 24px 0px 0px;
}
.Wsrspfapp-form-askques-btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid #000;
padding: 12px 16px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 8px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.Wsrspfapp-form-askques-btn:nth-child(n + 2) {
margin: 0px 0px 0px 24px;
}
.Wsrspfapp-form-askques-canbtn {
border-color: #6C757D;
background: #ffffff;
color: #6C757D;
}
.Wsrspfapp-form-askques-submitbtn {
border-color: #645CFC;
background: #645CFC;
color: #ffffff;
}
/* ASK A QUESTION [E] */
/* QUESTION & ANSWER [S] */
.Wsrspfapp-theme-questn .Wsrspfapp-row-search {
padding-top: 0px;
}
.Wsrspfapp-askques-thanku-wrap {
background: #fff;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
}
.Wsrspfapp-askques-thanku-img {
width: 100%;
max-width: 120px;
margin: 0 0 20px;
}
.Wsrspfapp-askques-thanku-text {
font-size: 16px;
font-weight: normal;
color: #000;
margin: 0 0 50px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.Wsrspfapp-theme-questn .Wsrspfapp-row-search {
padding-top: 0px;
}
.Wsrspfapp-askque-question {
font-size: 15px;
}
.Wsrspfapp-ans-storelink {
font-size: 14px;
}
}
/* QUESTION & ANSWER [E] */
@media only screen and (max-width: 992px) {
.Wsrspfapp-row-stars {
flex-wrap: wrap;
}
.Wsrspfapp-rev-item {
width: 100%;
}
.Wsrspfapp-rev-item-inwrap {
max-width: 480px;
margin: 0 auto;
}
.Wsrspfapp-rev-widg-summary {
display: flex;
}
/* .Wsrspfapp-widget-actions-wrapper {
border-left: 0px solid rgba(51, 153, 153, 0.1);
border-bottom: 1px solid rgba(51, 153, 153, 0.1);
padding-bottom: 20px;
} */
}
@media only screen and (max-width: 767px) {
.popup-content {
/* max-height: 90% !important;
height: auto !important;
max-width: calc(100% - 30px) !important;
overflow-y: auto !important; */
}
.popup-body {
overflow-y: auto;
}
.popup-image {
width: 100% !important;
padding-right: 0px !important;
height: auto !important;
border-radius: 10px 10px 0 0px !important;
}
.popup-text {
width: 100% !important;
max-height: auto !important;
}
/* .Wsrspfapp-review-search-wrapper {
flex-direction: column;
} */
/* .Wsrspfapp-sort-dropdown-wrapper {
width: 100%;
margin: 15px 0 0;
} */
.Wsrspfapp-sort-dropdown {
width: 100%;
}
.Wdgt-Masonry-Grid {
/* grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); */
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
/* grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); */
}
.Wsrspfapp-review-star-datepin {
flex-wrap: wrap;
}
.Wsrspfapp-review-star-datepin .Wsrspfapp-rev-item-date {
margin: 8px 0 0;
}
.popup-text .Wsrspfapp-review-star-datepin .Wsrspfapp-rev-item-date {
margin: 0 0 0 auto;
}
/*
.Wsrspfapp-container {
padding: 0;
} */
}
.popup-screen-loader {
position: absolute;
font-size: 0;
pointer-events: none;
background: #fafafac4 !important;
display: block !important;
}
.popup-screen-loader:before {
width: 28px;
height: 28px;
border: 3px solid #675d5d;
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: loader-rotation 1s linear infinite;
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
}
.btn-loader {
position: relative;
font-size: 0;
pointer-events: none;
}
.btn-loader:before {
width: 28px;
height: 28px;
border: 3px solid #FFF;
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: loader-rotation 1s linear infinite;
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
}
@keyframes loader-rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* popup */
.Wsrspfapp-modal-open {
overflow: hidden;
/* margin-left: 17px; */
}
.Wsrspfapp-modal-open .WnreviewApp-wrp {
position: fixed;
content: "";
width: 100%;
height: 100%;
background: #00000075;
z-index: 99999999;
left: 0;
top: 0;
overflow-x: hidden;
overflow-y: auto;
align-items: center;
justify-content: center;
display: flex;
}
.WnreviewApp-container {
position: absolute;
top: auto;
z-index: 9999999;
display: block;
margin: auto;
left: auto;
border-radius: 16px;
/* background: #fff; */
}
.Wsrspfapp-modal-open .WnreviewApp-wrp {
animation: WSrshopifyappmodal-open 0.3s;
}
.Wsrspfapp-modal-open .WnreviewApp-container {
animation: WSrshopifyappmodalcnt-open 0.6s;
}
@keyframes WSrshopifyappmodal-open {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes WSrshopifyappmodalcnt-open {
0% {
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.mobi_card .WnreviewApp-container {
width: 90%;
}
.WnreviewApp-wrp {
height: 100%;
background-color: #fbfbfc;
padding-top: 2rem;
padding-bottom: 3rem;
}
.WnreviewApp-container {
height: 100%;
margin: 0;
max-height: 625px;
max-width: 767px !important;
/* min-width: 767px; */
background: #ffff;
width: calc(100% - 40px);
/* max-width: calc(767px - 40px); */
}
.Wsrspfapp-modal-open .Wsrspfapp-rev-widg-body {
/* display: none; */
}
.Wsrspfapp-form-remove-image svg {
pointer-events: none;
}
.WnreviewApp-item-block {
position: relative;
margin-left: auto;
margin-right: auto;
height: calc(100% - 50px);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
z-index: 1;
color: #202223;
/* max-height: 700px; */
/* max-width: 688px; */
/* background-color: #fff; */
/* box-shadow: 0 6px 14px -6px rgba(61, 66, 76, .12), 0 10px 32px -4px rgba(58, 63, 74, .1); */
}
.WnreviewApp-rectdots-wrap {
display: flex;
align-items: center;
justify-content: center;
margin: 40px 0px 0px;
}
.WnreviewApp-rectdots-item {
width: 20px;
height: 4px;
border-radius: 16px;
background: #DEE2E6;
margin: 0 8px;
}
.WnreviewApp-modal-close {
background-image: url('https://storage.googleapis.com/shopify_review_app/pixel/img/write_popup_close.svg');
background-repeat: no-repeat;
/* background-color: #dfe3e8; */
background-position: 50%;
background-size: 50%;
border-radius: 50%;
cursor: pointer;
height: 32px;
outline: none;
position: absolute;
right: 8px;
top: 4px;
transition: box-shadow .15s ease-in, opacity .15s ease-in;
width: 32px;
z-index: 1111;
}
.WnreviewApp-item-header {
/* position: absolute;
left: 0;
top: 0; */
display: flex;
justify-content: center;
align-items: center;
/* position: -webkit-sticky;
position: sticky;
top: 0;
background-color: #fff;
z-index: 2; */
/* height: 64px;
min-height: 64px; */
/* border-bottom: 1px solid #d2d3d5;
/* padding: 0.75rem 0; */
}
.WnreviewApp-item-wrap-step1 {
width: 100%;
}
.WnApp-itemstep-container {
/* padding-left: 2.25rem;
padding-right: 2.25rem; */
outline: 0;
max-width: 485px !important;
width: 100%;
/* padding-bottom: 4rem; */
margin: 0px auto !important;
overflow: hidden;
}
.Wsrspfapp-step-title {
font-size: 24px;
/* font-weight: 700; */
text-align: center;
margin-bottom: 24px;
}
.Wsrspfapp-step-title {
line-height: 1.5;
margin-bottom: 16px;
}
.wnreview-step-starslct .Wsrspfapp-step-title {
margin-bottom: 40px;
}
.WnApp-itemstep-img {
height: 220px;
width: 300px;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
background-color: var(--backgroundColor);
border-radius: 4px;
margin-bottom: 2rem;
}
.WnApp-itemstep-footer {
margin: 15px 0 0 !important;
}
.WnrvApp-btn {
margin-bottom: 0;
font-family: inherit;
font-weight: 600;
font-size: 16px;
line-height: 20px;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
border-radius: 8px;
cursor: pointer;
background-image: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: inline-block;
border: 1px solid transparent;
padding: 16px 32px;
transition: background-color .1s ease-in, box-shadow .15s ease-in, outline .15s ease-in, color .15s ease-in;
background-color: #000;
color: #fff;
outline: 0;
}
.review-button-disable {
background: #E5E5E5 !important;
color: #919191 !important;
pointer-events: none !important;
}
.WnreviewApp-item-content.hidden-left,
.WnreviewApp-item-content.hidden-left *,
.wnreview-step.hidden-left,
.wnreview-step.hidden-left * {
transform: translateX(-100%);
height: 0;
width: 0;
opacity: 0;
}
.WnreviewApp-item-content.hidden-right,
.WnreviewApp-item-content.hidden-right *,
.wnreview-step.hidden-right,
.wnreview-step.hidden-right * {
transform: translateX(100%);
height: 0;
width: 0;
opacity: 0;
margin: 0px;
}
.WnreviewApp-item-content.visible,
.wnreview-step.visible {
transform: translateX(0);
transition: transform 0.5s ease;
}
.wnreview-step .Wsrspfapp-form-rating {
display: flex;
flex-flow: row-reverse;
justify-content: center;
/* justify-content: space-between; */
width: 100%;
}
.Wsrspfapp-form-rating .Wsrspfapp-star {
margin: 0px 8px;
}
.product-user-star a:nth-child(5) {
margin-left: 0;
}
.Wsrspfapp-form-rating .Wsrspfapp-stars-fill {
pointer-events: none;
}
.Wsrspfapp-off svg {
fill: #DDDDDD;
}
.WnrvApp-back-arrow {
display: none;
}
.WnreviewApp-backarw-show .WnrvApp-backarrow-one {
display: block;
}
.WnreviewApp-backarw-step .WnrvApp-backarrow-one {
display: none;
}
.WnreviewApp-backarw-step .WnrvApp-backarrow-step {
display: block;
}
.WnreviewApp-item-footer {
max-width: 485px !important;
margin: 24px auto 0;
}
.WnreviewApp-header-arrow {
align-items: center;
width: 100%;
justify-content: space-between;
position: relative;
z-index: 1111;
display: none;
}
.WnrvApp-back-arrow {
height: 42px;
min-width: 90px;
cursor: pointer;
outline: none;
animation: fade .3s cubic-bezier(0, 0, .2, 1);
display: flex !important;
align-items: center;
font-weight: 600;
font-size: 14px;
color: #000000;
padding: 0 12px;
}
.WnrvApp-popup-next-btn {
background-color: #645CFC;
border-radius: 6px;
justify-content: center;
color: #fff;
}
.WnrvApp-back-arrow svg {
margin: 0px 8px 0px 0px;
}
.WnrvApp-popup-next-btn svg {
transform: rotate(180deg);
margin: 0px 0px 0px 8px;
}
.WnrvApp-popup-next-btn svg path {
fill: #FFFFFF;
}
.WnApp-review-mediabox {
display: flex;
align-items: center;
border: 1px solid #d2d3d5;
background-color: #fbfbfc;
padding: 12px;
border-radius: 4px;
cursor: pointer;
position: relative;
width: 100%;
margin-bottom: 1rem;
outline: 0;
transition: background-color .15s ease-in, color .15s ease-in, border-color .15s ease-in, box-shadow .15s ease-in;
}
.review-mediabox-Left {
height: 50px;
width: 50px;
min-width: 50px;
background-color: #fff;
background-size: 90%;
background-position: 50%;
background-repeat: no-repeat;
border-radius: 4px;
margin-right: 1rem;
}
.review-media-prodStar .d-flex {
display: flex;
margin-left: -3px;
}
.Wsrspfapp-off svg {
fill: #DDDDDD;
}
.Wsrspfapp-form-rating {
display: flex;
flex-flow: row-reverse;
justify-content: center;
}
/* .WnreviewApp-wrp .WnreviewApp-item-box .Wsrspfapp-onestars-wrap .Wsrspfapp-stars-fill, */
.WnreviewApp-item-box .Wsrspfapp-onestars-wrap .Wsrspfapp-stars-fill {
font-size: 72px;
line-height: 52px;
display: inline-block;
position: relative;
width: 60px;
height: 60px;
}
.Wsrspfapp-onestars-wrap .Wsrspfapp-stars-fill {
font-size: 28px;
position: relative;
line-height: 20px;
display: inline-block;
}
.Wsrspfapp-onestars-wrap .with_border_sharp::before {
content: "\2605";
color: #d1d1d1;
}
.Wsrspfapp-onestars-wrap.Wsrspfapp-star-active .with_border_sharp:before {
color: var(--star_actbgcolor_fill);
}
.Wsrspfapp-onestars-wrap .with_border_sharp::after {
content: "\2605";
opacity: 0;
position: absolute;
left: 0px;
top: -1px;
}
.Wsrspfapp-onestars-wrap .with_border_sharp:hover::after,
.Wsrspfapp-onestars-wrap.Wsrspfapp-star-active .with_border_sharp::after {
content: "\2606";
color: var(--star_actbgcolor_fill);
position: absolute;
left: 0px;
top: -1px;
opacity: 1;
}
.Wsrspfapp-onestars-wrap .without_border_sharp,
.Wsrspfapp-onestars-wrap .with_border_sharp,
.Wsrspfapp-theme-reviewapp01 .Wsrspfapp-fivestars-wrap .without_border_round {
margin-right: 0px;
}
.Wsrspfapp-onestars-wrap .without_border_sharp:before {
content: "\2605";
color: #d1d1d1;
}
.Wsrspfapp-onestars-wrap .without_border_sharp:hover::before,
.Wsrspfapp-onestars-wrap.Wsrspfapp-star-active .without_border_sharp:before {
color: var(--star_actbgcolor_fill);
}
.Wsrspfapp-form-rating .Wsrspfapp-star:hover .Wsrspfapp-stars-fill:before,
.Wsrspfapp-form-rating .Wsrspfapp-star:hover~.Wsrspfapp-star .Wsrspfapp-stars-fill:before {
color: var(--star_actbgcolor_fill);
}
.Wsrspfapp-onestars-wrap .without_border_round,
.Wsrspfapp-onestars-wrap .with_border_round {
width: 20px;
height: 20px;
position: relative;
margin-right: 5px;
}
.Wsrspfapp-onestars-wrap .without_border_round::before,
.Wsrspfapp-onestars-wrap .with_border_round::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #d0d0d0;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: var(--star1-rounded-fill);
mask-image: var(--star1-rounded-fill);
-webkit-mask-size: 100%;
mask-size: 100%;
}
.Wsrspfapp-onestars-wrap .with_border_round::before {
-webkit-mask-image: var(--star1-rounded-border);
mask-image: var(--star1-rounded-border);
background-color: var(--star_actbgcolor_fill);
}
.Wsrspfapp-onestars-wrap.Wsrspfapp-star-active .without_border_round::before,
.Wsrspfapp-onestars-wrap.Wsrspfapp-star-active .with_border_round::before {
background-color: var(--star_actbgcolor_fill);
}
.Wsrspfapp-onestars-wrap.Wsrspfapp-star-active .with_border_round::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: var(--star_actbgcolor_fill);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: var(--star1-rounded-fill);
mask-image: var(--star1-rounded-fill);
-webkit-mask-size: 100%;
mask-size: 100%;
}
/* .WnreviewApp-item-box .Wsrspfapp-onestars-wrap .without_border_round,
.WnreviewApp-item-box .Wsrspfapp-onestars-wrap .without_border_round::before,
.WnreviewApp-item-box .Wsrspfapp-onestars-wrap.Wsrspfapp-star-active .without_border_round::before,
.WnreviewApp-item-box .Wsrspfapp-onestars-wrap .with_border_round,
.WnreviewApp-item-box .Wsrspfapp-onestars-wrap .with_border_round::before,
.WnreviewApp-item-box .Wsrspfapp-onestars-wrap.Wsrspfapp-star-active .with_border_round::before,
.WnreviewApp-item-box .Wsrspfapp-onestars-wrap.Wsrspfapp-star-active .with_border_round::after {
width: 60px;
height: 60px;
} */
.Wsrspfapp-form-fieldset .Wsrspfapp-onestars-wrap .without_border_round::before,
.Wsrspfapp-form-fieldset .Wsrspfapp-onestars-wrap .with_border_round::before {
width: 20px;
height: 20px;
}
/* .Wsrspfapp-form-rating .Wsrspfapp-star:hover .star5-rounded-border:before,
.Wsrspfapp-form-rating .Wsrspfapp-star:hover~.Wsrspfapp-star .star5-rounded-border:before {
color: var(--form-star-fill);
} */
/*
.Wsrspfapp-form-rating .Wsrspfapp-star:hover .Wsrspfapp-stars-fill:before,
.Wsrspfapp-form-rating .Wsrspfapp-star:hover~.Wsrspfapp-star .Wsrspfapp-stars-fill:before {
color: var(--form-star-fill);
}
.Wsrspfapp-form-rating .Wsrspfapp-star-active .Wsrspfapp-stars-fill:before {
color: var(--form-star-fill);
} */
.Wsrspfapp-form-rating .Wsrspfapp-star:hover svg,
.Wsrspfapp-form-rating .Wsrspfapp-star:hover~.Wsrspfapp-star svg {
fill: #FFA41C;
}
.review-star-applyed .Wsrspfapp-star-active svg {
fill: #FFA41C;
}
.product-user-star .Wsrspfapp-star-active svg {
fill: #FFA41C;
}
.Wsrspfapp-form-rating .Wsrspfapp-star {
margin: 0px 8px;
}
.Wsrspfapp-form-rating .Wsrspfapp-stars-fill {
/* pointer-events: none; */
}
.wnreview-step input[type=email],
.wnreview-step input[type=file],
.wnreview-step input[type=text],
.wnreview-step textarea {
border: 1px solid rgba(98, 90, 252, 10%);
background-color: inherit;
margin: 0;
padding: 16px;
font-size: 14px;
outline: 0;
line-height: 1.5;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
font-family: inherit;
color: #202223;
transition: border-color .15s ease-in;
z-index: 2;
height: 56px;
border-radius: 16px;
padding: 5px 16px;
border-radius: 8px;
border: 1px solid rgba(98, 90, 252, 10%);
}
.wnreview-step input::-webkit-input-placeholder {
color: #212121;
font-size: 14px;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
}
.WnreviewApp-required-box {
border: 2px solid rgb(235, 71, 71) !important;
}
.wnreview-step textarea {
max-height: 25vh;
}
.wnreview-step-ingroup-input-radio {
box-shadow: 0px 0px 0px 2px #ADB5BD;
width: 22px;
height: 22px;
margin-right: 7px;
border: 6px solid #fff;
background-clip: border-box;
border-radius: 50%;
appearance: none;
transition: background-color 0.3s, box-shadow 0.3s;
padding: 0;
margin: 0px;
min-width: 22px;
min-height: 22px;
}
.wnreview-step-ingroup-input-radio:checked {
box-shadow: 0px 0px 0px 2px #645CFC;
background-color: #645CFC;
border: 6px solid #fff;
}
.wnreview-step-ingroup-input-radio:focus {
box-shadow: 0px 0px 0px 2px #645CFC !important;
outline: 0 !important;
border: 6px solid #fff !important;
}
.wnreview-step-ingroup-list-label {
padding: 16px 24px 16px 24px;
font-weight: 500;
font-size: 16px;
border: 1px solid #DEE2E6;
margin: 0px 0px 0px 10px;
border-radius: 8px;
width: 100%;
background: #F0F2F5;
}
.wnreview-step-ingroup-list {
display: flex;
min-height: 24px;
padding: 0px;
align-items: center;
justify-content: center;
margin: 0px 0px 0px 4px;
}
.wnreview-step-ingroup-input-checkbox {
width: 24px !important;
height: 24px !important;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1.5px solid #ADB5BD;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 6px;
padding: 0;
margin: 0;
}
.wnreview-step-ingroup-input-checkbox:checked[type=checkbox] {
background-color: #645CFC;
border-color: #645CFC;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.wnreview-step-ingroup-input-checkbox:focus {
border: 1.5px solid #ADB5BD;
outline: 0 !important;
box-shadow: none !important;
}
.wnreview-step-ingroup-list+.wnreview-step-ingroup-list {
margin-top: 24px;
}
.wnreview-step-ingroup-list-textarea {
display: inline;
}
.wnreview-step-ingroup-list-progressbar {
width: 300px;
height: 10px;
position: relative;
border-radius: 50px;
margin: 0 0 0 16px;
background: #F0F2F5;
}
.wnreview-step-ingroup-list-progressbar-active {
width: 10%;
height: 10px;
position: absolute;
top: 0px;
left: 0px;
border-radius: 50px;
margin: 0px;
background: #645CFC;
}
.wnreview-step-list-progressbar-text {
padding: 0px 0px 0px 16px;
margin: 0px;
font-size: 16px;
color: #303030;
font-weight: 400;
}
.wnreview-step-ingroup-rangesld {
position: relative;
}
.wnrange-input {
-webkit-appearance: none;
width: 100%;
height: 10px;
background: #D1CFFF;
background: transparent;
outline: none;
-webkit-transition: .2s;
transition: opacity .2s;
z-index: 11;
position: relative;
margin: 0;
padding: 0;
border: 0;
}
.wnrange-defaultbg {
position: absolute;
left: 0px;
top: 5px;
height: 10px;
width: 100%;
background: #D1CFFF;
border-radius: 25px;
}
.wnrange-defaultbg::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
height: 10px;
width: calc(10% * var(--value));
background: #645CFC;
border-radius: 25px 0px 0px 25px;
}
.wnrange-input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
cursor: pointer;
border: 4px solid #645CFC;
}
.wnrange-input::-moz-range-thumb {
/* width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
border: 0px solid #645CFC;
cursor: pointer;
position: relative;
z-index: 111; */
}
.wnrange-active {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 20%;
background: #645CFC;
border-radius: 25px;
}
.wnreview-step-ingroup-rangesld-btm {
display: flex;
align-items: center;
justify-content: space-between;
margin: 6px 0px 0px;
}
.wnreview-step-ingroup-rangesld-text {
font-size: 14px;
font-weight: 500;
margin: 0px;
padding: 0px;
color: #000000;
}
.custom-step-warning {
color: #ff3232;
padding: 8px 0 0;
margin: 0;
display: flex;
font-size: 14px;
text-align: left;
font-weight: normal;
}
.wnreview-custom-scroll-box {
max-height: 260px;
overflow: auto;
padding: 2px 0px 0px;
}
.wnreview-custom-scroll-box::-webkit-scrollbar {
display: none;
}
.Wsrspfapp-upload-label {
margin: 0 0 16px;
font-weight: 600;
font-size: 16px;
color: #212121;
}
.DropZone_dropZone__JFzgh {
height: 142px;
max-height: 142px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px dashed #DEE2E6;
cursor: pointer;
border-radius: 8px;
position: relative;
outline: none;
background-color: #F0F2F5;
overflow-x: hidden;
}
.Wsrspfapp-upload-btn {
display: flex;
align-items: center;
max-width: 246px;
height: 44px;
justify-content: center;
border-radius: 24px;
background: #5666FC;
padding: 0 15px;
color: #fff;
}
.Wsrspfapp-upload-btn img {
max-width: 20px;
margin: 0px 8px 0px 0px;
}
.wnreview-step .Wsrspfapp-form-youtube {
margin-top: 12px;
}
.wnreview-step input[type=file] {
position: absolute;
display: inline-block;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
cursor: pointer;
z-index: 2;
height: 100%;
}
.WnrvApp-btn-full {
width: 100%;
}
.wnreview-step-ingroup {
margin: 0px 0px 24px;
}
.wnreview-step-ingroup .Wsrspfapp-step-title {
text-align: left;
font-size: 14px;
font-weight: 600;
margin: 0px 0px 8px;
}
.ingroup-recommend-label {
display: inline-block;
font-size: 16px;
/* font-weight: 600; */
}
.step-ingroup-recommend .ingroup-recommend-label {
margin: 0 0 0 6px;
}
.step-ingroup-recommend input {
position: relative;
z-index: 11;
}
.step-ingroup-termstext {
display: inline-block;
}
.termstext-link {
display: inline-block;
text-decoration: underline;
cursor: pointer;
}
.WnreviewApp-step-thanku {
display: inline-flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
.thankyou-img {
margin: 0 auto;
display: table;
}
.Frame-container-thnakyou p {
max-width: 380px;
color: #000;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: 16px auto 28px;
}
.WnreviewApp-copycode-wrap {
display: flex;
align-items: center;
height: 44px;
max-width: 100%;
border: 1px dashed #645CFC;
border-radius: 25px;
padding: 0 20px;
flex: 0 0 auto;
width: 100%;
position: relative;
box-sizing: border-box;
}
.popup-content.Wsrspfapp-popup-img-not-found {
height: max-content;
}
.WnreviewApp-copycode-icon {
width: 28px;
height: 28px;
display: flex;
align-items: center;
background: #EFEFFF;
justify-content: center;
border-radius: 8px;
position: absolute;
right: 16px;
top: 0;
bottom: 0;
margin: auto;
}
.WnreviewApp-copycode-text {
font-size: 18px;
color: #212121;
font-weight: 600;
}
.WnreviewApp-sendemail-text {
margin: 16px 0 24px;
font-size: 14px;
font-weight: 500;
}
.WnreviewApp-share-wrap {
display: flex;
align-items: center;
background: #EFEFFF;
justify-content: center;
border-radius: 64px;
height: 40px;
padding: 0px 20px;
}
.WnreviewApp-share-text {
color: #645CFC;
font-size: 14px;
font-weight: 500;
}
.WnreviewApp-share-text svg {
margin: 0px 8px 0px 0px;
}
.WnreviewApp-share-list {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 0 8px;
}
.WnreviewApp-share-item {
margin: 0 4px;
padding: 4px;
cursor: pointer;
}
.WnreviewApp-share-item a {
margin: 0px;
padding: 0px;
text-decoration: none;
display: flex;
opacity: 1;
}
.share-block {
padding: 0 0 30px;
}
.share-title {
position: relative;
display: table;
margin: 0 auto;
font-size: 16px;
color: #000;
}
.Wsrspfapp-theme-wrap .share-title {
margin: 0 auto;
}
/* .share-title:before,
.share-title:after {
position: absolute;
content: "";
width: 38px;
height: 1px;
top: 0;
bottom: 0;
margin: auto;
background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.00) 90.44%);
} */
/* .share-title:before {
right: -45px;
} */
/* .share-title:after {
left: -45px;
rotate: 180deg;
} */
.social-list-share {
display: flex;
align-items: center;
justify-content: center;
margin: 16px 0 0;
}
.social-list-item {
width: 32px;
height: 32px;
background: #000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.social-item-fb {
background: #1778F2;
}
.social-list-fitem+.social-list-item {
margin-left: 16px;
}
.poweredbytext {
position: absolute;
margin: auto;
text-align: center;
font-size: 14px;
display: flex;
align-items: center;
justify-content: end;
padding: 15px 15px 15px 0px;
right: 0;
bottom: 0;
}
.Wsrspfapp-rev-source-pin {
display: flex;
align-items: center;
gap: 8px;
}
.Wsrspfapp-rev-source-pin>img {
max-width: 16px;
width: 16px;
height: auto;
display: block;
}
.WnreviewApp-form-logo {
max-width: 110px;
}
.poweredbytext .powered-brand {
margin: 0px 0px 0px 4px;
display: flex;
}
.powered-brand .WnreviewApp-form-logo {
max-width: 124px !important;
}
.Wsrspfapp1-rev-item-location {
display: flex;
flex-direction: column;
justify-content: center;
}
.Wsrspfapp3-rev-item-location {
display: flex;
flex-direction: column;
justify-content: center;
}
/* SIDEPANEL(SIDEBAR) [S] */
.Wsrspfapp-modal-wrapper {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 999999;
transition: visibility cubic-bezier(0, 0, 1, 1) 200ms;
color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
pointer-events: none;
/* font-family: 'Noto Sans', sans-serif; */
}
.Wsrspfapp-modal-backdrop {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: opacity cubic-bezier(0, 0, 1, 1) 200ms;
pointer-events: none;
visibility: hidden;
background: rgba(17, 17, 17, 0.4);
opacity: 0;
/* ACTIVE */
/* visibility: visible;
opacity: 1; */
}
.Wsrspfapp-show-sidemodal .Wsrspfapp-modal-backdrop {
opacity: 1;
animation: Wsrspfapp-modalBackdropEnter 200ms;
visibility: visible;
pointer-events: all;
display: flex;
}
@keyframes Wsrspfapp-modal-backdropEnter {
0% {
visibility: hidden;
}
1% {
visibility: visible;
}
}
.Wsrspfapp-side-container {
position: absolute;
top: 0;
right: -100%;
bottom: 0;
width: 100%;
background: rgb(var(--colour-elevation-2, 255, 255, 255));
z-index: 100;
overflow: auto;
border-radius: 8px 0px 0px 8px;
max-height: 100%;
text-align: initial;
max-width: 480px;
transition: all 200ms;
pointer-events: all;
}
.Wsrspfapp-show-sidemodal .Wsrspfapp-side-container {
right: 0;
}
.Wsrspfapp-side-container-close {
animation: Wsrspfapp-modalBackdropClose 200ms;
}
.Wsrspfapp1-user-img img {
max-height: 42px;
max-width: 42px;
width: 100%;
border-radius: 50%;
overflow: hidden;
}
.Wsrspfapp-reviewapp-sidebar01 .Wsrspfapp-side-close {
position: absolute;
top: 0px;
right: 5px;
}
.Wsrspfapp-side-close .side-close-btn-icon {
margin: 5px;
cursor: pointer;
}
.modal-sidepanel-open {
overflow: hidden;
}
.Wsrspfapp-reviewapp-sidebar01 .Wsrspfapp-theme-wrap {
height: 100%;
}
.Wsrspfapp-reviewapp-sidebar01 .Wsrspfapp-container {
min-height: 100%;
}
.Wsrspfapp-reviewapp-sidebar01 .Wsrspfapp-review-progressbar {
width: 170px;
}
.Wsrspfapp-reviewapp-sidebar01 .Wsrspfapp-widget-actions-wrapper {
justify-content: center;
}
.Wsrspfapp-reviewapp-sidebar01 .Wsrspfapp-container {
padding-left: 24px;
padding-right: 24px;
}
/* .Wsrspfapp-side-container .Wsrspfapp-onestars-wrap .without_border_round,
.Wsrspfapp-side-container .Wsrspfapp-onestars-wrap .with_border_round { */
.Wsrspfapp-onestars-wrap .without_border_round,
.Wsrspfapp-onestars-wrap .with_border_round {
width: 16px;
height: 17px;
}
.WdGt-thumBs_wrap {
display: flex;
justify-content: end;
align-items: center;
margin: 12px 0 16px;
}
.WdGt-thumBs-text {
font-size: 12px;
margin: 0px;
padding: 0px;
line-height: 11px !important;
}
.WdGt-thumBs_wrap span {
padding: 0 6px;
font-size: 12px;
line-height: 10px;
}
.WdGt-thumBs_wrap .WdGt-thumBs-up-count {
border-right: 1px solid #212121;
margin-right: 6px;
}
.WdGt-thumBs_wrap .WdGt-thumBs-down-count {
padding-right: 0px;
}
.WdGt-thumb_item {
margin-left: 6px;
display: flex;
cursor: pointer;
}
.WdGt-thumb_item svg path {
/* fill: var(--thumb_ntfill_color); */
stroke: var(--thumb_ntfill_color);
}
.WdGt-thumBs_fill svg path {
fill: var(--thumb_fill_color);
stroke: var(--thumb_fill_color);
}
.WdGt-thumb_item+span {
color: var(--thumb_ntfill_color);
}
.WdGt-thumBs_fill+span {
color: var(--thumb_fill_color);
}
@keyframes Wsrspfapp-modalBackdropClose {
0%,
99% {
visibility: visible;
}
100% {
visibility: hidden;
}
}
@keyframes Wsrspfapp-modalSlideToLeft {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
@keyframes Wsrspfapp-modalSlideToRight {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes Wsrspfapp-modalBackdropEnter {
0% {
visibility: hidden;
}
1% {
visibility: visible;
}
}
.WsrsMain1-rev-item-header {
display: flex;
/* align-items: center; */
justify-content: space-between;
margin: 0 0 10px;
overflow: hidden;
}
.WsrsMain1-rev-item-nameverify {
display: flex;
gap: 10px;
align-items: center;
justify-content: start;
width: 100%;
}
.WsrsMain1-user-img img {
max-height: 42px;
max-width: 42px;
width: 42px;
border-radius: 50%;
overflow: hidden;
height: auto;
object-fit: cover;
}
.WsrsMain1-user-details {
margin: 0px;
display: flex;
flex-direction: column;
align-self: center;
align-items: start;
/* width: calc(100% - 52px); */
width: 100%;
}
.WsrsMain1-rev-item-name-date {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.WsrsMain1-rev-item-name {
font-size: 14px;
font-weight: 500;
white-space: nowrap;
max-width: 90px;
/* padding-right: 5px; */
overflow: hidden;
}
.WsrsMain1-rev-item-date {
font-size: 12px;
font-weight: 400;
/* margin-left: auto;
margin-right: 0; */
text-align: right;
margin: 4px 0 0;
}
.WsrsMain1-user-Jobttl-Comttl {
font-size: 12px;
/* margin-top: 4px; */
gap: 6px;
display: flex;
}
.WsrsMain3-user-Jobttl-Comttl {
font-size: 12px;
margin-top: 4px;
gap: 6px;
display: flex;
flex-direction: column;
}
.WsrsMain1-user-Jobttl {
color: #616161;
max-width: 120px;
overflow: hidden;
white-space: nowrap;
}
.WsrsMain3-user-Jobttl {
color: #616161;
max-width: 120px;
overflow: hidden;
white-space: nowrap;
}
.WsrsMain1-anchor-cmpny-name {
font-style: italic;
text-decoration: none;
color: #616161;
max-width: 120px;
overflow: hidden;
white-space: nowrap;
}
.WsrsMain3-anchor-cmpny-name {
font-style: italic;
text-decoration: none;
color: #616161;
max-width: 120px;
overflow: hidden;
white-space: nowrap;
}
.WsrsMain1-rev-item-verify-location {
display: flex;
gap: 10px;
}
.WsrsMain1-with-iconverify {
display: flex;
align-items: center;
margin: 4px 0 0 0px !important;
}
.WsrsMain1-with-iconverify>svg {
width: 12px;
height: auto;
}
.WsrsMain1-rev-item-verify {
background: transparent;
color: #fff;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
line-height: normal;
height: auto;
width: auto;
border-radius: 0px;
margin: 0 0 0 2px;
max-width: 50px;
white-space: nowrap;
overflow: hidden;
}
.WsrsMain1-location-tag {
font-size: 12px;
margin: 4px 0 0 0px;
padding: 0px;
white-space: nowrap;
overflow: hidden;
display: flex;
align-items: center;
}
.WsrsMain1-location-tag:has(.Wsrspfapp-location-flag),
.WsrsMain1-location-tag:has(img) {
/* padding-right: 18px; */
padding-right: 14px;
}
.Wsrspfapp-location-flag,
.WsrsMain1-location-tag img {
max-width: 12px;
max-height: 12px;
margin-right: 5px;
}
.WsrsMain1-card-companylogo {
/* display: flex; */
justify-content: start;
}
.WsrsMain1-card-companylogo img {
max-width: 100px;
max-height: 40px;
height: auto;
}
.WsrsMain1-rev-item-reviewtext {
font-size: 14px;
margin: 8px 0 10px 0;
line-height: 24px !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
overflow: hidde
}
.WsrsMain3-rev-item-reviewtext {
font-size: 14px;
margin: 8px 0 10px 0;
line-height: 24px !important;
}
.WsrsMain3-card-companylogo {
/* display: flex; */
justify-content: start;
}
.WsrsMain3-card-companylogo img {
max-width: 100px;
max-height: 40px;
height: auto;
margin-bottom: 10px;
}
.WsrsMain2-review-star-datepin {
width: 100%;
}
.WsrsMain2-card-companylogo {
/* display: flex; */
justify-content: start;
}
.WsrsMain2-card-companylogo img {
max-width: 100px;
max-height: 40px;
height: auto;
margin-bottom: 10px;
}
.WsrsMain2-review-star-datepin {
display: flex;
margin: 0px 0px 16px;
padding: 0px;
align-items: center;
justify-content: space-between;
}
.Wsrspfapp-review-star-datepin {
display: flex;
justify-content: space-between;
margin: 0px 0px 16px;
padding: 0px;
align-items: center;
}
.Wisely-Fixed-Brand {
margin: 20px 0 0;
}
/* popup new css [22-04-25] */
.WserPopupSame-rev-item-header {
display: flex;
/* align-items: center; */
justify-content: space-between;
margin: 0 0 10px;
/* overflow: hidden; */
}
.WserPopupSame-rev-item-nameverify {
display: flex;
gap: 10px;
align-items: center;
justify-content: start;
width: 100%;
}
.WserPopupSame-user-img img {
max-height: 42px;
max-width: 42px;
width: 42px;
border-radius: 50%;
overflow: hidden;
object-fit: cover;
height: 42px;
}
.WserPopupSame-user-details {
margin: 0px;
display: flex;
flex-direction: column;
align-self: center;
align-items: start;
/* width: calc(100% - 52px); */
width: 100%;
}
.WserPopupSame-rev-item-name-date {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.WserPopupSame-rev-item-name {
font-size: 14px;
font-weight: 500;
white-space: nowrap;
max-width: 90px;
/* padding-right: 5px; */
overflow: hidden;
}
.WserPopupSame-rev-item-date {
font-size: 12px;
font-weight: 400;
/* margin-left: auto;
margin-right: 0; */
text-align: right;
margin: 4px 0 0;
}
.WserPopupSame-user-Jobttl-Comttl {
font-size: 12px;
/* margin-top: 4px; */
gap: 6px;
display: flex;
}
.WserPopupSame-user-Jobttl {
color: #616161;
max-width: 120px;
overflow: hidden;
white-space: nowrap;
}
.WserPopupSame-anchor-cmpny-name {
font-style: italic;
text-decoration: none;
color: #616161;
max-width: 120px;
overflow: hidden;
white-space: nowrap;
}
.WserPopupSame-rev-item-verify-location {
display: flex;
gap: 10px;
}
.WserPopupSame-with-iconverify {
display: flex;
align-items: center;
margin: 4px 0 0 0px !important;
}
.WserPopupSame-with-iconverify>svg {
width: 12px;
height: auto;
}
.WserPopupSame-rev-item-verify {
background: transparent;
color: #fff;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
line-height: normal;
height: auto;
width: auto;
border-radius: 0px;
margin: 0 0 0 2px;
max-width: 50px;
white-space: nowrap;
overflow: hidden;
}
.WserPopupSame-location-tag {
font-size: 12px;
margin: 4px 0 0 0px;
padding: 0px;
white-space: nowrap;
overflow: hidden;
display: flex;
align-items: center;
}
.WserPopupSame-location-tag:has(.Wsrspfapp-location-flag),
.WserPopupSame-location-tag:has(img) {
/* padding-right: 18px; */
padding-right: 14px;
}
.Wsrspfapp-location-flag,
.WserPopupSame-location-tag img {
max-width: 12px;
max-height: 12px;
margin-right: 5px;
}
.WserPopupSame-card-companylogo {
/* display: flex; */
justify-content: start;
}
.WserPopupSame-card-companylogo img {
max-width: 100px;
max-height: 40px;
height: auto;
}
/* Card 04 [S] */
.Wsrspmain-item04 {
margin-top: 20px;
padding:16px;
display: grid;
gap: 16px;
}
.card04-quote-block {
position: absolute;
top: 10px;
left: 20px;
width: 30px;
height: 24px;
}
.Wsrspmain-item04-source-pin{
display: grid;
justify-content: flex-end;
align-items: center;
grid-template-columns: auto auto;
}
.Wsrspmain-item04-source-pin > img {
max-width: 16px;
width: 16px;
height: auto;
display: block;
line-height: 0;
}
.Wsrspmain-item04-pin{
margin: 0px 0px 0px 8px;
}
.Wsrspmain-card04-item-reviewtitle{
margin:0px;
color: #000;
font-size: 15px;
font-weight: 600;
line-height: 24px;
}
.Wsrspmain-card04-item-reviewtext{
font-size: 14px;
margin: 6px 0 0 0;
line-height: 24px !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
overflow: hidde;
}
.Wsrspmain-card04-img img{
max-width: 100%;
width: 100%;
}
.Wsrspfapp-theme-reviewapp01 .Wsrspmain-item04 .Wsrspfapp-fivestars-wrap .with_border_round,
.Wsrspfapp-theme-reviewapp01 .Wsrspmain-item04 .Wsrspfapp-fivestars-wrap .without_border_round {
width: 106px;
height: 18px;
}
.Wsrspmain-item04 .WsrsMain1-rev-item-header{
margin: 0px;
}
.Wsrspmain-item04 .Wsrspfapp-review-star-datepin{
margin: 0px;
}
.Wsrspmain-item04 .WdGt-thumBs_wrap{
margin: 0px;
}
/* Card 04 [E] */
@media only screen and (max-width: 767px) {
.Wsrspfapp-reviewapp-title {
font-size: 16px;
}
.Wsrspfapp-verified-text {
font-size: 12px;
}
.Wsrspfapp-reviewapp-title-verify {
margin-bottom: 16px;
}
.Wsrspfapp-stars .Wsrspfapp-stars-countnumber {
font-size: 40px;
margin: 0 0 6px;
}
.Wsrspfapp-rev-widg-summary {
margin: 0;
}
.Wsrspfapp-stars {
align-items: start;
}
.Wsrspfapp-starstext-block .Wsrspfapp-rev-summary-text {
text-align: left;
}
.Wsrspfapp-histogram+.Wsrspfapp-row-hrline {
width: 100%;
background: #E0E0E0;
height: 1px;
margin: 15px 0;
}
.Wsrspfapp-theme-reviewapp01 .Wsrspfapp-fivestars-wrap .without_border_round {
width: 125px;
}
.Wsrspfapp-onestars-wrap .without_border_round::before,
.Wsrspfapp-onestars-wrap .with_border_round::before {
width: 14px;
height: 14px;
}
.Wsrspfapp-review-progressbar {
margin: 0 4px;
}
.Wsrspfapp-review-progressbar {
width: 106px;
height: 6px;
}
.Wsrspfapp-row-stars {
font-size: 12px;
}
.Wsrspfapp-review-listcount {
height: auto;
}
.Wsrspfapp-recommendation-text {
margin: 4px 0px 0px;
}
.Wsrspfapp-recommend-block .Wsrspfapp-recommend-count {
font-size: 20px;
margin: 0 0 6px;
font-size: 14px;
}
.Wsrspfapp-theme-questn .Wsrspfapp-write-rev-link,
.Wsrspfapp-theme-questn .Wsrspfapp-write-rev-btn {
max-width: 180px;
min-width: auto;
height: 42px;
line-height: 42px;
font-size: 14px;
}
.Wsrspfapp-row-hrline:has(+ div + div[style='display:none;'] + div[style='display:none;']) {
display: none !important;
}
.Wsrspfapp-sortselect-label {
display: none;
}
.Wsrspfapp-review-search {
height: 44px;
z-index: 1;
padding-right: 42px;
background-position: 12px center;
max-width: calc(100% - 56px);
}
.Wsrspfapp-review-search-wrapper {
position: relative;
}
.Wsrspfapp-sort-dropdown-wrapper {
flex: 0 0 auto;
width: auto;
}
.Wsrspfapp-sort-dropdown {
position: absolute;
border: 0px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 0;
font-size: 0px;
}
/* .Wsrspfapp-sort-dropdown option {
font-size: 14px;
} */
.Wsrspfapp-sort-dropdown-arrow {
position: relative;
background: #F0F2F5 url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
z-index: -1;
width: 44px;
height: 44px;
z-index: -1;
border-radius: 12px;
}
.Wsrspfapp-sort-dropdown-arrow:before {
width: 0px;
}
.Wsrspfapp-rev-item-header {
align-items: flex-start;
justify-content: flex-start;
/* flex-direction: column; */
}
.Wsrspfapp-rev-item-location {
margin: 8px 0 0 0;
}
.Wsrspfapp-location-tag {
margin: 0px;
}
.Wsrspfapp-rev-item-reviewtitle {
font-size: 14px;
}
.Wsrspfapp-row-stars {
padding-bottom: 24px;
}
.Wsrspfapp-row-search {
padding: 24px 0px;
}
.wnreview-step-ingroup {
margin: 0px 0px 16px;
}
.Wsrspfapp-all-review-item+.Wsrspfapp-all-review-item {
margin-top: 4px;
}
.Wsrspfapp-reviewapp-sidebar01 .Wsrspfapp-review-search-wrapper {
flex-direction: row;
}
.Wsrspfapp-reviewapp-sidebar01 .Wsrspfapp-sort-dropdown-wrapper {
/* width: calc(100% - 15px); */
/* margin: 0px 0 0px 15px; */
}
.Wsrspfapp-reviewapp-sidebar01 .Wsrspfapp-side-container {
top: 100%;
right: 0px;
border-radius: 8px 8px 0px 0px;
}
.Wsrspfapp-show-sidemodal .Wsrspfapp-side-container {
top: 10%;
/* top: 10%; */
}
.Wsrspfapp-reviewapp-sidebar01 .Wsrspfapp-side-close {
top: 0px;
right: 15px;
}
.WnreviewApp-item-box .Wsrspfapp-onestars-wrap .Wsrspfapp-stars-fill {
font-size: 42px;
line-height: 32px;
width: 32px;
height: 32px;
}
.Wsrspfapp-theme-reviewapp01 .Wsrspfapp-fivestars-wrap .with_border_round {
width: 110px;
height: 22px;
}
.WnApp-itemstep-container,
.WnreviewApp-item-footer {
padding: 0 15px;
}
.product-user-star .Wsrspfapp-onestars-wrap .without_border_round::before,
.product-user-star .Wsrspfapp-onestars-wrap .with_border_round::before {
width: 32px;
height: 32px;
}
.Wsrspfapp-step-title {
font-size: 18px;
margin-bottom: 12px;
}
.WnreviewApp-rectdots-item {
width: 12px;
height: 3px;
border-radius: 6px;
margin: 0 6px;
}
.wnreview-step input[type=email],
.wnreview-step input[type=file],
.wnreview-step input[type=text],
.wnreview-step textarea {
border: 2px solid rgba(98, 90, 252, 10%);
padding: 8px;
height: 42px;
border-radius: 6px;
}
.wnreview-step-uploadimg input[type=file] {
height: 100%;
}
.Wsrspfapp-starstext-block .Wsrspfapp-stars {
margin: 0;
}
.Wsrspfapp-row-hrline {
height: 116px;
}
.Wsrspfapp-ldmr-bt .Wsrspfapp-ldmr-btn-txt {
margin: 0 auto;
}
/* .Wsrspfapp-review-search-wrapper input[style="display:none;"] + .Wsrspfapp-sort-dropdown-wrapper .Wsrspfapp-sort-dropdown {
border: 1px solid #F0F2F5;
} */
.Wsrspfapp-gallery-wrapper {
width: 100%;
}
.Wsrspfapp-gallery {
width: 100%;
}
.Wsrspfapp-thumbnail-wrapper {
max-width: calc(100vw - 70px);
width: calc(100vw - 70px);
margin: 0 auto;
}
.Wsrspfapp-thumbnail-item {
width: 80px;
height: 80px;
min-width: 80px;
min-height: 80px;
}
.Wsrspfapp-gallery-arrow-right {
right: 0px;
}
.Wsrspfapp-gallery-arrow-item {
width: 28px;
height: 28px;
}
.Wsrspfapp-gallery-arrow {
background-size: 5px;
background-position: center;
}
.wnreview-step-ingroup-list-label {
padding: 8px 18px 8px 18px;
font-size: 14px;
margin: 0px 0px 0px 6px;
border-radius: 4px;
}
.wnreview-step-ingroup-list+.wnreview-step-ingroup-list {
margin-top: 18px;
}
.Wsrspfapp-theme-reviewapp01 .Wsrspfapp-rev-item-content .Wsrspfapp-fivestars-wrap .with_border_round,
.Wsrspfapp-theme-reviewapp01 .Wsrspfapp-rev-item-content .Wsrspfapp-fivestars-wrap .without_border_round,
.popup-text .Wsrspfapp-fivestars-wrap .with_border_round,
.popup-text .Wsrspfapp-fivestars-wrap .without_border_round {
width: 80px;
height: 18px;
}
.Wsrspfapp-review-star-datepin .Wsrspfapp-rev-item-date {
margin: 8px 0 0;
}
.popup-text .Wsrspfapp-review-star-datepin .Wsrspfapp-rev-item-date {
margin: 0 0 0 auto;
}
.WsrsMain1-rev-item-header {
/* align-items: flex-start;
justify-content: flex-start;
flex-direction: column; */
gap: 6px;
margin: 0 0 19px;
flex-direction: column;
align-items: self-start;
}
.WsrsMain1-user-img img {
max-height: 32px;
max-width: 32px;
}
.WsrsMain1-rev-item-date {
margin-top: 0;
}
.WserPopupSame-rev-item-header {
/* align-items: flex-start;
justify-content: flex-start;
flex-direction: column; */
gap: 6px;
margin: 0 0 19px;
flex-direction: column;
align-items: self-start;
}
.WserPopupSame-user-img img {
max-height: 32px;
max-width: 32px;
}
.WserPopupSame-rev-item-date {
margin-top: 0;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-review-search {
z-index: 3;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-sort-dropdown-arrow {
z-index: 1;
}
.Wsrspfapp-theme-wrap-medium .Wsrspfapp-sort-dropdown {
z-index: 2;
}
.Wsrspfapp-theme-reviewapp .Wsrspfapp-sort-dropdown {
background: transparent;
}
.popup-body:has(.popup-image[style="display:none;"]){
padding-top: 16px;
}
}
@media only screen and (max-width: 600px) {
.WnreviewApp-container {
width: 90% !important;
}
.Wsrspfapp-form-rating .Wsrspfapp-star {
margin: 0px 8px;
}
.Wsrspfapp-modal-open .ratings-container .Wsrspfapp-star svg {
width: 38px;
}
.DropZone_dropZone__JFzgh {
height: 120px;
max-height: 120px;
}
#shp_frm_priv_div {
margin-top: 10px;
}
.uploaded-image {
margin: 0 6px;
width: 60px;
height: 60px;
}
.uploaded-image .Wsrspfapp-form-image {
max-width: 20px !important;
}
}
@media only screen and (max-width: 480px) {
.Wsrspfapp-reviewapp-sidebar01 .Wsrspfapp-review-progressbar {
width: 100px;
}
}