.q530l43{--q530l41: #15803d;--q530l42: #b91c1c;display:grid;grid-template-rows:80px auto 60px;height:100%;height:100dvh}.q530l46{z-index:500;background-color:#f2f3f4;border-bottom:1px solid #D0D0D2;display:flex;align-items:center;justify-content:center}.q530l47{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-items:center;height:100%;justify-content:space-around;flex-grow:1}.q530l48{flex-grow:1;flex-basis:0;height:100%}.q530l49{width:100%;height:100%;background:none;text-align:left;margin:0;cursor:pointer;color:inherit;-moz-column-gap:8px;column-gap:8px;flex-flow:row;white-space:nowrap;font:inherit;align-items:center;align-content:center;padding:0 8px;border:2px solid transparent;display:grid;grid-template-areas:"top top" "index title" "subtitle subtitle";grid-template-rows:14px auto 14px;grid-template-columns:min-content 1fr}.q530l49:focus{outline:0;border:2px solid #efefef;background:#fff}.q530l4a{color:var(--q530l41)}.q530l4b{color:#3c81e2}.q530l4c{color:#6f6f6f}.q530l4d{border-radius:50%;display:flex;width:28px;height:28px;font-size:14px;aspect-ratio:1;align-content:center;align-items:center;justify-content:center;font-weight:700;line-height:1;grid-area:index;transition:all .4s ease-out;color:#fff}.q530l4e{background-color:green}.q530l4g,.q530l4i{background-color:#3c81e2}.q530l4j{background-color:#6f6f6f}.q530l4k{font-weight:600;font-size:18px;line-height:1;grid-area:title}.q530l4l{font-size:12px;line-height:1;text-overflow:ellipsis;width:100%;overflow:hidden;grid-area:subtitle;align-self:flex-end}@media (min-width: 500px){.q530l49{border-radius:8px;padding:0 16px;grid-template-areas:"index title" "index subtitle";grid-template-rows:auto 0;grid-template-columns:min-content 1fr}.q530l4a{grid-template-rows:auto auto}.q530l4d{width:32px;height:32px;font-size:16px}}