@charset "utf-8";



.tpo_font-picker-label, .tpo_font-picker-google-wrapper { font-size: 16px; height: 46px; color: var(--default-input-placeholder); }



.tpo_font-picker-label[style], .tpo_font-picker-google-wrapper[style] { color: var(--default-input-enteredValue); }



.tpo_font-picker-option-wrapper { top: 50px; }



.tpo_font-picker-option-wrapper > svg { top: 10px; left: 10px; }



.tpo_font-picker-google-wrapper.show > ul { max-height: 250px; padding: 0px; top: 48px; }



.tpo_option-type-dropdown-wrapper::-webkit-scrollbar, .tpo_font-picker-option-wrapper > ul::-webkit-scrollbar, .tpo_font-picker-google-wrapper.show > ul::-webkit-scrollbar { width: 6px; background-color: var(--list-menu-scrollbarTrack); }



.tpo_option-type-dropdown-wrapper::-webkit-scrollbar-thumb, .tpo_font-picker-option-wrapper > ul::-webkit-scrollbar-thumb, .tpo_font-picker-google-wrapper.show > ul::-webkit-scrollbar-thumb { background-color: var(--list-menu-scrollbarThumb); background-clip: content-box; }



.tpo_font-picker-element { line-height: 24px; padding: 12px; font-size: 16px; }



.tpo_font-picker-google-wrapper > input, .tpo_font-picker-google-wrapper > input:focus, .tpo_font-picker-google-wrapper > input:focus-visible { font-size: 16px; line-height: 24px; height: 44px; padding-left: 38px; }



.tpo_option-input-inner { border-radius: var(--dropdown-border-radius, var(--inputs-radius, 0px)); display: flex; align-items: center; width: 100%; overflow: hidden; position: relative; }



.tpo_option-input-inner::before { content: ""; position: absolute; inset: 0px; border: 1px solid var(--active-dropdown-border, var(--dropdownMenu-border)); background-color: transparent; z-index: 2; pointer-events: none; border-radius: var(--dropdown-border-radius, var(--inputs-radius, 0px)); }



.tpo_option-input.tpo_option-dropdown { font-size: 16px; line-height: 24px; max-height: 44px; color: var(--default-input-enteredValue); }



.tpo_option-input.tpo_option-dropdown::placeholder { color: var(--placeholder-input-text, var(--default-input-placeholder)); }



.tpo_option-input-wrapper.show .tpo_option-input.tpo_option-dropdown::placeholder { color: var(--default-input-enteredValue); }



.tpo_option-input.tpo_text-box { font-size: 16px; line-height: 24px; transition: 0.25s; padding: 10px 12px; }



input.tpo_option-input.tpo_text-box { min-height: 44px; }



textarea.tpo_option-input.tpo_text-box { min-height: 132px; }



.tpo_option-input.tpo_quantity { background-color: var(--default-input-bg); width: 30%; color: var(--default-input-enteredValue); min-height: 44px; font-size: 16px; line-height: 24px; transition: 0.2s ease-in; }



.tpo_option-set-container:has(+ .tpo_total-additional-price-wrapper.tpo_hidden) { margin-bottom: calc(0px - var(--options-spacing, 12px)); }



.tpo_option-type-selection.hidden { display: none; }



.tpo_option-container { margin-bottom: var(--options-spacing, 24px); }



.tpo_option-container:has(.swiper-pagination) { margin-bottom: calc(var(--options-spacing, 24px) + 16px); }



.tpo_dropdown_image_input_wrapper { gap: 8px; }



.tpo_dropdown-image-wrapper { width: 44px; height: 44px; flex-shrink: 0; }



.tpo_option-label-container { line-height: normal; margin-bottom: 8px; }



.tpo-input-change-size-title > span, .tpo_option-label-container > span { font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 0px; }



.tpo_text-area-character-count.absolute { display: flex; align-items: center; font-size: 14px; line-height: 20px; }



.tpo_modal-content { padding-left: 0px; }



.tpo_character-count.absolute { display: flex; align-items: center; font-size: 14px; right: 12px; line-height: 20px; }



.tpo_option-type-dropdown-wrapper { max-height: 250px; top: calc(100% + 4px); z-index: 9999; }



.tpo_option-type-dropdown-wrapper.has-search { padding: 0px; margin: 4px 0px 0px; display: flex; gap: 4px; flex-direction: column; align-items: stretch; max-height: 185px; overflow-y: auto; }



