.bodyFilterItem{padding:0}.bodyFilterItem .bodyFilterItem__label{align-items:center;border:6px solid #096;color:#096;cursor:pointer;display:flex;font-size:15px;height:90px;justify-content:center;margin:0 auto;min-height:90px;min-width:110px;padding:0;text-transform:uppercase;width:110px}.bodyFilterItem .bodyFilterItem__input:checked+.bodyFilterItem__label{background:#096;color:#fff}.bodyFilterItem:has(input:focus:not(:focus-visible)){border:none}.bodyFilterItem:has(input:focus-visible){border:1px solid #5b5b5b}@media(max-width:991px){.bodyFilterItem .bodyFilterItem__label{font-size:16px;height:75px;margin:0 auto;min-height:75px;min-width:75px;width:75px}}.skinFilterItem{padding:0}.skinFilterItem .skinFilterItem__img{cursor:pointer;display:block;margin:0 auto}.skinFilterItem .skinFilterItem__input:checked+.skinFilterItem__label .skinFilterItem__img{outline:5px solid #096;padding:4px}.skinFilterItem:has(input:focus:not(:focus-visible)){border:none}.skinFilterItem:has(input:focus-visible){border:1px solid #5b5b5b}.skinVisualizer__filters .bodyFilterItem,.skinVisualizer__filters .filter,.skinVisualizer__filters .filter__items,.skinVisuzlier__filters .skinFilterItem{padding:0}.skinVisualizer__filters{padding:0 15px}.skinVisualizer__filters .filter__items{display:flex;justify-content:center}@media(max-width:991px){.skinVisualizer__filters .filter .filter__label{font-size:24px;font-weight:500;padding-top:20px}.skinVisualizer__filters .skinFilterItem{padding:0}.skinVisualizer__filters .skinFilterItem img.skinFilterItem__img{display:block;height:75px;margin:0 auto;width:75px}}.skinVisualizer__gallery{min-width:315px;padding:0 0 40px}.skinVisualizer__gallery .galleryImage{cursor:pointer;padding:15px}.skinVisualizer__gallery .galleryImage .galleryImage__container,.skinVisualizer__gallery .galleryImage .galleryImage__container .galleryImage__image{height:100%;width:100%}.skinVisualizer__gallery .galleryImage .galleryImage__container{display:inline-block;position:relative}.skinVisualizer__gallery .galleryImage .galleryImage__container .galleryImage__image{aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.skinVisualizer__gallery .galleryImage .galleryImage__container .galleryImage__zoomIcon{bottom:0;position:absolute;right:0}.skinVisualizer__gallery .galleryImage .galleryImage__container:focus-visible{border:4px solid #5b5b5b;outline:none}@media(max-width:768px){.skinVisualizer__gallery{background-color:#fff;padding:28px 7px 0}.skinVisualizer__gallery .galleryImage{padding:7px}}@media(max-width:425px){.skinVisualizer__gallery .galleryImage .galleryImage__container .galleryImage__zoomIcon{width:35px}}.skinVisualizer__modal.in .modal-dialog{top:50%;transform:translateY(-50%)}.skinVisualizer__modal .modal-dialog{height:unset;margin:0 auto;width:-moz-fit-content;width:fit-content}.skinVisualizer__modal .modal-dialog .skinVisualizer__activeImage{border:7px solid #fff;display:block;min-width:600px}.skinVisualizer__modal .modal-dialog .skinVisualizer__closeIcon{aspect-ratio:1;background-image:url(../../src/img/skinGallery/close-icon.svg);border:0;cursor:pointer;position:absolute;right:7px;top:7px;width:60px}.skinVisualizer__modal .modal-dialog .skinVisualizer__caption{color:#fff;font-size:18px;left:0;position:absolute}.skinVisualizer__content{padding:40px 0 0}@media(max-width:991px){.skinVisualizer__modal .modal-dialog{margin:0 auto;width:auto}.skinVisualizer__modal .modal-dialog .skinVisualizer__activeImage{min-width:unset;width:100%}}.skinVisualizer{height:100%;padding-bottom:45px;padding-top:40px;position:relative}@media(max-width:991px){.skinVisualizer{padding:15px 10px}}@media(max-width:450px){.skinVisualizer{padding:15px}}.skinVisualizer:after,.skinVisualizer:before{background-image:linear-gradient(hsla(0,0%,100%,.1),#fff),url(../../src/img/skinGallery/skin_gallery-background-half.png);background-size:cover;content:"";display:block;height:50%;left:0;max-height:400px;position:absolute;top:0;width:100%;z-index:-1}@media(max-width:768px){.skinVisualizer:after{content:unset}}.skinVisualizer.hideBottom:after{content:unset}.skinVisualizer:after{bottom:0;rotate:180deg;top:unset}.skinVisualizer_wrapper{backdrop-filter:blur(3px);background:hsla(0,0%,100%,.5);padding-left:0;padding-right:0;position:relative}.skinVisualizer_wrapper:before{background-image:url(../../src/img/skinGallery/green_chevron.svg);background-repeat:no-repeat;content:"";display:block;height:100%;left:-280px;position:absolute;top:280px;width:100%;z-index:-1}@media(max-width:991px){.skinVisualizer_wrapper{padding:0}.skinVisualizer_wrapper:before{content:unset}}.skinVisualizer__activeImage{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.skinVisualizer__filters{margin-bottom:25px;padding-top:30px}@media(max-width:991px){.skinVisualizer__filters .filter{max-width:unset}}.skinVisualizer__filters .filter:focus-visible{border:2px solid #5b5b5b;outline:none}.skinVisualizer__filters .filter__label{border-bottom:none;color:#5b5b5b;font-weight:400;margin-bottom:13px;padding-bottom:10px;position:relative;text-align:center;text-transform:none}.skinVisualizer__filters .filter__label:after{background:#5b5b5b;bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translate(-50%);width:94%}.skinVisualizer-border{border:2px solid #e0b087;display:block;margin:20px auto;width:100%}.skinVisualizer__content .filter-gallery-text{display:block;margin:0 auto;max-width:800px}.skinVisualizer__filters{--skinToneWidth:500px;--skinToneBorder:470px;--bodyPartWidth:530px;--bodyPartBorder:500px}.skinVisualizer__filters .filter .filter__items{max-width:var(--skinToneWidth)}.skinVisualizer__filters .filter .filter__label:after{max-width:var(--skinToneBorder);width:100%}.skinVisualizer__filters .filter:nth-of-type(2) .filter__items{max-width:var(--bodyPartWidth);width:100%}.skinVisualizer__filters .filter:nth-of-type(2) .filter__label:after{max-width:var(--bodyPartBorder)}@media(min-width:991px)and (max-width:1200px){.skinVisualizer__filters{--skinToneWidth:410px;--skinToneBorder:400px;--bodyPartWidth:452px;--bodyPartBorder:446px}}@media(max-width:991px){.skinVisualizer__filters{--skinToneWidth:400px;--skinToneBorder:370px;--bodyPartWidth:400px;--bodyPartBorder:370px}}@media(max-width:768px){.skinVisualizer__filters{--skinToneWidth:unset;--skinToneBorder:unset;--bodyPartWidth:unset;--bodyPartBorder:unset}}@media(max-width:991px){.skinVisualizer__filters .filter .filter__items{padding:0}.skinVisualizer__content .has-border-top-custom{margin:0 15px;padding:10px 0 0}}@media(max-width:768px){.skinVisualizer__filters .filter .filter__items{display:flex;justify-content:space-between;padding:0}.skinVisualizer__filters .filter .filter__items .col-xs-3{max-width:-moz-fit-content;max-width:fit-content}.skinVisualizer__filters .filter .filter__items:after,.skinVisualizer__filters .filter .filter__items:before{content:unset;display:unset}}.skinVisualizer__content .skinVisualizer__headingContainer img{width:100%}@media(min-width:992px){.skinVisualizer__content .filter-gallery-text{text-align:center}}@media(max-width:991px){.skinVisualizer__content .filter-gallery-text{display:block;margin:0 auto;max-width:744px}}.skinVisualizer__gallery.no-results{padding-bottom:0}@media(max-width:450px){.skinVisualizer__gallery.no-results{padding-left:0;padding-right:0}}.skinVisualizer__noResultsWrapper{align-items:center;display:flex;gap:30px;justify-content:center;margin:50px 0;width:100%}@media(max-width:450px){.skinVisualizer__noResultsWrapper{flex-direction:column}}.skinVisualizer__noResultsIcon{height:64px;width:64px}.skinVisualizer__noResultsContent{font-size:20px;margin-bottom:0}@media(max-width:450px){.skinVisualizer__noResultsContent{text-align:center}}.skinVisualizer__noResultsContent .skinVisualizer__noResultsContentHeader{font-size:24px}.showMoreButton__wrapper{padding:15px 0 30px;width:100%}.showMoreButton__btn,.showMoreButton__wrapper{align-items:center;display:flex;justify-content:center}.showMoreButton__btn{background:#096;color:#fff;cursor:pointer;font-family:DIN Next W01,Arial Narrow,Calibri,Arial,sans-serif;font-size:20px;height:56px;text-decoration:none;text-transform:uppercase;width:186px}.showMoreButton__btn:focus-visible{border:4px solid #5b5b5b;color:#fff;outline:0;text-decoration:none}.showMoreButton__btn:hover{color:#fff;text-decoration:none}@media(max-width:768px){.showMoreButton__wrapper{background-color:#fff}}

/*# sourceMappingURL=SkinVisualizerPage.css.map*/