.rangeSlider{--slider:var(--range-slider, #d7dada);--handle-inactive:var(--range-handle-inactive, #99a2a2);--handle:var(--range-handle, #838de7);--handle-focus:var(--range-handle-focus, #4a40d4);--handle-border:var(--range-handle-border, var(--handle));--range-inactive:var(--range-range-inactive, var(--handle-inactive));--range:var(--range-range, var(--handle-focus));--float-inactive:var(--range-float-inactive, var(--handle-inactive));--float:var(--range-float, var(--handle-focus));--float-text:var(--range-float-text, white)}.rangeSlider{position:relative;border-radius:100px;height:.5em;margin:1em;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.rangeSlider *{-webkit-user-select:none;user-select:none}.rangeSlider.pip-labels{margin-bottom:2.8em}.rangeSlider.vertical{display:inline-block;border-radius:100px;width:.5em;min-height:200px}.rangeSlider.vertical.pip-labels{margin-right:2.8em;margin-bottom:1em}.rangeSlider .rangeHandle{position:absolute;display:block;height:1.4em;width:1.4em;top:.25em;bottom:auto;transform:translateY(-50%) translate(-50%);outline-offset:2px;outline:2px solid transparent;border-radius:100px;z-index:2}.rangeSlider.reversed .rangeHandle{transform:translateY(-50%) translate(50%)}.rangeSlider.vertical .rangeHandle{left:.25em;top:auto;transform:translateY(50%) translate(-50%)}.rangeSlider.vertical.reversed .rangeHandle{transform:translateY(-50%) translate(-50%)}.rangeSlider .rangeNub,.rangeSlider .rangeHandle:before{position:absolute;left:0;top:0;display:block;border-radius:10em;height:100%;width:100%;transition:box-shadow .2s ease}.rangeSlider .rangeHandle:before{content:"";left:1px;top:1px;bottom:1px;right:1px;height:auto;width:auto;box-shadow:0 0 0 0 var(--handle-border);opacity:0}.rangeSlider.hoverable:not(.disabled) .rangeHandle:hover:before{box-shadow:0 0 0 8px var(--handle-border);opacity:.2}.rangeSlider.hoverable:not(.disabled) .rangeHandle.press:before,.rangeSlider.hoverable:not(.disabled) .rangeHandle.press:hover:before{box-shadow:0 0 0 12px var(--handle-border);opacity:.4}.rangeSlider.range .rangeNub{border-radius:10em 10em 10em 1.6em}.rangeSlider.range.min .rangeNub{border-radius:10em 1.6em 10em 10em}.rangeSlider.range .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(-135deg)}.rangeSlider.range .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(45deg)}.rangeSlider.range.reversed .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(45deg)}.rangeSlider.range.reversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-135deg)}.rangeSlider.range.vertical .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(135deg)}.rangeSlider.range.vertical .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(-45deg)}.rangeSlider.range.vertical.reversed .rangeHandle:nth-of-type(1) .rangeNub{transform:rotate(-45deg)}.rangeSlider.range.vertical.reversed .rangeHandle:nth-of-type(2) .rangeNub{transform:rotate(135deg)}.rangeSlider .rangeFloat{display:block;position:absolute;left:50%;top:-.5em;transform:translate(-50%,-100%);font-size:1em;text-align:center;opacity:0;pointer-events:none;white-space:nowrap;transition:all .2s ease;font-size:.9em;padding:.2em .4em;border-radius:.2em}.rangeSlider .rangeHandle.active .rangeFloat,.rangeSlider.hoverable .rangeHandle:hover .rangeFloat{opacity:1;top:-.2em;transform:translate(-50%,-100%)}.rangeSlider .rangeHandle.active:focus-visible .rangeFloat{top:-.35em}.rangeSlider .rangeBar{position:absolute;display:block;transition:background .2s ease;border-radius:1em;height:.5em;top:0;-webkit-user-select:none;user-select:none;z-index:1}.rangeSlider.vertical .rangeBar{width:.5em;height:auto}.rangeSlider{background-color:#d7dada;background-color:var(--slider)}.rangeSlider .rangeBar{background-color:#99a2a2;background-color:var(--range-inactive)}.rangeSlider.focus .rangeBar{background-color:#838de7;background-color:var(--range)}.rangeSlider .rangeNub{background-color:#99a2a2;background-color:var(--handle-inactive)}.rangeSlider.focus .rangeNub{background-color:#838de7;background-color:var(--handle)}.rangeSlider .rangeHandle.active .rangeNub{background-color:#4a40d4;background-color:var(--handle-focus)}.rangeSlider .rangeFloat{color:#fff;color:var(--float-text);background-color:#99a2a2;background-color:var(--float-inactive)}.rangeSlider.focus .rangeFloat{background-color:#4a40d4;background-color:var(--float)}.rangeSlider.disabled{opacity:.5}.rangeSlider.disabled .rangeNub{background-color:#d7dada;background-color:var(--slider)}.rangeSlider .rangeHandle:focus{outline:none}.rangeSlider .rangeHandle:focus-visible{outline:2px solid #334}@supports not selector(:focus-visible){.rangeSlider .rangeHandle:focus{outline:1px solid #334;outline-offset:1px}}.variable-items{margin-bottom:30px;position:relative}.filters{padding:15px;background:#FFF;box-shadow:0 7px 20px #00000040;border-radius:6px;margin-bottom:10px;position:sticky;top:10px;z-index:9}.filters p{margin-bottom:0;font-size:16px}.filters p span{color:#000}.filters p.per-page{cursor:pointer}.filters p.per-page img{display:inline-block;margin-left:8px;height:8px}.filters .select{position:absolute;top:25px;right:0;background:#fff;border-top:1px solid #eee;overflow:hidden;z-index:9;font-size:14px}.filters .select ul{list-style:none;padding:0;margin:0}.filters .select ul li{padding:10px;transition:.3s;cursor:pointer}.filters .select ul li:hover{background:#eee}.filters .sort-variables{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:center;transition:.3s}.filters .sort-variables.limited .form-group:nth-child(n+8){display:none}.filters .sort-variables .form-group.text input{height:43px;font-size:14px}.filters .sort-variables .form-group.text label{font-size:14px;top:13px}.filters .sort-variables .form-group.text input:focus~label,.filters .sort-variables .form-group.text input:not(:placeholder-shown)~label{top:0;font-size:12px;color:#241f20;line-height:14px}.filters .sort-variables .form-group.text .select-attrs{position:absolute;top:47px;background:#fff;width:100%;border:1px solid #eee;border-radius:10px;overflow-y:scroll;z-index:10}.filters .sort-variables .form-group.text .select-attrs::-webkit-scrollbar{-webkit-appearance:none;width:5px;height:100px}.filters .sort-variables .form-group.text .select-attrs::-webkit-scrollbar-thumb{background-color:#d0cbbe40;border-radius:25px}.filters .sort-variables .form-group.text .select-attrs ul{list-style:none}.filters .sort-variables .form-group.text .select-attrs ul li{padding:7px 10px;background:#fff;transition:.3s;cursor:pointer}.filters .sort-variables .form-group.text .select-attrs ul li:hover{background:#eee}.filters .sort-variables .p-18 span,.filters .sort-variables .p-14 span{font-weight:700}.filters .sort-variables .sort-block{position:relative;flex:1}.filters .sort-variables .sort-block .range-picker-div{position:absolute;bottom:-1px;left:5px;right:5px}.filters .sort-variables .sort-block .range-picker-div .rangeSlider{margin:0}.filters .actions-variables{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.filters .actions-variables .action-col{display:flex;gap:40px;align-items:center}.filters .actions-variables .all-filters{color:#000;font-size:16px;cursor:pointer}.filters .actions-variables .sort-total{display:flex;align-items:center;justify-content:space-between;font-size:14px}.filters .actions-variables .sort-total span{font-weight:700}.filters .actions-variables .sort-total .reset{cursor:pointer;display:flex;align-items:center;font-size:14px}.filters .actions-variables .sort-total .reset img{height:30px}.items-list{display:flex;flex-direction:column;width:100%;margin-bottom:10px;gap:20px}.items-list .variable-item{display:flex;gap:20px;width:100%;color:#241f20;align-items:center;padding:10px;font-size:14px;border:1px solid #f5f5f5}.items-list .variable-item .variable-image img{width:80px;height:60px;object-fit:contain}.items-list .variable-item .variable-attrs{display:grid;grid-template-columns:repeat(5,1fr);gap:20px 10px;flex:1}.items-list .variable-item .variable-attrs .attr-block{display:flex;flex-direction:column;font-size:16px;color:#241f20}.items-list .variable-item .variable-attrs .attr-block span{font-size:14px;color:#a5a5a5}.items-list .variable-item .settings{width:435px;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:10px;background:#EAEAEA}.items-list .variable-item .settings .in-stock{font-size:14px;display:flex;flex-direction:column;color:#a5a5a5;text-align:left}.items-list .variable-item .settings .in-stock span{color:#241f20}.items-list .variable-item .settings .buy{justify-content:flex-end;display:flex}.items-list .variable-item .settings .buy .buttons{white-space:nowrap}.items-list .variable-item:nth-child(odd){background:#F9F8F8}@media screen and (max-width: 1920px){.filters .sort-variables{grid-template-columns:repeat(6,1fr)}.filters .sort-variables.limited .form-group:nth-child(n+7){display:none}}@media screen and (max-width: 1680px){.filters .sort-variables{grid-template-columns:repeat(5,1fr)}.filters .sort-variables.limited .form-group:nth-child(n+6){display:none}}@media screen and (max-width: 1440px){.items-list .variable-item{flex-wrap:wrap}.items-list .variable-item .variable-attrs{grid-template-columns:repeat(4,1fr)}.items-list .variable-item .settings{width:100%;display:flex;justify-content:flex-end}.filters .sort-variables{grid-template-columns:repeat(4,1fr)}.filters .sort-variables.limited .form-group:nth-child(n+5){display:none}}@media screen and (max-width: 1024px){.filters{position:static}.filters .sort-variables{grid-template-columns:repeat(2,1fr)}.filters .sort-variables.limited .form-group:nth-child(n+3){display:none}.items-list .variable-item{display:flex;flex-direction:column;gap:10px;padding:10px 20px}.items-list .variable-item .variable-attrs{width:100%}.filters .actions-variables .action-col{gap:20px}}@media screen and (max-width: 768px){.filters .sort-variables{grid-template-columns:1fr}.filters .sort-variables.limited .form-group:nth-child(n+2){display:none}.filters .actions-variables{flex-direction:column;gap:10px;align-items:unset;justify-content:unset}.filters .actions-variables .action-col{justify-content:space-between}.items-list .variable-item .variable-attrs{grid-template-columns:1fr;gap:10px;width:100%}.items-list .variable-item .variable-attrs .attr-block{flex-direction:row;gap:10px;justify-content:space-between;align-items:center;text-align:right}.items-list .variable-item .settings{display:grid;padding:0;background:transparent;grid-template-columns:repeat(2,1fr);align-items:unset;gap:20px;justify-content:space-between;width:100%}.items-list .variable-item .settings .in-stock{display:none}.items-list .variable-item .settings .price{display:flex;align-items:center;justify-content:flex-end}.items-list .variable-item .settings .buy{justify-content:flex-start}.items-list .variable-item .settings .buy .buttons{height:24px}}@media screen and (max-width: 576px){.filters .actions-variables .action-col{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.filters .sort-variables .sort-total{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px}}.loader-variable{height:250px;width:100%;display:flex;background-color:#e2e5e7;background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-size:40px 100%;background-repeat:no-repeat;background-position:left -40px top 0;animation:shine 2s ease infinite}@keyframes shine{to{background-position:right -40px top 0}}