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