#view-filter{color:#353535}#filter,#filter *{list-style:none;text-decoration:none}#filter{display:none;font-size:12px;padding:7px 0 10px 21px;background-color:#f3f3f3;margin-bottom:8px}#filter .close_button{float:right;cursor:pointer;padding-right:7px;font-size:24px}#filter-menu-chk,#filter .filter-modal{display:none}#filter .submenu ul label{position:relative}#filter input+label[for^=pid_color]::before{content:'';background:transparent;padding:10px;display:inline-block;border-radius:50%;margin-bottom:-5px;box-shadow:0 0 0 1px black}#filter input+label[for=pid_color_black]::before{background:black}#filter input+label[for=pid_color_brown]::before{background:brown}#filter input+label[for=pid_color_silver_gray]::before{background:silver}#filter input+label[for=pid_color_gold_bronze]::before{background:linear-gradient(90deg,khaki,goldenrod)}#filter input+label[for=pid_color_red_pink]::before{background:linear-gradient(90deg,red 35%,pink 65%)}#filter input+label[for=pid_color_blue_green]::before{background:linear-gradient(90deg,blue 35%,green 65%)}#filter input+label[for=pid_color_yellow]::before{background:yellow}#filter input+label[for=pid_color_white]::before{background:white}#filter input+label[for=pid_color_other]::before{background:linear-gradient(90deg,orange,yellow,green,cyan,blue,violet)}#filter input:checked+label[for^=pid_color]::after{content:'L';transform:rotateY(180deg) rotate(315deg);font-weight:bold;position:absolute;top:1px;left:-20px;color:gold;text-shadow:-1px -1px 0 tomato,1px -1px 0 tomato,-1px 1px 0 tomato,1px 1px 0 tomato}#filter .submenu span[class^=icofont]{font-size:large;line-height:46px}#filter .submenu span.current{display:none}@media not screen and (max-width:599px){#filter-menu-chk:checked ~ #filter{display:block}}@media screen and (max-width:599px){#filter{width:80%;min-width:300px;z-index:11000;position:fixed;top:0;right:0;margin:0;padding:0;height:100%;background:none;transition:transform .5s;display:block;transform:translateX(100%)}#filter-menu-chk:checked ~ #filter{transform:translateX(0)}#filter .bar{position:absolute;width:100%}#filter-menu-chk+.menu-modal{z-index:10000}#filter .barry{float:right}#filter .filter-content{display:block;background:#ddd;border:1px solid #777;width:100%;height:100%;position:absolute;top:0;right:0;z-index:1;overflow:scroll;padding:10px;padding-top:42px}#filter .menu-content{width:100%;position:absolute;top:0}#filter .close_button{display:none}#filter input:checked+label[for^=pid_color]::after{top:5px;left:6px}#filter .submenu span.menu_label{flex:1 0;padding-left:5px}#filter .submenu span.current{display:inline;color:#777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}}