html,
body {
  background: #141b22;
}

body {
  font-family: "Comic Sans MS", "Chalkboard SE", "Trebuchet MS", Arial, sans-serif;
  color: #f3f6f8;
}

body * {
  transition: none !important;
  animation: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body .rounded,
body .rounded-md,
body .rounded-lg,
body .rounded-xl {
  border-radius: 2px !important;
}

body .paint-field {
  background: #f3f3f3 !important;
  color: #111 !important;
  border: 2px solid #8e8e8e !important;
  border-right-width: 1px !important;
  border-bottom-width: 3px !important;
  border-radius: 2px !important;
}

body .paint-heading {
  font-family: "Comic Sans MS", "Chalkboard SE", "Trebuchet MS", Arial, sans-serif !important;
  letter-spacing: 0 !important;
  font-weight: 700 !important;
}

body .paint-heading[data-wonk="0"] {
  transform: translate(1px, 0);
}

body .paint-heading[data-wonk="1"] {
  transform: translate(0, 1px);
}

body .paint-heading[data-wonk="2"] {
  transform: translate(-1px, 1px);
}

body h1.paint-heading {
  font-size: clamp(2.85rem, 4.8vw, 3.85rem) !important;
  line-height: 0.95 !important;
}

body h2.paint-heading {
  font-size: 1.62rem !important;
  line-height: 1.05 !important;
}

body h3.paint-heading {
  font-size: 0.95rem !important;
  line-height: 1.1 !important;
}

body .paint-section-title {
  display: inline-block;
  margin-bottom: 1rem !important;
  padding-bottom: 0.1rem !important;
  border-bottom: 2px solid #b1bcc8 !important;
}

body .paint-ui-btn {
  background: #f3b33a !important;
  color: #111 !important;
  border: 2px solid #9c6d10 !important;
  border-right-width: 1px !important;
  border-bottom-width: 3px !important;
  border-radius: 3px !important;
  font-family: "Comic Sans MS", "Chalkboard SE", Arial, sans-serif !important;
  font-weight: 700 !important;
  text-align: center !important;
  letter-spacing: 0.05px;
  padding-left: calc(1rem + 1px) !important;
  padding-right: 1rem !important;
}

body .paint-ui-btn:hover {
  background: #dda129 !important;
  transform: translate(1px, 1px) !important;
}

body .paint-ui-btn:active {
  background: #cb901c !important;
  transform: translate(1px, 2px) !important;
}

body .paint-ui-btn:focus-visible {
  outline: 2px dashed #f8d26c;
  outline-offset: 2px;
}

body .paint-product-card {
  background: #f5f5f5 !important;
  color: #111 !important;
  border: 2px solid #cacaca !important;
  border-right-width: 1px !important;
  border-bottom-width: 3px !important;
  padding: 14px 13px 15px 12px !important;
}

body .paint-product-card[data-wonk="1"] {
  transform: translate(1px, 1px);
}

body .paint-product-card[data-wonk="2"] {
  transform: translate(-1px, 1px);
}

body .paint-product-card[data-wonk="3"] {
  transform: translate(1px, 0);
}

body .paint-product-card .paint-slot {
  background: #fafafa !important;
  border: 2px solid #d6d6d6 !important;
  border-left-width: 1px !important;
  border-top-width: 1px !important;
  border-bottom-width: 3px !important;
  padding: 2px !important;
  margin-bottom: 11px !important;
}

body .paint-product-card h3,
body .paint-product-card .text-gray-900 {
  color: #111 !important;
  font-family: "Comic Sans MS", "Chalkboard SE", Arial, sans-serif !important;
}

body .paint-product-card .text-gray-600,
body .paint-product-card .text-xs,
body .paint-product-card .text-sm {
  color: #4a4a4a !important;
}

body .paint-product-card .text-blue-600,
body .paint-review-link {
  color: #007185 !important;
  font-weight: 700 !important;
}

body .paint-product-card .text-red-600 {
  color: #9b3d15 !important;
}

body .paint-hero {
  border: 2px solid #4b5765 !important;
  border-right-width: 1px !important;
  border-bottom-width: 3px !important;
  border-radius: 2px !important;
}

body .paint-hero-slide {
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 2.7rem 2.2rem 2rem !important;
  background-blend-mode: normal !important;
}

body .paint-hero-slide > div:first-child {
  background: #0b0d10 !important;
  opacity: 0.18 !important;
}

body .paint-hero-panel {
  position: absolute !important;
  left: 2.35rem !important;
  top: 50% !important;
  text-align: left !important;
  max-width: 34rem;
  transform: translateY(-50%) rotate(-0.4deg) !important;
}

body .paint-hero-panel h2 {
  color: #ffffff !important;
  margin-bottom: 0.5rem !important;
}

body .paint-hero-panel p {
  font-size: 1.07rem !important;
  opacity: 1 !important;
  color: #f2c14f !important;
  max-width: 31rem;
}

body .paint-hero-panel a,
body .paint-hero-panel button {
  margin-top: 1.1rem !important;
}

body .paint-hero-dot {
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  border: 1px solid #6e6e6e !important;
  border-bottom-width: 2px !important;
  border-radius: 2px !important;
}

body .paint-nav {
  border-color: #29313b !important;
}

body nav img[alt="Amazun"] {
  height: 44px !important;
  width: auto !important;
}

body footer img[alt="Amazun"] {
  height: 58px !important;
  width: auto !important;
  opacity: 1 !important;
}

body .paint-cart-summary .text-xs,
body .paint-returns-summary .text-xs {
  display: none !important;
}

body .paint-nav a,
body .paint-nav span,
body .paint-nav button {
  font-family: "Comic Sans MS", "Chalkboard SE", "Trebuchet MS", Arial, sans-serif !important;
}

body .paint-nav select {
  font-size: 0.84rem !important;
}

body .paint-nav input {
  font-size: 0.92rem !important;
}

body .paint-divider {
  border-color: #39424d !important;
}

body .paint-panel {
  background: #222f3e !important;
  border: 1px solid #384a5b !important;
  border-bottom-width: 2px !important;
}

body .paint-crumb {
  color: inherit !important;
}

body [class*="text-blue-400"],
body [class*="text-blue-600"] {
  color: #007185 !important;
}

body [class*="text-\\[\\#ff9900\\]"],
body [class*="fill-\\[\\#ff9900\\]"] {
  color: #f3a847 !important;
  fill: #f3a847 !important;
}

body .paint-detail {
  background: #f5f5f5 !important;
  color: #111 !important;
  border: 2px solid #d3d3d3 !important;
  border-right-width: 1px !important;
  border-bottom-width: 3px !important;
  padding: 1.2rem !important;
}

body .paint-detail p,
body .paint-detail span,
body .paint-detail h1,
body .paint-detail h3 {
  color: inherit !important;
}

body .paint-detail .text-gray-400,
body .paint-detail .text-gray-300 {
  color: #4e4e4e !important;
}

body .paint-detail .bg-gray-800 {
  background: #ececec !important;
  border: 1px solid #d1d1d1 !important;
}

body .paint-detail .text-red-500,
body .paint-detail .text-red-400 {
  color: #a14614 !important;
}

body .paint-detail .text-blue-400 {
  color: #007185 !important;
}

body .paint-gallery-card {
  border: 2px solid #d7d7d7 !important;
  border-right-width: 1px !important;
  border-bottom-width: 3px !important;
}

@media (max-width: 768px) {
  body .paint-hero-slide {
    padding: 2.1rem 1.25rem 1.5rem !important;
  }

  body .paint-hero-panel {
    left: 1.25rem !important;
    right: 1.25rem !important;
    max-width: calc(100% - 2.5rem);
    transform: translateY(-50%) !important;
  }

  body h1.paint-heading {
    font-size: 2.35rem !important;
  }
}