:root{
	--my-primary-color:#000; /*Tabs, Text Color, Reviewer Name, icons, */
  	--my-secondary-color:#000;
    --my-third-color:#009DFF;
  	--accent-color:#009DFF;
    --primary-font-weight:500;
}

/* Regular */
@font-face {
    font-family: 'TheFutureHOKA';
    src: url('https://www.hoka.com/on/demandware.static/Sites-HOKA-US-Site/-/en_US/fonts/TheFutureHOKA-Regular.woff2') format('woff2');
    font-weight: 400;
}

/* Medium */
@font-face {
    font-family: 'TheFutureHOKA';
    src: url('https://www.hoka.com/on/demandware.static/Sites-HOKA-US-Site/-/en_US/fonts/TheFutureHOKA-Medium.woff2') format('woff2');
    font-weight: 500;
}

/* Bold */
@font-face {
    font-family: 'TheFutureHOKA';
    src: url('https://www.hoka.com/on/demandware.static/Sites-HOKA-US-Site/-/en_US/fonts/TheFutureHOKA-Bold.woff2') format('woff2');
    font-weight: 700;
}

[class*="yotpo-device-"][class*="yotpo-display-"] * {
  	font-family: 'TheFutureHOKA', Arial !important;
}

#yotpo-main-widget-btn{font-weight: 500 !important;}
#yotpo-widget-btn span{font-weight: 500 !important;}


.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-header-container{}
.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-header-container .yotpo-layout-header-wrapper{}
.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-header-container .yotpo-layout-header-wrapper .yotpo-bottom-line{align-items: center;margin:0 auto;}
.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-header-container .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-vertical-border{display:none;}
.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-header-container .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-star-distribution{border-left: 1px solid var(--yotpo-separator-line-grey);padding-bottom: 0 !important;}

.yotpo-bottom-line-question-wrapper-vertical .yotpo-review-question-wrapper .yotpo-custom-questions-range-question.yotpo-review-range-question-top .yotpo-custom-questions-range-question-wrapper:not(:last-child){margin-bottom:10px;}
.yotpo-bottom-line-question-wrapper-vertical .yotpo-review-question-wrapper .yotpo-custom-questions-range-question.yotpo-review-range-question-top .yotpo-custom-questions-range-question-wrapper:last-child{margin-bottom:0;}

.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-reviews-container .yotpo-reviews-list .yotpo-review .yotpo-review-left-panel{}
.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-reviews-container .yotpo-reviews-list .yotpo-review .yotpo-review-left-panel .yotpo-reviewer{}
.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-reviews-container .yotpo-reviews-list .yotpo-review .yotpo-review-left-panel .yotpo-reviewer .yotpo-reviewer-image{display: block;width: 45px;height: 45px;}
.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-reviews-container .yotpo-reviews-list .yotpo-review .yotpo-review-left-panel .yotpo-reviewer .yotpo-reviewer-image svg.yotpo-initials-icon{width:45px;height:45px;background:#000;border-radius:50%;}
.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-reviews-container .yotpo-reviews-list .yotpo-review .yotpo-review-left-panel .yotpo-reviewer .yotpo-reviewer-image svg .yotpo-initials-background{fill: #000;}
.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-reviews-container .yotpo-reviews-list .yotpo-review .yotpo-review-left-panel .yotpo-reviewer .yotpo-reviewer-image svg .yotpo-avatar-initials-text{font-size:20px;fill: #fff;font-weight:bold;}

.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-reviews-container .yotpo-reviews-list .yotpo-review .yotpo-review-left-panel .yotpo-reviewer .yotpo-reviewer-image .yotpo-verified-icon-wrapper{left:32px;top:25px;}
.yotpo-reviews-main-widget .yotpo-main-widget-layout .yotpo-main-layout .yotpo-reviews-container .yotpo-reviews-list .yotpo-review .yotpo-review-left-panel .yotpo-reviewer .yotpo-reviewer-image .yotpo-verified-icon-wrapper svg.yotpo-verified-icon circle{fill:#009DFF;}

.yotpo-reviews-main-widget .yotpo-custom-icon.yotpo-comment-avatar {
    width: 40px !important;
    height: 40px !important;
    background: url(https://cdn.shopify.com/s/files/1/0708/4605/4708/files/Logo_Primary.png?v=1774300887)no-repeat center center !important;
    background-size: contain !important;
    border: 1px solid #000;
}

#modalDescription fieldset.yotpo-file-upload-container{
	display:none;
}

/*07.22.2026 a7hSo000000AKzxIAG*/
/*Vertical Scrollbar*/
section#modalDescription {
    height: calc(100% - 95px);
    overflow: auto;
}
section#modalDescription::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}
section#modalDescription::-webkit-scrollbar-thumb:vertical {
    background: #000;
}

/*Vertical Scrollbar*/
#yotpo-reviews-main-widget .yotpo-head {
    margin: 12px 0;
}

/*search bar*/
div#yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-top-panel .yotpo-free-search-filter-container{
    width: unset;
}

