<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.unit-product-sort-m__filter {
	padding: 8px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative; 
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.unit-product-sort-m .unit-product-sort-m__filter-text {width: 100%;flex-grow: 1;text-transform: capitalize; cursor: pointer;font-weight: bold;}
.unit-product-sort-m .unit-product-sort-m__filter-text .iconfont {opacity: .8;display: inline-block;transition: .3s;font-size: 14px !important;color:#6d6d6d}
.unit-product-sort-m .unit-product-sort-m__filter-text.is_active .iconfont {transform: rotate(-180deg);}
.unit-product-sort-m .unit-product-sort-m__filter .unit-product-sort-m__filter-posi {
  position: absolute;
  top: calc(100% + 7px);
  left: -14px;
  background: #fff;
  z-index: 4;
  display: none; 
  width: calc(100vw - 30px);
  color: #333;
  border: 1px solid rgba(0, 0, 0, .15);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border-radius: 0.25rem ;
}
.unit-product-sort-m__filter-text.is_active .unit-product-sort-m__filter-posi {display: block;padding:15px 0;}
.unit-product-sort-m__filter-posi p{padding: 5px 15px;padding-left:13px;cursor: pointer;position: relative;color: #212529;line-height: 1.3;font-weight: normal;}
.unit-product-sort-m__filter-posi p:first-child{padding-top:0;}
.unit-product-sort-m__filter-posi p:last-child{padding-bottom:0;}
.unit-product-sort-m__filter-posi p:hover{opacity: 1;background-color: #f8f9fa;color: #16181b;text-decoration: none;color: rgb(var(--rgb-color));}
.unit-product-sort-m__filter-posi p.is_active{color: rgb(var(--rgb-color));}
/* .unit-product-sort-m__filter-posi p.is_active::before { content: '\e6b3'; font-family: "iconfont" !important; font-size: 12px; transform: scale(.7); position: absolute; left: 10px; top: 13px; opacity: .5; font-weight: 600; } */
/* .unit-product-sort-m__filter-posi::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; content: ''; border-width: 6px; top: -6px; border-bottom-color: #fff; border-top-width: 0; left: 40%; } */
/* ç§»åŠ¨ç«¯ */
.unit-product-sort-m{padding:14px;color:rgb(var(--font-color));--font-color:0,0,0;background:#fff;display:flex;align-items:center;justify-content:space-between;border-radius:6px;height:48px;display:none;border: 1px solid rgba(0, 0, 0, .15);}
.unit-product-sort-m-view{display: none;}
.unit-product-sort-m .unit-product-sort__filter{padding:0}
.unit-product-sort__filter_btn{color:rgb(var(--font-color));cursor:pointer;font-weight: bold;}
.unit-product-sort__filter_btn .iconfont{color:#6F6F6F;font-size: 14px;}
.unit-header-menu_right_slide_view{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:9999;background:rgba(0,0,0,.06);display:none}
.unit-header-menu_right_slide{--header-color:#333;--header-bg:#fff;color:var(--header-color);transition:all .3s;width:80%;height:100%;background-color:var(--header-bg);position:fixed;right:0;top:0}
.unit-header-menu_right_slide .unit-header_right_slide-header{width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #EEEFEF;padding:10px}
.unit-header-menu_right_slide .unit-header_right_slide-title{font-size:16px;font-weight:bold;color:#101010;}
.unit-header_right_slide-header .unit-header_right_slide-close{font-size:12px;font-weight:500;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer}
.unit-header_right_slide-body{padding:10px;overflow-y:auto;height:calc(100% - 125px)}
.unit-header_right_slide__nav{width:100%}
.unit-header_right_slide-body .unit-header_right_slide__nav-item{padding:0;color:#000;line-height: 1.3;}
.unit-header_right_slide-body .unit-header-menu__nav_name{font-weight:bold;font-size:16px}
.unit-header-menu_right_slide__nav__item-link{display:flex;align-items:center;justify-content:space-between;padding-top:12px}
.unit-header-menu_right_slide__nav__item-link .px-2{padding-left:3px !important;}
.unit-header_right_slide__nav-item:first-child .unit-header-menu_right_slide__nav__item-link{padding-top: 0;}
.unit-header-menu_right_slide__nav__item-link.active{color:var(--font-active) !important}
.unit-header-menu_right_slide__nav__item-link .unit-header-menu__nav_name{position:relative;word-break:break-word;line-height: 1.2;}
.unit-header-menu_right_slide__nav__item-link .unit-header-menu__nav__item-drop{color:inherit;cursor:pointer}
.unit-header-menu_right_slide__nav__item-link .unit-header-menu__nav__item-drop.active{transform:rotate(0)}
.unit-header-menu_right_slide__nav__item-content{height:0;opacity:0;overflow:hidden;transition:height .3s ease-in-out,opacity .3s ease-in-out;padding:0 15px;padding-right:0;cursor:pointer;padding-bottom:20px;display:none}
.unit-header-menu_right_slide__nav__item-content:last-child{padding-bottom:0}
.unit-header-menu_right_slide__nav__item-content.show{height:auto;opacity:1;overflow:initial;display:block;margin-top:12px;}
.unit-header-menu_right_slide__nav__item-content.show div:first-child{padding-top:0;}
.unit-header-menu_right_slide__nav__item-content.show div:last-child{padding-bottom:0;}
.unit-header-menu_right_slide__nav__item-content input{margin-right:10px}
.unit-attr-text-search-right_slide__items{width:100%;margin-bottom:12px;}
.unit-header_right_slide-body .input-group-right_slide{position:relative;display:flex;justify-content:flex-end;border:solid 1px #ddd;border-radius:8px;height:36px}
.input-group-right_slide{position:relative;display:flex;justify-content:flex-end;border:solid 1px #ddd;border-radius:8px}
.input-group-right_slide .btn-text{font-size: 14px;color:#101010;}
.input-group-right_slide .dropdown-item{font-size: 14px;color:#101010;}

.unit-header_right_slide-body .input-group-prepend-right_slide{position:relative;width:30%;max-width:90px;display: flex;}
.unit-header_right_slide-body .input-group-prepend-right_slide button{display:flex;align-items:center;padding:0 5px}
.unit-header_right_slide-body .input-group-prepend-right_slide button:focus{box-shadow:none}
.unit-header_right_slide-body .btnSearch{top:5px}
.btn-outline-secondary-right_slide{cursor:pointer;padding:8px;font-size:13px}
.unit-header_right_slide-body .btn-outline-secondary-right_slide .text-truncate{max-width:50px}
.dropdown-menu-right_slide{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;margin:.125rem 0 0;padding:15px 0;width:75vw;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;background-color:#fff;background-clip:padding-box;color:#212529;list-style:none;text-align:left;font-size:1rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}
.dropdown-menu-right_slide.show{display:block}
.form-control-right_slide{flex:1;width:50%;padding-right:30px;font-size:15px;border:none;border-left:1px solid #D9D9D9;border-radius:0 10px 10px 0;outline:none}
.unit-header-menu_right_slide_view .unit-header_right_slide__nav{--font-color:51,51,51}
.unit-header_right_slide-bottom{display:flex;height:80px;justify-content:space-around;position: absolute;bottom:0;width:100%;padding:14px;}
.unit-header_right_slide-bottom button{padding: 10px 30px 10px 30px !important;}
.unit-header-menu_right_slide .unit-header_right_slide-body .unit-header_right_slide__nav .unit-attr-search__content--checkbox [text-style="3"]{color:#101010;font-size: 14px;}
.unit-header_right_slide__nav .unit-attr-search__content--checkbox.is_active{color: rgb(var(--rgb-color));}
.unit-header-menu_right_slide_view .unit-attr-search__content--checkbox{padding:8px 0;line-height: 1.3;opacity: 0.8;}
.dropdown-menu-right_slide .dropdown-item{width:100%;white-space: normal;padding:0;font-weight: normal;padding:5px 15px}
.dropdown-menu-right_slide .dropdown-item:first-child{padding-top:0;}
.dropdown-menu-right_slide .dropdown-item:last-child{padding-bottom:0;}
.dropdown-menu-right_slide .dropdown-item.is_active{color: rgb(var(--rgb-color));}
.dropdown-menu-right_slide .dropdown-item:hover{background-color: #f8f9fa;}
.unit-header_right_slide__nav .unit-header-menu__nav__item-drop::before{color:#6d6d6d;}
.unit-header_right_slide-body::-webkit-scrollbar{width:4px;}
@media screen and (max-width:1200px){
.unit-product-sort-m{display:flex}
.unit-product-sort-m-view{display: block;padding:14px 14px 4px 14px;}
.unit-attr-search,
.unit-product-sort,
.unit-product-sort-1__wrapper,
.unit-attr-text-search-1__wrapper,
.unit-attr-sort-search-1__wrapper,
.unit-attr-search-1__wrapper,
.unit-attr-text-search:not(.download-text-search),
.unit-attr-sort-search,
[package-unit-type="attr-search"]
{display:none !important}
}</pre></body></html>