.filter_block{flex-direction:column;width:100%;margin-top:20px;display:flex}.filter_block .filter_title{background:linear-gradient(to bottom,var(--main-background-invert-alpha-20)0%,transparent 70%);cursor:pointer;border-radius:4px;flex-direction:row;justify-content:space-between;align-items:center;padding:5px 10px;display:flex;transform:skew(-20deg)}.filter_transparent{background:0 0!important}.filter_block .filter_title span{font-size:var(--font-subtitle-size);font-family:var(--font-subtitle-family);font-style:var(--font-subtitle-style);font-weight:var(--font-subtitle-weight);color:var(--main-subtitle);display:flex;transform:skew(20deg)}.filter_block .filter_title .icon{width:20px;height:20px;color:var(--main-subtitle);display:flex;transform:skew(20deg)}.filter_block .filter_title #arrow-filter-undefined{display:none}.filter_block .filter_title .icon.filter-arrow.rotate{animation:.3s forwards rotateFilterArrow}.filter_block .filter_title .icon.filter-arrow.rotateback{animation:.3s forwards rotateFilterArrowBack}@keyframes rotateFilterArrow{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes rotateFilterArrowBack{0%{transform:rotate(90deg)}to{transform:rotate(0)}}.filter_block .filter_options{flex-direction:column;max-height:200px;margin-top:10px;display:flex;overflow:auto}.filter_block .filter_options .filter_price{flex-direction:column;justify-content:space-between;display:flex}.filter_block .filter_options .filter_price .line{flex-direction:row;align-items:center;padding:0 6px;display:flex}.filter_block .filter_options .filter_price .line .input{background-color:var(--main-background-invert-alpha-20);border:1px solid var(--main-background-invert-alpha-30);border-radius:4px;flex-direction:row;align-items:center;margin-right:5px;padding:4px 8px;display:flex;transform:skew(-20deg)}.filter_block .filter_options .filter_price .line .input .icon{width:18px;height:18px;color:var(--main-text);padding-left:3px;display:flex;transform:skew(20deg)}.filter_block .filter_options .filter_price .line .input input{width:100%;height:30px;color:var(--main-text);background-color:#0000;border:none;padding:0 8px;display:flex;transform:skew(20deg)}.filter_block .filter_options .btnFilter{cursor:pointer;background-color:var(--button-first-background);color:var(--button-first-text);border:none;border-radius:4px;align-items:center;height:40px;margin-right:3px;padding:4px 12px;font-weight:500;transform:skew(-20deg)}.filter_block .filter_options .btnFilter span{display:flex;transform:skew(20deg)}.filter_block .filter_options .btnFilter:hover{background-color:var(--button-first-background-hover);color:var(--button-first-text-hover)}.filter_block .filter_options .line-check{border:1px solid #0000;border-bottom:solid 1px var(--main-background-invert-alpha-20);flex-direction:row;align-items:center;min-height:40px;margin:0;padding:0 5px;display:flex;cursor:pointer!important}.filter_block .filter_options .line-check input{width:18px;height:18px;display:flex}.filter_block .filter_options .line-check label{width:100%;color:var(--main-text);align-items:center;min-height:40px;margin-left:10px;display:flex}@media screen and (max-width:768px){.filter_block .filter_options{height:100%;overflow:unset}.filter_block .filter_options .filter_price .line .input{width:100%}.filter_block .filter_options .line-check:focus-within{background-color:var(--main-background-invert-alpha-30)}}.rangePrice{box-sizing:border-box;flex-direction:column;width:100%;padding:10px 5px;display:flex;position:relative}.rangePrice .rc-slider{height:24px;margin-top:10px;position:relative}.rangePrice .rc-slider-rail{background:var(--main-background-invert-alpha-20);border-radius:2px;width:100%;height:10px;position:absolute;top:0;transform:skew(-20deg)}.rangePrice .rc-slider-track{background:var(--button-first-background);border-radius:2px;height:10px;position:absolute;transform:skew(-20deg)}.rangePrice .rc-slider-handle{box-sizing:border-box;background-color:var(--button-first-background);cursor:pointer;z-index:1;border-radius:4px;width:24px;height:24px;display:flex;position:absolute;top:-6px;box-shadow:none!important;border:none!important;transform:skew(-20deg)!important}.rangePrice .rc-slider-handle:last-child{margin-left:-24.4px}
.list_produto_page{align-items:flex-start;display:flex}@media screen and (max-width:768px){.list_produto_page{flex-direction:column}}.product_filters{flex-direction:column;width:300px;height:fit-content;max-height:calc(100dvh - 40px);display:flex;position:sticky;top:0;overflow:hidden auto}@media screen and (max-width:768px){.product_filters{width:100%;max-height:72dvh;padding-bottom:20px;position:relative}}.listaProdutos{border-left:1px solid var(--main-background-invert-alpha-20);gap:10px;max-width:calc(100% - 320px);margin-top:20px;margin-left:20px;display:grid}.listaProdutosNotGrid{grid-template-columns:auto!important}.prodNotSearch{text-align:center;flex-direction:column;grid-template-columns:auto;margin-left:20px;display:flex}@media screen and (max-width:1535px){.prodNotSearch{width:100%;margin:0;overflow:hidden}}@media screen and (max-width:768px){.listaProdutos{border:0;margin:0;overflow:hidden;max-width:100%!important}}.all-displayed-message{text-align:"center";opacity:.5;cursor:"default";color:var(--main-text);padding:12px}.loading-more{width:calc(100% - 320px);margin-left:"auto";min-height:"250px";cursor:"default";position:"relative";text-align:"center"}@media screen and (max-width:768px){.loading-more{width:100%}.all-displayed-message{position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}}.filter_mobile{border:solid 1.5px var(--main-background-invert-alpha-20);border-radius:10px;width:100%;margin-top:20px;padding:15px 10px}.filter_mobile .btnFilter{justify-content:space-between;align-items:center;width:100%;display:flex}.filter_mobile .btnFilter span{font-size:var(--font-subtitle-size);font-family:var(--font-subtitle-family);font-weight:var(--font-subtitle-weight);color:var(--main-subtitle)}.filter_mobile .btnFilter .icon{font-size:var(--font-subtitle-size);color:var(--main-subtitle)}.filter_mobile .btnFilter .icon.filter-arrow.rotate{animation:.3s forwards rotateFilterSecArrow;transform:skew(20deg)}.filter_mobile .btnFilter .icon.filter-arrow.rotateback{animation:.3s forwards rotateFilterSecArrowBack}@keyframes rotateFilterSecArrow{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes rotateFilterSecArrowBack{0%{transform:rotate(90deg)}to{transform:rotate(0)}}
