@charset "utf-8";

.css-ypqi22 { grid-template-columns: auto 1fr; -webkit-box-align: center; align-items: center; gap: 12px; padding: 8px 12px; display: grid; cursor: pointer; }

@media screen and (min-width: 768px) {
  .css-ypqi22 { grid-template-columns: repeat(1, 1fr); grid-template-rows: auto 1fr; -webkit-box-align: start; align-items: start; gap: 4px; padding: 0.7em; border-radius: 4px; border-width: 1px; border-color: rgb(204, 204, 204); }
}

@media (min-width: 768px) {
  .css-ypqi22 { position: relative; }
}

.css-ypqi22::before { content: ""; position: absolute; border: 2px solid; inset: -1px; border-radius: 4px; opacity: 0; transition: opacity 0.2s; z-index: 1; pointer-events: none; }

.no-touch .css-ypqi22:hover svg { opacity: 1; }

.no-touch .css-ypqi22:hover .header { text-decoration: underline; }