/* Adobe Illustrator */
.skill-logo.sw-illustrator {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%271em%27%20height%3D%271em%27%20viewBox%3D%270%200%2032%2032%27%3E%20%3Cpath%20d%3D%27M0%200h32v32H0z%27%20fill%3D%27none%27%20/%3E%20%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M0%20.401v31.198h32V.401zm1.333%201.333h29.333v28.531H1.333zm9.766%2016.334l-1.057%203.995c-.021.115-.063.135-.193.135H7.891c-.135%200-.156-.042-.135-.193l3.786-13.26c.068-.24.109-.453.13-1.115c0-.089.047-.13.115-.13h2.792c.089%200%20.135.021.156.13l4.245%2014.396c.026.109%200%20.172-.109.172h-2.198c-.115%200-.177-.026-.198-.115l-1.104-4.016h-4.276zm3.719-2.167c-.375-1.474-1.255-4.703-1.583-6.266h-.026c-.281%201.557-.99%204.198-1.536%206.266zm6-7.411c0-.859.594-1.365%201.365-1.365c.813%200%201.365.552%201.365%201.365c0%20.88-.573%201.365-1.391%201.365c-.797%200-1.344-.484-1.344-1.365zm.151%203.031c0-.104.042-.146.151-.146h2.094c.12%200%20.161.042.161.156v10.526c0%20.109-.021.151-.156.151h-2.063c-.135%200-.177-.063-.177-.172V11.52z%27%20/%3E%20%3C/svg%3E");

    mask-size: 94.0%;
}

/* Adobe Photoshop */
.skill-logo.sw-photoshop {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%271em%27%20height%3D%271em%27%20viewBox%3D%270%200%2032%2032%27%3E%20%3Cpath%20d%3D%27M0%200h32v32H0z%27%20fill%3D%27none%27%20/%3E%20%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M0%20.401v31.198h32V.401zm1.333%201.333h29.333v28.531H1.333zm6.401%205.974c0-.089.188-.156.297-.156a76%2076%200%200%201%203.438-.068c3.698%200%205.135%202.026%205.135%204.62c0%203.391-2.458%204.844-5.469%204.844c-.51%200-.682-.026-1.036-.026v5.125c0%20.109-.042.156-.151.156H7.885c-.109%200-.151-.042-.151-.151zm2.365%207.084c.307.021.552.021%201.083.021c1.557%200%203.026-.552%203.026-2.661c0-1.693-1.052-2.552-2.833-2.552c-.526%200-1.031.021-1.276.042zm11.479-1.589c-1.057%200-1.411.531-1.411.969c0%20.484.24.813%201.651%201.542c2.089%201.016%202.75%201.979%202.75%203.411c0%202.13-1.63%203.276-3.828%203.276c-1.167%200-2.161-.245-2.734-.573c-.083-.042-.104-.109-.104-.219v-1.958c0-.13.063-.177.151-.109a4.9%204.9%200%200%200%202.682.792c1.057%200%201.495-.438%201.495-1.036c0-.484-.307-.901-1.646-1.604c-1.896-.906-2.688-1.828-2.688-3.37c0-1.719%201.344-3.146%203.672-3.146c1.146%200%201.953.177%202.396.37c.109.068.13.177.13.266v1.828c0%20.109-.068.177-.198.13c-.594-.349-1.469-.573-2.323-.573z%27%20/%3E%20%3C/svg%3E");

    mask-size: 94.0%;
}

/* Adobe InDesign */
.skill-logo.sw-indesign {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%271em%27%20height%3D%271em%27%20viewBox%3D%270%200%2032%2032%27%3E%20%3Cpath%20d%3D%27M0%200h32v32H0z%27%20fill%3D%27none%27%20/%3E%20%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M0%20.401v31.197h32V.401zm1.333%201.334h29.333v28.531H1.333zm10.364%2020.292c0%20.129-.02.171-.171.171H9.473c-.129%200-.171-.061-.171-.171V7.708c0-.129.061-.177.171-.177h2.073c.109%200%20.151.048.151.157zm2.366-5.167c0-3.188%202.099-5.672%205.468-5.672c.281%200%20.439%200%20.704.015V7.667a.13.13%200%200%201%20.129-.136h2.167c.115%200%20.136.048.136.115v12.475c0%20.369%200%20.833.068%201.339c0%20.088-.027.109-.115.156a8.2%208.2%200%200%201-3.5.792c-2.953%200-5.063-1.828-5.063-5.547zm6.172-3.496q-.3-.133-.792-.135c-1.713%200-2.916%201.317-2.916%203.52c0%202.511%201.223%203.521%202.765%203.521c.328%200%20.681-.041.943-.156z%27%20/%3E%20%3C/svg%3E");

    mask-size: 94.0%;
}

