/* GENERATED by design/yardage/organic/library.js. Do not edit.
   The Yardage Book motifs as FULLSCREEN backgrounds (DESIGN-LANGUAGE.md
   section 8): every motif covers its whole section and runs off every
   edge; there are no framed pages. Usage, on an element that fills the
   section (position: absolute; inset: 0):
     <div class="yb-motif yb-motif--topo-field" aria-hidden="true"></div>
   Whisper is the default; add .yb-motif--feature on loading, empty and the
   404. Wide drawings above 700 px, tall ones below. Night follows the same
   three cases as tokens.css: .yb-night / [data-yb-theme=night] on the page or
   any ancestor, and the OS dark mode on <html class=yb-auto> unless the root
   says [data-yb-theme=paper] (tokens.css: @media (prefers-color-scheme: dark)
   :root.yb-auto:not([data-yb-theme=paper])). The SVGs carry their level's colour and opacity
   (tokens.json), so never set opacity on the element; ease it down behind
   data with motif-fade.js. Copy this file WITH its svg/ folder (and
   motif-fade.js): the urls are relative to it. */
.yb-motif { pointer-events: none; background-repeat: no-repeat; background-size: cover; background-position: center; }
.yb-motif--topo-field { background-image: url("svg/topo-field-wide-whisper-paper.svg"); }
.yb-motif--topo-field.yb-motif--feature { background-image: url("svg/topo-field-wide-feature-paper.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--topo-field, .yb-motif--topo-field:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/topo-field-wide-whisper-night.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--topo-field.yb-motif--feature, .yb-motif--topo-field.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/topo-field-wide-feature-night.svg"); }
@media (prefers-color-scheme: dark) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--topo-field { background-image: url("svg/topo-field-wide-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--topo-field.yb-motif--feature { background-image: url("svg/topo-field-wide-feature-night.svg"); }
}
@media (max-width: 700px) {
  .yb-motif--topo-field { background-image: url("svg/topo-field-whisper-paper.svg"); }
  .yb-motif--topo-field.yb-motif--feature { background-image: url("svg/topo-field-feature-paper.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--topo-field, .yb-motif--topo-field:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/topo-field-whisper-night.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--topo-field.yb-motif--feature, .yb-motif--topo-field.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/topo-field-feature-night.svg"); }
}
@media (prefers-color-scheme: dark) and (max-width: 700px) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--topo-field { background-image: url("svg/topo-field-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--topo-field.yb-motif--feature { background-image: url("svg/topo-field-feature-night.svg"); }
}
.yb-motif--hole-par3 { background-image: url("svg/hole-par3-wide-whisper-paper.svg"); }
.yb-motif--hole-par3.yb-motif--feature { background-image: url("svg/hole-par3-wide-feature-paper.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--hole-par3, .yb-motif--hole-par3:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/hole-par3-wide-whisper-night.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--hole-par3.yb-motif--feature, .yb-motif--hole-par3.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/hole-par3-wide-feature-night.svg"); }
@media (prefers-color-scheme: dark) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--hole-par3 { background-image: url("svg/hole-par3-wide-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--hole-par3.yb-motif--feature { background-image: url("svg/hole-par3-wide-feature-night.svg"); }
}
@media (max-width: 700px) {
  .yb-motif--hole-par3 { background-image: url("svg/hole-par3-whisper-paper.svg"); }
  .yb-motif--hole-par3.yb-motif--feature { background-image: url("svg/hole-par3-feature-paper.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--hole-par3, .yb-motif--hole-par3:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/hole-par3-whisper-night.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--hole-par3.yb-motif--feature, .yb-motif--hole-par3.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/hole-par3-feature-night.svg"); }
}
@media (prefers-color-scheme: dark) and (max-width: 700px) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--hole-par3 { background-image: url("svg/hole-par3-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--hole-par3.yb-motif--feature { background-image: url("svg/hole-par3-feature-night.svg"); }
}
.yb-motif--hole-par4 { background-image: url("svg/hole-par4-wide-whisper-paper.svg"); }
.yb-motif--hole-par4.yb-motif--feature { background-image: url("svg/hole-par4-wide-feature-paper.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--hole-par4, .yb-motif--hole-par4:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/hole-par4-wide-whisper-night.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--hole-par4.yb-motif--feature, .yb-motif--hole-par4.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/hole-par4-wide-feature-night.svg"); }
@media (prefers-color-scheme: dark) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--hole-par4 { background-image: url("svg/hole-par4-wide-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--hole-par4.yb-motif--feature { background-image: url("svg/hole-par4-wide-feature-night.svg"); }
}
@media (max-width: 700px) {
  .yb-motif--hole-par4 { background-image: url("svg/hole-par4-whisper-paper.svg"); }
  .yb-motif--hole-par4.yb-motif--feature { background-image: url("svg/hole-par4-feature-paper.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--hole-par4, .yb-motif--hole-par4:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/hole-par4-whisper-night.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--hole-par4.yb-motif--feature, .yb-motif--hole-par4.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/hole-par4-feature-night.svg"); }
}
@media (prefers-color-scheme: dark) and (max-width: 700px) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--hole-par4 { background-image: url("svg/hole-par4-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--hole-par4.yb-motif--feature { background-image: url("svg/hole-par4-feature-night.svg"); }
}
.yb-motif--hole-par5 { background-image: url("svg/hole-par5-wide-whisper-paper.svg"); }
.yb-motif--hole-par5.yb-motif--feature { background-image: url("svg/hole-par5-wide-feature-paper.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--hole-par5, .yb-motif--hole-par5:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/hole-par5-wide-whisper-night.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--hole-par5.yb-motif--feature, .yb-motif--hole-par5.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/hole-par5-wide-feature-night.svg"); }
@media (prefers-color-scheme: dark) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--hole-par5 { background-image: url("svg/hole-par5-wide-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--hole-par5.yb-motif--feature { background-image: url("svg/hole-par5-wide-feature-night.svg"); }
}
@media (max-width: 700px) {
  .yb-motif--hole-par5 { background-image: url("svg/hole-par5-whisper-paper.svg"); }
  .yb-motif--hole-par5.yb-motif--feature { background-image: url("svg/hole-par5-feature-paper.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--hole-par5, .yb-motif--hole-par5:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/hole-par5-whisper-night.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--hole-par5.yb-motif--feature, .yb-motif--hole-par5.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/hole-par5-feature-night.svg"); }
}
@media (prefers-color-scheme: dark) and (max-width: 700px) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--hole-par5 { background-image: url("svg/hole-par5-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--hole-par5.yb-motif--feature { background-image: url("svg/hole-par5-feature-night.svg"); }
}
.yb-motif--green-back-to-front { background-image: url("svg/green-back-to-front-wide-whisper-paper.svg"); }
.yb-motif--green-back-to-front.yb-motif--feature { background-image: url("svg/green-back-to-front-wide-feature-paper.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--green-back-to-front, .yb-motif--green-back-to-front:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/green-back-to-front-wide-whisper-night.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--green-back-to-front.yb-motif--feature, .yb-motif--green-back-to-front.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/green-back-to-front-wide-feature-night.svg"); }
@media (prefers-color-scheme: dark) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--green-back-to-front { background-image: url("svg/green-back-to-front-wide-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--green-back-to-front.yb-motif--feature { background-image: url("svg/green-back-to-front-wide-feature-night.svg"); }
}
@media (max-width: 700px) {
  .yb-motif--green-back-to-front { background-image: url("svg/green-back-to-front-whisper-paper.svg"); }
  .yb-motif--green-back-to-front.yb-motif--feature { background-image: url("svg/green-back-to-front-feature-paper.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--green-back-to-front, .yb-motif--green-back-to-front:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/green-back-to-front-whisper-night.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--green-back-to-front.yb-motif--feature, .yb-motif--green-back-to-front.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/green-back-to-front-feature-night.svg"); }
}
@media (prefers-color-scheme: dark) and (max-width: 700px) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--green-back-to-front { background-image: url("svg/green-back-to-front-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--green-back-to-front.yb-motif--feature { background-image: url("svg/green-back-to-front-feature-night.svg"); }
}
.yb-motif--green-two-tier { background-image: url("svg/green-two-tier-wide-whisper-paper.svg"); }
.yb-motif--green-two-tier.yb-motif--feature { background-image: url("svg/green-two-tier-wide-feature-paper.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--green-two-tier, .yb-motif--green-two-tier:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/green-two-tier-wide-whisper-night.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--green-two-tier.yb-motif--feature, .yb-motif--green-two-tier.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/green-two-tier-wide-feature-night.svg"); }
@media (prefers-color-scheme: dark) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--green-two-tier { background-image: url("svg/green-two-tier-wide-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--green-two-tier.yb-motif--feature { background-image: url("svg/green-two-tier-wide-feature-night.svg"); }
}
@media (max-width: 700px) {
  .yb-motif--green-two-tier { background-image: url("svg/green-two-tier-whisper-paper.svg"); }
  .yb-motif--green-two-tier.yb-motif--feature { background-image: url("svg/green-two-tier-feature-paper.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--green-two-tier, .yb-motif--green-two-tier:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/green-two-tier-whisper-night.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--green-two-tier.yb-motif--feature, .yb-motif--green-two-tier.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/green-two-tier-feature-night.svg"); }
}
@media (prefers-color-scheme: dark) and (max-width: 700px) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--green-two-tier { background-image: url("svg/green-two-tier-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--green-two-tier.yb-motif--feature { background-image: url("svg/green-two-tier-feature-night.svg"); }
}
.yb-motif--green-crowned { background-image: url("svg/green-crowned-wide-whisper-paper.svg"); }
.yb-motif--green-crowned.yb-motif--feature { background-image: url("svg/green-crowned-wide-feature-paper.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--green-crowned, .yb-motif--green-crowned:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/green-crowned-wide-whisper-night.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--green-crowned.yb-motif--feature, .yb-motif--green-crowned.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/green-crowned-wide-feature-night.svg"); }
@media (prefers-color-scheme: dark) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--green-crowned { background-image: url("svg/green-crowned-wide-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--green-crowned.yb-motif--feature { background-image: url("svg/green-crowned-wide-feature-night.svg"); }
}
@media (max-width: 700px) {
  .yb-motif--green-crowned { background-image: url("svg/green-crowned-whisper-paper.svg"); }
  .yb-motif--green-crowned.yb-motif--feature { background-image: url("svg/green-crowned-feature-paper.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--green-crowned, .yb-motif--green-crowned:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/green-crowned-whisper-night.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--green-crowned.yb-motif--feature, .yb-motif--green-crowned.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/green-crowned-feature-night.svg"); }
}
@media (prefers-color-scheme: dark) and (max-width: 700px) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--green-crowned { background-image: url("svg/green-crowned-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--green-crowned.yb-motif--feature { background-image: url("svg/green-crowned-feature-night.svg"); }
}
.yb-motif--scorecard-fragment { background-image: url("svg/scorecard-fragment-wide-whisper-paper.svg"); }
.yb-motif--scorecard-fragment.yb-motif--feature { background-image: url("svg/scorecard-fragment-wide-feature-paper.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--scorecard-fragment, .yb-motif--scorecard-fragment:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/scorecard-fragment-wide-whisper-night.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--scorecard-fragment.yb-motif--feature, .yb-motif--scorecard-fragment.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/scorecard-fragment-wide-feature-night.svg"); }
@media (prefers-color-scheme: dark) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--scorecard-fragment { background-image: url("svg/scorecard-fragment-wide-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--scorecard-fragment.yb-motif--feature { background-image: url("svg/scorecard-fragment-wide-feature-night.svg"); }
}
@media (max-width: 700px) {
  .yb-motif--scorecard-fragment { background-image: url("svg/scorecard-fragment-whisper-paper.svg"); }
  .yb-motif--scorecard-fragment.yb-motif--feature { background-image: url("svg/scorecard-fragment-feature-paper.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--scorecard-fragment, .yb-motif--scorecard-fragment:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/scorecard-fragment-whisper-night.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--scorecard-fragment.yb-motif--feature, .yb-motif--scorecard-fragment.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/scorecard-fragment-feature-night.svg"); }
}
@media (prefers-color-scheme: dark) and (max-width: 700px) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--scorecard-fragment { background-image: url("svg/scorecard-fragment-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--scorecard-fragment.yb-motif--feature { background-image: url("svg/scorecard-fragment-feature-night.svg"); }
}
.yb-motif--yardage-numerals { background-image: url("svg/yardage-numerals-wide-whisper-paper.svg"); }
.yb-motif--yardage-numerals.yb-motif--feature { background-image: url("svg/yardage-numerals-wide-feature-paper.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--yardage-numerals, .yb-motif--yardage-numerals:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/yardage-numerals-wide-whisper-night.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--yardage-numerals.yb-motif--feature, .yb-motif--yardage-numerals.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/yardage-numerals-wide-feature-night.svg"); }
@media (prefers-color-scheme: dark) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--yardage-numerals { background-image: url("svg/yardage-numerals-wide-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--yardage-numerals.yb-motif--feature { background-image: url("svg/yardage-numerals-wide-feature-night.svg"); }
}
@media (max-width: 700px) {
  .yb-motif--yardage-numerals { background-image: url("svg/yardage-numerals-whisper-paper.svg"); }
  .yb-motif--yardage-numerals.yb-motif--feature { background-image: url("svg/yardage-numerals-feature-paper.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--yardage-numerals, .yb-motif--yardage-numerals:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/yardage-numerals-whisper-night.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--yardage-numerals.yb-motif--feature, .yb-motif--yardage-numerals.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/yardage-numerals-feature-night.svg"); }
}
@media (prefers-color-scheme: dark) and (max-width: 700px) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--yardage-numerals { background-image: url("svg/yardage-numerals-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--yardage-numerals.yb-motif--feature { background-image: url("svg/yardage-numerals-feature-night.svg"); }
}
.yb-motif--pin-sheet { background-image: url("svg/pin-sheet-wide-whisper-paper.svg"); }
.yb-motif--pin-sheet.yb-motif--feature { background-image: url("svg/pin-sheet-wide-feature-paper.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--pin-sheet, .yb-motif--pin-sheet:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/pin-sheet-wide-whisper-night.svg"); }
:is(.yb-night, [data-yb-theme="night"]) .yb-motif--pin-sheet.yb-motif--feature, .yb-motif--pin-sheet.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/pin-sheet-wide-feature-night.svg"); }
@media (prefers-color-scheme: dark) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--pin-sheet { background-image: url("svg/pin-sheet-wide-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--pin-sheet.yb-motif--feature { background-image: url("svg/pin-sheet-wide-feature-night.svg"); }
}
@media (max-width: 700px) {
  .yb-motif--pin-sheet { background-image: url("svg/pin-sheet-whisper-paper.svg"); }
  .yb-motif--pin-sheet.yb-motif--feature { background-image: url("svg/pin-sheet-feature-paper.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--pin-sheet, .yb-motif--pin-sheet:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/pin-sheet-whisper-night.svg"); }
  :is(.yb-night, [data-yb-theme="night"]) .yb-motif--pin-sheet.yb-motif--feature, .yb-motif--pin-sheet.yb-motif--feature:is(.yb-night, [data-yb-theme="night"]) { background-image: url("svg/pin-sheet-feature-night.svg"); }
}
@media (prefers-color-scheme: dark) and (max-width: 700px) {
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--pin-sheet { background-image: url("svg/pin-sheet-whisper-night.svg"); }
  :where(:root.yb-auto:not([data-yb-theme="paper"])) .yb-motif--pin-sheet.yb-motif--feature { background-image: url("svg/pin-sheet-feature-night.svg"); }
}
@media (prefers-contrast: more), (forced-colors: active), (prefers-reduced-transparency: reduce) { .yb-motif:not(.yb-motif--feature) { display: none; } }