variant-swatch-king div.swatch-preset-501448 span { white-space: normal !important } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down { width: 100%; min-height: 17.6px; background-color: #fff; color: #000; font-size: 13px; text-transform: none; padding-left: 10px; padding-right: 25px; height: 44px; line-height: normal; margin: 0; font-weight: inherit; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-inner { display: block; min-width: 30% } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-inner .swatch-label-inside { position: absolute; padding-left: 0px; height: 100%; display: flex; align-items: center } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-inner .swatch-label-inside .swatch-label { display: flex; align-items: center; line-height: 100%; z-index: 1 } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down { display: flex } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-svg { position: absolute; fill: #292929; pointer-events: none; top: 0; bottom: 0; right: 10px; margin: auto; width: 20px; stroke: #292929; stroke-width: 0px; transform: rotate(0deg); -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501448 label.swatch-label { font-size: 14px; text-transform: none; font-weight: 700; color: inherit; margin: 0 } variant-swatch-king div.swatch-preset-501448 label.swatch-label:hover { color: inherit } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501448 .swatch-drop-down-inner:hover .swatch-drop-down-svg, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501448 .swatch-drop-down-inner:focus .swatch-drop-down-svg { fill: #292929; stroke: #292929 } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-wrapper { margin: 10px 0 0 5px } variant-swatch-king div.swatch-preset-501448 .dropdown-swatch-price { margin: 0 4px; color: #202020 !important; font-size: 13px; font-weight: 400; white-space: nowrap !important } variant-swatch-king div.swatch-preset-501448 .d-flex { display: flex; justify-content: space-between; width: 100%; flex-direction: row } variant-swatch-king div.swatch-preset-501448 .d-flex { align-items: center } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-list { border-style: solid; border-width: 1px; border-color: #140BAA; background-color: #fff; border-radius: 10px; overflow-x: hidden; margin-top: -1px } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-list .swatch-drop-down-list-item { background-color: #fff; color: #000; padding-left: 10px; font-size: 13px; text-transform: none } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-list .swatch-drop-down-list-item:hover:not(.swatch-selected) { background-color: #140BAA; color: #fff } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-list .swatch-selected { background-color: #fff; color: #000 } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-list .swatch-keyboard-focus { outline: 1px solid #005bd3 !important; outline-offset: -1px } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-selected { border: 1px solid #160BB1; border-radius: 10px } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-selected:hover { border-color: #140BAA } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-selected:focus { border-color: #140BAA } variant-swatch-king div.swatch-preset-501448 .swatch-drop-down-svg { transition: 0.3s all ease-in-out !important; transform: rotate(180deg) } variant-swatch-king div.swatch-preset-501448 .swatch-hide~.swatch-drop-down-svg { transform: rotate(0deg) } variant-swatch-king div.swatch-preset-1444830 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-1444830 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-1444830 .star-set-image { height: 77px; width: 77px; background-position: top; border-radius: 0px; background-color: transparent; background-size: cover; margin: 0px 0px 0 0px } variant-swatch-king div.swatch-preset-1444830 .swatch-image-wrapper { position: relative; display: grid; grid-template-columns: auto; border-style: solid; border-color: #F7F7F7; border-radius: 12px; border-width: 1.5px; background-color: #fff; width: 80px; overflow: hidden; padding-bottom: 5px } variant-swatch-king div.swatch-preset-1444830 .star-set-image { border-style: solid; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-color: #fff } variant-swatch-king div.swatches div.swatch-preset-1444830 ul.swatch-view li { margin: 0 6px 0.5rem 0 } variant-swatch-king div.swatch-preset-1444830 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-1444830 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-1444830 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-1444830 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-1444830 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-1444830 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 11.84px } variant-swatch-king div.swatch-preset-1444830 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 118.4px; width: 11.84px } variant-swatch-king div.swatch-preset-1444830 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-1444830.swatch-view-slide, variant-swatch-king div.swatch-preset-1444830.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-1444830 .swatch-img-text-adjacent { position: relative; display: flex; justify-content: left; width: 100%; color: #555; padding: 5px 4px 0; font-size: 10px; text-transform: none } variant-swatch-king div.swatch-preset-1444830 .swatch-img-text-adjacent p { white-space: pre; overflow: hidden; text-overflow: ellipsis; margin: 0 !important; padding: 0 !important; overflow: hidden; font-weight: 600; max-width: 72px; line-height: 120% !important } variant-swatch-king div.swatch-preset-1444830 .swatch-price-adjacent { position: relative; display: flex; justify-content: left; width: 100%; font-size: 12px; color: #7A7A7A; padding: 2px 4px 0 4px } variant-swatch-king div.swatch-preset-1444830 .swatch-price-adjacent span { white-space: pre; overflow: hidden; margin: 0 !important; padding: 0 !important; overflow: hidden; max-width: 72px; line-height: 120% !important } variant-swatch-king div.swatch-preset-1444830 .swatch-selected .swatch-img-text-adjacent { color: #292929 } variant-swatch-king div.swatch-preset-1444830 .swatch-selected .swatch-price-adjacent { color: #6A6A6A } variant-swatch-king div.swatch-preset-1444830 .swatch-selected .star-set-image { border-color: #fff } variant-swatch-king div.swatch-preset-1444830 .swatch-image-wrapper:has(.swatch-selected) { border-color: #160BB1; background-color: #fff } variant-swatch-king div.swatch-preset-1444830 div.swatches.hover-enabled .swatch-image-wrapper, variant-swatch-king div.swatch-preset-1444830 li.swatch-view-item:hover .swatch-image-wrapper { box-shadow: 0 10px 10px -10px #160BB1 } variant-swatch-king div.swatch-preset-1444830 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatch-preset-1444830 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)), variant-swatch-king div.swatch-preset-1444830 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatch-preset-1444830 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #160BB1; background-color: #FFEFDE } variant-swatch-king div.swatch-preset-1444830 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatch-preset-1444830 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatch-preset-1444830 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatch-preset-1444830 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #fff } variant-swatch-king div.swatch-preset-1444830 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatch-preset-1444830 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatch-preset-1444830 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatch-preset-1444830 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #160BB1 } variant-swatch-king div.swatch-preset-1444830 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatch-preset-1444830 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatch-preset-1444830 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatch-preset-1444830 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-price-adjacent { color: #7A7A7A } variant-swatch-king div.swatch-preset-1444830 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; border-radius: 0 !important; font-weight: 600; border-radius: 2px; font-size: 10px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; z-index: 1 } variant-swatch-king div.swatch-preset-1444830 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; border-radius: 0 !important; font-weight: 600; border-radius: 2px; font-size: 10px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; z-index: 1 } variant-swatch-king div.swatch-preset-1444830 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; border-radius: 0 !important; font-weight: 600; border-radius: 2px; font-size: 10px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; z-index: 1 } variant-swatch-king div.swatch-preset-1444830 .swatch-image-wrapper { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-1444828 .star-set-image { height: 60px; width: 60px; background-position: top; border-radius: 80px; background-color: #fff; background-size: cover; overflow: hidden; isolation: isolate } variant-swatch-king div.swatch-preset-1444828 .star-set-image::before { content: ''; position: absolute; top: 0; left: 0; border-radius: inherit; background-image: inherit; background-position: inherit; background-repeat: no-repeat; background-size: inherit; width: 100%; height: 100%; opacity: 1; transform: scale(1); transform-origin: top; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-1444828 .swatch-image-wrapper { border-style: solid; border-width: 1px; border-color: #ddd; border-radius: 0px; padding: 6px } variant-swatch-king div.swatch-preset-1444828 .star-set-image { border-style: solid; border-width: 1px; border-color: #ddd } variant-swatch-king div.swatches div.swatch-preset-1444828 ul.swatch-view li { margin: 0 8px 0.5rem 0 } variant-swatch-king div.swatch-preset-1444828 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-1444828 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-1444828 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-1444828 li .swatch-selected .star-set-image::after { border-color: #292929 } variant-swatch-king div.swatch-preset-1444828 li .swatch-selected .swatch-img-text-adjacent { color: #292929 } variant-swatch-king div.swatch-preset-1444828 li .swatch-selected .star-set-image { border-color: #ddd } variant-swatch-king div.swatch-preset-1444828 li .swatch-image-wrapper:has(.swatch-selected) { border-color: #292929 } variant-swatch-king div.swatches div.swatch-preset-1444828 li.swatch-view-item:hover .swatch-tool-tip { color: #000; border-color: #292929 } variant-swatch-king div.swatches div.swatch-preset-1444828 li.swatch-view-item:hover .swatch-tool-tip-pointer { border-color: transparent transparent #292929 transparent } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444828 li.swatch-view-item:hover .star-set-image:before { opacity: 1; transform: scale(1.2) } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444828 li.swatch-view-item:hover .swatch-image-wrapper { box-shadow: 0 10px 10px -10px #292929 } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444828 li.swatch-view-item:hover .swatch-image-wrapper .star-set-image::after { border-color: #292929 } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444828 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444828 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #292929 } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444828 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444828 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444828 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444828 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #292929 } variant-swatch-king div.swatch-preset-1444828 .swatch-navigable ul.swatch-view.swatch-with-tooltip { padding-bottom: 28px } variant-swatch-king div.swatch-preset-1444828 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-1444828 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-1444828 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-1444828 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-1444828 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 37px } variant-swatch-king div.swatch-preset-1444828 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 74px; width: 37px } variant-swatch-king div.swatch-preset-1444828 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-1444828.swatch-view-slide, variant-swatch-king div.swatch-preset-1444828.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-1444828 .swatch-tool-tip { display: block; position: absolute; cursor: pointer; width: max-content; min-width: 100%; opacity: 0; color: #fff; border-width: 1px; border-style: solid; border-color: #ddd; background-color: #fff; text-align: center; border-radius: 4px; left: 0; right: 0; top: 105%; top: calc(100% + 10px); padding: 2px 6px; font-size: 10px; text-transform: none; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 13 } variant-swatch-king div.swatch-preset-1444828 .swatch-tool-tip-pointer { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #ddd transparent; opacity: 0; pointer-events: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 99999 } variant-swatch-king div.swatch-preset-1444828 .swatch-img-text-adjacent { display: inline-block; vertical-align: middle; padding: 0 0.5em; color: #ddd; font-size: 10px; text-transform: none } variant-swatch-king div.swatch-preset-1444828 .swatch-img-text-adjacent p { margin: 0 !important; padding: 0 !important } variant-swatch-king div.swatches div.swatch-preset-1444828 li.swatch-view-item.swatch-item-unavailable div.star-set-image { overflow: hidden } variant-swatch-king div.swatches div.swatch-preset-1444828 li.swatch-view-item.swatch-item-unavailable div.star-set-image::after { content: ''; position: absolute; height: 100%; width: 0; right: 0; left: 0; top: 0; bottom: 0; border-right: 1.5px solid; border-color: #ddd; transform: rotate(45deg); margin: auto } variant-swatch-king div.swatch-preset-1444828 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; opacity: 0.85; border-radius: 0 !important; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 18px !important; font-size: 14.4px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444828 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; opacity: 0.85; border-radius: 0 !important; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 18px !important; font-size: 14.4px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444828 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; opacity: 0.85; border-radius: 0 !important; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 18px !important; font-size: 14.4px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444828 .swatch-image-wrapper { -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-1444828 .swatch-image, variant-swatch-king div.swatch-preset-1444828 .swatch-custom-image { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; background-color: inherit; overflow: visible } variant-swatch-king div.swatch-preset-1444828 .minification-btn { margin: 0 !important; display: flex } variant-swatch-king div.swatch-preset-1444828 .btn-with-count .star-set-image { border: none !important; min-width: fit-content !important; width: fit-content !important; text-transform: none !important } variant-swatch-king div.swatch-preset-1444828 .btn-with-count .star-set-image .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-1444828 .minification-text { display: flex; justify-content: center; align-items: center; background-image: none; color: black !important } variant-swatch-king div.swatch-preset-1444824 .star-set-image { height: 35px; width: 35px; background-position: top; border-radius: 0px; background-color: transparent; background-size: cover } variant-swatch-king div.swatch-preset-1444824 .swatch-image-wrapper { border-style: solid; border-width: 1px; border-color: #fff; border-radius: 0px; padding: 2px } variant-swatch-king div.swatch-preset-1444824 .star-set-image { border-style: solid; border-width: .5px; border-color: #ddd } variant-swatch-king div.swatches div.swatch-preset-1444824 ul.swatch-view li { margin: 0 3px 0.5rem 0 } variant-swatch-king div.swatch-preset-1444824 ul.swatch-view { margin-top: 0px } variant-swatch-king div.swatch-preset-1444824 .swatches-type-collections .swatch-view-slide ul.swatch-view { margin: 0 } variant-swatch-king div.swatch-preset-1444824 ul.swatch-view { margin-top: 0px } variant-swatch-king div.swatch-preset-1444824 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-1444824 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-1444824 li .swatch-selected .star-set-image::after { border-color: #292929 } variant-swatch-king div.swatch-preset-1444824 li .swatch-selected .swatch-img-text-adjacent { color: #ddd } variant-swatch-king div.swatch-preset-1444824 li .swatch-selected .star-set-image { border-color: #ddd } variant-swatch-king div.swatch-preset-1444824 li .swatch-image-wrapper:has(.swatch-selected) { border-color: #292929 } variant-swatch-king div.swatches div.swatch-preset-1444824 li.swatch-view-item:hover .swatch-tool-tip { color: #000; border-color: #ddd } variant-swatch-king div.swatches div.swatch-preset-1444824 li.swatch-view-item:hover .swatch-tool-tip-pointer { border-color: transparent transparent #ddd transparent } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444824 li.swatch-view-item:hover .swatch-image-wrapper .star-set-image::after { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444824 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444824 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444824 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444824 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444824 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444824 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #ddd } variant-swatch-king div.swatch-preset-1444824 .swatch-navigable ul.swatch-view.swatch-with-tooltip { padding-bottom: 26px } variant-swatch-king div.swatch-preset-1444824 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-1444824 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-1444824 .swatch-navigable .swatch-navigation-wrapper { top: 0px; padding: 0 3px } variant-swatch-king div.swatch-preset-1444824 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-1444824 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 24.6px } variant-swatch-king div.swatch-preset-1444824 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 3px; width: 24.6px } variant-swatch-king div.swatch-preset-1444824 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-1444824.swatch-view-slide, variant-swatch-king div.swatch-preset-1444824.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-1444824 .swatch-tool-tip { display: block; position: absolute; cursor: pointer; width: max-content; min-width: 100%; opacity: 0; color: #fff; border-width: 1px; border-style: solid; border-color: #fff; background-color: #fff; text-align: center; border-radius: 4px; left: 0; right: 0; top: 105%; top: calc(100% + 10px); padding: 2px 6px; font-size: 8px; text-transform: none; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 13 } variant-swatch-king div.swatch-preset-1444824 .swatch-tool-tip-pointer { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #fff transparent; opacity: 0; pointer-events: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 99999 } variant-swatch-king div.swatch-preset-1444824 .swatch-img-text-adjacent { display: inline-block; vertical-align: middle; padding: 0 0.5em; color: #fff; font-size: 8px; text-transform: none } variant-swatch-king div.swatch-preset-1444824 .swatch-img-text-adjacent p { margin: 0 !important; padding: 0 !important } variant-swatch-king div.swatches div.swatch-preset-1444824 li.swatch-view-item.swatch-item-unavailable div.star-set-image { overflow: hidden } variant-swatch-king div.swatches div.swatch-preset-1444824 li.swatch-view-item.swatch-item-unavailable div.star-set-image::after { content: ''; position: absolute; height: 100%; width: 0; right: 0; left: 0; top: 0; bottom: 0; border-right: 1.5px solid; border-color: #fff; transform: rotate(45deg); margin: auto } variant-swatch-king div.swatch-preset-1444824 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 9.75px !important; font-size: 7.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444824 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 9.75px !important; font-size: 7.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444824 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 9.75px !important; font-size: 7.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444824 .swatch-image-wrapper { -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-1444824 .swatch-image, variant-swatch-king div.swatch-preset-1444824 .swatch-custom-image { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; background-color: inherit; overflow: visible } variant-swatch-king div.swatch-preset-1444824 .minification-btn { margin: 0 !important; display: flex } variant-swatch-king div.swatch-preset-1444824 .btn-with-count .star-set-image { border: none !important; min-width: fit-content !important; width: fit-content !important; text-transform: none !important } variant-swatch-king div.swatch-preset-1444824 .btn-with-count .star-set-image .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-1444824 .minification-text { display: flex; justify-content: center; align-items: center; background-image: none; color: black !important } variant-swatch-king div.swatch-preset-1444820 .star-set-image { height: 20px; width: 20px; background-position: top; border-radius: 80px; background-color: transparent; background-size: cover } variant-swatch-king div.swatch-preset-1444820 .swatch-image-wrapper { border-style: solid; border-width: 1px; border-color: #fff; border-radius: 80px; padding: 2px } variant-swatch-king div.swatch-preset-1444820 .star-set-image { border-style: solid; border-width: .5px; border-color: #ddd } variant-swatch-king div.swatches div.swatch-preset-1444820 ul.swatch-view li { margin: 0 3px 0.5rem 0 } variant-swatch-king div.swatch-preset-1444820 ul.swatch-view { margin-top: 0px } variant-swatch-king div.swatch-preset-1444820 .swatches-type-collections .swatch-view-slide ul.swatch-view { margin: 0 } variant-swatch-king div.swatch-preset-1444820 ul.swatch-view { margin-top: 0px } variant-swatch-king div.swatch-preset-1444820 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-1444820 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-1444820 li .swatch-selected .star-set-image::after { border-color: #292929 } variant-swatch-king div.swatch-preset-1444820 li .swatch-selected .swatch-img-text-adjacent { color: #ddd } variant-swatch-king div.swatch-preset-1444820 li .swatch-selected .star-set-image { border-color: #ddd } variant-swatch-king div.swatch-preset-1444820 li .swatch-image-wrapper:has(.swatch-selected) { border-color: #292929 } variant-swatch-king div.swatches div.swatch-preset-1444820 li.swatch-view-item:hover .swatch-tool-tip { color: #000; border-color: #ddd } variant-swatch-king div.swatches div.swatch-preset-1444820 li.swatch-view-item:hover .swatch-tool-tip-pointer { border-color: transparent transparent #ddd transparent } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444820 li.swatch-view-item:hover .swatch-image-wrapper .star-set-image::after { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444820 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444820 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444820 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444820 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444820 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444820 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #ddd } variant-swatch-king div.swatch-preset-1444820 .swatch-navigable ul.swatch-view.swatch-with-tooltip { padding-bottom: 26px } variant-swatch-king div.swatch-preset-1444820 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-1444820 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-1444820 .swatch-navigable .swatch-navigation-wrapper { top: 0px; padding: 0 3px } variant-swatch-king div.swatch-preset-1444820 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-1444820 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 22.1px } variant-swatch-king div.swatch-preset-1444820 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 26px; width: 22.1px } variant-swatch-king div.swatch-preset-1444820 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-1444820.swatch-view-slide, variant-swatch-king div.swatch-preset-1444820.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-1444820 .swatch-tool-tip { display: block; position: absolute; cursor: pointer; width: max-content; min-width: 100%; opacity: 0; color: #fff; border-width: 1px; border-style: solid; border-color: #fff; background-color: #fff; text-align: center; border-radius: 4px; left: 0; right: 0; top: 105%; top: calc(100% + 10px); padding: 2px 6px; font-size: 8px; text-transform: none; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 13 } variant-swatch-king div.swatch-preset-1444820 .swatch-tool-tip-pointer { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #fff transparent; opacity: 0; pointer-events: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 99999 } variant-swatch-king div.swatch-preset-1444820 .swatch-img-text-adjacent { display: inline-block; vertical-align: middle; padding: 0 0.5em; color: #fff; font-size: 8px; text-transform: none } variant-swatch-king div.swatch-preset-1444820 .swatch-img-text-adjacent p { margin: 0 !important; padding: 0 !important } variant-swatch-king div.swatches div.swatch-preset-1444820 li.swatch-view-item.swatch-item-unavailable div.star-set-image { overflow: hidden } variant-swatch-king div.swatches div.swatch-preset-1444820 li.swatch-view-item.swatch-item-unavailable div.star-set-image::after { content: ''; position: absolute; height: 100%; width: 0; right: 0; left: 0; top: 0; bottom: 0; border-right: 1.5px solid; border-color: #fff; transform: rotate(45deg); margin: auto } variant-swatch-king div.swatch-preset-1444820 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 6px !important; font-size: 4.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444820 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 6px !important; font-size: 4.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444820 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 6px !important; font-size: 4.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444820 .swatch-image-wrapper { -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-1444820 .swatch-image, variant-swatch-king div.swatch-preset-1444820 .swatch-custom-image { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; background-color: inherit; overflow: visible } variant-swatch-king div.swatch-preset-1444820 .minification-btn { margin: 0 !important; display: flex } variant-swatch-king div.swatch-preset-1444820 .btn-with-count .star-set-image { border: none !important; min-width: fit-content !important; width: fit-content !important; text-transform: none !important } variant-swatch-king div.swatch-preset-1444820 .btn-with-count .star-set-image .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-1444820 .minification-text { display: flex; justify-content: center; align-items: center; background-image: none; color: black !important } variant-swatch-king div.swatch-preset-1444816 .star-set-image { height: 50px; width: 50px; background-position: center; border-radius: 10px; background-color: #fff; background-size: cover; overflow: hidden; isolation: isolate } variant-swatch-king div.swatch-preset-1444816 .star-set-image::before { content: ''; position: absolute; top: 0; left: 0; border-radius: inherit; background-image: inherit; background-position: inherit; background-repeat: no-repeat; background-size: inherit; width: 100%; height: 100%; opacity: 1; transform: scale(1); transform-origin: center; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-1444816 .swatch-image-wrapper { border-style: solid; border-width: 1px; border-color: #F7F7F7; border-radius: 12px; padding: 2px } variant-swatch-king div.swatch-preset-1444816 .star-set-image { border-style: solid; border-width: 1px; border-color: #fff } variant-swatch-king div.swatches div.swatch-preset-1444816 ul.swatch-view li { margin: 0 6px 0.5rem 0 } variant-swatch-king div.swatch-preset-1444816 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-1444816 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-1444816 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-1444816 li .swatch-selected .star-set-image::after { color: #140BAA !important } variant-swatch-king div.swatch-preset-1444816 li .swatch-selected .swatch-img-text-adjacent { color: #140BAA } variant-swatch-king div.swatch-preset-1444816 li .swatch-selected .star-set-image { border-color: #fff } variant-swatch-king div.swatch-preset-1444816 li .swatch-image-wrapper:has(.swatch-selected) { border-color: #140BAA } variant-swatch-king div.swatches div.swatch-preset-1444816 li.swatch-view-item:hover .swatch-tool-tip { color: #000; border-color: #140BAA } variant-swatch-king div.swatches div.swatch-preset-1444816 li.swatch-view-item:hover .swatch-tool-tip-pointer { border-color: transparent transparent #140BAA transparent } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444816 li.swatch-view-item:hover .star-set-image:before { opacity: 1; transform: scale(1.2) } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444816 li.swatch-view-item:hover .swatch-image-wrapper { box-shadow: 0 10px 10px -10px #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444816 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444816 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444816 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444816 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #F7F7F7 } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444816 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444816 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #140BAA } variant-swatch-king div.swatch-preset-1444816 .swatch-navigable ul.swatch-view.swatch-with-tooltip { padding-bottom: 28px } variant-swatch-king div.swatch-preset-1444816 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-1444816 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-1444816 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-1444816 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-1444816 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 28px } variant-swatch-king div.swatch-preset-1444816 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 56px; width: 28px } variant-swatch-king div.swatch-preset-1444816 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-1444816.swatch-view-slide, variant-swatch-king div.swatch-preset-1444816.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-1444816 .swatch-tool-tip { display: block; position: absolute; cursor: pointer; width: max-content; min-width: 100%; opacity: 0; color: #fff; border-width: 1px; border-style: solid; border-color: #F7F7F7; background-color: #fff; text-align: center; border-radius: 4px; left: 0; right: 0; top: 105%; top: calc(100% + 10px); padding: 2px 6px; font-size: 10px; text-transform: none; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 13 } variant-swatch-king div.swatch-preset-1444816 .swatch-tool-tip-pointer { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #F7F7F7 transparent; opacity: 0; pointer-events: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 99999 } variant-swatch-king div.swatch-preset-1444816 .swatch-img-text-adjacent { display: inline-block; vertical-align: middle; padding: 0 0.5em; color: #F7F7F7; font-size: 10px; text-transform: none } variant-swatch-king div.swatch-preset-1444816 .swatch-img-text-adjacent p { margin: 0 !important; padding: 0 !important } variant-swatch-king div.swatches div.swatch-preset-1444816 li.swatch-view-item.swatch-item-unavailable div.star-set-image { overflow: hidden } variant-swatch-king div.swatches div.swatch-preset-1444816 li.swatch-view-item.swatch-item-unavailable div.star-set-image::after { content: ''; display: block; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; margin: auto; border-radius: inherit; background-color: #f8f8f8; opacity: 0.75; pointer-events: none } variant-swatch-king div.swatch-preset-1444816 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; opacity: 0.85; border-radius: 0 !important; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 13.5px !important; font-size: 10.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444816 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; opacity: 0.85; border-radius: 0 !important; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 13.5px !important; font-size: 10.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444816 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; opacity: 0.85; border-radius: 0 !important; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 13.5px !important; font-size: 10.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444816 .swatch-image-wrapper { -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-1444816 .swatch-image, variant-swatch-king div.swatch-preset-1444816 .swatch-custom-image { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; background-color: inherit; overflow: visible } variant-swatch-king div.swatch-preset-1444816 .minification-btn { margin: 0 !important; display: flex } variant-swatch-king div.swatch-preset-1444816 .btn-with-count .star-set-image { border: none !important; min-width: fit-content !important; width: fit-content !important; text-transform: none !important } variant-swatch-king div.swatch-preset-1444816 .btn-with-count .star-set-image .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-1444816 .minification-text { display: flex; justify-content: center; align-items: center; background-image: none; color: black !important } variant-swatch-king div.swatch-preset-1444812 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-1444812 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-1444812 .star-set-image { height: 80px; width: 80px; background-position: top; border-radius: 0px; background-color: transparent; background-size: cover; margin: 0px 0px 0 0px } variant-swatch-king div.swatch-preset-1444812 .swatch-image-wrapper { position: relative; display: grid; grid-template-columns: auto; border-style: solid; border-color: #F7F7F7; border-radius: 8px; border-width: 1.5px; background-color: #fff; width: 83px; overflow: hidden; padding-bottom: 5px } variant-swatch-king div.swatch-preset-1444812 .star-set-image { border-style: solid; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-color: #fff } variant-swatch-king div.swatches div.swatch-preset-1444812 ul.swatch-view li { margin: 0 4px 0.5rem 0 } variant-swatch-king div.swatch-preset-1444812 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-1444812 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-1444812 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-1444812 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-1444812 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-1444812 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 12.38px } variant-swatch-king div.swatch-preset-1444812 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 123.8px; width: 12.38px } variant-swatch-king div.swatch-preset-1444812 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-1444812.swatch-view-slide, variant-swatch-king div.swatch-preset-1444812.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-1444812 .swatch-img-text-adjacent { position: relative; display: flex; justify-content: left; width: 100%; color: #222; padding: 5px 4px 0; font-size: 12px; text-transform: none } variant-swatch-king div.swatch-preset-1444812 .swatch-img-text-adjacent p { white-space: pre; overflow: hidden; text-overflow: ellipsis; margin: 0 !important; padding: 0 !important; overflow: hidden; font-weight: 600; max-width: 75px; line-height: 120% !important } variant-swatch-king div.swatch-preset-1444812 .swatch-price-adjacent { position: relative; display: flex; justify-content: left; width: 100%; font-size: 12px; color: #7A7A7A; padding: 2px 4px 0 4px } variant-swatch-king div.swatch-preset-1444812 .swatch-price-adjacent span { white-space: pre; overflow: hidden; margin: 0 !important; padding: 0 !important; overflow: hidden; max-width: 75px; line-height: 120% !important } variant-swatch-king div.swatch-preset-1444812 .swatch-selected .swatch-img-text-adjacent { color: #000 } variant-swatch-king div.swatch-preset-1444812 .swatch-selected .swatch-price-adjacent { color: #333 } variant-swatch-king div.swatch-preset-1444812 .swatch-selected .star-set-image { border-color: #fff } variant-swatch-king div.swatch-preset-1444812 .swatch-image-wrapper:has(.swatch-selected) { border-color: #140BAA; background-color: #fff } variant-swatch-king div.swatch-preset-1444812 div.swatches.hover-enabled .swatch-image-wrapper, variant-swatch-king div.swatch-preset-1444812 li.swatch-view-item:hover .swatch-image-wrapper { box-shadow: 0 10px 10px -10px #140BAA } variant-swatch-king div.swatch-preset-1444812 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatch-preset-1444812 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)), variant-swatch-king div.swatch-preset-1444812 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatch-preset-1444812 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #140BAA; background-color: #FFEFDE } variant-swatch-king div.swatch-preset-1444812 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatch-preset-1444812 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatch-preset-1444812 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatch-preset-1444812 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #fff } variant-swatch-king div.swatch-preset-1444812 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatch-preset-1444812 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatch-preset-1444812 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatch-preset-1444812 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #6A6A6A } variant-swatch-king div.swatch-preset-1444812 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatch-preset-1444812 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatch-preset-1444812 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatch-preset-1444812 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-price-adjacent { color: #7A7A7A } variant-swatch-king div.swatches div.swatch-preset-1444812 li.swatch-view-item.swatch-item-unavailable .swatch-img-text-adjacent p { text-decoration-line: line-through } variant-swatch-king div.swatch-preset-1444812 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; border-radius: 0 !important; font-weight: 600; border-radius: 2px; font-size: 12px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; z-index: 1 } variant-swatch-king div.swatch-preset-1444812 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; border-radius: 0 !important; font-weight: 600; border-radius: 2px; font-size: 12px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; z-index: 1 } variant-swatch-king div.swatch-preset-1444812 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; border-radius: 0 !important; font-weight: 600; border-radius: 2px; font-size: 12px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; z-index: 1 } variant-swatch-king div.swatch-preset-1444812 .swatch-image-wrapper { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-1444810 .star-set-image { height: 30px; width: 30px; background-position: top; border-radius: 80px; background-color: #fff; background-size: cover; overflow: hidden; isolation: isolate } variant-swatch-king div.swatch-preset-1444810 .star-set-image::before { content: ''; position: absolute; top: 0; left: 0; border-radius: inherit; background-image: inherit; background-position: inherit; background-repeat: no-repeat; background-size: inherit; width: 100%; height: 100%; opacity: 1; transform: scale(1); transform-origin: top; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-1444810 .swatch-image-wrapper { border-style: solid; border-width: 1px; border-color: #fff; border-radius: 80px; padding: 3px } variant-swatch-king div.swatch-preset-1444810 .star-set-image { border-style: solid; border-width: 1px; border-color: #ddd } variant-swatch-king div.swatches div.swatch-preset-1444810 ul.swatch-view li { margin: 0 6px 0.5rem 0 } variant-swatch-king div.swatch-preset-1444810 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-1444810 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-1444810 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-1444810 li .swatch-selected .star-set-image::after { border-color: #140BAA } variant-swatch-king div.swatch-preset-1444810 li .swatch-selected .swatch-img-text-adjacent { color: #140BAA } variant-swatch-king div.swatch-preset-1444810 li .swatch-selected .star-set-image { border-color: #F7F7F7 } variant-swatch-king div.swatch-preset-1444810 li .swatch-image-wrapper:has(.swatch-selected) { border-color: #140BAA } variant-swatch-king div.swatches div.swatch-preset-1444810 li.swatch-view-item:hover .swatch-tool-tip { color: #fff; border-color: #140BAA } variant-swatch-king div.swatches div.swatch-preset-1444810 li.swatch-view-item:hover .swatch-tool-tip-pointer { border-color: transparent transparent #140BAA transparent } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444810 li.swatch-view-item:hover .star-set-image:before { opacity: 1; transform: scale(1.2) } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444810 li.swatch-view-item:hover .swatch-image-wrapper { z-index: 12; transform: scale(1.2) } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444810 li.swatch-view-item:hover .swatch-image-wrapper .star-set-image::after { border-color: #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444810 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444810 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444810 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444810 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #fff } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444810 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444810 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #140BAA } variant-swatch-king div.swatch-preset-1444810 .swatch-navigable ul.swatch-view.swatch-with-tooltip { padding-bottom: 29px } variant-swatch-king div.swatch-preset-1444810 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-1444810 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-1444810 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-1444810 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-1444810 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 34.2px } variant-swatch-king div.swatch-preset-1444810 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 38px; width: 34.2px } variant-swatch-king div.swatch-preset-1444810 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-1444810.swatch-view-slide, variant-swatch-king div.swatch-preset-1444810.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-1444810 .swatch-tool-tip { display: block; position: absolute; cursor: pointer; width: max-content; min-width: 100%; opacity: 0; color: #fff; border-width: 1px; border-style: solid; border-color: #fff; background-color: #160BB1; text-align: center; border-radius: 4px; left: 0; right: 0; top: 105%; top: calc(100% + 10px); padding: 2px 6px; font-size: 11px; text-transform: none; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 13 } variant-swatch-king div.swatch-preset-1444810 .swatch-tool-tip-pointer { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #fff transparent; opacity: 0; pointer-events: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 99999 } variant-swatch-king div.swatch-preset-1444810 .swatch-img-text-adjacent { display: inline-block; vertical-align: middle; padding: 0 0.5em; color: #fff; font-size: 11px; text-transform: none } variant-swatch-king div.swatch-preset-1444810 .swatch-img-text-adjacent p { margin: 0 !important; padding: 0 !important } variant-swatch-king div.swatches div.swatch-preset-1444810 li.swatch-view-item.swatch-item-unavailable div.star-set-image { overflow: hidden } variant-swatch-king div.swatches div.swatch-preset-1444810 li.swatch-view-item.swatch-item-unavailable div.star-set-image::after { content: ''; position: absolute; height: 100%; width: 0; right: 0; left: 0; top: 0; bottom: 0; border-right: 1.5px solid; border-color: #fff; transform: rotate(45deg); margin: auto } variant-swatch-king div.swatch-preset-1444810 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; top: 100%; right: 50%; padding: 2px !important; overflow: visible; border-radius: 3px !important; width: 75%; transform: translate(50%, calc(-0.29 * 36px - 0.3px)); font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 9px !important; font-size: 7.2px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444810 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; top: 100%; right: 50%; padding: 2px !important; overflow: visible; border-radius: 3px !important; width: 75%; transform: translate(50%, calc(-0.29 * 36px - 0.3px)); font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 9px !important; font-size: 7.2px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444810 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; top: 100%; right: 50%; padding: 2px !important; overflow: visible; border-radius: 3px !important; width: 75%; transform: translate(50%, calc(-0.29 * 36px - 0.3px)); font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 9px !important; font-size: 7.2px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-1444810 .swatch-view-item { position: relative; overflow: visible !important } variant-swatch-king div.swatch-preset-1444810 .swatch-view-item { margin-bottom: 8px !important } variant-swatch-king div.swatch-preset-1444810 .swatch-image-wrapper { -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-1444810 .swatch-image, variant-swatch-king div.swatch-preset-1444810 .swatch-custom-image { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; background-color: inherit; overflow: visible } variant-swatch-king div.swatch-preset-1444810 .minification-btn { margin: 0 !important; display: flex } variant-swatch-king div.swatch-preset-1444810 .btn-with-count .star-set-image { border: none !important; min-width: fit-content !important; width: fit-content !important; text-transform: none !important } variant-swatch-king div.swatch-preset-1444810 .btn-with-count .star-set-image .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-1444810 .minification-text { display: flex; justify-content: center; align-items: center; background-image: none; color: black !important } variant-swatch-king div.swatch-preset-824371 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-824371 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-824371 .star-set-image { height: 77px; width: 77px; background-position: top; border-radius: 0px; background-color: transparent; background-size: cover; margin: 0px 0px 0 0px } variant-swatch-king div.swatch-preset-824371 .swatch-image-wrapper { position: relative; display: grid; grid-template-columns: auto; border-style: solid; border-color: #F7F7F7; border-radius: 12px; border-width: 1.5px; background-color: #fff; width: 80px; overflow: hidden; padding-bottom: 5px } variant-swatch-king div.swatch-preset-824371 .star-set-image { border-style: solid; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-color: #fff } variant-swatch-king div.swatches div.swatch-preset-824371 ul.swatch-view li { margin: 0 6px 0.5rem 0 } variant-swatch-king div.swatch-preset-824371 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-824371 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-824371 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-824371 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-824371 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-824371 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 35.52px } variant-swatch-king div.swatch-preset-824371 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 118.4px; width: 35.52px } variant-swatch-king div.swatch-preset-824371 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-824371.swatch-view-slide, variant-swatch-king div.swatch-preset-824371.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-824371 .swatch-img-text-adjacent { position: relative; display: flex; justify-content: left; width: 100%; color: #555; padding: 5px 4px 0; font-size: 10px; text-transform: none } variant-swatch-king div.swatch-preset-824371 .swatch-img-text-adjacent p { white-space: pre; overflow: hidden; text-overflow: ellipsis; margin: 0 !important; padding: 0 !important; overflow: hidden; font-weight: 600; max-width: 72px; line-height: 120% !important } variant-swatch-king div.swatch-preset-824371 .swatch-price-adjacent { position: relative; display: flex; justify-content: left; width: 100%; font-size: 12px; color: #7A7A7A; padding: 2px 4px 0 4px } variant-swatch-king div.swatch-preset-824371 .swatch-price-adjacent span { white-space: pre; overflow: hidden; margin: 0 !important; padding: 0 !important; overflow: hidden; max-width: 72px; line-height: 120% !important } variant-swatch-king div.swatch-preset-824371 .swatch-selected .swatch-img-text-adjacent { color: #292929 } variant-swatch-king div.swatch-preset-824371 .swatch-selected .swatch-price-adjacent { color: #6A6A6A } variant-swatch-king div.swatch-preset-824371 .swatch-selected .star-set-image { border-color: #fff } variant-swatch-king div.swatch-preset-824371 .swatch-image-wrapper:has(.swatch-selected) { border-color: #160BB1; background-color: #fff } variant-swatch-king div.swatch-preset-824371 div.swatches.hover-enabled .swatch-image-wrapper, variant-swatch-king div.swatch-preset-824371 li.swatch-view-item:hover .swatch-image-wrapper { box-shadow: 0 10px 10px -10px #160BB1 } variant-swatch-king div.swatch-preset-824371 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatch-preset-824371 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)), variant-swatch-king div.swatch-preset-824371 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatch-preset-824371 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #160BB1; background-color: #FFEFDE } variant-swatch-king div.swatch-preset-824371 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatch-preset-824371 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatch-preset-824371 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatch-preset-824371 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #fff } variant-swatch-king div.swatch-preset-824371 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatch-preset-824371 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatch-preset-824371 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatch-preset-824371 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #160BB1 } variant-swatch-king div.swatch-preset-824371 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatch-preset-824371 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatch-preset-824371 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatch-preset-824371 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-price-adjacent { color: #7A7A7A } variant-swatch-king div.swatch-preset-824371 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; border-radius: 0 !important; font-weight: 600; border-radius: 2px; font-size: 10px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; z-index: 1 } variant-swatch-king div.swatch-preset-824371 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; border-radius: 0 !important; font-weight: 600; border-radius: 2px; font-size: 10px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; z-index: 1 } variant-swatch-king div.swatch-preset-824371 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; border-radius: 0 !important; font-weight: 600; border-radius: 2px; font-size: 10px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; z-index: 1 } variant-swatch-king div.swatch-preset-824371 .swatch-image-wrapper { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501455 .star-set-image { height: 35px; width: 35px; background-position: top; border-radius: 0px; background-color: transparent; background-size: cover } variant-swatch-king div.swatch-preset-501455 .swatch-image-wrapper { border-style: solid; border-width: 1px; border-color: #fff; border-radius: 0px; padding: 2px } variant-swatch-king div.swatch-preset-501455 .star-set-image { border-style: solid; border-width: .5px; border-color: #ddd } variant-swatch-king div.swatches div.swatch-preset-501455 ul.swatch-view li { margin: 0 3px 0.5rem 0 } variant-swatch-king div.swatch-preset-501455 ul.swatch-view { margin-top: 0px } variant-swatch-king div.swatch-preset-501455 .swatches-type-collections .swatch-view-slide ul.swatch-view { margin: 0 } variant-swatch-king div.swatch-preset-501455 ul.swatch-view { margin-top: 0px } variant-swatch-king div.swatch-preset-501455.swatch-view-slide { position: relative } variant-swatch-king div.swatch-preset-501455 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-501455 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-501455 li .swatch-selected .star-set-image::after { border-color: #292929 } variant-swatch-king div.swatch-preset-501455 li .swatch-selected .swatch-img-text-adjacent { color: #ddd } variant-swatch-king div.swatch-preset-501455 li .swatch-selected .star-set-image { border-color: #ddd } variant-swatch-king div.swatch-preset-501455 li .swatch-image-wrapper:has(.swatch-selected) { border-color: #292929 } variant-swatch-king div.swatches div.swatch-preset-501455 li.swatch-view-item:hover .swatch-tool-tip { color: #000; border-color: #ddd } variant-swatch-king div.swatches div.swatch-preset-501455 li.swatch-view-item:hover .swatch-tool-tip-pointer { border-color: transparent transparent #ddd transparent } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501455 li.swatch-view-item:hover .swatch-image-wrapper .star-set-image::after { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501455 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501455 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501455 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501455 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501455 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501455 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #ddd } variant-swatch-king div.swatch-preset-501455 .swatch-navigable ul.swatch-view.swatch-with-tooltip { padding-bottom: 26px } variant-swatch-king div.swatch-preset-501455 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-501455 .swatch-navigable { width: calc(100% - 61.2px); margin: auto; float: none !important } variant-swatch-king div.swatch-preset-501455 .swatch-navigable .swatch-navigation-wrapper { top: 0px; padding: 0 3px } variant-swatch-king div.swatch-preset-501455 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-501455 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 24.6px } variant-swatch-king div.swatch-preset-501455 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 3px; width: 24.6px } variant-swatch-king div.swatch-preset-501455 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-501455.swatch-view-slide, variant-swatch-king div.swatch-preset-501455.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-501455 .swatch-tool-tip { display: block; position: absolute; cursor: pointer; width: max-content; min-width: 100%; opacity: 0; color: #fff; border-width: 1px; border-style: solid; border-color: #fff; background-color: #fff; text-align: center; border-radius: 4px; left: 0; right: 0; top: 105%; top: calc(100% + 10px); padding: 2px 6px; font-size: 8px; text-transform: none; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 13 } variant-swatch-king div.swatch-preset-501455 .swatch-tool-tip-pointer { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #fff transparent; opacity: 0; pointer-events: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 99999 } variant-swatch-king div.swatch-preset-501455 .swatch-img-text-adjacent { display: inline-block; vertical-align: middle; padding: 0 0.5em; color: #fff; font-size: 8px; text-transform: none } variant-swatch-king div.swatch-preset-501455 .swatch-img-text-adjacent p { margin: 0 !important; padding: 0 !important } variant-swatch-king div.swatches div.swatch-preset-501455 li.swatch-view-item.swatch-item-unavailable div.star-set-image { overflow: hidden } variant-swatch-king div.swatches div.swatch-preset-501455 li.swatch-view-item.swatch-item-unavailable div.star-set-image::after { content: ''; position: absolute; height: 100%; width: 0; right: 0; left: 0; top: 0; bottom: 0; border-right: 1.5px solid; border-color: #fff; transform: rotate(45deg); margin: auto } variant-swatch-king div.swatch-preset-501455 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 9.75px !important; font-size: 7.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501455 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 9.75px !important; font-size: 7.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501455 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 9.75px !important; font-size: 7.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501455 .swatch-image-wrapper { -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501455 .swatch-image, variant-swatch-king div.swatch-preset-501455 .swatch-custom-image { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; background-color: inherit; overflow: visible } variant-swatch-king div.swatch-preset-501455 .minification-btn { margin: 0 !important; display: flex } variant-swatch-king div.swatch-preset-501455 .btn-with-count .star-set-image { border: none !important; min-width: fit-content !important; width: fit-content !important; text-transform: none !important } variant-swatch-king div.swatch-preset-501455 .btn-with-count .star-set-image .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-501455 .minification-text { display: flex; justify-content: center; align-items: center; background-image: none; color: black !important } variant-swatch-king div.swatch-preset-501446 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-501446 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-501446 .star-set-image { height: 80px; width: 80px; background-position: top; border-radius: 0px; background-color: transparent; background-size: cover; margin: 0px 0px 0 0px } variant-swatch-king div.swatch-preset-501446 .swatch-image-wrapper { position: relative; display: grid; grid-template-columns: auto; border-style: solid; border-color: #F7F7F7; border-radius: 8px; border-width: 1.5px; background-color: #fff; width: 83px; overflow: hidden; padding-bottom: 5px } variant-swatch-king div.swatch-preset-501446 .star-set-image { border-style: solid; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-color: #fff } variant-swatch-king div.swatches div.swatch-preset-501446 ul.swatch-view li { margin: 0 4px 0.5rem 0 } variant-swatch-king div.swatch-preset-501446 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-501446 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-501446 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-501446 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-501446 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-501446 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 30.95px } variant-swatch-king div.swatch-preset-501446 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 123.8px; width: 30.95px } variant-swatch-king div.swatch-preset-501446 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-501446.swatch-view-slide, variant-swatch-king div.swatch-preset-501446.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-501446 .swatch-img-text-adjacent { position: relative; display: flex; justify-content: left; width: 100%; color: #222; padding: 5px 4px 0; font-size: 12px; text-transform: none } variant-swatch-king div.swatch-preset-501446 .swatch-img-text-adjacent p { white-space: pre; overflow: hidden; text-overflow: ellipsis; margin: 0 !important; padding: 0 !important; overflow: hidden; font-weight: 600; max-width: 75px; line-height: 120% !important } variant-swatch-king div.swatch-preset-501446 .swatch-price-adjacent { position: relative; display: flex; justify-content: left; width: 100%; font-size: 12px; color: #7A7A7A; padding: 2px 4px 0 4px } variant-swatch-king div.swatch-preset-501446 .swatch-price-adjacent span { white-space: pre; overflow: hidden; margin: 0 !important; padding: 0 !important; overflow: hidden; max-width: 75px; line-height: 120% !important } variant-swatch-king div.swatch-preset-501446 .swatch-selected .swatch-img-text-adjacent { color: #000 } variant-swatch-king div.swatch-preset-501446 .swatch-selected .swatch-price-adjacent { color: #333 } variant-swatch-king div.swatch-preset-501446 .swatch-selected .star-set-image { border-color: #fff } variant-swatch-king div.swatch-preset-501446 .swatch-image-wrapper:has(.swatch-selected) { border-color: #140BAA; background-color: #fff } variant-swatch-king div.swatch-preset-501446 div.swatches.hover-enabled .swatch-image-wrapper, variant-swatch-king div.swatch-preset-501446 li.swatch-view-item:hover .swatch-image-wrapper { box-shadow: 0 10px 10px -10px #140BAA } variant-swatch-king div.swatch-preset-501446 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatch-preset-501446 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)), variant-swatch-king div.swatch-preset-501446 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatch-preset-501446 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #140BAA; background-color: #FFEFDE } variant-swatch-king div.swatch-preset-501446 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatch-preset-501446 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatch-preset-501446 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatch-preset-501446 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #fff } variant-swatch-king div.swatch-preset-501446 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatch-preset-501446 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatch-preset-501446 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatch-preset-501446 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #6A6A6A } variant-swatch-king div.swatch-preset-501446 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatch-preset-501446 div.swatches.hover-enabled .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatch-preset-501446 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatch-preset-501446 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-price-adjacent { color: #7A7A7A } variant-swatch-king div.swatches div.swatch-preset-501446 li.swatch-view-item.swatch-item-unavailable .swatch-img-text-adjacent p { text-decoration-line: line-through } variant-swatch-king div.swatch-preset-501446 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; border-radius: 0 !important; font-weight: 600; border-radius: 2px; font-size: 12px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; z-index: 1 } variant-swatch-king div.swatch-preset-501446 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; border-radius: 0 !important; font-weight: 600; border-radius: 2px; font-size: 12px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; z-index: 1 } variant-swatch-king div.swatch-preset-501446 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; border-radius: 0 !important; font-weight: 600; border-radius: 2px; font-size: 12px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; z-index: 1 } variant-swatch-king div.swatch-preset-501446 .swatch-image-wrapper { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501445 .star-set-image { height: 30px; width: 30px; background-position: top; border-radius: 80px; background-color: #fff; background-size: cover; overflow: hidden; isolation: isolate } variant-swatch-king div.swatch-preset-501445 .star-set-image::before { content: ''; position: absolute; top: 0; left: 0; border-radius: inherit; background-image: inherit; background-position: inherit; background-repeat: no-repeat; background-size: inherit; width: 100%; height: 100%; opacity: 1; transform: scale(1); transform-origin: top; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501445 .swatch-image-wrapper { border-style: solid; border-width: 1px; border-color: #fff; border-radius: 80px; padding: 3px } variant-swatch-king div.swatch-preset-501445 .star-set-image { border-style: solid; border-width: 1px; border-color: #ddd } variant-swatch-king div.swatches div.swatch-preset-501445 ul.swatch-view li { margin: 0 6px 0.5rem 0 } variant-swatch-king div.swatch-preset-501445 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-501445 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-501445 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-501445 li .swatch-selected .star-set-image::after { border-color: #140BAA } variant-swatch-king div.swatch-preset-501445 li .swatch-selected .swatch-img-text-adjacent { color: #140BAA } variant-swatch-king div.swatch-preset-501445 li .swatch-selected .star-set-image { border-color: #F7F7F7 } variant-swatch-king div.swatch-preset-501445 li .swatch-image-wrapper:has(.swatch-selected) { border-color: #140BAA } variant-swatch-king div.swatches div.swatch-preset-501445 li.swatch-view-item:hover .swatch-tool-tip { color: #fff; border-color: #140BAA } variant-swatch-king div.swatches div.swatch-preset-501445 li.swatch-view-item:hover .swatch-tool-tip-pointer { border-color: transparent transparent #140BAA transparent } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501445 li.swatch-view-item:hover .star-set-image:before { opacity: 1; transform: scale(1.2) } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501445 li.swatch-view-item:hover .swatch-image-wrapper { z-index: 12; transform: scale(1.2) } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501445 li.swatch-view-item:hover .swatch-image-wrapper .star-set-image::after { border-color: #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501445 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501445 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501445 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501445 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #fff } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501445 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501445 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #140BAA } variant-swatch-king div.swatch-preset-501445 .swatch-navigable ul.swatch-view.swatch-with-tooltip { padding-bottom: 29px } variant-swatch-king div.swatch-preset-501445 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-501445 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-501445 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-501445 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-501445 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 34.2px } variant-swatch-king div.swatch-preset-501445 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 38px; width: 34.2px } variant-swatch-king div.swatch-preset-501445 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-501445.swatch-view-slide, variant-swatch-king div.swatch-preset-501445.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-501445 .swatch-tool-tip { display: block; position: absolute; cursor: pointer; width: max-content; min-width: 100%; opacity: 0; color: #fff; border-width: 1px; border-style: solid; border-color: #fff; background-color: #160BB1; text-align: center; border-radius: 4px; left: 0; right: 0; top: 105%; top: calc(100% + 10px); padding: 2px 6px; font-size: 11px; text-transform: none; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 13 } variant-swatch-king div.swatch-preset-501445 .swatch-tool-tip-pointer { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #fff transparent; opacity: 0; pointer-events: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 99999 } variant-swatch-king div.swatch-preset-501445 .swatch-img-text-adjacent { display: inline-block; vertical-align: middle; padding: 0 0.5em; color: #fff; font-size: 11px; text-transform: none } variant-swatch-king div.swatch-preset-501445 .swatch-img-text-adjacent p { margin: 0 !important; padding: 0 !important } variant-swatch-king div.swatches div.swatch-preset-501445 li.swatch-view-item.swatch-item-unavailable div.star-set-image { overflow: hidden } variant-swatch-king div.swatches div.swatch-preset-501445 li.swatch-view-item.swatch-item-unavailable div.star-set-image::after { content: ''; position: absolute; height: 100%; width: 0; right: 0; left: 0; top: 0; bottom: 0; border-right: 1.5px solid; border-color: #fff; transform: rotate(45deg); margin: auto } variant-swatch-king div.swatch-preset-501445 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; top: 100%; right: 50%; padding: 2px !important; overflow: visible; border-radius: 3px !important; width: 75%; transform: translate(50%, calc(-0.29 * 36px - 0.3px)); font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 9px !important; font-size: 7.2px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501445 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; top: 100%; right: 50%; padding: 2px !important; overflow: visible; border-radius: 3px !important; width: 75%; transform: translate(50%, calc(-0.29 * 36px - 0.3px)); font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 9px !important; font-size: 7.2px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501445 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; top: 100%; right: 50%; padding: 2px !important; overflow: visible; border-radius: 3px !important; width: 75%; transform: translate(50%, calc(-0.29 * 36px - 0.3px)); font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 9px !important; font-size: 7.2px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501445 .swatch-view-item { position: relative; overflow: visible !important } variant-swatch-king div.swatch-preset-501445 .swatch-view-item { margin-bottom: 8px !important } variant-swatch-king div.swatch-preset-501445 .swatch-image-wrapper { -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501445 .swatch-image, variant-swatch-king div.swatch-preset-501445 .swatch-custom-image { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; background-color: inherit; overflow: visible } variant-swatch-king div.swatch-preset-501445 .minification-btn { margin: 0 !important; display: flex } variant-swatch-king div.swatch-preset-501445 .btn-with-count .star-set-image { border: none !important; min-width: fit-content !important; width: fit-content !important; text-transform: none !important } variant-swatch-king div.swatch-preset-501445 .btn-with-count .star-set-image .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-501445 .minification-text { display: flex; justify-content: center; align-items: center; background-image: none; color: black !important } variant-swatch-king div.swatch-preset-1444826 .star-set-btn { min-width: 20px; line-height: 14.4px } variant-swatch-king div.swatch-preset-1444826 div.star-set-btn { border: 1px solid #CFCFCF } variant-swatch-king div.swatch-preset-1444826 div.star-set-btn { border-color: #CFCFCF; border-radius: 0px; text-align: center } variant-swatch-king div.swatch-preset-1444826 div.star-set-btn div.swatch-button-title-text { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A; text-transform: none; font-size: 12px; font-weight: inherit; border-bottom: 0px solid #000; padding: 4.3px 7px } variant-swatch-king div.swatch-preset-1444826 div.star-set-btn div.swatch-button-price { color: #7A7A7A; font-size: 13px; font-weight: inherit; background-color: #fff; padding: 0px 7px 4.3px 7px; display: flex; justify-content: center } variant-swatch-king div.swatch-preset-1444826 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-1444826 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-1444826 div.star-set-btn.swatch-selected { border-color: #292929 } variant-swatch-king div.swatch-preset-1444826 div.star-set-btn.swatch-selected div.swatch-button-title-text { color: #292929; background-color: #fff; text-decoration-color: #292929 } variant-swatch-king div.swatch-preset-1444826 div.star-set-btn.swatch-selected::before { border-color: #292929 !important } variant-swatch-king div.swatch-preset-1444826 div.star-set-btn.swatch-selected div.swatch-button-price { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A } variant-swatch-king div.swatches div.swatch-preset-1444826 ul.swatch-view li { margin: 0 7px 0.5rem 0 } variant-swatch-king div.swatch-preset-1444826 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-1444826 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-1444826 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-1444826 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-1444826 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { right: unset; left: 0 } variant-swatch-king div.swatch-preset-1444826 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 36.54px } variant-swatch-king div.swatch-preset-1444826 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 40.6px; width: 36.54px } variant-swatch-king div.swatch-preset-1444826 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-1444826 .swatch-view-slide, variant-swatch-king div.swatch-preset-1444826 .swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444826 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) { border-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444826 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) div.swatch-button-title-text { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444826 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected)::before { border-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444826 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) div.swatch-button-price { color: #7A7A7A; background-color: #fff; text-decoration-color: #7A7A7A } variant-swatch-king div.swatches div.swatch-preset-1444826 li.swatch-view-item.swatch-item-unavailable div.star-set-btn::before { content: ''; position: absolute; height: 100%; width: 0; right: 0; left: 0; top: 0; bottom: 0; border-right: 1.5px solid; border-color: #6A6A6A; transform: rotate(45deg); margin: auto } variant-swatch-king div.swatch-preset-1444826 div.swatch-button-price-hidden { display: none } variant-swatch-king div.swatch-preset-1444826 .minification-btn { margin: 0 !important; height: 23px } variant-swatch-king div.swatch-preset-1444826 .minification-btn div { height: 100% } variant-swatch-king div.swatch-preset-1444826 .minification-btn .star-set-btn { min-width: 0 !important; height: 100% !important; width: 20px } variant-swatch-king div.swatch-preset-1444826 .btn-with-count .star-set-btn { border: none !important; min-width: fit-content !important } variant-swatch-king div.swatch-preset-1444826 .btn-with-count .star-set-btn .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-1444826 .minification-text { display: flex; justify-content: center; align-items: center; height: 100%; color: black !important } variant-swatch-king div.swatch-preset-1444822 .star-set-btn { height: 16px; padding: 0 0 3px 0; font-size: 13px; line-height: 11px } variant-swatch-king div.swatch-preset-1444822 div.star-set-btn { border-bottom: 2px solid #fff; color: #6A6A6A; text-decoration-color: #6A6A6A; text-transform: none } variant-swatch-king div.swatch-preset-1444822 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-1444822 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-1444822 div.star-set-btn.swatch-selected { color: #C86800; border-color: #C86800; text-decoration-color: #C86800 } variant-swatch-king div.swatch-preset-1444822 div.star-set-btn.swatch-selected::before { border-color: #C86800 !important } variant-swatch-king div.swatches div.swatch-preset-1444822 ul.swatch-view li { margin: 0 12px 0.5rem 0 } variant-swatch-king div.swatch-preset-1444822 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-1444822 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-1444822 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-1444822 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-1444822 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-1444822 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 16px } variant-swatch-king div.swatch-preset-1444822 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 16px; width: 16px } variant-swatch-king div.swatch-preset-1444822 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-1444822 .swatch-view-slide, variant-swatch-king div.swatch-preset-1444822 .swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444822 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) { color: #6A6A6A; border-color: #CFCFCF; text-decoration-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444822 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected)::before { border-color: #6A6A6A } variant-swatch-king div.swatches div.swatch-preset-1444822 li.swatch-view-item.swatch-item-unavailable div.star-set-btn div.swatch-button-title-text { text-decoration-line: line-through } variant-swatch-king div.swatches div.swatch-preset-1444822 li.swatch-view-item.swatch-item-unavailable div.star-set-btn div.swatch-button-title-text::before, variant-swatch-king div.swatches div.swatch-preset-1444822 li.swatch-view-item.swatch-item-unavailable div.star-set-btn div.swatch-button-title-text::after { content: "_" !important; color: transparent; color: transparent } variant-swatch-king div.swatch-preset-1444822 div.swatch-button-title-text span { margin: 0 !important; padding: 0 !important } variant-swatch-king div.swatch-preset-1444822 .minification-btn { margin: 0 !important; height: 15.6px; width: 15.6px } variant-swatch-king div.swatch-preset-1444822 .minification-btn div { height: 100% } variant-swatch-king div.swatch-preset-1444822 .btn-with-count .star-set-btn { border: none !important; min-width: fit-content !important } variant-swatch-king div.swatch-preset-1444822 .btn-with-count .star-set-btn .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-1444822 .minification-text { display: flex; justify-content: center; align-items: center; height: 100%; color: black !important } variant-swatch-king div.swatch-preset-1444808 .star-set-btn { min-width: 20px; line-height: 15.6px } variant-swatch-king div.swatch-preset-1444808 div.star-set-btn { border: 1px solid #fff } variant-swatch-king div.swatch-preset-1444808 div.star-set-btn { border-color: #fff; border-radius: 25px; text-align: center } variant-swatch-king div.swatch-preset-1444808 div.star-set-btn div.swatch-button-title-text { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A; text-transform: none; font-size: 13px; font-weight: inherit; border-bottom: 0px solid #000; padding: 8.7px 10px } variant-swatch-king div.swatch-preset-1444808 div.star-set-btn div.swatch-button-price { color: #7A7A7A; font-size: 13px; font-weight: inherit; background-color: #fff; padding: 0px 10px 8.7px 10px; display: flex; justify-content: center } variant-swatch-king div.swatch-preset-1444808 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-1444808 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-1444808 div.star-set-btn.swatch-selected { border-color: #292929 } variant-swatch-king div.swatch-preset-1444808 div.star-set-btn.swatch-selected div.swatch-button-title-text { color: #292929; background-color: #fff; text-decoration-color: #292929 } variant-swatch-king div.swatch-preset-1444808 div.star-set-btn.swatch-selected::before { border-color: #292929 !important } variant-swatch-king div.swatch-preset-1444808 div.star-set-btn.swatch-selected div.swatch-button-price { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A } variant-swatch-king div.swatches div.swatch-preset-1444808 ul.swatch-view li { margin: 0 12px 0.5rem 0 } variant-swatch-king div.swatch-preset-1444808 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-1444808 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-1444808 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-1444808 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-1444808 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { right: unset; left: 0 } variant-swatch-king div.swatch-preset-1444808 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 50.6px } variant-swatch-king div.swatch-preset-1444808 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 50.6px; width: 50.6px } variant-swatch-king div.swatch-preset-1444808 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-1444808 .swatch-view-slide, variant-swatch-king div.swatch-preset-1444808 .swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444808 li.swatch-view-item:hover div.star-set-btn { box-shadow: 0 10px 10px -8px #CFCFCF } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444808 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) { border-color: #CFCFCF } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444808 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) div.swatch-button-title-text { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444808 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected)::before { border-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444808 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) div.swatch-button-price { color: #7A7A7A; background-color: #fff; text-decoration-color: #7A7A7A } variant-swatch-king div.swatches div.swatch-preset-1444808 li.swatch-view-item.swatch-item-unavailable div.star-set-btn div.swatch-button-title-text { text-decoration-line: line-through } variant-swatch-king div.swatches div.swatch-preset-1444808 li.swatch-view-item.swatch-item-unavailable div.star-set-btn div.swatch-button-title-text::before, variant-swatch-king div.swatches div.swatch-preset-1444808 li.swatch-view-item.swatch-item-unavailable div.star-set-btn div.swatch-button-title-text::after { content: "_" !important; color: transparent; color: transparent } variant-swatch-king div.swatch-preset-1444808 div.swatch-button-price-hidden { display: none } variant-swatch-king div.swatch-preset-1444808 .minification-btn { margin: 0 !important; height: 33px } variant-swatch-king div.swatch-preset-1444808 .minification-btn div { height: 100% } variant-swatch-king div.swatch-preset-1444808 .minification-btn .star-set-btn { min-width: 0 !important; height: 100% !important; width: 20px } variant-swatch-king div.swatch-preset-1444808 .btn-with-count .star-set-btn { border: none !important; min-width: fit-content !important } variant-swatch-king div.swatch-preset-1444808 .btn-with-count .star-set-btn .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-1444808 .minification-text { display: flex; justify-content: center; align-items: center; height: 100%; color: black !important } variant-swatch-king div.swatch-preset-501457 .star-set-image { height: 60px; width: 60px; background-position: top; border-radius: 80px; background-color: #fff; background-size: cover; overflow: hidden; isolation: isolate } variant-swatch-king div.swatch-preset-501457 .star-set-image::before { content: ''; position: absolute; top: 0; left: 0; border-radius: inherit; background-image: inherit; background-position: inherit; background-repeat: no-repeat; background-size: inherit; width: 100%; height: 100%; opacity: 1; transform: scale(1); transform-origin: top; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501457 .swatch-image-wrapper { border-style: solid; border-width: 1px; border-color: #ddd; border-radius: 0px; padding: 6px } variant-swatch-king div.swatch-preset-501457 .star-set-image { border-style: solid; border-width: 1px; border-color: #ddd } variant-swatch-king div.swatches div.swatch-preset-501457 ul.swatch-view li { margin: 0 8px 0.5rem 0 } variant-swatch-king div.swatch-preset-501457 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-501457 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-501457 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-501457 li .swatch-selected .star-set-image::after { border-color: #292929 } variant-swatch-king div.swatch-preset-501457 li .swatch-selected .swatch-img-text-adjacent { color: #292929 } variant-swatch-king div.swatch-preset-501457 li .swatch-selected .star-set-image { border-color: #ddd } variant-swatch-king div.swatch-preset-501457 li .swatch-image-wrapper:has(.swatch-selected) { border-color: #292929 } variant-swatch-king div.swatches div.swatch-preset-501457 li.swatch-view-item:hover .swatch-tool-tip { color: #000; border-color: #292929 } variant-swatch-king div.swatches div.swatch-preset-501457 li.swatch-view-item:hover .swatch-tool-tip-pointer { border-color: transparent transparent #292929 transparent } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501457 li.swatch-view-item:hover .star-set-image:before { opacity: 1; transform: scale(1.2) } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501457 li.swatch-view-item:hover .swatch-image-wrapper { box-shadow: 0 10px 10px -10px #292929 } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501457 li.swatch-view-item:hover .swatch-image-wrapper .star-set-image::after { border-color: #292929 } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501457 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501457 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #292929 } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501457 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501457 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501457 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501457 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #292929 } variant-swatch-king div.swatch-preset-501457 .swatch-navigable ul.swatch-view.swatch-with-tooltip { padding-bottom: 28px } variant-swatch-king div.swatch-preset-501457 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-501457 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-501457 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-501457 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-501457 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 37px } variant-swatch-king div.swatch-preset-501457 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 74px; width: 37px } variant-swatch-king div.swatch-preset-501457 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-501457.swatch-view-slide, variant-swatch-king div.swatch-preset-501457.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-501457 .swatch-tool-tip { display: block; position: absolute; cursor: pointer; width: max-content; min-width: 100%; opacity: 0; color: #fff; border-width: 1px; border-style: solid; border-color: #ddd; background-color: #fff; text-align: center; border-radius: 4px; left: 0; right: 0; top: 105%; top: calc(100% + 10px); padding: 2px 6px; font-size: 10px; text-transform: none; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 13 } variant-swatch-king div.swatch-preset-501457 .swatch-tool-tip-pointer { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #ddd transparent; opacity: 0; pointer-events: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 99999 } variant-swatch-king div.swatch-preset-501457 .swatch-img-text-adjacent { display: inline-block; vertical-align: middle; padding: 0 0.5em; color: #ddd; font-size: 10px; text-transform: none } variant-swatch-king div.swatch-preset-501457 .swatch-img-text-adjacent p { margin: 0 !important; padding: 0 !important } variant-swatch-king div.swatches div.swatch-preset-501457 li.swatch-view-item.swatch-item-unavailable div.star-set-image { overflow: hidden } variant-swatch-king div.swatches div.swatch-preset-501457 li.swatch-view-item.swatch-item-unavailable div.star-set-image::after { content: ''; position: absolute; height: 100%; width: 0; right: 0; left: 0; top: 0; bottom: 0; border-right: 1.5px solid; border-color: #ddd; transform: rotate(45deg); margin: auto } variant-swatch-king div.swatch-preset-501457 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; opacity: 0.85; border-radius: 0 !important; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 18px !important; font-size: 14.4px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501457 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; opacity: 0.85; border-radius: 0 !important; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 18px !important; font-size: 14.4px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501457 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; opacity: 0.85; border-radius: 0 !important; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 18px !important; font-size: 14.4px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501457 .swatch-image-wrapper { -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501457 .swatch-image, variant-swatch-king div.swatch-preset-501457 .swatch-custom-image { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; background-color: inherit; overflow: visible } variant-swatch-king div.swatch-preset-501457 .minification-btn { margin: 0 !important; display: flex } variant-swatch-king div.swatch-preset-501457 .btn-with-count .star-set-image { border: none !important; min-width: fit-content !important; width: fit-content !important; text-transform: none !important } variant-swatch-king div.swatch-preset-501457 .btn-with-count .star-set-image .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-501457 .minification-text { display: flex; justify-content: center; align-items: center; background-image: none; color: black !important } variant-swatch-king div.swatch-preset-501451 .star-set-image { height: 20px; width: 20px; background-position: top; border-radius: 80px; background-color: transparent; background-size: cover } variant-swatch-king div.swatch-preset-501451 .swatch-image-wrapper { border-style: solid; border-width: 1px; border-color: #fff; border-radius: 80px; padding: 2px } variant-swatch-king div.swatch-preset-501451 .star-set-image { border-style: solid; border-width: .5px; border-color: #ddd } variant-swatch-king div.swatches div.swatch-preset-501451 ul.swatch-view li { margin: 0 3px 0.5rem 0 } variant-swatch-king div.swatch-preset-501451 ul.swatch-view { margin-top: 0px } variant-swatch-king div.swatch-preset-501451 .swatches-type-collections .swatch-view-slide ul.swatch-view { margin: 0 } variant-swatch-king div.swatch-preset-501451 ul.swatch-view { margin-top: 0px } variant-swatch-king div.swatch-preset-501451.swatch-view-slide { position: relative } variant-swatch-king div.swatch-preset-501451 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-501451 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-501451 li .swatch-selected .star-set-image::after { border-color: #292929 } variant-swatch-king div.swatch-preset-501451 li .swatch-selected .swatch-img-text-adjacent { color: #ddd } variant-swatch-king div.swatch-preset-501451 li .swatch-selected .star-set-image { border-color: #ddd } variant-swatch-king div.swatch-preset-501451 li .swatch-image-wrapper:has(.swatch-selected) { border-color: #292929 } variant-swatch-king div.swatches div.swatch-preset-501451 li.swatch-view-item:hover .swatch-tool-tip { color: #000; border-color: #ddd } variant-swatch-king div.swatches div.swatch-preset-501451 li.swatch-view-item:hover .swatch-tool-tip-pointer { border-color: transparent transparent #ddd transparent } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501451 li.swatch-view-item:hover .swatch-image-wrapper .star-set-image::after { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501451 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501451 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501451 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501451 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #ddd } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501451 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501451 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #ddd } variant-swatch-king div.swatch-preset-501451 .swatch-navigable ul.swatch-view.swatch-with-tooltip { padding-bottom: 26px } variant-swatch-king div.swatch-preset-501451 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-501451 .swatch-navigable { width: calc(100% - 56.2px); margin: auto; float: none !important } variant-swatch-king div.swatch-preset-501451 .swatch-navigable .swatch-navigation-wrapper { top: 0px; padding: 0 3px } variant-swatch-king div.swatch-preset-501451 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-501451 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 22.1px } variant-swatch-king div.swatch-preset-501451 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 26px; width: 22.1px } variant-swatch-king div.swatch-preset-501451 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-501451.swatch-view-slide, variant-swatch-king div.swatch-preset-501451.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-501451 .swatch-tool-tip { display: block; position: absolute; cursor: pointer; width: max-content; min-width: 100%; opacity: 0; color: #fff; border-width: 1px; border-style: solid; border-color: #fff; background-color: #fff; text-align: center; border-radius: 4px; left: 0; right: 0; top: 105%; top: calc(100% + 10px); padding: 2px 6px; font-size: 8px; text-transform: none; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 13 } variant-swatch-king div.swatch-preset-501451 .swatch-tool-tip-pointer { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #fff transparent; opacity: 0; pointer-events: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 99999 } variant-swatch-king div.swatch-preset-501451 .swatch-img-text-adjacent { display: inline-block; vertical-align: middle; padding: 0 0.5em; color: #fff; font-size: 8px; text-transform: none } variant-swatch-king div.swatch-preset-501451 .swatch-img-text-adjacent p { margin: 0 !important; padding: 0 !important } variant-swatch-king div.swatches div.swatch-preset-501451 li.swatch-view-item.swatch-item-unavailable div.star-set-image { overflow: hidden } variant-swatch-king div.swatches div.swatch-preset-501451 li.swatch-view-item.swatch-item-unavailable div.star-set-image::after { content: ''; position: absolute; height: 100%; width: 0; right: 0; left: 0; top: 0; bottom: 0; border-right: 1.5px solid; border-color: #fff; transform: rotate(45deg); margin: auto } variant-swatch-king div.swatch-preset-501451 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 6px !important; font-size: 4.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501451 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 6px !important; font-size: 4.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501451 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 6px !important; font-size: 4.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501451 .swatch-image-wrapper { -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501451 .swatch-image, variant-swatch-king div.swatch-preset-501451 .swatch-custom-image { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; background-color: inherit; overflow: visible } variant-swatch-king div.swatch-preset-501451 .minification-btn { margin: 0 !important; display: flex } variant-swatch-king div.swatch-preset-501451 .btn-with-count .star-set-image { border: none !important; min-width: fit-content !important; width: fit-content !important; text-transform: none !important } variant-swatch-king div.swatch-preset-501451 .btn-with-count .star-set-image .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-501451 .minification-text { display: flex; justify-content: center; align-items: center; background-image: none; color: black !important } variant-swatch-king div.swatch-preset-501449 .star-set-image { height: 50px; width: 50px; background-position: center; border-radius: 10px; background-color: #fff; background-size: cover; overflow: hidden; isolation: isolate } variant-swatch-king div.swatch-preset-501449 .star-set-image::before { content: ''; position: absolute; top: 0; left: 0; border-radius: inherit; background-image: inherit; background-position: inherit; background-repeat: no-repeat; background-size: inherit; width: 100%; height: 100%; opacity: 1; transform: scale(1); transform-origin: center; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501449 .swatch-image-wrapper { border-style: solid; border-width: 1px; border-color: #F7F7F7; border-radius: 12px; padding: 2px } variant-swatch-king div.swatch-preset-501449 .star-set-image { border-style: solid; border-width: 1px; border-color: #fff } variant-swatch-king div.swatches div.swatch-preset-501449 ul.swatch-view li { margin: 0 6px 0.5rem 0 } variant-swatch-king div.swatch-preset-501449 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-501449 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-501449 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-501449 li .swatch-selected .star-set-image::after { color: #140BAA !important } variant-swatch-king div.swatch-preset-501449 li .swatch-selected .swatch-img-text-adjacent { color: #140BAA } variant-swatch-king div.swatch-preset-501449 li .swatch-selected .star-set-image { border-color: #fff } variant-swatch-king div.swatch-preset-501449 li .swatch-image-wrapper:has(.swatch-selected) { border-color: #140BAA } variant-swatch-king div.swatches div.swatch-preset-501449 li.swatch-view-item:hover .swatch-tool-tip { color: #000; border-color: #140BAA } variant-swatch-king div.swatches div.swatch-preset-501449 li.swatch-view-item:hover .swatch-tool-tip-pointer { border-color: transparent transparent #140BAA transparent } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501449 li.swatch-view-item:hover .star-set-image:before { opacity: 1; transform: scale(1.2) } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501449 li.swatch-view-item:hover .swatch-image-wrapper { box-shadow: 0 10px 10px -10px #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501449 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501449 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { border-color: #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501449 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501449 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #F7F7F7 } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501449 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501449 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #140BAA } variant-swatch-king div.swatch-preset-501449 .swatch-navigable ul.swatch-view.swatch-with-tooltip { padding-bottom: 28px } variant-swatch-king div.swatch-preset-501449 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-501449 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-501449 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-501449 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-501449 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 28px } variant-swatch-king div.swatch-preset-501449 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 56px; width: 28px } variant-swatch-king div.swatch-preset-501449 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-501449.swatch-view-slide, variant-swatch-king div.swatch-preset-501449.swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-501449 .swatch-tool-tip { display: block; position: absolute; cursor: pointer; width: max-content; min-width: 100%; opacity: 0; color: #fff; border-width: 1px; border-style: solid; border-color: #F7F7F7; background-color: #fff; text-align: center; border-radius: 4px; left: 0; right: 0; top: 105%; top: calc(100% + 10px); padding: 2px 6px; font-size: 10px; text-transform: none; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 13 } variant-swatch-king div.swatch-preset-501449 .swatch-tool-tip-pointer { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #F7F7F7 transparent; opacity: 0; pointer-events: none !important; -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important; z-index: 99999 } variant-swatch-king div.swatch-preset-501449 .swatch-img-text-adjacent { display: inline-block; vertical-align: middle; padding: 0 0.5em; color: #F7F7F7; font-size: 10px; text-transform: none } variant-swatch-king div.swatch-preset-501449 .swatch-img-text-adjacent p { margin: 0 !important; padding: 0 !important } variant-swatch-king div.swatches div.swatch-preset-501449 li.swatch-view-item.swatch-item-unavailable div.star-set-image { overflow: hidden } variant-swatch-king div.swatches div.swatch-preset-501449 li.swatch-view-item.swatch-item-unavailable div.star-set-image::after { content: ''; display: block; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; margin: auto; border-radius: inherit; background-color: #f8f8f8; opacity: 0.75; pointer-events: none } variant-swatch-king div.swatch-preset-501449 .new-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; opacity: 0.85; border-radius: 0 !important; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 13.5px !important; font-size: 10.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501449 .sold-out-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; opacity: 0.85; border-radius: 0 !important; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 13.5px !important; font-size: 10.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501449 .sale-badge { transform: rotate(0deg); border-radius: 0; white-space: nowrap; text-transform: none; bottom: 0%; left: 0; width: 100%; opacity: 0.85; border-radius: 0 !important; font-weight: 600; border-radius: 2px; position: absolute; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; min-width: 50%; line-height: 13.5px !important; font-size: 10.8px !important; z-index: 15; -webkit-transition: 0.3s transform ease-in-out !important; transition: 0.3s transform ease-in-out !important } variant-swatch-king div.swatch-preset-501449 .swatch-image-wrapper { -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501449 .swatch-image, variant-swatch-king div.swatch-preset-501449 .swatch-custom-image { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; background-color: inherit; overflow: visible } variant-swatch-king div.swatch-preset-501449 .minification-btn { margin: 0 !important; display: flex } variant-swatch-king div.swatch-preset-501449 .btn-with-count .star-set-image { border: none !important; min-width: fit-content !important; width: fit-content !important; text-transform: none !important } variant-swatch-king div.swatch-preset-501449 .btn-with-count .star-set-image .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-501449 .minification-text { display: flex; justify-content: center; align-items: center; background-image: none; color: black !important } variant-swatch-king div.swatch-preset-501447 .star-set-btn { min-width: 20px; line-height: 16.8px } variant-swatch-king div.swatch-preset-501447 div.star-set-btn { border: 1px solid #333 } variant-swatch-king div.swatch-preset-501447 div.star-set-btn { border-color: #333; border-radius: 18px; text-align: center } variant-swatch-king div.swatch-preset-501447 div.star-set-btn div.swatch-button-title-text { color: #333; background-color: #fff; text-decoration-color: #333; text-transform: none; font-size: 14px; font-weight: inherit; border-bottom: 0px solid #000; padding: 12px 13px } variant-swatch-king div.swatch-preset-501447 div.star-set-btn div.swatch-button-price { color: #7A7A7A; font-size: 13px; font-weight: inherit; background-color: #fff; padding: 0px 13px 12px 13px; display: flex; justify-content: center } variant-swatch-king div.swatch-preset-501447 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-501447 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-501447 div.star-set-btn.swatch-selected { border-color: #140BAA; box-shadow: 0 10px 10px -8px #140BAA } variant-swatch-king div.swatch-preset-501447 div.star-set-btn.swatch-selected div.swatch-button-title-text { color: #140BAA; background-color: #fff; text-decoration-color: #140BAA } variant-swatch-king div.swatch-preset-501447 div.star-set-btn.swatch-selected::before { border-color: #140BAA !important } variant-swatch-king div.swatch-preset-501447 div.star-set-btn.swatch-selected div.swatch-button-price { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A } variant-swatch-king div.swatches div.swatch-preset-501447 ul.swatch-view li { margin: 0 8px 0.5rem 0 } variant-swatch-king div.swatch-preset-501447 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-501447 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-501447 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-501447 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-501447 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { right: unset; left: 0 } variant-swatch-king div.swatch-preset-501447 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 35.04px } variant-swatch-king div.swatch-preset-501447 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 3px; width: 35.04px } variant-swatch-king div.swatch-preset-501447 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-501447 .swatch-view-slide, variant-swatch-king div.swatch-preset-501447 .swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501447 li.swatch-view-item:hover div.star-set-btn { box-shadow: 0 10px 10px -8px #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501447 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) { border-color: #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501447 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) div.swatch-button-title-text { color: #140BAA; background-color: #fff; text-decoration-color: #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501447 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected)::before { border-color: #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501447 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) div.swatch-button-price { color: #7A7A7A; background-color: #fff; text-decoration-color: #7A7A7A } variant-swatch-king div.swatches div.swatch-preset-501447 li.swatch-view-item.swatch-item-unavailable div.star-set-btn::before { content: ''; position: absolute; height: 100%; width: 0; right: 0; left: 0; top: 0; bottom: 0; border-right: 1.5px solid; border-color: #333; transform: rotate(45deg); margin: auto } variant-swatch-king div.swatch-preset-501447 div.swatch-button-price-hidden { display: none } variant-swatch-king div.swatch-preset-501447 .minification-btn { margin: 0 !important; height: 40.8px } variant-swatch-king div.swatch-preset-501447 .minification-btn div { height: 100% } variant-swatch-king div.swatch-preset-501447 .minification-btn .star-set-btn { min-width: 0 !important; height: 100% !important; width: 20px } variant-swatch-king div.swatch-preset-501447 .btn-with-count .star-set-btn { border: none !important; min-width: fit-content !important } variant-swatch-king div.swatch-preset-501447 .btn-with-count .star-set-btn .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-501447 .minification-text { display: flex; justify-content: center; align-items: center; height: 100%; color: black !important } variant-swatch-king div.swatch-preset-501444 .star-set-btn { min-width: 20px; line-height: 15.6px } variant-swatch-king div.swatch-preset-501444 div.star-set-btn { border: 1px solid #fff } variant-swatch-king div.swatch-preset-501444 div.star-set-btn { border-color: #fff; border-radius: 25px; text-align: center } variant-swatch-king div.swatch-preset-501444 div.star-set-btn div.swatch-button-title-text { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A; text-transform: none; font-size: 13px; font-weight: inherit; border-bottom: 0px solid #000; padding: 8.7px 10px } variant-swatch-king div.swatch-preset-501444 div.star-set-btn div.swatch-button-price { color: #7A7A7A; font-size: 13px; font-weight: inherit; background-color: #fff; padding: 0px 10px 8.7px 10px; display: flex; justify-content: center } variant-swatch-king div.swatch-preset-501444 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-501444 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-501444 div.star-set-btn.swatch-selected { border-color: #292929 } variant-swatch-king div.swatch-preset-501444 div.star-set-btn.swatch-selected div.swatch-button-title-text { color: #292929; background-color: #fff; text-decoration-color: #292929 } variant-swatch-king div.swatch-preset-501444 div.star-set-btn.swatch-selected::before { border-color: #292929 !important } variant-swatch-king div.swatch-preset-501444 div.star-set-btn.swatch-selected div.swatch-button-price { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A } variant-swatch-king div.swatches div.swatch-preset-501444 ul.swatch-view li { margin: 0 12px 0.5rem 0 } variant-swatch-king div.swatch-preset-501444 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-501444 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-501444 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-501444 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-501444 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { right: unset; left: 0 } variant-swatch-king div.swatch-preset-501444 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 50.6px } variant-swatch-king div.swatch-preset-501444 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 50.6px; width: 50.6px } variant-swatch-king div.swatch-preset-501444 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-501444 .swatch-view-slide, variant-swatch-king div.swatch-preset-501444 .swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501444 li.swatch-view-item:hover div.star-set-btn { box-shadow: 0 10px 10px -8px #CFCFCF } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501444 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) { border-color: #CFCFCF } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501444 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) div.swatch-button-title-text { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501444 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected)::before { border-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501444 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) div.swatch-button-price { color: #7A7A7A; background-color: #fff; text-decoration-color: #7A7A7A } variant-swatch-king div.swatches div.swatch-preset-501444 li.swatch-view-item.swatch-item-unavailable div.star-set-btn div.swatch-button-title-text { text-decoration-line: line-through } variant-swatch-king div.swatches div.swatch-preset-501444 li.swatch-view-item.swatch-item-unavailable div.star-set-btn div.swatch-button-title-text::before, variant-swatch-king div.swatches div.swatch-preset-501444 li.swatch-view-item.swatch-item-unavailable div.star-set-btn div.swatch-button-title-text::after { content: "_" !important; color: transparent; color: transparent } variant-swatch-king div.swatch-preset-501444 div.swatch-button-price-hidden { display: none } variant-swatch-king div.swatch-preset-501444 .minification-btn { margin: 0 !important; height: 33px } variant-swatch-king div.swatch-preset-501444 .minification-btn div { height: 100% } variant-swatch-king div.swatch-preset-501444 .minification-btn .star-set-btn { min-width: 0 !important; height: 100% !important; width: 20px } variant-swatch-king div.swatch-preset-501444 .btn-with-count .star-set-btn { border: none !important; min-width: fit-content !important } variant-swatch-king div.swatch-preset-501444 .btn-with-count .star-set-btn .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-501444 .minification-text { display: flex; justify-content: center; align-items: center; height: 100%; color: black !important } variant-swatch-king div.swatch-preset-501452 .star-set-btn { height: 16px; padding: 0 0 3px 0; font-size: 13px; line-height: 11px } variant-swatch-king div.swatch-preset-501452 div.star-set-btn { border-bottom: 2px solid #fff; color: #6A6A6A; text-decoration-color: #6A6A6A; text-transform: none } variant-swatch-king div.swatch-preset-501452 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-501452 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-501452 div.star-set-btn.swatch-selected { color: #C86800; border-color: #C86800; text-decoration-color: #C86800 } variant-swatch-king div.swatch-preset-501452 div.star-set-btn.swatch-selected::before { border-color: #C86800 !important } variant-swatch-king div.swatches div.swatch-preset-501452 ul.swatch-view li { margin: 0 12px 0.5rem 0 } variant-swatch-king div.swatch-preset-501452 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-501452.swatch-view-slide { position: relative } variant-swatch-king div.swatch-preset-501452 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-501452 .swatch-navigable { width: calc(100% - 44px); margin: auto; float: none !important } variant-swatch-king div.swatch-preset-501452 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-501452 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-501452 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 16px } variant-swatch-king div.swatch-preset-501452 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 16px; width: 16px } variant-swatch-king div.swatch-preset-501452 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-501452 .swatch-view-slide, variant-swatch-king div.swatch-preset-501452 .swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501452 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) { color: #6A6A6A; border-color: #CFCFCF; text-decoration-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501452 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected)::before { border-color: #6A6A6A } variant-swatch-king div.swatches div.swatch-preset-501452 li.swatch-view-item.swatch-item-unavailable div.star-set-btn div.swatch-button-title-text { text-decoration-line: line-through } variant-swatch-king div.swatches div.swatch-preset-501452 li.swatch-view-item.swatch-item-unavailable div.star-set-btn div.swatch-button-title-text::before, variant-swatch-king div.swatches div.swatch-preset-501452 li.swatch-view-item.swatch-item-unavailable div.star-set-btn div.swatch-button-title-text::after { content: "_" !important; color: transparent; color: transparent } variant-swatch-king div.swatch-preset-501452 div.swatch-button-title-text span { margin: 0 !important; padding: 0 !important } variant-swatch-king div.swatch-preset-501452 .minification-btn { margin: 0 !important; height: 15.6px; width: 15.6px } variant-swatch-king div.swatch-preset-501452 .minification-btn div { height: 100% } variant-swatch-king div.swatch-preset-501452 .btn-with-count .star-set-btn { border: none !important; min-width: fit-content !important } variant-swatch-king div.swatch-preset-501452 .btn-with-count .star-set-btn .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-501452 .minification-text { display: flex; justify-content: center; align-items: center; height: 100%; color: black !important } variant-swatch-king div.swatch-preset-501456 .star-set-btn { min-width: 20px; line-height: 14.4px } variant-swatch-king div.swatch-preset-501456 div.star-set-btn { border: 1px solid #CFCFCF } variant-swatch-king div.swatch-preset-501456 div.star-set-btn { border-color: #CFCFCF; border-radius: 0px; text-align: center } variant-swatch-king div.swatch-preset-501456 div.star-set-btn div.swatch-button-title-text { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A; text-transform: none; font-size: 12px; font-weight: inherit; border-bottom: 0px solid #000; padding: 4.3px 7px } variant-swatch-king div.swatch-preset-501456 div.star-set-btn div.swatch-button-price { color: #7A7A7A; font-size: 13px; font-weight: inherit; background-color: #fff; padding: 0px 7px 4.3px 7px; display: flex; justify-content: center } variant-swatch-king div.swatch-preset-501456 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-501456 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-501456 div.star-set-btn.swatch-selected { border-color: #292929 } variant-swatch-king div.swatch-preset-501456 div.star-set-btn.swatch-selected div.swatch-button-title-text { color: #292929; background-color: #fff; text-decoration-color: #292929 } variant-swatch-king div.swatch-preset-501456 div.star-set-btn.swatch-selected::before { border-color: #292929 !important } variant-swatch-king div.swatch-preset-501456 div.star-set-btn.swatch-selected div.swatch-button-price { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A } variant-swatch-king div.swatches div.swatch-preset-501456 ul.swatch-view li { margin: 0 7px 0.5rem 0 } variant-swatch-king div.swatch-preset-501456 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-501456.swatch-view-slide { position: relative } variant-swatch-king div.swatch-preset-501456 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-501456 .swatch-navigable { width: calc(100% - 85.08px); margin: auto; float: none !important } variant-swatch-king div.swatch-preset-501456 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-501456 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { right: unset; left: 0 } variant-swatch-king div.swatch-preset-501456 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 36.54px } variant-swatch-king div.swatch-preset-501456 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 40.6px; width: 36.54px } variant-swatch-king div.swatch-preset-501456 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-501456 .swatch-view-slide, variant-swatch-king div.swatch-preset-501456 .swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501456 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) { border-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501456 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) div.swatch-button-title-text { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501456 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected)::before { border-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501456 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) div.swatch-button-price { color: #7A7A7A; background-color: #fff; text-decoration-color: #7A7A7A } variant-swatch-king div.swatches div.swatch-preset-501456 li.swatch-view-item.swatch-item-unavailable div.star-set-btn::before { content: ''; position: absolute; height: 100%; width: 0; right: 0; left: 0; top: 0; bottom: 0; border-right: 1.5px solid; border-color: #6A6A6A; transform: rotate(45deg); margin: auto } variant-swatch-king div.swatch-preset-501456 div.swatch-button-price-hidden { display: none } variant-swatch-king div.swatch-preset-501456 .minification-btn { margin: 0 !important; height: 23px } variant-swatch-king div.swatch-preset-501456 .minification-btn div { height: 100% } variant-swatch-king div.swatch-preset-501456 .minification-btn .star-set-btn { min-width: 0 !important; height: 100% !important; width: 20px } variant-swatch-king div.swatch-preset-501456 .btn-with-count .star-set-btn { border: none !important; min-width: fit-content !important } variant-swatch-king div.swatch-preset-501456 .btn-with-count .star-set-btn .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-501456 .minification-text { display: flex; justify-content: center; align-items: center; height: 100%; color: black !important } variant-swatch-king div.swatch-preset-501450 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-501450 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-501450 .star-set-image { height: 20px; width: 20px; background-position: top; border-radius: 10px; background-color: #fff; background-size: cover; background-repeat: no-repeat; background-size: cover !important } variant-swatch-king div.swatch-preset-501450 .swatch-image-wrapper { border-style: solid; border-width: 1px; border-color: #CFCFCF; border-radius: 18px; background-color: #fff; height: 36px } variant-swatch-king div.swatch-preset-501450 .star-set-image { border-style: solid; border-width: 1px; border-color: #fff } variant-swatch-king div.swatches div.swatch-preset-501450 ul.swatch-view li { margin: 0 12px 0.5rem 0 } variant-swatch-king div.swatch-preset-501450 ul.swatch-view { margin-top: 10px !important } variant-swatch-king div.swatch-preset-501450 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-501450 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-501450 .swatch-navigable .swatch-navigation-wrapper { top: 10px } variant-swatch-king div.swatch-preset-501450 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-501450 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 36px } variant-swatch-king div.swatch-preset-501450 .swatch-navigable .swatch-navigation-wrapper[navigation="right"] { padding-left: 3px } variant-swatch-king div.swatch-preset-501450 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { padding-right: 3px } variant-swatch-king div.swatch-preset-501450 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 36px 0 0 36px; width: 18px } variant-swatch-king div.swatch-preset-501450 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-501450 .swatch-view-slide, variant-swatch-king div.swatch-preset-501450 .swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-501450 .swatch-selected .swatch-img-text-adjacent::after { border-color: #292929 !important } variant-swatch-king div.swatch-preset-501450 .swatch-selected .swatch-img-text-adjacent { color: #292929 } variant-swatch-king div.swatch-preset-501450 .swatch-selected .swatch-price-adjacent { color: #6A6A6A } variant-swatch-king div.swatch-preset-501450 .swatch-selected .star-set-image { border-color: #CFCFCF } variant-swatch-king div.swatch-preset-501450 .swatch-image-wrapper:has(.swatch-selected) { border-color: #292929; background-color: #fff } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501450 li.swatch-view-item:hover .swatch-img-text-adjacent::after { border-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501450 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501450 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { background-color: #fff; border-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501450 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501450 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501450 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501450 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-price-adjacent { color: #7A7A7A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501450 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501450 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #CFCFCF } variant-swatch-king div.swatch-preset-501450 .swatch-img-text-adjacent { position: relative; display: inline-block; vertical-align: middle; padding: 0 0.5rem; color: #6A6A6A; font-size: 13px; text-transform: none; overflow: hidden } variant-swatch-king div.swatch-preset-501450 .swatch-img-text-adjacent p { margin: 0 !important; padding: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 13px } variant-swatch-king div.swatch-preset-501450 .swatch-price-adjacent { color: #7A7A7A } variant-swatch-king div.swatches div.swatch-preset-501450 li.swatch-view-item.swatch-item-unavailable .swatch-img-text-adjacent p::after { content: ''; position: absolute; height: 26px; width: 0; right: 0; left: 0; bottom: 0; border-right: 1.5px solid; border-color: #6A6A6A; transform: rotate(45deg); margin: auto; top: 0; bottom: 0 } variant-swatch-king div.swatch-preset-501450 .swatch-price-adjacent { font-size: 13px; font-weight: 400 } variant-swatch-king div.swatch-preset-501450 .swatch-img-text-adjacent { height: calc(100% - 2px); display: flex; align-items: center } variant-swatch-king div.swatch-preset-501450 .swatch-image-wrapper { padding: 7px !important; overflow: hidden !important } variant-swatch-king div.swatch-preset-501450 .swatch-image, variant-swatch-king div.swatch-preset-501450 .swatch-custom-image { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; background-color: inherit; overflow: visible } variant-swatch-king div.swatch-preset-501450 .swatch-image-wrapper { -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-1444818 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-1444818 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-1444818 .star-set-image { height: 20px; width: 20px; background-position: top; border-radius: 10px; background-color: #fff; background-size: cover; background-repeat: no-repeat; background-size: cover !important } variant-swatch-king div.swatch-preset-1444818 .swatch-image-wrapper { border-style: solid; border-width: 1px; border-color: #CFCFCF; border-radius: 18px; background-color: #fff; height: 36px } variant-swatch-king div.swatch-preset-1444818 .star-set-image { border-style: solid; border-width: 1px; border-color: #fff } variant-swatch-king div.swatches div.swatch-preset-1444818 ul.swatch-view li { margin: 0 12px 0.5rem 0 } variant-swatch-king div.swatch-preset-1444818 ul.swatch-view { margin-top: 10px !important } variant-swatch-king div.swatch-preset-1444818 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-1444818 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-1444818 .swatch-navigable .swatch-navigation-wrapper { top: 10px } variant-swatch-king div.swatch-preset-1444818 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { left: 0; right: unset } variant-swatch-king div.swatch-preset-1444818 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 36px } variant-swatch-king div.swatch-preset-1444818 .swatch-navigable .swatch-navigation-wrapper[navigation="right"] { padding-left: 3px } variant-swatch-king div.swatch-preset-1444818 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { padding-right: 3px } variant-swatch-king div.swatch-preset-1444818 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 36px 0 0 36px; width: 18px } variant-swatch-king div.swatch-preset-1444818 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-1444818 .swatch-view-slide, variant-swatch-king div.swatch-preset-1444818 .swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatch-preset-1444818 .swatch-selected .swatch-img-text-adjacent::after { border-color: #292929 !important } variant-swatch-king div.swatch-preset-1444818 .swatch-selected .swatch-img-text-adjacent { color: #292929 } variant-swatch-king div.swatch-preset-1444818 .swatch-selected .swatch-price-adjacent { color: #6A6A6A } variant-swatch-king div.swatch-preset-1444818 .swatch-selected .star-set-image { border-color: #CFCFCF } variant-swatch-king div.swatch-preset-1444818 .swatch-image-wrapper:has(.swatch-selected) { border-color: #292929; background-color: #fff } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444818 li.swatch-view-item:hover .swatch-img-text-adjacent::after { border-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444818 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)), variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444818 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) { background-color: #fff; border-color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444818 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-img-text-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444818 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-img-text-adjacent { color: #6A6A6A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444818 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .swatch-price-adjacent, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444818 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .swatch-price-adjacent { color: #7A7A7A } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444818 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-image:not(.swatch-selected)) .star-set-image, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444818 li.swatch-view-item:hover .swatch-image-wrapper:has(.swatch-custom-image:not(.swatch-selected)) .star-set-image { border-color: #CFCFCF } variant-swatch-king div.swatch-preset-1444818 .swatch-img-text-adjacent { position: relative; display: inline-block; vertical-align: middle; padding: 0 0.5rem; color: #6A6A6A; font-size: 13px; text-transform: none; overflow: hidden } variant-swatch-king div.swatch-preset-1444818 .swatch-img-text-adjacent p { margin: 0 !important; padding: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 13px } variant-swatch-king div.swatch-preset-1444818 .swatch-price-adjacent { color: #7A7A7A } variant-swatch-king div.swatches div.swatch-preset-1444818 li.swatch-view-item.swatch-item-unavailable .swatch-img-text-adjacent p::after { content: ''; position: absolute; height: 26px; width: 0; right: 0; left: 0; bottom: 0; border-right: 1.5px solid; border-color: #6A6A6A; transform: rotate(45deg); margin: auto; top: 0; bottom: 0 } variant-swatch-king div.swatch-preset-1444818 .swatch-price-adjacent { font-size: 13px; font-weight: 400 } variant-swatch-king div.swatch-preset-1444818 .swatch-img-text-adjacent { height: calc(100% - 2px); display: flex; align-items: center } variant-swatch-king div.swatch-preset-1444818 .swatch-image-wrapper { padding: 7px !important; overflow: hidden !important } variant-swatch-king div.swatch-preset-1444818 .swatch-image, variant-swatch-king div.swatch-preset-1444818 .swatch-custom-image { position: relative; display: grid; grid-template-columns: auto auto auto; align-items: center; -webkit-appearance: none !important; background-color: inherit; overflow: visible } variant-swatch-king div.swatch-preset-1444818 .swatch-image-wrapper { -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-1444814 .star-set-btn { min-width: 20px; line-height: 16.8px } variant-swatch-king div.swatch-preset-1444814 div.star-set-btn { border: 1px solid #333 } variant-swatch-king div.swatch-preset-1444814 div.star-set-btn { border-color: #333; border-radius: 18px; text-align: center } variant-swatch-king div.swatch-preset-1444814 div.star-set-btn div.swatch-button-title-text { color: #333; background-color: #fff; text-decoration-color: #333; text-transform: none; font-size: 14px; font-weight: inherit; border-bottom: 0px solid #000; padding: 12px 13px } variant-swatch-king div.swatch-preset-1444814 div.star-set-btn div.swatch-button-price { color: #7A7A7A; font-size: 13px; font-weight: inherit; background-color: #fff; padding: 0px 13px 12px 13px; display: flex; justify-content: center } variant-swatch-king div.swatch-preset-1444814 label.swatch-label { font-size: 14px; text-transform: none; font-weight: inherit; margin: 0 } variant-swatch-king div.swatch-preset-1444814 label.swatch-label .swatch-variant-name { text-transform: none; font-weight: normal } variant-swatch-king div.swatch-preset-1444814 div.star-set-btn.swatch-selected { border-color: #140BAA; box-shadow: 0 10px 10px -8px #140BAA } variant-swatch-king div.swatch-preset-1444814 div.star-set-btn.swatch-selected div.swatch-button-title-text { color: #140BAA; background-color: #fff; text-decoration-color: #140BAA } variant-swatch-king div.swatch-preset-1444814 div.star-set-btn.swatch-selected::before { border-color: #140BAA !important } variant-swatch-king div.swatch-preset-1444814 div.star-set-btn.swatch-selected div.swatch-button-price { color: #6A6A6A; background-color: #fff; text-decoration-color: #6A6A6A } variant-swatch-king div.swatches div.swatch-preset-1444814 ul.swatch-view li { margin: 0 8px 0.5rem 0 } variant-swatch-king div.swatch-preset-1444814 ul.swatch-view { margin-top: 10px } variant-swatch-king div.swatch-preset-1444814 .swatch-navigable-wrapper { position: relative } variant-swatch-king div.swatch-preset-1444814 .swatch-navigable { width: 100%; margin: unset } variant-swatch-king div.swatch-preset-1444814 .swatch-navigable .swatch-navigation-wrapper { top: 10px; padding: 0 3px } variant-swatch-king div.swatch-preset-1444814 .swatch-navigable .swatch-navigation-wrapper[navigation="left"] { right: unset; left: 0 } variant-swatch-king div.swatch-preset-1444814 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { height: 35.04px } variant-swatch-king div.swatch-preset-1444814 .swatch-navigable .swatch-navigation-wrapper .swatch-navigation { border-radius: 3px; width: 35.04px } variant-swatch-king div.swatch-preset-1444814 .swatch-navigable.star-remove-margin { width: 100% !important } variant-swatch-king div.swatch-preset-1444814 .swatch-view-slide, variant-swatch-king div.swatch-preset-1444814 .swatch-view-stack { padding-right: 0px } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444814 li.swatch-view-item:hover div.star-set-btn { box-shadow: 0 10px 10px -8px #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444814 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) { border-color: #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444814 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) div.swatch-button-title-text { color: #140BAA; background-color: #fff; text-decoration-color: #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444814 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected)::before { border-color: #140BAA } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-1444814 li.swatch-view-item:hover div.star-set-btn:not(.swatch-selected) div.swatch-button-price { color: #7A7A7A; background-color: #fff; text-decoration-color: #7A7A7A } variant-swatch-king div.swatches div.swatch-preset-1444814 li.swatch-view-item.swatch-item-unavailable div.star-set-btn::before { content: ''; position: absolute; height: 100%; width: 0; right: 0; left: 0; top: 0; bottom: 0; border-right: 1.5px solid; border-color: #333; transform: rotate(45deg); margin: auto } variant-swatch-king div.swatch-preset-1444814 div.swatch-button-price-hidden { display: none } variant-swatch-king div.swatch-preset-1444814 .minification-btn { margin: 0 !important; height: 40.8px } variant-swatch-king div.swatch-preset-1444814 .minification-btn div { height: 100% } variant-swatch-king div.swatch-preset-1444814 .minification-btn .star-set-btn { min-width: 0 !important; height: 100% !important; width: 20px } variant-swatch-king div.swatch-preset-1444814 .btn-with-count .star-set-btn { border: none !important; min-width: fit-content !important } variant-swatch-king div.swatch-preset-1444814 .btn-with-count .star-set-btn .swatch-button-title-text { padding-left: 0 !important } variant-swatch-king div.swatch-preset-1444814 .minification-text { display: flex; justify-content: center; align-items: center; height: 100%; color: black !important } variant-swatch-king div.swatch-preset-501453 span { white-space: normal !important } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down { width: 100%; min-height: 17.6px; background-color: #fff; color: #292929; font-size: 13px; text-transform: none; padding-left: 15px; padding-right: 25px; height: 35px; line-height: normal; margin: 0; font-weight: inherit; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-inner { display: block; min-width: 50% } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-inner .swatch-label-inside { position: absolute; padding-left: 15px; height: 100%; display: flex; align-items: center } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-inner .swatch-label-inside .swatch-label { display: flex; align-items: center; line-height: 100%; z-index: 1 } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down { display: flex } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-svg { position: absolute; fill: #292929; pointer-events: none; top: 0; bottom: 0; right: 10px; margin: auto; width: 20px; stroke: #292929; stroke-width: 0px; transform: rotate(0deg); -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501453 label.swatch-label { font-size: 14px; text-transform: none; font-weight: 700; color: #292929; margin: 0 } variant-swatch-king div.swatch-preset-501453 label.swatch-label:hover { color: #292929 } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501453 .swatch-drop-down-inner:hover .swatch-drop-down-svg, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501453 .swatch-drop-down-inner:focus .swatch-drop-down-svg { fill: #292929; stroke: #292929 } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-wrapper { margin: 5px 0 0 5px } variant-swatch-king div.swatch-preset-501453 label.swatch-label { margin: 10px 0px } variant-swatch-king div.swatch-preset-501453 .swatch-item-unavailable { display: none !important } variant-swatch-king div.swatch-preset-501453 .dropdown-swatch-price { margin: 0 4px; color: #202020 !important; font-size: 13px; font-weight: 400; white-space: nowrap !important } variant-swatch-king div.swatch-preset-501453 .d-flex { display: flex; justify-content: space-between; width: 100%; flex-direction: row } variant-swatch-king div.swatch-preset-501453 .d-flex { align-items: center } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-list { border-style: solid; border-width: 1px; border-color: #A4A4A4; background-color: #C5C5C5; border-radius: 0px; overflow-x: hidden; margin-top: -1px } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-list .swatch-drop-down-list-item { background-color: #fff; color: #292929; padding-left: 15px; font-size: 13px; text-transform: none } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-list .swatch-drop-down-list-item:hover:not(.swatch-selected) { background-color: #C5C5C5; color: #202020 } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-list .swatch-selected { background-color: #C5C5C5; color: #202020 } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-list .swatch-keyboard-focus { outline: 1px solid #005bd3 !important; outline-offset: -1px } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-selected { border: 1px solid #6A6A6A; border-radius: 0px } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-selected:hover { border-color: #6A6A6A } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-selected:focus { border-color: #202020 } variant-swatch-king div.swatch-preset-501453 .swatch-drop-down-svg { transition: 0.3s all ease-in-out !important; transform: rotate(180deg) } variant-swatch-king div.swatch-preset-501453 .swatch-hide~.swatch-drop-down-svg { transform: rotate(0deg) } variant-swatch-king div.swatch-preset-501454 span { white-space: normal !important } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down { width: 100%; min-height: 16.4px; background-color: #fff; color: #292929; font-size: 12px; text-transform: none; padding-left: 10px; padding-right: 22px; height: 25px; line-height: normal; margin: 0; font-weight: inherit; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-inner { display: block; min-width: 50% } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-inner .swatch-label-inside { position: absolute; padding-left: 10px; height: 100%; display: flex; align-items: center } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-inner .swatch-label-inside .swatch-label { display: flex; align-items: center; line-height: 100%; z-index: 1 } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down { display: flex } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-svg { position: absolute; fill: #292929; pointer-events: none; top: 0; bottom: 0; right: 7px; margin: auto; width: 15px; stroke: #292929; stroke-width: 0px; transform: rotate(0deg); -webkit-transition: 0.3s all ease-in-out !important; transition: 0.3s all ease-in-out !important } variant-swatch-king div.swatch-preset-501454 label.swatch-label { font-size: 12px; text-transform: none; font-weight: 700; color: #292929; margin: 0 } variant-swatch-king div.swatch-preset-501454 label.swatch-label:hover { color: #292929 } variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501454 .swatch-drop-down-inner:hover .swatch-drop-down-svg, variant-swatch-king div.swatches.hover-enabled div.swatch-preset-501454 .swatch-drop-down-inner:focus .swatch-drop-down-svg { fill: #292929; stroke: #292929 } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-wrapper { margin: 5px 0 0 5px } variant-swatch-king div.swatch-preset-501454 label.swatch-label { margin: 10px 0px } variant-swatch-king div.swatch-preset-501454 .swatch-item-unavailable { display: none !important } variant-swatch-king div.swatch-preset-501454 .dropdown-swatch-price { margin: 0 4px; color: #202020 !important; font-size: 13px; font-weight: 400; white-space: nowrap !important } variant-swatch-king div.swatch-preset-501454 .d-flex { display: flex; justify-content: space-between; width: 100%; flex-direction: row } variant-swatch-king div.swatch-preset-501454 .d-flex { align-items: center } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-list { border-style: solid; border-width: 1px; border-color: #A4A4A4; background-color: #C5C5C5; border-radius: 0px; overflow-x: hidden; margin-top: -1px; max-height: 150px !important } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-list .swatch-drop-down-list-item { background-color: #fff; color: #292929; padding-left: 10px; font-size: 12px; text-transform: none } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-list .swatch-drop-down-list-item:hover:not(.swatch-selected) { background-color: #C5C5C5; color: #202020 } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-list .swatch-selected { background-color: #C5C5C5; color: #202020 } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-list .swatch-keyboard-focus { outline: 1px solid #005bd3 !important; outline-offset: -1px } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-selected { border: 1px solid #6A6A6A; border-radius: 0px } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-selected:hover { border-color: #6A6A6A } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-selected:focus { border-color: #202020 } variant-swatch-king div.swatch-preset-501454 .swatch-drop-down-svg { transition: 0.3s all ease-in-out !important; transform: rotate(180deg) } variant-swatch-king div.swatch-preset-501454 .swatch-hide~.swatch-drop-down-svg { transform: rotate(0deg) }