.tpo_option-type-selection { font-family: inherit; padding: 8px 12px; font-size: 16px; }



.tpo_option-type-selection img { width: 44px; height: 44px; }



span.tpo_option_type_label { text-align: left; }



.tpo_option-type-selection img + .tpo_option_type_label_wrapper { max-width: calc(100% - 60px); }



.tpo_swatches-label_position:not(.under):has(.tpo_option_type_description):has(.tpo-quantity_always-show) { align-items: center; }



.tpo_option-input-wrapper { display: flex; }



.tpo_option-input-inner > svg, .tpo_font-picker-label > svg { right: 12px; }



.tpo_option-input-wrapper > svg, .tpo_font-picker-label > svg { right: 12px; }



.tpo_option-input-inner > svg path, .tpo_font-picker-label > svg path { fill: var(--list-icon); }



.tpo_option-help-text { line-height: 20px; font-style: normal; font-size: 14px; }



.tpo_option-tooltip-icon::after { left: 50%; font-size: 14px; padding: 4px 8px 2px; transform: translate(-50%); line-height: 20px; }



.tpo_option_type_label { display: flex; align-items: center; flex-wrap: wrap; text-align: left; }



.tpo_radio-buttons-wrapper { gap: 4px 24px !important; }



.tpo_radio-button-wrapper { text-align: center; }



.tpo_radio-button-wrapper > label { line-height: 24px; }



.tpo_slider { border: 1px solid var(--switch-border); }



input:checked + .tpo_slider { border-color: var(--switch-activeBorder); }



input:checked + .tpo_slider::before { transform: translate(12px); }



.tpo_slider::before { bottom: 3px; }



.tpo_slider.round { border-radius: 9999px; }



.tpo_switch { width: 38px; }



.tpo_switch-container .form__label { font-size: 16px; font-weight: 400; line-height: 24px; margin: 0px; }



.tpo_quantity-container { width: 100%; }



.tpo_quantity-container .form__label { color: var(--option-value-color); font-size: 16px; line-height: 24px; }



.tpo_option-type-color-swatches-wrapper, .tpo_option-type-font-picker-swatches { gap: 20px 16px; }



.tpo_option-type-buttons-wrapper { gap: 12px; }



.tpo_color-swatches-wrapper > label, .tpo_color-swatches-wrapper > article { width: 40px; height: 40px; }



.tpo_option-input-inner > .tpo_color-swatches-wrapper > label, .tpo_color-swatches-wrapper > article > label { width: 36px; height: 36px; }



.swiper-wrapper .tpo_color-swatches-label_position, .swiper-wrapper .tpo_swatches-label_position, .tpo_color-swatches-label_position { gap: 8px; }



.tpo_swatches-label_position.under .tpo_option_type_label_and_price, .tpo_color-swatches-label_position.under .tpo_option_type_label_and_price { flex-direction: column; }



.tpo_swatches-label_position.under .tpo_option_type_label_and_price .tpo_option_type_label, .tpo_color-swatches-label_position.under .tpo_option_type_label_and_price .tpo_option_type_label { text-align: center; }



.tpo_color-swatches-label_position > label, .tpo_color-swatches-label_position > article { width: 40px; height: 40px; }



.tpo_is_checked_swatches .tpo_additional-price { color: var(--additional-price-swatches-active); }



.tpo_color-swatches-tooltip, .tpo_buttons-tooltip { padding: 0px 8px; font-size: 16px; transform: translate(-50%, calc(-100% - 5px)); left: 50%; max-width: 150px; }



@media (max-width: 756px) {

  .tpo_color-swatches-tooltip { transform: translateY(calc(-100% - 5px)); left: calc(50% - 15px); }

}



.tpo_image-swatches-wrapper > label, .tpo_image-swatches-wrapper > article { width: 86px; height: 86px; padding: 1px; border: 1px solid var(--swatches-border); }



.tpo_swatches-label_position, .tpo_color-swatches-label_position { display: grid; grid-template-columns: min-content 1fr; grid-template-areas: "image label" "description description"; align-items: center; justify-content: flex-start; column-gap: 16px; width: 100%; color: inherit; font-size: 15px; }



.tpo_swatches-label_position.tpo_color-swatch-hidden, .tpo_color-swatches-label_position.tpo_color-swatch-hidden, .tpo_swatches-label_position.tpo_image-swatch-hidden, .tpo_color-swatches-label_position.tpo_image-swatch-hidden { display: unset; width: fit-content; }



