.accs{border:1px solid #888888;overflow:hidden;border-radius:5px}.accs .acc{background:#f0f0f0;cursor:pointer;transition:background-color .3s ease}.accs .acc:not(:last-child){border-bottom:1px solid #888888}.accs .acc-content{padding-left:10px;padding-right:10px;height:0;overflow:hidden;transition-duration:.1s;transition-timing-function:ease-out;transition-property:height,max-height,padding-top,padding-bottom}.accs .acc-label{padding:10px;display:block;width:100%}.accs input{display:none}.accs input:checked~.acc-content{padding-top:10px;padding-bottom:10px;height:100%}.slider{--slider-w: 400px;--slider-h: 300px;width:var(--slider-w);height:var(--slider-h);overflow:hidden;border-radius:5px}.slider .slide{width:var(--slider-w);height:var(--slider-h);float:left;position:relative}.slider .slide-holder{width:400%;position:relative;left:0;will-change:transform;animation:scroller 10s infinite}.collapse{border:1px solid #888888;border-radius:5px;margin:1em 0;overflow:hidden}.collapse .head{padding:1em;overflow:hidden;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#eee;will-change:background;transition:background .3s ease-in-out}.collapse .head::-webkit-details-marker{display:none}.collapse .head:after{content:"+";font-size:1.5em;line-height:1rem;position:relative;top:-1px;align-self:center;font-weight:700}.collapse .head:hover{background:#eee}.collapse .body{padding:5px}.carousel{position:relative;width:300px;height:200px;overflow:hidden;z-index:1}.carousel img{border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.carousel img:target{transition:all .5s ease-in-out}.carousel ul{padding:0;margin:0;position:absolute;z-index:3;width:100%;display:flex;text-align:center;justify-content:space-around}.carousel ul li{list-style-type:none;flex:1}.carousel ul li:before{content:" ";color:transparent;display:inline-block;width:.5px}.tabs{position:relative;min-height:200px}.tabs .tab{float:left}.tabs .tab label{padding:5px;border-radius:5px 5px 0 0;border:1px solid #888888;background:#eee;top:1em;-webkit-user-select:none;user-select:none;cursor:pointer}.tabs .tab [type=radio]{display:none}.tabs .content{position:absolute;border:1px solid #888888;top:calc(1em + 8px);border-radius:0 5px 5px;padding:10px;left:0;right:0;bottom:0;opacity:0}.tabs [type=radio]:checked~label{z-index:2;background:#fff}.tabs [type=radio]:checked~label~.content{z-index:1;opacity:1}.tag{display:inline-block;text-align:center;min-width:7ch;padding:.25em .75em;border-radius:1.25em;background:#888;font-size:.9em;margin:0 .5em;position:relative;top:-.25em;text-decoration:none;transition:background .3s ease-in-out}[tooltip]:before{content:attr(tooltip);position:absolute;top:-20px;left:50%;transform:translate(-50%,-80%);min-width:100px;opacity:0;background:#222222;color:#fff;border:1px solid #888888;padding:5px 10px;border-radius:3px;z-index:1;pointer-events:none;will-change:opacity;transition:opacity .1s ease-in-out}[tooltip]:hover:before{opacity:1}