@charset "utf-8";



[data-tpo-theme], .tpo_modal-background { --placeholder_color: #6f767e; --helpText-color: #6f767e; --urlViewMore-color: #262626; --option-label-color: #000000; --option-value-color: #000000; --option-selectedValue-color: #000000; --tooltip-color: #FFFFFF; --tooltip-bg: #121212; --default-info-color: #6f767e; --default-info-bg: #FFFFFF; --default-input-placeholder: #6F767E; --default-input-enteredValue: #000000; --default-input-border: #1212128c; --default-input-activeBorder: #000000; --default-input-bg: #FFFFFF; --default-input-activeBg: #FFFFFF; --dimension-unit-bg: #e9ecef; --list-menu-arrow: #000000; --list-menu-border: #000000; --list-menu-bg: #FFFFFF; --list-item-hoverBg: #F3F3F3; --list-item-text: #121212; --list-icon: #757575; --list-item-border: #E6E6E6; --dropdownMenu-border: #7D7D7D; --dropdownMenu-activeBorder: #000000; --dropdownMenu-placeholder: #121212; --switch-bg: #CCCCCC; --switch-activeBg: #2196f3; --switch-roller-bg: #FFFFFF; --switch-roller-activeBg: #FFFFFF; --swatches-border: #1212128c; --swatches-activeBorder: #000000; --default-imageSwatches-hoverBg: #1f1f21; --total-additional-price-border: #000000; --default-button-text: #121212; --default-button-activeText: 255, 255, 255; --default-button-border: #121212; --default-button-activeBorder: 18, 18, 18; --default-button-bg: #FFFFFF; --default-button-changeSize-wrapper: #FFFFFF; --default-button-changeSize-wrapperBorder: #E6E6E6; --default-button-changeSize-color: #1E1E1E; --default-button-changeSize-activeColor: #F5F5F5; --default-button-changeSize-bg: #F5F5F5; --default-button-changeSize-activeBg: #121212; --default-button-activeBg: 18, 18, 18; --fileUpload-loaderIcon: #000000; --fileUpload-bg: #FFFFFF; --fileUpload-border: #999999; --fileUpload-hover-bg: #F5F5F5; --fileUpload-hover-border: #757575; --fileUpload-dragOver-border: #2C6ECB; --fileUpload-dragOver-bg: #F2F7FE; --fileUpload-dragOver-text: #2C6ECB; --fileUpload-error-border: #FD5749; --fileUpload-error-bg: #FFF4F4; --fileUpload-error-text: #D72C0D; --fileUploadButton_border: #E6E6E6; --fileUploadButton_background: #efefef; --fileUploadItem_border: #1E1E1E; --fileUploadButton_text: #121212bf; --quantitySelector-signHoverBg: #F5F5F5; --quantitySelector-border: #E6E6E6; --quantitySelector-activeBorder: #000000; --quantitySelector-text: #D9D9D9; --quantitySelector-activeText: #121212; --quantitySelector-bg: #FFFFFF; --default-radio-border: #000000; --default-radio-activeBorder: #2C6ECB; --default-radio-bg: #FFFFFF; --default-radio-activeBg: #FFFFFF; --default-radio-activeMark: #2C6ECB; --default-checkbox-border: #000000; --default-checkbox-activeBorder: #2C6ECB; --default-checkbox-bg: #FFFFFF; --default-checkbox-activeBg: #2C6ECB; --default-checkbox-activeMark: #FFFFFF; --popupModal-btn-border: #E6E6E6; --popupModal-btn-activeBorder: #E6E6E6; --popupModal-btn-text: #595959; --popupModal-btn-activeText: #121212; --popupModal-btn-background: #FFFFFF; --popupModal-btn-backgroundHover: #F5F5F5; --popupModal-primaryBtn-bg: #121212; --popupModal-primaryBtn-text: #F5F5F5; --popupModal-secondaryBtn-bg: #F5F5F5; --popupModal-secondaryBtn-text: #1E1E1E; --liveChat-text-color: #727272; --liveChat-link-color: #0062D1; --default-arrows-bg: #F5F5F5; --disabled-arrows: #B3B3B3; --default-arrows: #1E1E1E; --default-bullets: #D9D9D9; --active-bullets: #1E1E1E; --tpo_product_list-wraper_hover: #F5F5F5; --footer-shadow: 0 -4px 16px 0 rgba(0, 0, 0, .08); --bg-color-filter: #FDECEC; --color-picker-icon: #000000; --color-picker-border: #E6E6E6; --color-picker-bg: #FFFFFF; --color-picker-hoverBg: #F5F5F5; --color-picker-text: #595959; --color-picker-activeText: #121212; --description_color: #595959; --description_color_in_tooltip: #d9d9d9; --scroll-bar-background: #e9e9e9; --scroll-bar-thumb-background: #a6a6a6; --default-heading-color: #000000; --default-pricing-box-color: #000000; }



[data-tpo-theme="modern"], [data-tpo-theme="modern"] .tpo_modal-background { --placeholder_color: #B3B3B3; --helpText-color: #6e6e6e; --additional-price-swatches: #595959; --additional-price-swatches-active: #F5F5F5; --option-label-color: #121212; --option-value-color: #121212; --option-selectedValue-color: #444444; --tooltip-color: #121212; --tooltip-icon-fill: #757575; --tooltip-bg: #E6E6E6; --default-info-color: #757575; --default-info-bg: #FFFFFF; --default-input-placeholder: #B3B3B3; --default-input-enteredValue: #121212; --default-input-border: #E6E6E6; --default-input-activeBorder: #1E1E1E; --default-input-bg: #FFFFFF; --default-input-activeBg: #FFFFFF; --dimension-unit-bg: #F5F5F5; --list-menu-arrow: #757575; --list-menu-border: #E6E6E6; --list-menu-scrollbarThumb: #1E1E1E; --list-menu-scrollbarTrack: #E6E6E6; --list-menu-bg: #FFFFFF; --list-item-hoverBg: #F5F5F5; --list-item-text: #121212; --list-icon: #757575; --list-item-border: #E6E6E6; --list-fonts-icon-search: #757575; --default-button-text: #121212; --default-button-activeText: 245, 245, 245; --default-button-border: #E6E6E6; --default-button-activeBorder: 18, 18, 18; --default-button-bg: #FFFFFF; --default-button-changeSize-wrapper: #FFFFFF; --default-button-changeSize-wrapperBorder: #E6E6E6; --default-button-changeSize-color: #1E1E1E; --default-button-changeSize-activeColor: #F5F5F5; --default-button-changeSize-bg: #F5F5F5; --default-button-changeSize-activeBg: #121212; --default-button-activeBg: 18, 18, 18; --default-button-hover-bg: #E6E6E6; --switch-bg: #FFFFFF; --switch-activeBg: #2C2C2C; --switch-border: #757575; --switch-activeBorder: #2C2C2C; --switch-roller-bg: #757575; --switch-roller-activeBg: #F5F5F5; --fileUpload-bg: #FFFFFF; --fileUpload-border: #E6E6E6; --fileUpload-hover-bg: #F5F5F5; --fileUpload-hover-border: #757575; --fileUploadButton_border: #E6E6E6; --fileUploadButton_background: #FFFFFF; --fileUploadItem_border: #1E1E1E; --fileUploadButton_text: #121212; --swatches-border: #E6E6E6; --swatches-activeBorder: #1E1E1E; --default-imageSwatches-hoverBg: #E6E6E6; --dropdownMenu-border: #E6E6E6; --dropdownMenu-activeBorder: #1E1E1E; --dropdownMenu-placeholder: #121212; --default-radio-border: #757575; --default-radio-activeBorder: #121212; --default-radio-bg: #FFFFFF; --default-radio-activeBg: #FFFFFF; --default-radio-activeMark: #1E1E1E; --default-checkbox-border: #757575; --default-checkbox-activeBorder: #121212; --default-checkbox-bg: #FFFFFF; --default-checkbox-activeBg: #121212; --default-checkbox-activeMark: #FCFCFC; --total-additional-price-border: #1E1E1E; --description_color_in_tooltip: #595959; --price-color: #6e6e6e; --price-color-hover: #121212; }



[data-tpo-mode="dark"], .tpo_modal-background.in-dark-mode { --main-pdp-background: #1F1F1F; --main-pdp-textColor: #FFFFFFF2; --urlViewMore-color: #FFFFFFF2; --helpText-color: #FFFFFFB2; --additional-price-swatches: #FFFFFFB2; --additional-price-swatches-active: #1E1E1E; --option-label-color: #FFFFFFF2; --option-value-color: #FFFFFFF2; --option-selectedValue-color: #FFFFFFB2; --tooltip-color: #FFFFFFF2; --tooltip-bg: #595959; --tooltip-icon-fill: #FFFFFFB2; --default-info-color: #FFFFFFB2; --default-info-bg: #1F1F1F; --default-input-placeholder: #FFFFFFB2; --default-input-enteredValue: #FFFFFFF2; --default-input-border: #444444; --default-input-activeBorder: #F5F5F5; --default-input-bg: #2C2C2C; --default-input-activeBg: #2C2C2C; --dimension-unit-bg: #2C2C2C; --list-menu-arrow: #FFFFFF; --list-menu-border: #444444; --list-menu-scrollbarThumb: #FFFFFF; --list-menu-scrollbarTrack: #444444; --list-menu-bg: #2C2C2C; --list-item-hoverBg: #383838; --list-item-text: #FFFFFFF2; --list-icon: #757575; --list-fonts-icon-search: #FFFFFFB2; --default-button-text: #FFFFFFF2; --default-button-activeText: 44, 44, 44; --default-button-border: #444444; --default-button-activeBorder: 252, 252, 252; --default-button-bg: #2C2C2C; --default-button-changeSize-wrapper: #262626; --default-button-changeSize-wrapperBorder: #333333; --default-button-changeSize-color: #FFFFFF; --default-button-changeSize-activeColor: #2C2C2C; --default-button-changeSize-bg: #444444; --default-button-changeSize-activeBg: #FCFCFC; --default-button-activeBg: 252, 252, 252; --default-button-hover-bg: #595959; --switch-bg: #2C2C2C; --switch-activeBg: #FFFFFF; --switch-border: #B3B3B3; --switch-activeBorder: #2C2C2C; --switch-roller-bg: #B3B3B3; --switch-roller-activeBg: #1E1E1E; --fileUpload-loaderIcon: #FFFFFF; --fileUpload-bg: #262626; --fileUpload-border: #333333; --fileUpload-dragOver-border: #2C6ECB; --fileUpload-dragOver-bg: #F2F7FE; --fileUpload-dragOver-text: #2C6ECB; --fileUpload-hover-bg: #333333; --fileUpload-hover-border: #B3B3B3; --fileUploadButton_border: #757575; --fileUploadButton_background: #262626; --fileUploadItem_border: #333333; --fileUploadButton_text: #FFFFFFF2; --swatches-border: #444444; --swatches-activeBorder: #F5F5F5; --default-imageSwatches-hoverBg: #595959; --dropdownMenu-border: #444444; --dropdownMenu-activeBorder: #F5F5F5; --dropdownMenu-placeholder: #FFFFFFF2; --default-radio-border: #B3B3B3; --default-radio-activeBorder: #F5F5F5; --default-radio-bg: #2C2C2C; --default-radio-activeBg: #2C2C2C; --default-radio-activeMark: #F5F5F5; --default-checkbox-border: #B3B3B3; --default-checkbox-activeBorder: #FCFCFC; --default-checkbox-bg: #1F1F1F; --default-checkbox-activeBg: #FCFCFC; --default-checkbox-activeMark: #1F1F1F; --quantitySelector-signHoverBg: #333333; --quantitySelector-border: #444444; --quantitySelector-activeBorder: #F5F5F5; --quantitySelector-text: #FFFFFF1A; --quantitySelector-activeText: #FFFFFFF2; --quantitySelector-bg: #2C2C2C; --total-additional-price-border: #F5F5F5; --liveChat-text-color: #FFFFFFF2; --liveChat-link-color: #FFFFFF; --popupModal-btn-border: #444444; --popupModal-btn-activeBorder: #FFFFFF; --popupModal-btn-text: #FFFFFFCC; --popupModal-btn-activeText: #FFFFFFF2; --popupModal-btn-background: #2C2C2C; --popupModal-btn-backgroundHover: #333333; --popupModal-primaryBtn-bg: #FCFCFC; --popupModal-primaryBtn-text: #1E1E1E; --popupModal-secondaryBtn-bg: #444444; --popupModal-secondaryBtn-text: #F5F5F5; --default-arrows-bg: #2C2C2C; --disabled-arrows: #FFFFFF66; --default-arrows: #FFFFFF; --default-bullets: #FFFFFF33; --active-bullets: #FFFFFF; --tpo_product_list-wraper_hover: #333333; --footer-shadow: 0 -4px 16px 0 rgba(255, 255, 255, .06); --bg-color-filter: #3D1A1A; --color-picker-icon: #FFFFFF; --color-picker-border: #333333; --color-picker-bg: #262626; --color-picker-hoverBg: #333333; --color-picker-text: #FFFFFF; --color-picker-activeText: #FFFFFFF2; --description_color: rgba(255, 255, 255, .7); --description_color_in_tooltip: #d9d9d9; --scroll-bar-background: #e9e9e9; --scroll-bar-thumb-background: #a6a6a6; --default-heading-color: #FFFFFF; --default-pricing-box-color: #FFFFFF; }



.tpo_wholesale_table { --default-wholesaleTable-border: #121212D9; --default-wholesaleTextTitle-color: #121212BF; --default-wholesaleTextColumnHeaders-color: #FFFFFF; --default-wholesaleTextCellContents-color: #121212BF; --default-wholesaleHeaderRows-bg: #121212D9; --default-wholesaleOddRows-bg: #FFFFFF; --default-wholesaleEvenRows-bg: #F4F4F4; }



.tpo_wholesale_table.in-dark-mode { --default-wholesaleTable-border: #F5F5F5; --default-wholesaleTextTitle-color: #FFFFFF; --default-wholesaleTextColumnHeaders-color: #121212; --default-wholesaleTextCellContents-color: #FFFFFF; --default-wholesaleHeaderRows-bg: #F5F5F5; --default-wholesaleOddRows-bg: #1F1F1F; --default-wholesaleEvenRows-bg: #2C2C2C; }



@keyframes slideFromTop { 

  0% { transform: translate(-50%, -100%); opacity: 0; }

  100% { transform: translate(-50%, -50%); opacity: 1; }

}



@keyframes slideFromLeft { 

  0% { transform: translate(50%); opacity: 0; }

  100% { opacity: 1; }

}



@keyframes imageSwatchesTooltipSlide { 

  0% { bottom: 70%; visibility: hidden; }

  100% { bottom: calc(100% + 6px); visibility: visible; }

}



@keyframes button-loading-spinner { 

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



@keyframes lds-ring { 

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



.tpo_option-set-wrapper[data-tpo-theme], .preview-card-container[data-tpo-mode] { font-family: var(--tpo-font-body-family),sans-serif; }



.preview-card-container[data-tpo-mode="dark"] { padding: 4px 16px; background-color: rgb(31, 31, 31); }



.preview-card-container[data-tpo-theme] .price, .preview-card-container[data-tpo-mode] .product__title h1 { color: var(--main-pdp-textColor); }



.using_swatches_slider { display: flex !important; }



.using_swatches_slider_type_3 { position: relative; }



.tpo-swiper.under-swatches .swiper-navigation { bottom: 0px; }



.tpo_option-label:has(.tpo_quantity_selector_total-wrapper) .tpo-swiper.under-swatches .swiper-navigation { bottom: 36px; }



.tpo-swiper.under-swatches .swiper-navigation.swiper-navigation-center { left: 50%; right: unset; transform: translate(-50%); }



.tpo-swiper.under-swatches .swiper-navigation.swiper-navigation-left { left: 0px; right: unset; }



.tpo-swiper.above-swatches .swiper-navigation { top: -8px; }



.tpo-swiper .swiper-wrapper { align-items: flex-start; }



.tpo-swiper-navigation { position: absolute; right: 0px; display: flex; align-items: center; gap: 8px; }



.tpo-swiper-navigation .swiper-button-next, .tpo-swiper-navigation .swiper-button-prev { position: unset; margin-top: 0px; width: 28px; height: 28px; }



.tpo-swiper-navigation .swiper-button-next svg, .tpo-swiper-navigation .swiper-button-prev svg { width: 8px; height: 14px; }



.tpo-swiper-navigation .swiper-button-next svg path, .tpo-swiper-navigation .swiper-button-prev svg path { fill: var(--default-arrows); }



.tpo-swiper-navigation .swiper-button-next[aria-disabled="true"], .tpo-swiper-navigation .swiper-button-prev[aria-disabled="true"] { opacity: 1; }



.tpo-swiper-navigation .swiper-button-next[aria-disabled="true"] svg path, .tpo-swiper-navigation .swiper-button-prev[aria-disabled="true"] svg path { fill: var(--disabled-arrows); }



.tpo-swiper-navigation .swiper-button-next::after, .tpo-swiper-navigation .swiper-button-prev::after { display: none; }



.swiper-grid-column > .swiper-wrapper { display: block; }



.swiper-style-1.under-swatches { padding-bottom: 36px; }



.swiper-style-1.above-swatches .swiper-navigation { top: 0px; }



.swiper-style-2.under-swatches { padding-bottom: 48px; }



.swiper-style-2.above-swatches .swiper-navigation { top: 0px; }



.swiper-style-2 .swiper-button-next, .swiper-style-2 .swiper-button-prev { background-color: var(--default-arrows-bg); width: 28px; height: 28px; }



.swiper-style-3 { width: 80%; margin: 0px auto; }



.swiper-style-3 .swiper-navigation { top: 50%; left: -4px; right: -4px; transform: translateY(-50%); justify-content: space-between; }



.swiper-style-3 .swiper-pagination { bottom: unset; }



.swiper-style-3 .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; background-color: var(--default-bullets); opacity: 1; }



.swiper-style-3 .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--active-bullets); }



.tpo_option-type-image-swatches-wrapper.using_swatches_slider_type_3 .swiper-style-3 { width: 90%; }



.tpo_option-type-image-swatches-wrapper.using_swatches_slider_type_3 .swiper-style-3 .swiper-navigation { left: -8px; right: -8px; }



.tpo_option-type-image-swatches-wrapper.using_swatches_slider_type_3 {

  & .swiper-style-3 {

  width: 90%;

  & .swiper-navigation { left: -8px; right: -8px; }

}

}



body[data-tpo-custom-style] {

  --calendar-main-bg: #ffffff; --calendar-main-border: #E6E6E6; --calendar-main-text: #595959; --calendar-today-border: #1E1E1E; --calendar-active-text: #F5F5F5; --calendar-active-bg: #1E1E1E; --calendar-active-border: #1E1E1E; --calendar-range-bg: #F5F5F5;

  & .rio-media-gallery, & .product__column-sticky { z-index: unset !important; }

  & .flatpickr-calendar {

  &::after, &::before { display: none; }

  font-family: var(--tpo-font-body-family),sans-serif; box-shadow: none; border-radius: 0px; border: 1px solid var(--calendar-main-border); background-color: var(--calendar-main-bg);

  & .flatpickr-months {

  & > span {

  width: 40px; height: 40px;

  & svg { fill: var(--calendar-main-text); }

}

  & .flatpickr-month { color: var(--calendar-main-text); height: 40px; }

  & .flatpickr-month .flatpickr-current-month {

  display: flex; align-items: center; justify-content: center; height: 40px; padding: 0px;

  & .flatpickr-monthDropdown-months { appearance: none; text-align: center; width: fit-content; padding: 0px; }

}

}

  & .flatpickr-weekdays {

  margin-top: 10px;

  & .flatpickr-weekday { font-size: 14px; line-height: 20px; font-weight: 500; color: var(--calendar-main-text); }

}

  & .flatpickr-days {

  & .flatpickr-day:not(.flatpickr-disabled) { color: var(--calendar-main-text); }

  & .flatpickr-day.today:not(.flatpickr-disabled) { border-color: var(--calendar-today-border); }

  & .flatpickr-day.inRange { background-color: var(--calendar-range-bg); box-shadow: -5px 0 0 var(--calendar-range-bg),5px 0 0 var(--calendar-range-bg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

  & .flatpickr-day.flatpickr-disabled, & .flatpickr-day.flatpickr-disabled:hover, & .flatpickr-day.today.flatpickr-disabled:hover, & .flatpickr-day.flatpickr-disabled.today:focus, & .flatpickr-day.endRange.flatpickr-disabled, & .flatpickr-day.startRange.flatpickr-disabled { background-color: transparent; border-color: transparent; }

  & .flatpickr-day:hover, & .flatpickr-day.selected, & .flatpickr-day.today:hover, & .flatpickr-day.today:focus, & .flatpickr-day.endRange, & .flatpickr-day.startRange { border-color: var(--calendar-active-border); color: var(--calendar-active-text); background-color: var(--calendar-active-bg); }

  & .flatpickr-day.endRange, & .flatpickr-day.startRange { border-radius: 50%; }

}

  & .flatpickr-time { background-color: var(--calendar-main-bg); border-color: var(--calendar-main-border); }

  & .flatpickr-time input.flatpickr-hour, & .flatpickr-time input.flatpickr-minute, & .flatpickr-time .flatpickr-am-pm { font-family: inherit; font-weight: 400; font-size: 16px; color: var(--calendar-main-text); background-color: transparent !important; }

  & .flatpickr-time input.flatpickr-hour:hover, & .flatpickr-time input.flatpickr-minute:hover, & .flatpickr-time .flatpickr-am-pm:hover { background-color: var(--calendar-ampm-hoverBg) !important; }

  & .flatpickr-time .flatpickr-time-separator, & .flatpickr-time .flatpickr-am-pm { color: var(--calendar-main-text); font-size: 16px; }

  & .flatpickr-time .numInputWrapper span { border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 0px 2px 2px 0px; display: inline-block; padding: 3px; height: 6px; width: 6px; right: 12px; }

  & .flatpickr-time .numInputWrapper span.arrowUp { top: 10px; transform: rotate(-135deg); }

  & .flatpickr-time .numInputWrapper span.arrowDown { top: unset; bottom: 10px; transform: rotate(45deg); }

  & .flatpickr-time .numInputWrapper span.arrowUp::after, & .flatpickr-time .numInputWrapper span.arrowDown::after { display: none; }

  & .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), & .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), & .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -5px 0 0 var(--calendar-range-bg),5px 0 0 var(--calendar-range-bg); }

}

}



body[data-tpo-custom-style][data-tpo-dark-mode] {

  --calendar-main-bg: #2C2C2C; --calendar-main-border: #595959; --calendar-main-text: #FFFFFFB2; --calendar-today-border: #F5F5F5; --calendar-active-text: #1E1E1E; --calendar-active-bg: #FCFCFC; --calendar-active-border: #FCFCFC; --calendar-range-bg: #383838;

  & .flatpickr-day.flatpickr-disabled, & .flatpickr-day.flatpickr-disabled:hover, & .flatpickr-day.today.flatpickr-disabled:hover, & .flatpickr-day.flatpickr-disabled.today:focus, & .flatpickr-day.endRange.flatpickr-disabled, & .flatpickr-day.startRange.flatpickr-disabled { background-color: transparent; border-color: transparent; color: rgb(102, 102, 102); }

}