div#yotpo-reviews-main-widget .yotpo-custom-questions-range-question[aria-label="Detailed Ratings"] .yotpo-custom-questions-range-question-wrapper .yotpo-progress-bar-wrapper .yotpo-progress-bar{
    width: 240px !important;
}
div#yotpo-reviews-main-widget .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-bottom-line-question-wrapper-vertical{
    width: unset;
}
div#yotpo-reviews-main-widget.yotpo-display-s .yotpo-search-filter .yotpo-search-input{
    height: unset;
}
div#yotpo-reviews-main-widget .yotpo-progress-bar-value .yotpo-progress-bar-value-label{
    width: max-content;
}
div#yotpo-reviews-main-widget.yotpo-display-s .yotpo-custom-questions-range-question{
    padding-left: 10px;
    gap: 0 !important;
}
div#yotpo-reviews-main-widget.yotpo-display-s .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-top-panel .yotpo-free-search-filter-container{
    width: unset;
    height: unset;
}

/*customquestion*/

.yotpo-progress-bar-wrapper[aria-label="Sizing: Feels true to size"] > .yotpo-progress-bar-value > .yotpo-progress-bar-value-label {
    color: transparent !important;
    user-select: none !important;
}
.yotpo-progress-bar-wrapper[aria-label="Sizing: Feels true to size"] > .yotpo-progress-bar-value > .yotpo-progress-bar-value-label:after {
    content: "Feels true to size";
    color: #000000 !important;
    margin-left: -70px !important;
}
.yotpo-progress-bar-wrapper[aria-label="Sizing: Feels full size too small"] > .yotpo-progress-bar-value > .yotpo-progress-bar-value-label
{
    color: transparent !important;
    user-select: none !important;
}

.yotpo-progress-bar-wrapper[aria-label="Sizing: Feels full size too small"] > .yotpo-progress-bar-value > .yotpo-progress-bar-value-label:after {
    content: "Feels full size too small";
    color: #000000;
    margin-left: -70px;
}
.yotpo-progress-bar-wrapper[aria-label="Sizing: Feels full size too big"] > .yotpo-progress-bar-value > .yotpo-progress-bar-value-label {
    color: transparent !important;
    user-select: none !important;
}

.yotpo-progress-bar-wrapper[aria-label="Sizing: Feels full size too big"] > .yotpo-progress-bar-value > .yotpo-progress-bar-value-label:after {
    content: "Feels full size too big";
    color: #000000;
    margin-left: -70px;
}
.yotpo-progress-bar-wrapper[aria-label="Sizing: Feels half size too small"] > .yotpo-progress-bar-value > .yotpo-progress-bar-value-label {
    color: transparent !important;
    user-select: none !important;
}
.yotpo-progress-bar-wrapper[aria-label="Sizing: Feels half size too small"] > .yotpo-progress-bar-value > .yotpo-progress-bar-value-label:after {
    content: "Feels half size too small";
    color: #000000;
    margin-left: -70px;
}
.yotpo-progress-bar-wrapper[aria-label="Sizing: Feels half size too big"] > .yotpo-progress-bar-value > .yotpo-progress-bar-value-label {
    color: transparent !important;
    user-select: none !important;
}
.yotpo-progress-bar-wrapper[aria-label="Sizing: Feels half size too big"] > .yotpo-progress-bar-value > .yotpo-progress-bar-value-label:after {
    content: "Feels half size too big";
    color: #000000;
    margin-left: -70px;
}