/* Affinity */
.skill-logo.sw-affinity {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%27128%27%20height%3D%27128%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27m11.5%208l-5%209h5l-1-1h6z%27/%3E%3Cpath%20d%3D%27m3.5%2013l-2%203.5l2.875%204H20.5l2-4l-8.5-15h-4L8%205l1%201l-3.5%206z%27/%3E%3C/g%3E%3C/svg%3E");
    mask-size: 102.2%;
    mask-position: 50.0% -146.0%;
}

/* Fusion */
.skill-logo.sw-fusion {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%20128%20128%27%3E%20%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%275.5%27%20stroke-linejoin%3D%27miter%27%20stroke-linecap%3D%27butt%27%20stroke-miterlimit%3D%274%27%20d%3D%27M23.277%200v89.35h91.61V6.023A6.016%206.016%200%200%200%20108.863%200z%20M22.275.387%203.701%2011.578v89.18l18.574-11.192V.386z%20M115.891%2019.576v70.778H22.918l-9.05%205.453v25.668A6.525%206.525%200%200%200%2020.392%20128h103.906V19.576z%27/%3E%20%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M51.835%2019h33.243v9.37H64.852v12.42h17.103v9.22H64.852v21.047H51.836z%27/%3E%20%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M86.473%2098.866q3.124-.001%205.01%201.42q1.884%201.42%201.988%204.13h-4.157c-.24-1.69-1.062-2.468-2.814-2.479c-.895-.005-1.533.155-1.912.465q-.568.465-.567%201.162v.362c0%20.43.18.81.567%201.111c.389.302%201.124.587%202.17.928l2.453.8c2.967.969%204.389%202.353%204.389%204.932v.776a4.58%204.58%200%200%201-.852%202.71c-1.351%201.891-3.893%202.583-6.3%202.583c-2.29%200-4.096-.507-5.397-1.55c-1.299-1.04-1.997-2.556-2.117-4.519h4.26c.251%202.224%201.11%202.739%203.253%202.79c1.831.043%202.635-.778%202.635-1.757v-.54c0-.917-.457-1.344-1.162-1.655c-.458-.202-1.078-.422-1.988-.723l-2.506-.826c-2.557-.843-3.899-2.09-3.899-4.545v-.644c0-.844.232-1.64.723-2.375c1.337-2.003%204.067-2.557%206.223-2.557zM47.484%2099.277h11.541v3.254h-7.023v4.313h5.94v3.2h-5.94v7.31h-4.518zM61.246%2099.277h4.52c.006%204.253-.019%208.508.01%2012.76c.006.998.522%202.094%201.572%202.363c1.441.37%203.094-.03%204.072-1.18V99.278h4.52v18.077h-3.952l-.232-1.291c-1.938%201.79-4.98%202.205-7.365%201.132c-1.97-.886-3.125-3.23-3.127-5.14l-.018-12.778z%27/%3E%20%3C/svg%3E");

    mask-size: 94.0%;
}

