.readmore{position:relative;max-height:200px;overflow:hidden;margin-bottom:20px;transition:max-height .15s ease-out}.readmore.expand{max-height:5000px!important;transition:max-height .35s ease-in-out}.readmore-span{position:absolute;bottom:0;right:0;display:block;width:100%;height:60px;text-align:right;color:gray;font-weight:700;font-size:12px;padding-top:40px;background-image:linear-gradient(to bottom,transparent,white);cursor:pointer}.readmore-span.expand{position:relative;background-image:none;padding-top:6px;height:20px}.readmore-span:after{content:"Read more"}.readmore-span.expand:after{content:"Read less"}.filter{height:4rem;position:relative;z-index:9;pointer-events:none}.filter label{display:block;height:1.6rem}.filter.show h3{background:#fff!important;border-bottom-color:transparent;box-shadow:none;border-radius:3px 3px 0 0}.filter.show ul{display:block}.filter h3{cursor:pointer;background:linear-gradient(180deg,#f2f2f2,#d4d4d4);border:1px solid #979797;box-sizing:border-box;box-shadow:0 1px 2px #00000032,inset 0 2px #fff;border-radius:3px;display:flex;position:absolute;align-items:center;padding:0 .6rem;height:2.4rem;z-index:3;pointer-events:auto}.filter h3>svg{height:.8rem;width:.8rem;display:block}.filter h3 i{height:1.2rem;width:2rem;overflow:hidden}.filter h3 i img{display:block;height:100%;width:100%;border-radius:.2rem}.filter h3 span{padding:0 .4rem;font-weight:700;font-size:unset}.filter ul{position:absolute;top:100%;background-color:#fff;padding:1rem 0;margin:-1px 0 0;border:1px solid #979797;border-radius:0 3px 3px;display:none;pointer-events:auto}.filter ul li{cursor:pointer;box-sizing:border-box;display:flex;align-items:center;padding:0 1.7rem 0 .6rem;height:3rem;font-weight:600}.filter ul li:hover{background-color:#d8d8d8}.filter ul li>svg{height:1.4rem;width:1.4rem;display:block}.filter ul li i{height:1.2rem;width:2rem;overflow:hidden}.filter ul li i img{display:block;height:100%;width:100%;border-radius:.2rem}.filter ul li span{padding:0 1rem}.items{display:none}.items.show{display:block}details summary{cursor:pointer}details summary::-webkit-details-marker,details summary::marker{content:none;display:none}details summary span.tag:after{content:"＋"}details[open] summary span.tag:after{content:"－"}details[open] summary svg{transform:rotate(-90deg)}details[open] summary~*{animation:open .5s ease-in-out}details[close] summary~*{animation:close .5s ease-in-out}li.sort.desc svg path:nth-child(1),li.sort.asc svg path:nth-child(2){opacity:.2}