.tpo_swatches-label_position > div > span:not(.tpo-swatch-option-label), .tpo_color-swatches-label_position > span > span:not(.tpo-swatch-option-label) { font-size: 14px; line-height: 20px; color: var(--helpText-color); }



.tpo_color-swatches-label_position > span > span.tpo_badge-content, .preview-form .tpo_badge .tpo_badge-content { line-height: 10px; }



.tpo_badge .tpo_badge-content { line-height: 10px; }



.tpo_swatches-label_position.under > div, .tpo_color-swatches-label_position.under > span:not(.tpo-badge-position-below_swatch) { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }



.tpo_color-swatches-label_position.under .tpo-quantity_always-show, .tpo_swatches-label_position.under .tpo-quantity_always-show { margin-left: unset; }



.tpo_swatches-label_position > label, .tpo_swatches-label_position > article { border: 1px solid var(--swatches-border); width: 86px; height: 86px; padding: 0px; }



.tpo_swatches-label_position > label > div, .tpo_swatches-label_position > article > div { border: 2px solid transparent; overflow: hidden; }



.tpo_image-swatches-tooltip { display: flex; flex-direction: column-reverse; align-items: center; }



.tpo_image-swatches-tooltip .tpo_option_type_label_wrapper { margin-bottom: 0.25rem; }



.tpo_image-swatches-tooltip .tpo_image-swatch-option .tpo-swatch-option-label { font-size: 16px; }



.tpo_additional-price { font-size: 14px; line-height: 14px; color: var(--helpText-color); }



.tpo_buttons-wrapper .tpo_quantity-selector_wrapper { width: fit-content; margin: 8px auto 0px; }



.tpo_buttons-wrapper .price_position_below .tpo_button_option_value > span { font-size: 14px; font-weight: 400; line-height: 20px; }



.tpo_image-swatches-wrapper.below_value .tpo_quantity-selector_wrapper { width: 80px; }



.tpo_buttons-wrapper > label, .tpo_buttons-wrapper > article { display: block; font-size: 16px; font-weight: 500; line-height: 24px; }



.tpo_option-type-buttons-wrapper .tpo_buttons-wrapper:hover > label, .tpo_option-type-buttons-wrapper .tpo_buttons-wrapper:hover > article { background-color: var(--default-button-hover-bg); }



.tpo_buttons-wrapper > .tpo_shape_circle { border-radius: 9999px; }



.tpo_file-upload { border-radius: 2px; }



.tpo-file-placeholder { padding: 4px 12px; font-weight: 600; }



.tpo_modal-container { border-radius: 4px; }



.tpo_modal-heading { padding-bottom: 4px; border-bottom: 1px solid var(--default-input-border); }



.tpo_modal-heading h3 { font-size: 16px; line-height: 24px; font-weight: 600; margin: 0px; }



.tpo_modal--popup.tpo_option-display--style-1 .tpo_option-input-wrapper-filter { margin-bottom: 0px; }



.tpo_option-input-wrapper-filter { border: 1px solid var(--default-input-border); margin-bottom: 4px; }



.tpo_option-input-wrapper-filter > svg { top: 50%; }



