@property --main-color{
    syntax: "<color>";
    inherits: false;
    initial-value: #0578BE;
}
 
@property --main-color-half{
    syntax: "<color>";
    inherits: false;
    initial-value: #E6F1F8;
}
 
@property --dark-blue{
    syntax: "<color>";
    inherits: false;
    initial-value: #003c58;
}
@property --button-color{
    syntax: "<color>";
    inherits: false;
    initial-value: #ffce32;
}
@property --searchlens-url{
    syntax: "<url>";
    inherits: false;
    initial-value: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23003c58" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="21" y2="21" stroke-linecap="round"/></svg>');
}

@property --external-url{
    syntax: "<url>";
    inherits: false;
    initial-value: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%231f1f1f%22%3E%3Cpath%20d%3D%22M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h280v80H200v560h560v-280h80v280q0%2033-23.5%2056.5T760-120H200Zm188-212-56-56%20372-372H560v-80h280v280h-80v-144L388-332Z%22%2F%3E%3C%2Fsvg%3E');
}

@property --external-url-white{
    syntax: "<url>";
    inherits: false;
    initial-value: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#ffffff"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"/></svg>');
}