/* Figma */
.skill-logo.sw-figma {
    --logo: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23F24E1E%27%20role%3D%27img%27%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Ctitle%3EFigma%3C/title%3E%3Cpath%20d%3D%27M15.852%208.981h-4.588V0h4.588c2.476%200%204.49%202.014%204.49%204.49s-2.014%204.491-4.49%204.491zM12.735%207.51h3.117c1.665%200%203.019-1.355%203.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0%201.471H8.148c-2.476%200-4.49-2.014-4.49-4.49S5.672%200%208.148%200h4.588v8.981zm-4.587-7.51c-1.665%200-3.019%201.355-3.019%203.019s1.354%203.02%203.019%203.02h3.117V1.471H8.148zm4.587%2015.019H8.148c-2.476%200-4.49-2.014-4.49-4.49s2.014-4.49%204.49-4.49h4.588v8.98zM8.148%208.981c-1.665%200-3.019%201.355-3.019%203.019s1.355%203.019%203.019%203.019h3.117V8.981H8.148zM8.172%2024c-2.489%200-4.515-2.014-4.515-4.49s2.014-4.49%204.49-4.49h4.588v4.441c0%202.503-2.047%204.539-4.563%204.539zm-.024-7.51a3.023%203.023%200%200%200-3.019%203.019c0%201.665%201.365%203.019%203.044%203.019%201.705%200%203.093-1.376%203.093-3.068v-2.97H8.148zm7.704%200h-.098c-2.476%200-4.49-2.014-4.49-4.49s2.014-4.49%204.49-4.49h.098c2.476%200%204.49%202.014%204.49%204.49s-2.014%204.49-4.49%204.49zm-.097-7.509c-1.665%200-3.019%201.355-3.019%203.019s1.355%203.019%203.019%203.019h.098c1.665%200%203.019-1.355%203.019-3.019s-1.355-3.019-3.019-3.019h-.098z%27/%3E%3C/svg%3E");

    mask-size: 94.0%;
}

/* Penpot */
.skill-logo.sw-penpot {
    --logo: url("data:image/svg+xml,%3Csvg%20fill%3D%27%23000000%27%20role%3D%27img%27%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Ctitle%3EPenpot%3C/title%3E%3Cpath%20d%3D%27M7.654%200%205.13%203.554v2.01L2.934%206.608l-.02-.009v13.109l8.563%204.045L12%2024l.523-.247%208.563-4.045V6.6l-.017.008-2.196-1.045V3.555l-.077-.108L16.349.001l-2.524%203.554v.004L11.989.973l-1.823%202.566-.065-.091zm.447%202.065.976%201.374H6.232l.964-1.358zm8.694%200%20.976%201.374h-2.845l.965-1.358zm-4.36.971.976%201.375h-2.845l.965-1.359zM5.962%204.132h1.35v4.544l-1.35-.638Zm2.042%200h1.343v5.506l-1.343-.635zm6.652%200h1.35V9l-1.35.637V4.132zm2.042%200h1.343v3.905l-1.343.634zm-6.402.972h1.35v5.62l-1.35-.638zm2.042%200h1.343v4.993l-1.343.634zm6.534%201.493%201.188.486-1.188.561zM5.13%206.6v1.047l-1.187-.561ZM3.96%208.251l7.517%203.55v10.795l-7.516-3.55zm16.08%200v10.794l-7.517%203.55V11.802z%27/%3E%3C/svg%3E");

    mask-size: 94.0%;
}

/* HTML */
.skill-logo.sw-html {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%27128%27%20height%3D%27128%27%20viewBox%3D%270%200%2015%2015%27%3E%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M.5.5V0a.5.5%200%200%200-.498.542zm14%200l.498.042A.5.5%200%200%200%2014.5%200zm-1%2012l.158.474a.5.5%200%200%200%20.34-.433zm-6%202l-.158.474a.5.5%200%200%200%20.316%200zm-6-2l-.498.041a.5.5%200%200%200%20.34.433zm3-9V3H4v.5zm0%203H4V7h.5zm6%200h.5V6h-.5zm0%203l.158.474L11%209.86V9.5zm-3%201l-.158.474l.158.053l.158-.053zm-3-1H4v.36l.342.114zM.5%201h14V0H.5zM14.002.458l-1%2012l.996.083l1-12zm-.66%2011.568l-6%202l.316.948l6-2zm-5.684%202l-6-2l-.316.948l6%202zm-5.66-1.567l-1-12l-.996.083l1%2012zM11%203H4.5v1H11zm-7%20.5v3h1v-3zM4.5%207h6V6h-6zm5.5-.5v3h1v-3zm.342%202.526l-3%201l.316.948l3-1zm-2.684%201l-3-1l-.316.948l3%201zM5%209.5V8H4v1.5z%27/%3E%3C/svg%3E");

    mask-size: 94.0%;
}