.tpo_option-input-wrapper-filter input.tpo_option-input.tpo_text-box { color: var(--option-value-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }



.tpo_popup-modal-button { font-size: 16px; line-height: 1.5; font-weight: 400; padding: 9px 12px; font-family: inherit; }



.tpo_edit-option-modal.tpo_popup-modal-button { font-size: 16px; }



.button-modal { padding: 10px 12px; min-height: 44px; cursor: pointer; border-radius: 4px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-size: 16px; font-weight: 500; line-height: 24px; background-color: var(--popupModal-secondaryBtn-bg); color: var(--popupModal-secondaryBtn-text); }



.button-modal:hover { opacity: 0.75; }



.tpo_option-label-container .tpo_selected_values_span { margin-left: 4px; color: var(--option-selectedValue-color); font-weight: 400; font-size: 14px; line-height: 20px; margin-bottom: 0px !important; }



.tpo-file__img-preview { flex-shrink: 0; width: 44px; height: 44px; }



.tpo-label__file { display: flex; align-items: center; justify-content: space-between; gap: 12px; }



.tpo-file__preview { margin-top: 8px; padding: 2px 24px 2px 12px; }



.tpo_color-picker_label { align-items: center; border: 1px solid var(--default-input-border); background-color: var(--color-picker-bg); padding: 10px 12px; gap: 6px; }



.tpo_color-picker_label:hover { background-color: var(--color-picker-hoverBg); }



.tpo_color-picker_label:hover .tpo_color-picker_value { color: var(--option-label-color); }



.tpo_color-picker_input { position: absolute; top: 50%; visibility: hidden; left: 0px; transform: translateY(-50%); }



.tpo_color-picker_icon { display: flex; border: 1px solid var(--color-picker-border); }



.tpo_color-picker_icon.has-value svg rect { fill: var(--color-picker-value, inherit); fill-opacity: 1; }



.tpo_color-picker_icon.has-value ~ .tpo_color-picker_value { text-transform: uppercase; color: var(--color-picker-activeText); }



.tpo_color-picker_value { font-size: 16px; line-height: 23px; }



.tpo_dimension_wrapper { gap: 12px; align-items: flex-start; }



.tpo_dimension_wrapper .tpo_dimension_label .form__label { font-size: 16px; font-weight: 500; line-height: 24px; color: var(--option-label-color); margin-bottom: 8px; }



.tpo_dimension_input-wrapper > span { padding: 0px 6px; font-size: 16px; line-height: 24px; }



.tpo_dimension_input.with_suffix, .tpo_dimension_input.with_suffix:focus { padding-right: 45px; z-index: 1; }



.product_list-option_value { gap: 8px; }



.tpo_product_list-wraper { padding: 12px 90px 12px 12px; }



.tpo_product_list-wraper:hover { background-color: var(--tpo_product_list-wraper_hover); }



.tpo_product_list-wraper input { width: 16px; height: 16px; }



.wrap-product-list { gap: 8px; border: 1px solid var(--default-input-border); }



.list_tag-wrap_element { margin-top: 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }



[data-tpo-theme="modern"][data-tpo-mode="light"] .selected_prd_list-tag { background-color: rgb(245, 245, 245); color: rgb(18, 18, 18); font-weight: 400; }



[data-tpo-theme="modern"][data-tpo-mode="dark"] .selected_prd_list-tag { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); font-weight: 400; }



.selected_prd_list-tag-lg { font-size: 16px; line-height: 24px; }



.tpo_quantity-selector_minus, .tpo_quantity-selector_plus { width: 24px; padding: 6px 4px; height: 28px; }



.tpo_quantity-selector_minus:hover, .tpo_quantity-selector_plus:hover { background-color: var(--quantitySelector-signHoverBg); }



.tpo_quantity-selector_input { font-size: 14px; line-height: 1.5; max-width: 36px; }



.tpo_is_checked_swatches + span + .tpo-quantity_always-show .tpo_quantity-selector_wrapper, .tpo_is_checked_swatches + div + .tpo-quantity_always-show .tpo_quantity-selector_wrapper, .tpo_is_checked_swatches + .tpo_quantity-selector_wrapper, .swatches-option-value-label + .tpo_quantity-selector_wrapper { border-color: var(--active-quantitySelector-border, var(--quantitySelector-activeBorder)) !important; }



.tpo_quantity-selector_wrapper { margin-top: 8px; opacity: 1; }



.tpo_quantity-selector_wrapper.swatches-not-avaliable, .tpo_quantity-selector_wrapper.swatches-not-available-dropdown { opacity: 0.5; }



.tpo_quantity-selector_minus, .tpo_quantity-selector_plus, .tpo_quantity-selector_wrapper input { color: var(--quantitySelector-activeText); }



.tpo_quantity_selector_total-content { margin-left: auto; font-weight: 600; }



.tpo-quantity_always-show { margin-left: auto; }



@media (max-width: 767px) {

  .tpo_product_list-wraper { padding: 12px; }

}



@media (max-width: 400px) {

  .container_wrapper .tpo-quantity_always-show { position: unset; transform: unset; align-items: flex-start; padding-left: 36px; }

}



body[data-tpo-custom-style] { --tpo-font-body-family: "Poppins"; --tpo-font-heading-family: "Poppins"; --calendar-ampm-hoverBg: #f5f5f5; }



body[data-tpo-custom-style][data-tpo-dark-mode] { --calendar-ampm-hoverBg: #333333; }



[data-tpo-theme="modern"] .tpo_option-tooltip-content { background-color: var(--tooltip-bg); color: var(--tooltip-color); }