/*
 * Font-free lightGallery toolbar icons.
 *
 * WHAT WAS HERE
 * -------------
 * This file mapped the lightGallery toolbar's icon classes onto the
 * bootstrap-icons WEB FONT:
 *
 *     .lg-icon { font-family: "bootstrap-icons" !important; }
 *     .lg-actions .lg-next:before { content: "\f285" !important; }
 *     ...11 more
 *
 * The web font is no longer loaded (it was 128 KiB on the critical request
 * chain; see app/Support/Icons/IconRenderer.php), so every one of those Private
 * Use Area codepoints painted a .notdef box -- the gallery's prev/next/close/
 * download/zoom/fullscreen buttons were all solid squares.
 *
 * It also missed the real lightGallery icon mechanism. lightgallery-all.js
 * renders empty `<span class="lg-close lg-icon"></span>` elements and relies on
 * the `lg` icon font declared in lightgallery.css. Those font files
 * (lg.eot/woff/ttf) are not present in this project, so even without the
 * bootstrap-icons override there was nothing to draw.
 *
 * WHAT REPLACES IT
 * ----------------
 * Each toolbar icon is drawn with a percent-encoded inline-SVG `mask-image`, the
 * same font-free technique as public/assets/icons/icons.css. The mask paints
 * with `background-color: currentColor`, so the icons keep inheriting colour and
 * hover states from lightgallery.css.
 *
 * The data URIs MUST stay percent-encoded. An unencoded SVG body contains `"`
 * (inside xmlns="..."), which terminates the CSS string and makes the parser
 * discard the whole declaration -- that is exactly the bug that produced the
 * original "tofu box" regression.
 *
 * IMPORTANT: keep this file free of @font-face and of any `font-family`
 * referencing an icon font. tests/IconMechanismTest.php enforces both.
 */

.lg-icon {
  font-family: inherit !important;
}

/* Shared geometry for every toolbar icon. */
.lg-actions .lg-next:before,
.lg-actions .lg-prev:after,
.lg-toolbar .lg-close:after,
.lg-toolbar .lg-download:after,
.lg-outer .lg-toogle-thumb:after,
.lg-autoplay-button:after,
.lg-show-autoplay .lg-autoplay-button:after,
#lg-zoom-in:after,
#lg-zoom-out:after,
#lg-actual-size:after,
.lg-fullscreen:after,
.lg-fullscreen-on .lg-fullscreen:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* bi-chevron-right */
.lg-actions .lg-next:before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20fill-rule=%22evenodd%22%20d=%22M4.646%201.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201%200%20.708l-6%206a.5.5%200%200%201-.708-.708L10.293%208%204.646%202.354a.5.5%200%200%201%200-.708%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20fill-rule=%22evenodd%22%20d=%22M4.646%201.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201%200%20.708l-6%206a.5.5%200%200%201-.708-.708L10.293%208%204.646%202.354a.5.5%200%200%201%200-.708%22/%3E%3C/svg%3E");
}

/* bi-chevron-left */
.lg-actions .lg-prev:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20fill-rule=%22evenodd%22%20d=%22M11.354%201.646a.5.5%200%200%201%200%20.708L5.707%208l5.647%205.646a.5.5%200%200%201-.708.708l-6-6a.5.5%200%200%201%200-.708l6-6a.5.5%200%200%201%20.708%200%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20fill-rule=%22evenodd%22%20d=%22M11.354%201.646a.5.5%200%200%201%200%20.708L5.707%208l5.647%205.646a.5.5%200%200%201-.708.708l-6-6a.5.5%200%200%201%200-.708l6-6a.5.5%200%200%201%20.708%200%22/%3E%3C/svg%3E");
}

/* bi-x-lg */
.lg-toolbar .lg-close:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M2.146%202.854a.5.5%200%200%201%20.708-.708L8%207.293l5.146-5.147a.5.5%200%200%201%20.708.708L8.707%208l5.147%205.146a.5.5%200%200%201-.708.708L8%208.707l-5.146%205.147a.5.5%200%200%201-.708-.708L7.293%208z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M2.146%202.854a.5.5%200%200%201%20.708-.708L8%207.293l5.146-5.147a.5.5%200%200%201%20.708.708L8.707%208l5.147%205.146a.5.5%200%200%201-.708.708L8%208.707l-5.146%205.147a.5.5%200%200%201-.708-.708L7.293%208z%22/%3E%3C/svg%3E");
}

