/* ==================================================================================================
   File: lotek-vectors.css
   Description: Reusable CSS vector pictograms for LoTeK / Phantom CMS themes.
   Author: LoTeK (Stephan Kühn)
   Mail: info@lotek-zone.com
   Web: https://lotek-zone.com/
   GitHub: https://github.com/LoTeK-Zone
   Repository: https://github.com/LoTeK-Zone/phantom-cms
   Version: 0.1.2
   Last Updated: 2026-05-26
   License: MIT
   ================================================================================================== */

.ltz-symbol {
   display: inline-block;
   width: 1.2em;
   height: 1.2em;
   color: var(--ltz-blue-soft, #8ed0ff);
   background: currentColor;
   flex: 0 0 auto;
   vertical-align: -0.18em;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-size: contain;
   mask-size: contain;
}

.ltz-symbol--code { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8 6.2 3 12l5.8 5.8 1.4-1.4L5.8 12l4.4-4.4-1.4-1.4Zm6.4 0-1.4 1.4 4.4 4.4-4.4 4.4 1.4 1.4L21 12l-5.8-5.8Zm-2.1-.7-3.8 13 1.9.6 3.8-13-1.9-.6Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8 6.2 3 12l5.8 5.8 1.4-1.4L5.8 12l4.4-4.4-1.4-1.4Zm6.4 0-1.4 1.4 4.4 4.4-4.4 4.4 1.4 1.4L21 12l-5.8-5.8Zm-2.1-.7-3.8 13 1.9.6 3.8-13-1.9-.6Z'/%3E%3C/svg%3E"); }
.ltz-symbol--monitor { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h18v12H3V4Zm2 2v8h14V6H5Zm4 12h6l1 2H8l1-2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h18v12H3V4Zm2 2v8h14V6H5Zm4 12h6l1 2H8l1-2Z'/%3E%3C/svg%3E"); }
.ltz-symbol--server { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3h16v6H4V3Zm2 2v2h12V5H6Zm-2 5h16v6H4v-6Zm2 2v2h12v-2H6Zm-2 5h16v4H4v-4Zm2 1.5V20h12v-1.5H6Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3h16v6H4V3Zm2 2v2h12V5H6Zm-2 5h16v6H4v-6Zm2 2v2h12v-2H6Zm-2 5h16v4H4v-4Zm2 1.5V20h12v-1.5H6Z'/%3E%3C/svg%3E"); }
.ltz-symbol--ai { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a4 4 0 0 1 4 4v1h1a4 4 0 0 1 1 7.87V16a4 4 0 0 1-4 4h-1v2h-2v-2h-1a4 4 0 0 1-4-4v-1.13A4 4 0 0 1 7 7h1V6a4 4 0 0 1 4-4Zm-2 6h4V6a2 2 0 0 0-4 0v2Zm-2 2H6a2 2 0 0 0 0 4h2v-4Zm2 8h4a2 2 0 0 0 2-2v-6h-6v8Zm8-8v4a2 2 0 0 0 0-4Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a4 4 0 0 1 4 4v1h1a4 4 0 0 1 1 7.87V16a4 4 0 0 1-4 4h-1v2h-2v-2h-1a4 4 0 0 1-4-4v-1.13A4 4 0 0 1 7 7h1V6a4 4 0 0 1 4-4Zm-2 6h4V6a2 2 0 0 0-4 0v2Zm-2 2H6a2 2 0 0 0 0 4h2v-4Zm2 8h4a2 2 0 0 0 2-2v-6h-6v8Zm8-8v4a2 2 0 0 0 0-4Z'/%3E%3C/svg%3E"); }
.ltz-symbol--book { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4.5A3.5 3.5 0 0 1 7.5 1H20v18H7.5A3.5 3.5 0 0 0 4 22.5v-18ZM7.5 3A1.5 1.5 0 0 0 6 4.5v13.84A5.47 5.47 0 0 1 7.5 18H18V3H7.5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4.5A3.5 3.5 0 0 1 7.5 1H20v18H7.5A3.5 3.5 0 0 0 4 22.5v-18ZM7.5 3A1.5 1.5 0 0 0 6 4.5v13.84A5.47 5.47 0 0 1 7.5 18H18V3H7.5Z'/%3E%3C/svg%3E"); }
.ltz-symbol--github { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .5A11.5 11.5 0 0 0 8.36 22.9c.58.1.79-.25.79-.56v-2.2c-3.2.7-3.88-1.38-3.88-1.38-.53-1.34-1.3-1.7-1.3-1.7-1.06-.73.08-.72.08-.72 1.17.08 1.79 1.2 1.79 1.2 1.04 1.78 2.73 1.27 3.4.97.1-.76.4-1.27.73-1.56-2.55-.29-5.23-1.28-5.23-5.68 0-1.25.45-2.28 1.19-3.08-.12-.29-.52-1.46.11-3.04 0 0 .97-.31 3.17 1.18A10.9 10.9 0 0 1 12 5.95c.98 0 1.97.13 2.89.39 2.2-1.49 3.16-1.18 3.16-1.18.63 1.58.23 2.75.11 3.04.74.8 1.18 1.83 1.18 3.08 0 4.42-2.69 5.38-5.25 5.66.42.36.78 1.06.78 2.14v3.18c0 .31.21.67.8.56A11.5 11.5 0 0 0 12 .5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .5A11.5 11.5 0 0 0 8.36 22.9c.58.1.79-.25.79-.56v-2.2c-3.2.7-3.88-1.38-3.88-1.38-.53-1.34-1.3-1.7-1.3-1.7-1.06-.73.08-.72.08-.72 1.17.08 1.79 1.2 1.79 1.2 1.04 1.78 2.73 1.27 3.4.97.1-.76.4-1.27.73-1.56-2.55-.29-5.23-1.28-5.23-5.68 0-1.25.45-2.28 1.19-3.08-.12-.29-.52-1.46.11-3.04 0 0 .97-.31 3.17 1.18A10.9 10.9 0 0 1 12 5.95c.98 0 1.97.13 2.89.39 2.2-1.49 3.16-1.18 3.16-1.18.63 1.58.23 2.75.11 3.04.74.8 1.18 1.83 1.18 3.08 0 4.42-2.69 5.38-5.25 5.66.42.36.78 1.06.78 2.14v3.18c0 .31.21.67.8.56A11.5 11.5 0 0 0 12 .5Z'/%3E%3C/svg%3E"); }
.ltz-symbol--gallery, .ltz-symbol--image { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h18v16H3V4Zm2 2v12h14V6H5Zm2 10 3.5-4 2.5 3 2-2.5 3 3.5H7Zm1.5-5.5a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h18v16H3V4Zm2 2v12h14V6H5Zm2 10 3.5-4 2.5 3 2-2.5 3 3.5H7Zm1.5-5.5a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z'/%3E%3C/svg%3E"); }
.ltz-symbol--bulb { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a7 7 0 0 0-4 12.74V17h8v-2.26A7 7 0 0 0 12 2Zm-3 17h6v2H9v-2Zm3-15a5 5 0 0 1 2.75 9.18l-.75.5V15h-4v-1.32l-.75-.5A5 5 0 0 1 12 4Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a7 7 0 0 0-4 12.74V17h8v-2.26A7 7 0 0 0 12 2Zm-3 17h6v2H9v-2Zm3-15a5 5 0 0 1 2.75 9.18l-.75.5V15h-4v-1.32l-.75-.5A5 5 0 0 1 12 4Z'/%3E%3C/svg%3E"); }
.ltz-symbol--bell { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22a2.8 2.8 0 0 0 2.65-2h-5.3A2.8 2.8 0 0 0 12 22Zm7-5-2-2v-5a5 5 0 0 0-4-4.9V3h-2v2.1A5 5 0 0 0 7 10v5l-2 2v1h14v-1Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22a2.8 2.8 0 0 0 2.65-2h-5.3A2.8 2.8 0 0 0 12 22Zm7-5-2-2v-5a5 5 0 0 0-4-4.9V3h-2v2.1A5 5 0 0 0 7 10v5l-2 2v1h14v-1Z'/%3E%3C/svg%3E"); }

.ltz-symbol--search { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3a7.5 7.5 0 0 1 5.93 12.09l4.24 4.24-1.42 1.42-4.24-4.24A7.5 7.5 0 1 1 10.5 3Zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3a7.5 7.5 0 0 1 5.93 12.09l4.24 4.24-1.42 1.42-4.24-4.24A7.5 7.5 0 1 1 10.5 3Zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Z'/%3E%3C/svg%3E"); }