@charset "utf-8";

.css-1m5rszg { color: rgb(204, 204, 204); background-color: rgb(255, 255, 255); border-width: 1px; border-color: currentcolor; transition: color 0.2s; font-size: 14px; min-height: 36px; padding: 4px 8px; line-height: 1.25; border-radius: 4px; width: 198px; display: inline-flex; -webkit-box-align: center; align-items: center; position: relative; }

.no-touch .css-1m5rszg:hover .x { color: rgb(0, 0, 0); }

.css-1m5rszg label { color: rgb(0, 0, 0); }

.css-1m5rszg x { color: rgb(102, 102, 102); }

.css-1m5rszg::before { content: ""; position: absolute; inset: -1px; border: 2px solid currentcolor; border-radius: 4px; opacity: 0; transition: color 0.2s, opacity 0.2s; }

.css-1m5rszg active { color: rgb(0, 0, 0); }

.css-1m5rszg active::before { opacity: 1; }

.no-touch .css-1m5rszg inactive:hover::before, .no-touch button:hover > .css-1m5rszg inactive::before { opacity: 1; }

.no-touch .css-1m5rszg:hover::before, .no-touch button:hover > .css-1m5rszg::before { opacity: 1; }

@media screen and (min-width: 992px) {
  .css-1m5rszg { width: 100%; }
}