/* bi-download */
.lg-toolbar .lg-download:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M.5%209a.5.5%200%200%201%20.5.5%203%203%200%200%200%203%203h8a3%203%200%200%200%203-3%20.5.5%200%200%201%201%200%204%204%200%200%201-4%204H4a4%204%200%200%201-4-4%20.5.5%200%200%201%20.5-.5%22/%3E%3Cpath%20d=%22M7.646%2011.354a.5.5%200%200%200%20.708%200l3-3a.5.5%200%200%200-.708-.708L8.5%209.793V1.5a.5.5%200%200%200-1%200v8.293L5.354%207.646a.5.5%200%201%200-.708.708z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M.5%209a.5.5%200%200%201%20.5.5%203%203%200%200%200%203%203h8a3%203%200%200%200%203-3%20.5.5%200%200%201%201%200%204%204%200%200%201-4%204H4a4%204%200%200%201-4-4%20.5.5%200%200%201%20.5-.5%22/%3E%3Cpath%20d=%22M7.646%2011.354a.5.5%200%200%200%20.708%200l3-3a.5.5%200%200%200-.708-.708L8.5%209.793V1.5a.5.5%200%200%200-1%200v8.293L5.354%207.646a.5.5%200%201%200-.708.708z%22/%3E%3C/svg%3E");
}

/* bi-grid-3x3-gap */
.lg-outer .lg-toogle-thumb:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M1%202.5A1.5%201.5%200%200%201%202.5%201h2A1.5%201.5%200%200%201%206%202.5v2A1.5%201.5%200%200%201%204.5%206h-2A1.5%201.5%200%200%201%201%204.5zm6%200A1.5%201.5%200%200%201%208.5%201h2A1.5%201.5%200%200%201%2012%202.5v2A1.5%201.5%200%200%201%2010.5%206h-2A1.5%201.5%200%200%201%207%204.5zm-6%206A1.5%201.5%200%200%201%202.5%207h2A1.5%201.5%200%200%201%206%208.5v2A1.5%201.5%200%200%201%204.5%2012h-2A1.5%201.5%200%200%201%201%2010.5zm6%200A1.5%201.5%200%200%201%208.5%207h2A1.5%201.5%200%200%201%2012%208.5v2A1.5%201.5%200%200%201%2010.5%2012h-2A1.5%201.5%200%200%201%207%2010.5m6-8A1.5%201.5%200%200%201%2014.5%201h-1A1.5%201.5%200%200%200%2012%202.5v2A1.5%201.5%200%200%200%2013.5%206h1zm0%206A1.5%201.5%200%200%201%2014.5%207h-1A1.5%201.5%200%200%200%2012%208.5v2A1.5%201.5%200%200%200%2013.5%2012h1zm0%206A1.5%201.5%200%200%201%2014.5%2013h-1a1.5%201.5%200%200%200-1.5%201.5v0h1A1.5%201.5%200%200%200%2014.5%2013%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M1%202.5A1.5%201.5%200%200%201%202.5%201h2A1.5%201.5%200%200%201%206%202.5v2A1.5%201.5%200%200%201%204.5%206h-2A1.5%201.5%200%200%201%201%204.5zm6%200A1.5%201.5%200%200%201%208.5%201h2A1.5%201.5%200%200%201%2012%202.5v2A1.5%201.5%200%200%201%2010.5%206h-2A1.5%201.5%200%200%201%207%204.5zm-6%206A1.5%201.5%200%200%201%202.5%207h2A1.5%201.5%200%200%201%206%208.5v2A1.5%201.5%200%200%201%204.5%2012h-2A1.5%201.5%200%200%201%201%2010.5zm6%200A1.5%201.5%200%200%201%208.5%207h2A1.5%201.5%200%200%201%2012%208.5v2A1.5%201.5%200%200%201%2010.5%2012h-2A1.5%201.5%200%200%201%207%2010.5m6-8A1.5%201.5%200%200%201%2014.5%201h-1A1.5%201.5%200%200%200%2012%202.5v2A1.5%201.5%200%200%200%2013.5%206h1zm0%206A1.5%201.5%200%200%201%2014.5%207h-1A1.5%201.5%200%200%200%2012%208.5v2A1.5%201.5%200%200%200%2013.5%2012h1zm0%206A1.5%201.5%200%200%201%2014.5%2013h-1a1.5%201.5%200%200%200-1.5%201.5v0h1A1.5%201.5%200%200%200%2014.5%2013%22/%3E%3C/svg%3E");
}

