/* Copyright 2026 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* #css_wrapper_metadata_start
 * #type=style-lit
 * #import=//resources/cr_elements/cr_shared_vars.css.js
 * #css_wrapper_metadata_end */

:host {
  display: block;
}

.fetch-row {
  align-items: flex-start;
  display: flex;
  gap: 8px;
}

.fetch-row cr-input {
  flex: 1;
}

.fetch-row cr-button {
  margin-top: 24px;
}

#details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 8px;
  min-height: 60px;
}

#dropdowns-row {
  display: flex;
  gap: 16px;
  width: 100%;
}

#dropdowns-row .dropdown-container {
  flex: 1;
  margin-bottom: 0;
}

.success-message {
  color: var(--google-green-700);
  font-size: 0.85rem;
}

@media (prefers-color-scheme: dark) {
  .success-message {
    color: var(--google-green-300);
  }
}