/*
 * The storefront copy of assets/back-end/vendor/icon-set: only the icons the storefront
 * uses (generated from the templates and front-end scripts). The admin keeps the full set.
 * An icon missing here shows as an empty box: add its name and regenerate.
 */
@font-face {
    font-family: "The-Icon-of";
    src: url("fonts/tio-storefront.woff2") format("woff2"),
    url("fonts/tio-storefront.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="tio-"],
[class*=" tio-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "The-Icon-of" !important;
    font-size: 1.125em;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tio-lg {
    font-size: 1.25rem;
}

.tio-xl {
    font-size: 1.75rem;
}

.tio-add-circle:before {
    content: "\e901";
}

.tio-add:before {
    content: "\e904";
}

.tio-checkmark-circle:before {
    content: "\e919";
}

.tio-clear:before {
    content: "\e920";
}

.tio-info-outined:before {
    content: "\e938";
}

.tio-info:before {
    content: "\e939";
}

.tio-refresh:before {
    content: "\e94e";
}

.tio-remove-circle:before {
    content: "\e951";
}

.tio-remove:before {
    content: "\e954";
}

.tio-search:before {
    content: "\e956";
}

.tio-star-half:before {
    content: "\e965";
}

.tio-star-outlined:before {
    content: "\e966";
}

.tio-star:before {
    content: "\e967";
}

.tio-arrow-backward:before {
    content: "\e992";
}

.tio-back-ui:before {
    content: "\e9ac";
}

.tio-chevron-down:before {
    content: "\e9b1";
}

.tio-chevron-left:before {
    content: "\e9b2";
}

.tio-chevron-right:before {
    content: "\e9b3";
}

.tio-next-ui:before {
    content: "\e9ba";
}

.tio-play:before {
    content: "\e9ce";
}

.tio-photo-camera:before {
    content: "\ea74";
}

.tio-photo-square-outlined:before {
    content: "\ebb3";
}

.tio-briefcase:before {
    content: "\ebf9";
}

.tio-download-from-cloud:before {
    content: "\ecdc";
}

.tio-link:before {
    content: "\ece0";
}

.tio-delete:before {
    content: "\ed22";
}

.tio-download-to:before {
    content: "\ed24";
}

.tio-edit:before {
    content: "\ed26";
}

.tio-filter:before {
    content: "\ed2f";
}

.tio-hidden:before {
    content: "\ed33";
}

.tio-invisible:before {
    content: "\ed3b";
}

.tio-lock-outlined:before {
    content: "\ed42";
}

.tio-more-vertical:before {
    content: "\ed4a";
}

.tio-upload:before {
    content: "\ed5c";
}