/* CSS */
.skill-logo.sw-css {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%27128%27%20height%3D%27128%27%20viewBox%3D%270%200%2012%2012%27%3E%20%3Cpath%20fill%3D%27%23FFFFFF%27%20fill-rule%3D%27evenodd%27%20d%3D%27M0%200H12V12H0Z%20M0.62%200.62V11.38H11.38V0.62Z%27/%3E%20%3Cg%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%270.62%27%20stroke-linecap%3D%27butt%27%20stroke-linejoin%3D%27miter%27%20stroke-miterlimit%3D%274%27%3E%20%3Cpath%20d%3D%27M3.55%204.32C3.34%203.68%202.94%203.36%202.45%203.36C1.72%203.36%201.30%203.91%201.30%204.66V7.34C1.30%208.09%201.72%208.64%202.45%208.64C2.94%208.64%203.34%208.32%203.55%207.68%27/%3E%20%3Cpath%20d%3D%27M7.18%204.34C7.03%203.69%206.58%203.36%206.00%203.36C5.28%203.36%204.79%203.79%204.79%204.43C4.79%205.10%205.18%205.48%206.00%205.78C6.82%206.08%207.21%206.47%207.21%207.20C7.21%208.08%206.70%208.64%206.00%208.64C5.35%208.64%204.89%208.29%204.79%207.57%27/%3E%20%3Cpath%20d%3D%27M10.68%204.34C10.53%203.69%2010.08%203.36%209.50%203.36C8.78%203.36%208.29%203.79%208.29%204.43C8.29%205.10%208.68%205.48%209.50%205.78C10.32%206.08%2010.71%206.47%2010.71%207.20C10.71%208.08%2010.20%208.64%209.50%208.64C8.85%208.64%208.39%208.29%208.29%207.57%27/%3E%20%3C/g%3E%20%3C/svg%3E");

    mask-size: 94.0%;
}

/* Tailwind */
.skill-logo.sw-tailwind {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%27128%27%20height%3D%27128%27%20viewBox%3D%270%200%2015%2015%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-linejoin%3D%27round%27%20d%3D%27M7.5%203Q4.7%203%204%206q1.05-1.5%202.45-1.125c.533.143.913.557%201.334%201.015C8.471%206.636%209.265%207.5%2011%207.5q2.8%200%203.5-3q-1.05%201.5-2.45%201.125c-.533-.143-.913-.557-1.334-1.015C10.029%203.864%209.235%203%207.5%203ZM4%207.5q-2.8%200-3.5%203Q1.55%209%202.95%209.375c.533.143.913.557%201.334%201.015C4.971%2011.136%205.765%2012%207.5%2012q2.8%200%203.5-3q-1.05%201.5-2.45%201.125c-.533-.143-.913-.557-1.334-1.015C6.529%208.364%205.735%207.5%204%207.5Z%27%20clip-rule%3D%27evenodd%27/%3E%3C/svg%3E");

    mask-size: 94.0%;
}

/* JavaScript */
.skill-logo.sw-js {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%27128%27%20height%3D%27128%27%20viewBox%3D%270%200%2015%2015%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20d%3D%27M12.5%208v-.167c0-.736-.597-1.333-1.333-1.333H10a1.5%201.5%200%201%200%200%203h1a1.5%201.5%200%200%201%200%203h-1A1.5%201.5%200%200%201%208.5%2011m-2-5v5a1.5%201.5%200%200%201-3%200M.5.5h14v14H.5z%27/%3E%3C/svg%3E");

    mask-size: 94.0%;
}

/* Svelte */
.skill-logo.sw-svelte {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%27128%27%20height%3D%27128%27%20viewBox%3D%270%200%2015%2015%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20d%3D%27m9.625%208.357l-5.088%203.18m2.968-1.855a3.5%203.5%200%200%201-3.71-5.937l4.241-2.65A3.5%203.5%200%200%201%2012.405%206.5M7.536%205.296a3.5%203.5%200%200%201%203.71%205.936l-4.24%202.65A3.5%203.5%200%200%201%202.614%208.5m2.8-1.88l5.09-3.179%27/%3E%3C/svg%3E");

    mask-size: 94.6%;
}

