/* Osobna makieta kolorów Morza V5. Nie jest częścią opublikowanego V5. */
body.sea-v5.sand-controls-preview {
  --sand-ink: #392b20;
  --sand-edge: rgba(112, 76, 46, .44);
  --sand-panel: rgba(229, 206, 163, .82);
  --sand-light: rgba(247, 232, 198, .92);
  --sand-active: rgba(171, 118, 67, .93);
}
.sand-controls-preview .sea-v5-versions a,
.sand-controls-preview .preview-notice,
.sand-controls-preview header,
.sand-controls-preview .toolbar,
.sand-controls-preview .sea-controls {
  background: var(--sand-panel) !important;
  color: var(--sand-ink) !important;
  border-color: var(--sand-edge) !important;
  box-shadow: 0 9px 28px rgba(77, 53, 30, .15) !important;
  -webkit-backdrop-filter: blur(13px) saturate(1.1);
  backdrop-filter: blur(13px) saturate(1.1);
}
.sand-controls-preview .preview-notice {
  background: rgba(165, 118, 72, .78) !important;
  color: #fff8e8 !important;
  letter-spacing: .04em;
}
.sand-controls-preview .sea-v5-versions a,
.sand-controls-preview header .nav a,
.sand-controls-preview .filter,
.sand-controls-preview .search,
.sand-controls-preview .sea-controls button,
.sand-controls-preview #af-launcher {
  background: var(--sand-light) !important;
  color: var(--sand-ink) !important;
  border-color: var(--sand-edge) !important;
  box-shadow: inset 0 1px rgba(255, 251, 239, .66) !important;
}
.sand-controls-preview .filter[aria-pressed="true"],
.sand-controls-preview .sea-controls button[aria-pressed="true"],
.sand-controls-preview .sea-anchor[aria-pressed="true"] {
  background: var(--sand-active) !important;
  color: #fff8ea !important;
  border-color: rgba(86, 55, 29, .72) !important;
}
.sand-controls-preview .sea-controls button:hover,
.sand-controls-preview header .nav a:hover,
.sand-controls-preview .filter:hover,
.sand-controls-preview .sea-v5-versions a:hover {
  background: #f8e6b9 !important;
  color: #332416 !important;
}
.sand-controls-preview .sea-v5-tools summary,
.sand-controls-preview .sea-v5-versions,
.sand-controls-preview header .brand,
.sand-controls-preview .sea-controls p,
.sand-controls-preview .sea-controls span,
.sand-controls-preview .sea-controls label {
  color: var(--sand-ink) !important;
}
.sea-v5.sand-controls-preview .sea-controls small,
.sea-v5.sand-controls-preview .sea-controls #sea-status {
  color: #3e2e21 !important;
  text-shadow: none !important;
}
.sea-v5.sand-controls-preview .sea-v5-versions {
  background: rgba(235, 211, 170, .65) !important;
  border-radius: 15px;
  box-shadow: 0 4px 16px rgba(76, 49, 29, .13);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}
.sea-v5.sand-controls-preview .sea-v5-versions,
.sea-v5.sand-controls-preview .sea-v5-versions small {
  color: #35271c !important;
  text-shadow: none !important;
}
.sand-controls-preview .search input,
.sand-controls-preview .search input::placeholder {
  color: #58432f !important;
  opacity: 1;
}
.sand-controls-preview .sea-anchor,
.sand-controls-preview .sea-mini-title,
.sand-controls-preview .sea-expand {
  background: rgba(125, 86, 51, .86) !important;
  color: #fff8e8 !important;
  border-color: rgba(251, 232, 193, .8) !important;
}
.sea-v5.sand-controls-preview .sea-tile .sea-anchor,
.sea-v5.sand-controls-preview .sea-tile .sea-mini-title,
.sea-v5.sand-controls-preview .sea-tile .sea-expand {
  background: rgba(125, 86, 51, .88) !important;
  color: #fff8e8 !important;
  border-color: rgba(251, 232, 193, .8) !important;
}
.sea-v5.sand-controls-preview .sea-tile .sea-anchor[aria-pressed="true"] {
  background: rgba(171, 118, 67, .95) !important;
  box-shadow: 0 0 0 2px #fff1cb, 0 3px 10px rgba(77, 53, 30, .32) !important;
}
.sea-v5.sand-controls-preview .sea-tile .sea-anchor span,
.sea-v5.sand-controls-preview .sea-tile .sea-mini-title,
.sea-v5.sand-controls-preview .sea-tile .sea-expand::before,
.sea-v5.sand-controls-preview .sea-tile .sea-expand::after {
  color: #fff8e8 !important;
  filter: none !important;
}
.sea-v5.sand-controls-preview .sea-tile .sea-anchor span {
  font-family: "Segoe UI Symbol", "Noto Sans Symbols 2", sans-serif !important;
  font-variant-emoji: text;
  text-shadow: 0 1px 2px rgba(74, 45, 25, .55) !important;
  filter: sepia(1) saturate(.15) brightness(1.25) !important;
}
.sea-v5.sand-controls-preview .sea-tile .sea-drag-handle,
.sea-v5.sand-controls-preview .sea-tile .sea-resize-handle {
  color: #fff2d4 !important;
  border-color: #fff2d4 !important;
}
.sand-controls-preview .sea-expand::before,
.sand-controls-preview .sea-expand::after,
.sand-controls-preview .sea-drag-handle,
.sand-controls-preview .sea-resize-handle {
  color: #fff2d4 !important;
  border-color: #fff2d4 !important;
}
.sand-controls-preview :is(a,button,input,summary):focus-visible {
  outline: 3px solid #6c4427 !important;
  outline-offset: 3px;
}
@media (max-width: 640px) {
  .sand-controls-preview .sea-controls { background: rgba(229, 206, 163, .91) !important; }
  .sand-controls-preview .preview-notice { letter-spacing: 0; }
}