.Provance-Resizer body{font-family:Poppins,sans-serif;background:#fff;color:#3f3f3f;text-align:center}.Provance-Resizer .tabs{display:flex;justify-content:center;border-top-left-radius:30px;border-top-right-radius:30px;overflow:hidden;border:1px solid #55555530;width:40%;margin:0 auto}.Provance-Resizer .tab{flex:1;padding:3px 6px;cursor:pointer;text-align:center;color:#3f3f3f!important;background:#f7f7f7;font-size:18px;font-weight:600;line-height:60px;transition:background .3s ease,color .3s ease}.Provance-Resizer .tab:last-child{border-right:none}.Provance-Resizer .tab.active{background:#fff}.Provance-Resizer .tab-content{display:none;padding-top:10px!important;padding-bottom:10px!important;margin:0 auto;font-size:18px;text-align:center!important}.Provance-Resizer .tab-content.active{display:block}.Provance-Resizer .resizer-container{position:relative;border:2px dashed #aaa;padding:20px;width:90%;min-height:300px;margin:0 auto;background:#f9f9f9}.Provance-Resizer .ruler{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.Provance-Resizer .horizontal-ruler{position:absolute;top:95%;left:0;width:100%;display:flex;justify-content:space-between;color:#3f3f3f!important;font-size:12px}.Provance-Resizer .vertical-ruler{position:absolute;left:-25px;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#3f3f3f!important;font-size:12px}.Provance-Resizer .input-group{margin:20px auto;width:70%;display:flex;gap:20px;text-align:center;justify-content:center}.Provance-Resizer label{font-size:16px!important}.Provance-Resizer input{width:60px;padding:1px;font-size:13px;height:30px}.Provance-Resizer .container{display:flex;flex-wrap:wrap;gap:20px}@media (min-width: 1024px){.Provance-Resizer .card{width:30%}}@media (min-width: 768px) and (max-width: 1023px){.Provance-Resizer .card{width:45%}}@media (max-width: 767px){.Provance-Resizer .card{width:100%}}@media screen and (min-width: 1024px){.Provance-Resizer .card img{min-height:200px;max-height:200px}}.Provance-Resizer .card img{width:100%}.Provance-Resizer .card h2{font-size:16px;margin:10px 0}.Provance-Resizer .card p{font-size:14px;color:#555}.Provance-Resizer .card a{display:inline-block;margin-top:10px;padding:8px 12px;background-color:#f7f7f7;color:#fff;text-decoration:none;border-radius:5px}@media (max-width: 768px){.Provance-Resizer .card{width:45%}}@media (max-width: 480px){.Provance-Resizer .card{width:100%}}.Provance-Resizer .axis{--c: 10;--cx: 5;--cy: 5;--dsize: 10;--dcolor: #369;--size-x: 450px;--size-y: 150px;width:var(--size-x);height:var(--size-y);background-image:linear-gradient(to right,#3f3f3f 0 calc(var(--cx) * 100% / var(--c) + 2px),transparent 0);position:relative}.Provance-Resizer .axis:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#3f3f3f!important}.Provance-Resizer .axis.no-overflow{overflow:hidden}.Provance-Resizer .axis:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;pointer-events:none}.Provance-Resizer .axis span{position:absolute;color:#3f3f3f!important;font-size:14px}.Provance-Resizer .axis-number{position:absolute;color:#666;font-size:10px}.Provance-Resizer #axis_x-3{position:relative}.Provance-Resizer #axis_x-3 span.x-label{bottom:-30px;left:calc(var(--position) * 1px);transform:translate(-50%)}.Provance-Resizer #axis_x-3 span.y-label{left:-30px;bottom:calc(var(--position) * 1px);transform:translateY(50%)}.Provance-Resizer .filter-container{margin-top:20px;padding:20px;text-align:left;display:inline-block;background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;min-width:400px}.Provance-Resizer .filter-group{display:flex;align-items:center;gap:20px;margin-bottom:15px}.Provance-Resizer .filter-title{font-weight:700;margin-bottom:0}.Provance-Resizer .checkbox-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.Provance-Resizer input[type=checkbox]{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #333;border-radius:3px;cursor:pointer;position:relative}.Provance-Resizer input[type=checkbox]:checked{background-color:#3f3f3f!important}.Provance-Resizer input[type=checkbox]:checked:after{content:"\2714";color:#fff;font-size:12px;position:absolute;top:1px;left:3px}.Provance-Resizer label{font-size:14px;cursor:pointer}.Provance-Resizer .color-container{padding:20px;display:inline-block;border-radius:10px}.Provance-Resizer canvas{cursor:crosshair}.Provance-Resizer .selected-color-box{display:flex;align-items:center;margin-top:20px;padding:10px;background-color:#f4f4f4;border-radius:8px;width:fit-content;margin-left:auto;margin-right:auto}.Provance-Resizer .color-preview{width:40px;height:40px;border:1px solid #000;margin-right:10px}.Provance-Resizer .color-details{font-size:14px}.Provance-Resizer .remove-btn{cursor:pointer;color:red;font-weight:700;margin-left:10px;border:none;background:none;font-size:18px}.Provance-Resizer .ui-state-default,.Provance-Resizer .ui-widget-content .ui-state-default,.Provance-Resizer .ui-widget-header .ui-state-default,.Provance-Resizer .ui-button,.Provance-Resizer html .ui-button.ui-state-disabled:hover,.Provance-Resizer html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#fff;font-weight:400;color:#454545;font-size:24px}.Provance-Resizer #slider-range{width:40%;height:20px;background:#e0e0e0;border-radius:10px;margin:20px 0;position:relative}.Provance-Resizer .ui-slider-handle{border-radius:50%;border:2px solid #fff;cursor:pointer;position:absolute;text-align:center;line-height:30px;color:#fff;font-weight:700;font-size:16px;width:20px;height:20px}.Provance-Resizer .ui-slider-handle:before{content:attr(data-value);position:absolute;top:-35px;background:#3f3f3f!important;color:#fff;padding:3px 7px;border-radius:5px;font-size:12px;white-space:nowrap}.Provance-Resizer .ui-slider-range{background:#3f3f3f!important;border-radius:10px}.Provance-Resizer #amount{border:none;font-weight:700;margin-top:10px;font-size:14px}.Provance-Resizer .filter-badge-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.Provance-Resizer .filter-badge,.Provance-Resizer .color-badge{display:inline-flex;align-items:center;background-color:#f0f0f0;padding:4px 8px;border-radius:12px;font-size:14px}.Provance-Resizer .filter-badge span,.Provance-Resizer .color-badge span{margin-left:8px;cursor:pointer}.Provance-Resizer{text-align:center}.Provance-Resizer .ui-slider-handle:before{content:attr(data-value);position:absolute;top:-43px;color:#000;font-size:16px;white-space:nowrap}:root{--focused-base-outline: none !important;--focused-base-box-shadow: none !important}
/*# sourceMappingURL=/cdn/shop/t/10/assets/provance-resizer.css.map */