/* Python */
.skill-logo.sw-python {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%27128%27%20height%3D%27128%27%20viewBox%3D%270%200%201024%201024%27%3E%3Cg%20fill%3D%27%23FFFFFF%27%20fill-rule%3D%27evenodd%27%3E%3Cpath%20d%3D%27M555%20790.5c0%2015.74%2012.76%2028.5%2028.5%2028.5s28.5-12.76%2028.5-28.5s-12.76-28.5-28.5-28.5s-28.5%2012.76-28.5%2028.5m-143-557c0%2015.74%2012.76%2028.5%2028.5%2028.5s28.5-12.76%2028.5-28.5s-12.76-28.5-28.5-28.5s-28.5%2012.76-28.5%2028.5%27/%3E%3Cpath%20d%3D%27M821.524%20297.714h-95.238v-95.238c0-49.905-40.572-90.476-90.476-90.476H388.19c-49.904%200-90.476%2040.571-90.476%2090.476v95.238h-95.238c-49.905%200-90.476%2040.572-90.476%2090.476v247.62c0%2049.904%2040.571%2090.476%2090.476%2090.476h95.238v95.238c0%2049.905%2040.572%2090.476%2090.476%2090.476h247.62c49.904%200%2090.476-40.571%2090.476-90.476v-95.238h95.238c49.905%200%2090.476-40.572%2090.476-90.476V388.19c0-49.904-40.571-90.476-90.476-90.476M202.476%20669.143c-18.38%200-33.333-14.953-33.333-33.333V388.19c0-18.38%2014.952-33.333%2033.333-33.333h278.572c15.81%200%2028.571-12.762%2028.571-28.571s-12.762-28.572-28.571-28.572h-126.19v-95.238c0-18.38%2014.952-33.333%2033.332-33.333h247.62c18.38%200%2033.333%2014.952%2033.333%2033.333v256.476c0%2013.524-10.953%2024.477-24.476%2024.477H379.333c-45.047%200-81.619%2036.666-81.619%2081.619v104.095zm652.381-33.333c0%2018.38-14.952%2033.333-33.333%2033.333H542.952c-15.81%200-28.571%2012.762-28.571%2028.571s12.762%2028.572%2028.571%2028.572h126.19v95.238c0%2018.38-14.952%2033.333-33.332%2033.333H388.19c-18.38%200-33.333-14.952-33.333-33.333V565.048c0-13.524%2010.953-24.477%2024.476-24.477h265.334c45.047%200%2081.619-36.666%2081.619-81.619V354.857h95.238c18.38%200%2033.333%2014.953%2033.333%2033.333z%27/%3E%3C/g%3E%3C/svg%3E");

    mask-size: 119.5%;
}

/* C */
.skill-logo.sw-c {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%27128%27%20height%3D%27128%27%20viewBox%3D%270%200%2015%2015%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20d%3D%27m10%205.5l-.068-.068a3.18%203.18%200%200%200-2.25-.932H7.5a3%203%200%200%200%200%206h.182c.844%200%201.653-.335%202.25-.932L10%209.5m-8.5%201v-6l6-3.5l6%203.5v6l-6%203.5z%27/%3E%3C/svg%3E");
    mask-size: 99.3%;
}

.skill-logo.soc-github {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M21%2010.955c0-1.84-.385-3.275-1.17-4.375c.4-2.655-.34-4.045-.425-4.2l-.265-.46l-.52.095c-.09.015-2.14.405-3.925%202.09c-.895-.09-1.82-.1-2.69-.1s-1.795.015-2.69.1C7.53%202.42%205.48%202.03%205.39%202.015l-.52-.095l-.265.46c-.09.155-.825%201.545-.425%204.2c-.79%201.1-1.17%202.54-1.17%204.375c0%204.24%202.84%205.73%205.45%206.255a3.8%203.8%200%200%200-.445%201.68c-.22.155-.59.36-1.005.36c-.615%200-.985-.42-1.545-1.1c-.6-.735-1.35-1.65-2.705-1.65h-.75V18h.75c.615%200%20.985.42%201.545%201.1c.6.735%201.35%201.65%202.705%201.65c.37%200%20.705-.075%201-.185V22h1.5v-3.005c0-.585.225-1.13.625-1.55c.75.06%201.41.06%201.875.06s1.12%200%201.875-.06c.4.42.625.97.625%201.55V22h1.5v-3.005c0-.63-.155-1.24-.45-1.78c2.605-.525%205.45-2.02%205.45-6.255zM12%2016c-5.255%200-7.5-1.51-7.5-5.045c0-1.635.34-2.85%201.045-3.705l.22-.27l-.06-.34c-.255-1.43-.125-2.425.015-2.985c.675.23%201.8.735%202.78%201.75l.26.27l.37-.045c.925-.115%201.925-.13%202.87-.13s1.945.015%202.87.13l.37.045l.26-.27c.97-1.005%202.105-1.515%202.78-1.745c.14.565.27%201.56.015%202.985l-.06.34l.22.27c.7.855%201.045%202.065%201.045%203.705c0%203.535-2.245%205.045-7.5%205.045z%27/%3E%3C/svg%3E");
    mask-size: 112.3%;
    mask-position: 31.7% 50%;
}

