*{padding:0;margin:0;box-sizing:border-box;font-family:Montserrat,sans-serif;color:#fff}body{overflow:hidden}.ui{position:absolute;top:0;left:0}.ui-right{left:unset;right:0}.panel{width:18rem;background-color:#1f1f1f66;border:3px solid #2d2d2d;margin-bottom:3rem}.panel-right{right:0}.panel__heading{font-weight:700;font-size:1.5rem;padding:1rem;border-bottom:1px solid #2d2d2d}button{position:relative;cursor:pointer;font-size:1rem;font-weight:400;text-align:left;width:100%;background:none;border:none}.accordion__button:after{position:absolute;right:1rem;font-size:1rem;top:50%;transform:translateY(-50%);content:"+"}.accordion.active>.accordion__button:after{content:"-"}button:hover,button.active{color:#21e8e8;background:rgba(72,72,72,.4)}.panel__heading,.panel__button{padding:1rem}.accordion{border-bottom:1px solid #2d2d2d}.accordion__data{padding-top:1rem;display:none}.accordion.active>.accordion__data{display:block}.accordion__data p{padding:0 1rem;font-size:.75rem;font-weight:200;margin-bottom:.25rem}.accordion__data span{font-weight:400}@media screen and (max-width: 768px){.panel{width:50vw;margin-bottom:0;border-width:1px}.ui .panel:not(:first-child){border-top:none}.ui-right .panel{border-left:none}.panel__heading{border:none}}