/* GENERIRANO iz genesis-ikone.svg — NE UREĐUJ RUČNO.
   Alat: tools/generiraj_ikone_css.py

   Ikone su CSS maske, ne <svg> elementi: na X96 (Amlogic) svaki nacrtani
   SVG u ljusci ostavlja crni pravokutnik preko sadržaja (izmjereno 29.7.,
   84.4%% crnine sa SVG-om, 0.0%% s maskom). Maska čuva currentColor i temu.

   Upotreba:  <span class="gi gi--kamera" aria-hidden="true"></span>
   Linkabilno: <a class="gi-veza" href="..." title="...">
                 <span class="gi gi--arhiva" aria-hidden="true"></span></a>
*/

.gi{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}

.gi--kamera{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M3 8.5A1.5 1.5 0 0 1 4.5 7h2.2a1 1 0 0 0 .83-.45l.94-1.4A1 1 0 0 1 9.3 4.7h5.4a1 1 0 0 1 .83.45l.94 1.4a1 1 0 0 0 .83.45h2.2A1.5 1.5 0 0 1 21 8.5v9A1.5 1.5 0 0 1 19.5 19h-15A1.5 1.5 0 0 1 3 17.5z%22/> <circle cx=%2212%22 cy=%2212.8%22 r=%223.4%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M3 8.5A1.5 1.5 0 0 1 4.5 7h2.2a1 1 0 0 0 .83-.45l.94-1.4A1 1 0 0 1 9.3 4.7h5.4a1 1 0 0 1 .83.45l.94 1.4a1 1 0 0 0 .83.45h2.2A1.5 1.5 0 0 1 21 8.5v9A1.5 1.5 0 0 1 19.5 19h-15A1.5 1.5 0 0 1 3 17.5z%22/> <circle cx=%2212%22 cy=%2212.8%22 r=%223.4%22/></svg>")}
.gi--video{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x=%223%22 y=%226.5%22 width=%2212.5%22 height=%2211%22 rx=%221.8%22/> <path d=%22M15.5 11.2 20.4 8.4a.6.6 0 0 1 .9.52v6.16a.6.6 0 0 1-.9.52L15.5 12.8z%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x=%223%22 y=%226.5%22 width=%2212.5%22 height=%2211%22 rx=%221.8%22/> <path d=%22M15.5 11.2 20.4 8.4a.6.6 0 0 1 .9.52v6.16a.6.6 0 0 1-.9.52L15.5 12.8z%22/></svg>")}
.gi--mikrofon{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x=%229.2%22 y=%223%22 width=%225.6%22 height=%2211%22 rx=%222.8%22/> <path d=%22M5.8 11.4a6.2 6.2 0 0 0 12.4 0%22/> <path d=%22M12 17.6V21M9 21h6%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x=%229.2%22 y=%223%22 width=%225.6%22 height=%2211%22 rx=%222.8%22/> <path d=%22M5.8 11.4a6.2 6.2 0 0 0 12.4 0%22/> <path d=%22M12 17.6V21M9 21h6%22/></svg>")}
.gi--biljeska{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M4 19.5V6.2A2.2 2.2 0 0 1 6.2 4h8.3L20 9.5v10a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5z%22/> <path d=%22M14.2 4v5.2H20%22/> <path d=%22M8 13h7M8 16.2h4.5%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M4 19.5V6.2A2.2 2.2 0 0 1 6.2 4h8.3L20 9.5v10a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5z%22/> <path d=%22M14.2 4v5.2H20%22/> <path d=%22M8 13h7M8 16.2h4.5%22/></svg>")}
.gi--potvrdi{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22m4.5 12.6 4.6 4.6L19.5 6.8%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22m4.5 12.6 4.6 4.6L19.5 6.8%22/></svg>")}
.gi--ispravi{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M4 20h4.2L19.1 9.1a2 2 0 0 0 0-2.83l-1.37-1.37a2 2 0 0 0-2.83 0L4 15.8z%22/> <path d=%22m14.4 6.4 3.2 3.2%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M4 20h4.2L19.1 9.1a2 2 0 0 0 0-2.83l-1.37-1.37a2 2 0 0 0-2.83 0L4 15.8z%22/> <path d=%22m14.4 6.4 3.2 3.2%22/></svg>")}
.gi--odustani{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M6.4 6.4 17.6 17.6M17.6 6.4 6.4 17.6%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M6.4 6.4 17.6 17.6M17.6 6.4 6.4 17.6%22/></svg>")}
.gi--izbornik{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M4 7h16M4 12h16M4 17h16%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M4 7h16M4 12h16M4 17h16%22/></svg>")}
.gi--trazi{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><circle cx=%2211%22 cy=%2211%22 r=%226.4%22/> <path d=%22m15.8 15.8 4 4%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><circle cx=%2211%22 cy=%2211%22 r=%226.4%22/> <path d=%22m15.8 15.8 4 4%22/></svg>")}
.gi--natrag{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M19 12H5M11 6l-6 6 6 6%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M19 12H5M11 6l-6 6 6 6%22/></svg>")}
.gi--tema{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M20 13.4A8.2 8.2 0 1 1 10.6 4a6.6 6.6 0 0 0 9.4 9.4z%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M20 13.4A8.2 8.2 0 1 1 10.6 4a6.6 6.6 0 0 0 9.4 9.4z%22/></svg>")}
.gi--arhiva{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x=%223%22 y=%224.5%22 width=%2218%22 height=%224.2%22 rx=%221.2%22/> <path d=%22M4.6 8.7v9.1a1.7 1.7 0 0 0 1.7 1.7h11.4a1.7 1.7 0 0 0 1.7-1.7V8.7%22/> <path d=%22M10 12.6h4%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x=%223%22 y=%224.5%22 width=%2218%22 height=%224.2%22 rx=%221.2%22/> <path d=%22M4.6 8.7v9.1a1.7 1.7 0 0 0 1.7 1.7h11.4a1.7 1.7 0 0 0 1.7-1.7V8.7%22/> <path d=%22M10 12.6h4%22/></svg>")}
.gi--racun{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M6 3.6h12v16.8l-2.4-1.6-2.4 1.6-2.4-1.6-2.4 1.6L6 18.8z%22/> <path d=%22M9.4 8.4h5.2M9.4 12h5.2%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M6 3.6h12v16.8l-2.4-1.6-2.4 1.6-2.4-1.6-2.4 1.6L6 18.8z%22/> <path d=%22M9.4 8.4h5.2M9.4 12h5.2%22/></svg>")}
.gi--temeljnica{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12 4v16%22/> <path d=%22M4.5 8.5h5M14.5 8.5h5M4.5 15.5h5M14.5 15.5h5%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12 4v16%22/> <path d=%22M4.5 8.5h5M14.5 8.5h5M4.5 15.5h5M14.5 15.5h5%22/></svg>")}
.gi--komitent{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M4 20V7.2a1.2 1.2 0 0 1 1.2-1.2h6.4a1.2 1.2 0 0 1 1.2 1.2V20%22/> <path d=%22M12.8 20v-8.4h6a1.2 1.2 0 0 1 1.2 1.2V20%22/> <path d=%22M7 9.4h2.6M7 13h2.6M16 14.6h1.6%22/> <path d=%22M3 20h18%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M4 20V7.2a1.2 1.2 0 0 1 1.2-1.2h6.4a1.2 1.2 0 0 1 1.2 1.2V20%22/> <path d=%22M12.8 20v-8.4h6a1.2 1.2 0 0 1 1.2 1.2V20%22/> <path d=%22M7 9.4h2.6M7 13h2.6M16 14.6h1.6%22/> <path d=%22M3 20h18%22/></svg>")}
.gi--naplata{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x=%223%22 y=%226%22 width=%2218%22 height=%2212%22 rx=%222%22/> <path d=%22M3 10h18%22/> <path d=%22M7 14.4h3%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x=%223%22 y=%226%22 width=%2218%22 height=%2212%22 rx=%222%22/> <path d=%22M3 10h18%22/> <path d=%22M7 14.4h3%22/></svg>")}
.gi--knjiga{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M4 5.4A1.4 1.4 0 0 1 5.4 4H11v16H5.4A1.4 1.4 0 0 1 4 18.6z%22/> <path d=%22M20 5.4A1.4 1.4 0 0 0 18.6 4H13v16h5.6a1.4 1.4 0 0 0 1.4-1.4z%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M4 5.4A1.4 1.4 0 0 1 5.4 4H11v16H5.4A1.4 1.4 0 0 1 4 18.6z%22/> <path d=%22M20 5.4A1.4 1.4 0 0 0 18.6 4H13v16h5.6a1.4 1.4 0 0 0 1.4-1.4z%22/></svg>")}
.gi--nesigurno{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12 4.4 21 19.6H3z%22/> <path d=%22M12 10v4M12 16.8h.01%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12 4.4 21 19.6H3z%22/> <path d=%22M12 10v4M12 16.8h.01%22/></svg>")}
.gi--papir{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x=%224.5%22 y=%223%22 width=%2215%22 height=%2218%22 rx=%221.6%22/> <path d=%22M8 8h8M8 12h8M8 16h5%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x=%224.5%22 y=%223%22 width=%2215%22 height=%2218%22 rx=%221.6%22/> <path d=%22M8 8h8M8 12h8M8 16h5%22/></svg>")}
.gi--obavijesti{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M18 8.6a6 6 0 1 0-12 0c0 4.2-1.5 5.6-2.2 6.3a.7.7 0 0 0 .5 1.2h15.4a.7.7 0 0 0 .5-1.2c-.7-.7-2.2-2.1-2.2-6.3%22/> <path d=%22M10.2 19.2a2.1 2.1 0 0 0 3.6 0%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M18 8.6a6 6 0 1 0-12 0c0 4.2-1.5 5.6-2.2 6.3a.7.7 0 0 0 .5 1.2h15.4a.7.7 0 0 0 .5-1.2c-.7-.7-2.2-2.1-2.2-6.3%22/> <path d=%22M10.2 19.2a2.1 2.1 0 0 0 3.6 0%22/></svg>")}
.gi--soba{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M20 14.4a1.8 1.8 0 0 1-1.8 1.8H8.4L4 19.8V6.2A1.8 1.8 0 0 1 5.8 4.4h12.4A1.8 1.8 0 0 1 20 6.2z%22/> <path d=%22M8.4 9.2h7.2M8.4 12.4h4.6%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M20 14.4a1.8 1.8 0 0 1-1.8 1.8H8.4L4 19.8V6.2A1.8 1.8 0 0 1 5.8 4.4h12.4A1.8 1.8 0 0 1 20 6.2z%22/> <path d=%22M8.4 9.2h7.2M8.4 12.4h4.6%22/></svg>")}
.gi--dodaj{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12 5.2v13.6M5.2 12h13.6%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12 5.2v13.6M5.2 12h13.6%22/></svg>")}
.gi--osoba{-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><circle cx=%2212%22 cy=%228.4%22 r=%223.6%22/> <path d=%22M4.8 20a7.2 7.2 0 0 1 14.4 0%22/></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><circle cx=%2212%22 cy=%228.4%22 r=%223.6%22/> <path d=%22M4.8 20a7.2 7.2 0 0 1 14.4 0%22/></svg>")}