.skill-logo.soc-linkedin {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%20%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M22.5%201.5H1.5v21h21V1.5zM3%203H21V21H3V3z%27/%3E%20%3Cpath%20transform%3D%27translate%2812%2012%29%20scale%280.7650%29%20translate%28-12.501%20-12.250%29%27%20fill%3D%27currentColor%27%20d%3D%27M12.001%209.55c.917-.937%202.111-1.55%203.5-1.55a5.5%205.5%200%200%201%205.5%205.5V21h-2v-7.5a3.5%203.5%200%201%200-7%200V21h-2V8.5h2zm-7-3.05a1.5%201.5%200%201%201%200-3%201.5%201.5%200%200%201%200%203m-1%202h2V21h-2z%27/%3E%20%3C/svg%3E");
    mask-size: 107.2%;
}

.skill-logo.soc-x {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M9.333%206.929L14.546%201H13.31L8.783%206.147L5.169%201H1l5.466%207.783L1%2015h1.235l4.779-5.436L10.83%2015H15zM7.641%208.852l-.554-.776L2.68%201.911h1.898l3.557%204.977l.552.776l4.623%206.47h-1.897z%27/%3E%3C/svg%3E");
    mask-size: 106.8%;
}

.icon.si-map-pin {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27m16.894%2018.339l.7.719q-1.002.79-2.169%201.247t-2.43.645v-1q1.126-.17%202.114-.575t1.785-1.036M20.956%2013q-.142%201.262-.628%202.426t-1.276%202.182l-.708-.708q.65-.825%201.05-1.812t.55-2.088zM19.07%206.411q.854%201.139%201.278%202.143T20.956%2011h-1.012q-.15-1.125-.55-2.113T18.344%207.1zM10.994%203.05v1q-3%20.425-4.975%202.675T4.044%2012q0%203%201.975%205.25t4.975%202.7v1q-3.402-.43-5.676-2.98T3.044%2012q0-3.452%202.274-5.998t5.676-2.952m2.039%200q1.263.164%202.392.63t2.17%201.262l-.65.758q-.9-.675-1.891-1.1q-.99-.425-2.021-.55zm-1.43%2012.596q-.284-.834-.688-1.426q-.405-.591-.801-1.124q-.397-.532-.669-1.099q-.272-.566-.272-1.37q0-1.188.82-2.008T12%207.8t2.008.82t.819%202.007q0%20.804-.272%201.37t-.668%201.1q-.397.532-.802%201.123q-.404.591-.689%201.426zm1.036-4.38q.255-.256.255-.639t-.255-.638T12%209.733t-.639.256t-.255.638t.255.639t.639.255t.639-.255%27/%3E%3C/svg%3E");
    mask-size: 125.9%;
}

.icon.si-arrow-down {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27m359.873%20121.377l-22.627%2022.627l95.997%2095.997H16v32.001h417.24l-95.994%2095.994l22.627%2022.627L494.498%20256z%27/%3E%3C/svg%3E");
    mask-size: 100.4%;
    mask-position: 1.6% 50.0%;
    rotate: 90deg;
}

.icon.si-hexagon {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27m14.27%2013.558l3.346-1.904V7.808l-3.347-1.904l-3.346%201.904v3.846zm2.613%204.903h1.444l.098.826l-13.84%201.742L2.927%208.065l2.612-.254v1L4.1%208.956L5.45%2019.9zm-9.344-2V3H21v13.462zm1-1H20V4H8.539zm5.73-3.05l-2.346-1.33v-2.7l2.346-1.331l2.346%201.33v2.7z%27/%3E%3C/svg%3E");
    mask-size: 124.2%;
    mask-position: 49.1% 50.0%;
}

