/**
 * @deprecated Remove once Chosen (deprecated component) is removed
 */

$stratos: #08080e;

// Created using http://codepen.io/jakob-e/pen/doMoML

@mixin clear-icon($fill: $stratos) {
    $fillColorWithoutHashtag: str-slice(#{$fill}, 2);

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg' fill='%23" + $fillColorWithoutHashtag + "'%3E %3Cpath d='m9.79.212c-.282-.283-.738-.283-1.02-.001l-3.77 3.77-3.771-3.77c-.281-.282-.737-.282-1.018.001h-.001c-.28.282-.28.737.001 1.018l3.771 3.769-3.771 3.771c-.282.282-.282.737 0 1.018.281.282.737.282 1.018 0l3.771-3.771 3.771 3.771c.281.282.737.282 1.018 0 .281-.281.281-.737 0-1.018l-3.771-3.771 3.771-3.769c.281-.281.282-.736.001-1.018'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
}

@mixin filter-icon($fill: $stratos) {
    $fillColorWithoutHashtag: str-slice(#{$fill}, 2);

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23" + $fillColorWithoutHashtag + "'%3E %3Cpath d='m19.2 4.1c0-1.9-4-3.3-9.2-3.3s-9.2 1.5-9.2 3.3c0 .2 0 .3.1.5l.1.2c0 .1.1.2.2.3l6.2 8.7v4.2l.2.2c.1.1 1.1 1 2.5 1 .9 0 1.7-.3 2.4-.9l.2-.2v-4.3l6.1-8.7c.1-.1.1-.2.2-.2v-.1l.1-.1c.1-.2.1-.4.1-.6m-15 2.6c1.7.5 3.7.8 5.8.8s4.1-.3 5.8-.7l-4.6 6.5v.1 4.2c-.9.6-1.8.3-2.3 0v-4.2l-4.7-6.7m5.8-4.3c5.1 0 7.3 1.4 7.6 1.7-.6.7-3.3 1.7-7.6 1.7-4.3 0-7-1-7.6-1.7v-.1c.3-.3 2.5-1.6 7.6-1.6'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
}

@mixin arrow-up-icon($fill: $stratos) {
    $fillColorWithoutHashtag: str-slice(#{$fill}, 2);

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23" + $fillColorWithoutHashtag + "' enable-background='new 0 0 512 512'%3E %3Cpath d='m512 384h-512l256-256'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
}

@mixin arrow-down-icon($fill: $stratos) {
    $fillColorWithoutHashtag: str-slice(#{$fill}, 2);

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23" + $fillColorWithoutHashtag + "' enable-background='new 0 0 512 512'%3E %3Cpath d='m0 128h512l-256 256'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
}