._1ni4uqf0{width:95%;padding:10px}
._1ni4uqf1{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:12px;display:grid}
._1ni4uqf2{justify-content:space-between;align-items:center;margin:15px 0;display:flex}
._1ni4uqf3{background-color:none;color:#abb2bf;border:3px solid #abb2bf;padding:0;transition-property:background-color,color;transition-duration:.2s;display:flex}
._1ni4uqf3:hover{color:#282c34;cursor:pointer;background-color:#abb2bf;transition-property:background-color,color;transition-duration:.2s}
._1ni4uqf4{color:inherit;padding:10px;font-size:30px;transition:color .5s}
._1ni4uqf3:hover>._1ni4uqf4{color:#282c34;transition:color .5s}
._1ni4uqf5{width:50px;height:50px}
._1ni4uqf6{grid-template-rows:subgrid;border:1px solid #abb2bf;grid-row:span 3;grid-template-columns:auto 1fr;gap:4px;height:100%;transition:background-color .3s;display:grid;position:relative}
._1ni4uqf6:before{content:"";opacity:.18;background-color:#98c379;width:0;height:100%;transition:width .3s cubic-bezier(0,.55,.45,1);display:block;position:absolute;top:0;left:0}
._1ni4uqf7{grid-area:1/1/auto/-1;margin-block:0;margin-inline:8px;padding-top:4px;font-size:1.2em}
._1ni4uqf0>a:hover>._1ni4uqf7{text-decoration:underline}
._1ni4uqf8{white-space:nowrap;color:#282c34;background-color:#abb2bf;border-radius:2px;width:fit-content;height:fit-content;margin-block:auto;margin-inline:8px;padding:4px;display:inline-block}
._1ni4uqf9{word-wrap:break-word;margin:0;grid-area:3/1/auto/-1;margin-inline:8px;padding-bottom:8px}
._1ni4uqfa{flex-wrap:wrap;align-items:center;gap:4px;display:flex}
._1ni4uqfb{border:2px solid #abb2bf;border-radius:2px;height:fit-content;padding:2px 4px;font-size:.8em}
@media (hover:hover){._1ni4uqf6:hover{color:#282c34}._1ni4uqf6:hover:before{width:100%}}