.icon.si-book-open {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M6.5%2016.039q1.31%200%202.547.3t2.453.98V7.508q-1.083-.773-2.386-1.16q-1.305-.386-2.614-.386q-.996%200-1.903.165T3%206.681v9.996q.702-.3%201.651-.47T6.5%2016.04m6%201.28q1.216-.678%202.453-.98t2.547-.3q.9%200%201.849.169t1.651.469V6.681q-.69-.389-1.597-.554T17.5%205.962q-1.31%200-2.613.386q-1.304.387-2.387%201.16zm-.5%201.45q-1.22-.834-2.62-1.282T6.5%2017.04q-1.229%200-2.42.345q-1.19.347-2.08.916V6.07q.85-.52%202.04-.814Q5.229%204.96%206.5%204.96q1.47%200%202.866.423q1.398.424%202.634%201.231q1.237-.807%202.634-1.23t2.866-.423q1.271%200%202.451.294T22%206.069V18.3q-.885-.57-2.078-.915q-1.193-.347-2.422-.347q-1.48%200-2.88.448T12%2018.77m-4.75-7.128%27/%3E%3C/svg%3E");
    mask-size: 112.8%;
    mask-position: 50.0% 45.6%;
}

.icon.si-device-tablet {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M4%2022V2h16v20zm1-4.461V21h14v-3.462zm5.23%202.115h3.54v-.77h-3.54zM5%2016.538h14V5.5H5zM5%204.5h14V3H5zm0%200V3zm0%2013.039V21z%27/%3E%3C/svg%3E");
    mask-size: 112.8%;
}

.icon.si-layout {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M5%2021V3h14v18zm1-1h12V4H6zm8.99-3.01q1.24-1.242%201.24-2.99t-1.24-2.99Q13.747%209.77%2012%209.77t-2.99%201.24Q7.77%2012.253%207.77%2014t1.24%202.99q1.242%201.24%202.99%201.24t2.99-1.24M12%2017.3q-.65%200-1.253-.247t-1.059-.703l4.662-4.661q.456.455.703%201.058T15.3%2014q0%201.375-.962%202.338T12%2017.3M8%207q.425%200%20.713-.288T9%206t-.288-.712T8%205t-.712.288T7%206t.288.713T8%207m3.713-.288Q12%206.426%2012%206t-.288-.712T11%205t-.712.288T10%206t.288.713T11%207t.713-.288M6%2020V4z%27/%3E%3C/svg%3E");
    mask-size: 124.8%;
}

.icon.si-cursor {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M3%2020L6.616%204h10.75L21%2020zm1.23-1h15.5L16.555%205H7.408zm7.25-8.079v4.695h1V10.92l2.12%202.114l.708-.708L11.98%209l-3.289%203.289l.708.713zM19.73%2019H4.23z%27/%3E%3C/svg%3E");
    mask-size: 124.8%;
}

.icon.si-code {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M14.52%2019v-1H18v-5.79h2v-.42h-2V6h-3.48V5H19v5.946h2v2.108h-2V19zM5%2019v-5.946H3v-2.108h2V5h4.48v1H6v5.79H4v.42h2V18h3.48v1z%27/%3E%3C/svg%3E");
    mask-size: 124.8%;
}

.icon.si-arrow-left {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M497.333%20239.999H80.092l95.995-95.995l-22.627-22.627L18.837%20256L153.46%20390.623l22.627-22.627l-95.997-95.997h417.243z%27/%3E%3C/svg%3E");
    mask-size: 100.4%;
    mask-position: 192.4% 50.0%;
}

.icon.si-arrow-right {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27m359.873%20121.377l-22.627%2022.627l95.997%2095.997H16v32.001h417.24l-95.994%2095.994l22.627%2022.627L494.498%20256z%27/%3E%3C/svg%3E");
    mask-size: 100.4%;
    mask-position: 1.6% 50.0%;
}