/* bi-play-circle */
.lg-autoplay-button:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200M6.79%204.093A.5.5%200%200%200%206%204.5v7a.5.5%200%200%200%20.79.407l5.5-3.5a.5.5%200%200%200%200-.814z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200M6.79%204.093A.5.5%200%200%200%206%204.5v7a.5.5%200%200%200%20.79.407l5.5-3.5a.5.5%200%200%200%200-.814z%22/%3E%3C/svg%3E");
}

/* bi-pause-circle */
.lg-show-autoplay .lg-autoplay-button:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200M5.5%203.5a.5.5%200%200%200-.5.5v8a.5.5%200%200%200%201%200V4a.5.5%200%200%200-.5-.5m5%200a.5.5%200%200%200-.5.5v8a.5.5%200%200%200%201%200V4a.5.5%200%200%200-.5-.5%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200M5.5%203.5a.5.5%200%200%200-.5.5v8a.5.5%200%200%200%201%200V4a.5.5%200%200%200-.5-.5m5%200a.5.5%200%200%200-.5.5v8a.5.5%200%200%200%201%200V4a.5.5%200%200%200-.5-.5%22/%3E%3C/svg%3E");
}

/* bi-zoom-in */
#lg-zoom-in:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M6.5%204.5a.5.5%200%200%201%20.5.5v1.5h1.5a.5.5%200%200%201%200%201H7V9a.5.5%200%200%201-1%200V7.5H4.5a.5.5%200%200%201%200-1H6V5a.5.5%200%200%201%20.5-.5%22/%3E%3Cpath%20d=%22M11.742%2010.344a6.5%206.5%200%201%200-1.397%201.398h-.001q.044.06.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1%201%200%200%200-.115-.1zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M6.5%204.5a.5.5%200%200%201%20.5.5v1.5h1.5a.5.5%200%200%201%200%201H7V9a.5.5%200%200%201-1%200V7.5H4.5a.5.5%200%200%201%200-1H6V5a.5.5%200%200%201%20.5-.5%22/%3E%3Cpath%20d=%22M11.742%2010.344a6.5%206.5%200%201%200-1.397%201.398h-.001q.044.06.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1%201%200%200%200-.115-.1zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200%22/%3E%3C/svg%3E");
}

/* bi-zoom-out */
#lg-zoom-out:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M3.996%207a.5.5%200%200%200%200%201h5a.5.5%200%200%200%200-1z%22/%3E%3Cpath%20d=%22M11.742%2010.344a6.5%206.5%200%201%200-1.397%201.398h-.001q.044.06.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1%201%200%200%200-.115-.1zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M3.996%207a.5.5%200%200%200%200%201h5a.5.5%200%200%200%200-1z%22/%3E%3Cpath%20d=%22M11.742%2010.344a6.5%206.5%200%201%200-1.397%201.398h-.001q.044.06.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1%201%200%200%200-.115-.1zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200%22/%3E%3C/svg%3E");
}

