.pattern-background-slider-container{width:26px;display:flex;flex-direction:column;align-items:center;background-size:cover;background-position:center;border-radius:10px}.pattern-background-button{width:26px;height:26px;color:#000;border:none;display:flex;align-items:center;justify-content:center;padding:0;font-size:28px;line-height:14px;color:#333;text-align:center;cursor:pointer}.pattern-background-slider-container{opacity:0}.product__main-photos .slick-active .pattern-background-slider-container,.product__main-photos .slick-active .pattern-saturation-slider-container,.product__main-photos .slick-active .pattern-hue-slider-container{opacity:1}.pattern-background-slider-track-container{width:1px;height:calc(100% - 60px);background-color:#ddd;position:relative;border-radius:5px}.pattern-background-slider-thumb{position:absolute;border-radius:50%;cursor:pointer;left:50%;transform:translate(-50%);transition:background-color .3s ease;width:25px;height:25px;font-size:13px;color:#bababa;background:#dcdcdc;padding:4px}.background-pattern-container-wrap .image-wrap{display:flex;flex-direction:column;gap:24px}.background-pattern-container-wrap .background-pattern-container{position:relative;width:calc(100% - 30px)}.backgroudn--pattern-pre-container{position:relative}#draggableBackground{left:0;top:0;width:100%;height:100%;position:absolute;background-size:60%;background-repeat:repeat;cursor:move}.background-pattern-image_thumb{background-size:60%;background-position:-12.0312% -13.3438%;height:100%;width:100%;margin:0;position:absolute}#draggableBackground+img{pointer-events:none}.background-pattern-image,.background-pattern-image_thumb{opacity:0}.page___loaded .background-pattern-image,.page___loaded .background-pattern-image_thumb{opacity:1}#increaseBtn{margin-bottom:10px}@media screen and (max-width: 768px){.pattern-background-button{font-size:15px}.background-pattern-container-wrap .image-wrap{gap:5px}.pattern-background-slider-thumb{width:20px;height:20px;font-size:10px}}.hue_saturation_heading{margin:0;line-height:normal;text-align:left}.pattern-hue-slider-container .pattern-hue-slider-track-container,.pattern-saturation-slider-container .pattern-saturation-slider-track-container{justify-content:space-between;height:1px;width:calc(100% - 60px);background-color:#ddd;position:relative;border-radius:5px}.pattern-hue-slider-container,.pattern-saturation-slider-container{display:flex;align-items:center;justify-content:center;margin-top:10px}.pattern-hue-slider-container .pattern-background-slider-thumb,.pattern-saturation-slider-container .pattern-background-slider-thumb{transform:translateY(-50%);left:initial}.hue_saturation_container{margin-bottom:30PX}#increaseHue,#increaseSaturation{margin-top:-6px}.background-pattern-main-wrapper{width:100%;display:flex;flex-direction:row-reverse;gap:5px}.background-pattern-main-wrapper .background-pattern-container:before{content:"";width:100%;height:100%;padding-bottom:var(--padding-top-ratio);position:absolute;z-index:-1}@media screen and (max-width: 768px){.hue_saturation_heading{text-align:center}.mobile---hide{display:none}.hue_saturation_container.desktop---hide img{width:80%;text-align:center;opacity:1;margin-bottom:6px;height:5px}.pattern-hue-slider-container,.pattern-saturation-slider-container{margin-top:0}.hue_saturation_container{margin-bottom:0}.hue_saturation_container{opacity:0}.slick-current.slick-active .hue_saturation_container{opacity:1}}@media screen and (min-width: 768px){.desktop---hide{display:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/pattern-background.css.map */