.icon.si-zap {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M11.5%2019.714v-7.427L5%208.523v7.427zm1%200L19%2015.95V8.523l-6.5%203.764zm-.5-8.287l6.425-3.713L12%204L5.575%207.714zm-8%205.121V7.452l8-4.598l8%204.598v9.096l-8%204.598zM12%2012%27/%3E%3C/svg%3E");
    mask-size: 122.6%;
}

.icon.si-mail {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27m12%202.192l9%205.34V20H3V7.533zm0%2010.458L19.8%208L12%203.35L4.2%208zm0%201.158L4%209.046V19h16V9.046zM12%2019h8H4z%27/%3E%3C/svg%3E");
    mask-size: 124.8%;
    mask-position: 50.0% 30.7%;
}

.icon.si-at-sign {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M10.23%2019.654h3.54v-.77h-3.54zM6%2022V2h12v20zm1-4.461V21h10v-3.462zm0-1h10V5.5H7zM7%204.5h10V3H7zm0%2013.039V21zM7%204.5V3z%27/%3E%3C/svg%3E");
    mask-size: 112.8%;
}

.icon.si-map {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27m15%2019.923l-6-2.1l-5%201.94V5.782l5-1.704l6%202.1l5-1.94v14.04zm-.5-1.22v-11.7l-5-1.745v11.7zm1%200L19%2017.55V5.7l-3.5%201.304zM5%2018.3l3.5-1.342v-11.7L5%206.45zM15.5%207.004v11.7zm-7-1.746v11.7z%27/%3E%3C/svg%3E");
    mask-size: 141.0%;
}

.icon.si-star {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M13%2020.5v-1h7v1zM5.929%209.23h3.763V5H7.775zM16%2017.73V6.578h-5.308v3.654H4.398L7.128%204h3.564v1.577H17v12.154zM5.929%209.23h3.763z%27/%3E%3C/svg%3E");
    mask-size: 136.2%;
    mask-position: 53.1% 54.4%;
}

.icon.si-grid {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M6.308%2021v-1H11.5v-3.346q-.43-.16-.696-.522t-.265-.824q0-.595.418-1.019t1.037-.424q.6%200%201.015.424t.414%201.019q0%20.468-.256.824t-.667.516V20h5.173v1zM4%2015.327V3h16v12.327h-4.198q.012-.27-.022-.513t-.118-.487H19V4H5v10.327h3.294q-.085.244-.115.488t-.02.512zm3.75-3.654h8.5v-1h-8.5zm0-3.77h8.5v-1h-8.5z%27/%3E%3C/svg%3E");
    mask-size: 124.8%;
}

.icon.si-layers {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M11%2021V11h10v10zm1-1h8v-8h-8zm-5-2.77V7h10.23v1H8v9.23zm-4-4V3h10.23v1H4v9.23zM12%2020v-8z%27/%3E%3C/svg%3E");
    mask-size: 124.8%;
}

.icon.si-edit {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M8.214%2015.135L6.289%207.25L12%202l5.692%205.25l-1.925%207.885zm.786-1h5.98l1.603-6.537L12.5%203.823v3.843q.312.153.512.442t.2.661q0%20.494-.359.853T12%209.981q-.513%200-.872-.359t-.359-.853q0-.373.2-.671t.531-.433V3.823L7.417%207.598zM5%2020l.827-2.308h12.346L19%2020z%27/%3E%3C/svg%3E");
    mask-size: 125.3%;
    mask-position: 50.0% 29.4%;
}

.icon.si-database {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M4%2020V4h16v16zM5%208.998h14V5H5zm0%205.004h14V9.998H5zM5%2019h14v-3.998H5zM6.77%207.804V6.188h1.615v1.616zm0%205.004v-1.616h1.615v1.616zm0%205.003v-1.615h1.615v1.615z%27/%3E%3C/svg%3E");
    mask-size: 141.0%;
}

.icon.si-lock {
    --logo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http://www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27currentColor%27%20d%3D%27M5%2021V9h3V7q0-1.671%201.165-2.835Q10.329%203%2012%203t2.836%201.165T16%207v2h3v12zm1-1h12V10H6zM9%209h6V7q0-1.25-.875-2.125T12%204t-2.125.875T9%207zM6%2020V10z%27/%3E%3C/svg%3E");
    mask-size: 124.8%;
}