/* bi-aspect-ratio */
#lg-actual-size:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M0%203.5A1.5%201.5%200%200%201%201.5%202h13A1.5%201.5%200%200%201%2016%203.5v9a1.5%201.5%200%200%201-1.5%201.5h-13A1.5%201.5%200%200%201%200%2012.5zm1%200v9a.5.5%200%200%200%20.5.5h13a.5.5%200%200%200%20.5-.5v-9a.5.5%200%200%200-.5-.5h-13a.5.5%200%200%200-.5.5%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M0%203.5A1.5%201.5%200%200%201%201.5%202h13A1.5%201.5%200%200%201%2016%203.5v9a1.5%201.5%200%200%201-1.5%201.5h-13A1.5%201.5%200%200%201%200%2012.5zm1%200v9a.5.5%200%200%200%20.5.5h13a.5.5%200%200%200%20.5-.5v-9a.5.5%200%200%200-.5-.5h-13a.5.5%200%200%200-.5.5%22/%3E%3C/svg%3E");
}

/* bi-arrows-fullscreen */
.lg-fullscreen:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20fill-rule=%22evenodd%22%20d=%22M5.828%200H.646C.29%200%200%20.29%200%20.646v5.182a.646.646%200%200%200%201.293%200V1.914l4.353%204.353a.646.646%200%201%200%20.914-.914L2.207%201.293h3.914A.646.646%200%200%200%205.828%200%22/%3E%3Cpath%20d=%22M15.354%2016h-5.182a.646.646%200%200%201%200-1.293h3.914L9.733%2010.354a.646.646%200%200%201%20.914-.914l4.353%204.353V9.879a.646.646%200%201%201%201.293%200v5.182a.646.646%200%200%201-.646.646Z%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20fill-rule=%22evenodd%22%20d=%22M5.828%200H.646C.29%200%200%20.29%200%20.646v5.182a.646.646%200%200%200%201.293%200V1.914l4.353%204.353a.646.646%200%201%200%20.914-.914L2.207%201.293h3.914A.646.646%200%200%200%205.828%200%22/%3E%3Cpath%20d=%22M15.354%2016h-5.182a.646.646%200%200%201%200-1.293h3.914L9.733%2010.354a.646.646%200%200%201%20.914-.914l4.353%204.353V9.879a.646.646%200%201%201%201.293%200v5.182a.646.646%200%200%201-.646.646Z%22/%3E%3C/svg%3E");
}

/* bi-fullscreen-exit */
.lg-fullscreen-on .lg-fullscreen:after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M5.5%200a.5.5%200%200%201%20.5.5v4A1.5%201.5%200%200%201%204.5%206h-4a.5.5%200%200%201%200-1h4a.5.5%200%200%200%20.5-.5v-4a.5.5%200%200%201%20.5-.5m5%200a.5.5%200%200%201%20.5.5v4a.5.5%200%200%200%20.5.5h4a.5.5%200%200%201%200%201h-4A1.5%201.5%200%200%201%2010%204.5v-4a.5.5%200%200%201%20.5-.5M0%2010.5a.5.5%200%200%201%20.5-.5h4A1.5%201.5%200%200%201%206%2011.5v4a.5.5%200%200%201-1%200v-4a.5.5%200%200%200-.5-.5h-4a.5.5%200%200%201-.5-.5m10%200a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4a.5.5%200%200%200-.5.5v4a.5.5%200%200%201-1%200v-4a1.5%201.5%200%200%201%201-1.5%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%20fill=%22currentColor%22%3E%3Cpath%20d=%22M5.5%200a.5.5%200%200%201%20.5.5v4A1.5%201.5%200%200%201%204.5%206h-4a.5.5%200%200%201%200-1h4a.5.5%200%200%200%20.5-.5v-4a.5.5%200%200%201%20.5-.5m5%200a.5.5%200%200%201%20.5.5v4a.5.5%200%200%200%20.5.5h4a.5.5%200%200%201%200%201h-4A1.5%201.5%200%200%201%2010%204.5v-4a.5.5%200%200%201%20.5-.5M0%2010.5a.5.5%200%200%201%20.5-.5h4A1.5%201.5%200%200%201%206%2011.5v4a.5.5%200%200%201-1%200v-4a.5.5%200%200%200-.5-.5h-4a.5.5%200%200%201-.5-.5m10%200a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4a.5.5%200%200%200-.5.5v4a.5.5%200%200%201-1%200v-4a1.5%201.5%200%200%201%201-1.5%22/%3E%3C/svg%3E");
}