/*=============================================================================
  ICONS CSS

  * CSS for all site icons
  * Contains legacy icon CSS that still needs to be updated/removed
=============================================================================*/

/* BASE ICON STYLE */
.icon {
    display: block;
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    padding: var(--icon-size-md) 0 0;
    background-size: var(--icon-size-md);
    background-position: var(--icon-position-md-black);
    overflow: hidden;
    text-indent: -9999px;
}

/* Legacy Icon States (Remove When CSS Cleanup Is Finished) */
.icon.is-black {
    background-position: 0 0;
}

.icon.is-grey {
    background-position-y: -24px;
}

.icon.is-white {
    background-position-y: -48px;
}

.icon.is-sm {
    width: 16px;
    padding-top: 16px;
    background-size: 16px 48px;
}

.icon.is-sm.is-grey {
    background-position: 0 -16px;
}

.icon.is-sm.is-white {
    background-position: 0 -32px;
}

.icon.is-lg {
    width: 32px;
    padding-top: 32px;
    background-size: 32px;
}

.icon.is-list {
    width: 36px;
    margin: 6px 0;
    padding: 36px 0 0;
    background-size: 36px 108px;
}
/* END Legacy Icon States --------------------------------- */

/* SITE LOGO */
.icon-logo {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/logos/IW-logo-horizontal.svg');
    background-size: 32px 32px;
    background-position: 0 0;
    width: 32px;
    padding: 32px 0 0;
}

/* (Sticky Header Logo) */
.sticky-header-logo .icon-logo,
.l-footer-copy-inner .icon-logo {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/logos/IW-logo-horizontal.svg');
    background-size: 40px 40px;
    background-position: 0 0;
    width: 40px;
    padding-top: 40px;
}

/* (Inline Logo For Checkout Pages) */
.icon-inline {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/logos/IW-logo-horizontal.svg');
    background-size: 175px 40px;
    background-position: 0 0;
    width: 175px;
    padding: 40px 0 0;
}

/* Roller Logo */
.hockey .icon-logo {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/logos/IWH-logo-horizontal.svg');
}

.hockey .sticky-header-logo .icon-logo,
.hockey .l-footer-copy-inner .icon-logo {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/logos/IWH-logo-horizontal.svg');
}

.hockey .icon-inline {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/logos/IWH-logo-horizontal.svg');
}

.fitness .icon-logo {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/logos/IW-fit-logo-horizontal.svg');
}

.fitness .sticky-header-logo .icon-logo,
.fitness .l-footer-copy-inner .icon-logo {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/logos/IW-fit-logo-horizontal.svg');
}

.fitness .icon-inline {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/logos/IW-fit-logo-horizontal.svg');
}

.aggressive .icon-logo {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/logos/IW-street-logo-horizontal.svg');
}

.aggressive .sticky-header-logo .icon-logo,
.aggressive .l-footer-copy-inner .icon-logo {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/logos/IW-street-logo-horizontal.svg');
}

.aggressive .icon-inline {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/logos/IW-street-logo-horizontal.svg');
}

@media screen and (min-width: 768px) {

    .icon-inline {
		padding-left: 225px;
    	background-size: 225px 64px;
		width: 175px;
		padding-top: 40px;
		background-position: 0 -12px;
    }
}

@media screen and (min-width: 1200px) {

    .icon-inline {
        width: auto;
        padding-top: 64px;
        padding-left: 380px;
        background-size: 380px 80px;
        background-position: 0 -8px;
    }
}

/* ICON SIZES */
.icon-xs {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    padding: var(--icon-size-xs) 0 0;
    background-size: var(--icon-size-xs);
}

.icon-sm {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    padding: var(--icon-size-sm) 0 0;
    background-size: var(--icon-size-sm);
}

.icon-md {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    padding: var(--icon-size-md) 0 0;
    background-size: var(--icon-size-md);
}

.icon-lg {
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
    padding: var(--icon-size-lg) 0 0;
    background-size: var(--icon-size-lg);
}

.icon-xl {
    width: var(--icon-size-xl);
    height: var(--icon-size-xl);
    padding: var(--icon-size-xl) 0 0;
    background-size: var(--icon-size-xl);
}

/* ICON POSITIONS (COLOR) */
.icon-xs-black {
    background-position: var(--icon-position-xs-black);
}

.icon-sm-black {
    background-position: var(--icon-position-sm-black);
}

.icon-md-black {
    background-position: var(--icon-position-md-black);
}

.icon-lg-black {
    background-position: var(--icon-position-lg-black);
}

.icon-xl-black {
    background-position: var(--icon-position-xl-black);
}

.icon-xs-white {
    background-position: var(--icon-position-xs-white);
}

.icon-sm-white {
    background-position: var(--icon-position-sm-white);
}

.icon-md-white {
    background-position: var(--icon-position-md-white);
}

.icon-lg-white {
    background-position: var(--icon-position-lg-white);
}

.icon-xl-white {
    background-position: var(--icon-position-xl-white);
}

.icon-xs-gray {
    background-position: var(--icon-position-xs-gray);
}

.icon-sm-gray {
    background-position: var(--icon-position-sm-gray);
}

.icon-md-gray {
    background-position: var(--icon-position-md-gray);
}

.icon-lg-gray {
    background-position: var(--icon-position-lg-gray);
}

.icon-xl-gray {
    background-position: var(--icon-position-xl-gray);
}

.icon-xs-color {
    background-position: var(--icon-position-xs-color);
}

.icon-sm-color {
    background-position: var(--icon-position-sm-color);
}

.icon-md-color {
    background-position: var(--icon-position-md-color);
}

.icon-lg-color {
    background-position: var(--icon-position-lg-color);
}

.icon-xl-color {
    background-position: var(--icon-position-xl-color);
}

/* ARROW ICONS */
/* LEGACY ARROW ICON AND STATES - REMOVE WHEN SITE IS COMPLETELY FINISHED */
.icon-arrow {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/arrows.svg');
    background-size: 12px 144px;
    width: 12px;
    padding: 12px 0 0;
}

.icon-social.is-black {
    background-position-y: -40px;
}

.icon-social.is-grey {
    background-position-y: -80px;
}

.icon-social.is-white {
    background-position-y: -120px;
}

.icon-arrow-up.is-grey {
    background-position: 0 -48px;
}

.icon-arrow-down.is-grey {
    background-position: 0 -60px;
}

.icon-arrow-left.is-grey {
    background-position: 0 -72px;
}

.icon-arrow-right.is-grey {
    background-position: 0 -84px;
}

.icon-arrow-up.is-white {
    background-position: 0 -96px;
}

.icon-arrow-down.is-white {
    background-position: 0 -108px;
}

.icon-arrow-left.is-white {
    background-position: 0 -120px;
}

.icon-arrow-right.is-white {
    background-position: 0 -132px;
}

.collapsed:not(.custom-icon) .icon-arrow-up.is-white {
    background-position: 0 -108px;
}

.icon-arrow.is-lg {
    width: 16px;
    padding-top: 16px;
    background-size: 16px 192px;
}

.icon-arrow-down.is-lg {
    background-position: 0 -16px;
}

.icon-arrow-left.is-lg {
    background-position: 0 -32px;
}

.icon-arrow-right.is-lg {
    background-position: 0 -48px;
}

.icon-arrow-up.is-lg.is-grey {
    background-position: 0 -64px;
}

.icon-arrow-down.is-lg.is-grey {
    background-position: 0 -80px;
}

.icon-arrow-left.is-lg.is-grey {
    background-position: 0 -96px;
}

.icon-arrow-right.is-lg.is-grey {
    background-position: 0 -112px;
}

.icon-arrow-up.is-lg.is-white {
    background-position: 0 -128px;
}

.icon-arrow-down.is-lg.is-white {
    background-position: 0 -144px;
}

.icon-arrow-left.is-lg.is-white {
    background-position: 0 -160px;
}

.icon-arrow-right.is-lg.is-white {
    background-position: 0 -176px;
}

.collapsed:not(.custom-icon) .icon-arrow-up.is-lg.is-white {
    background-position: 0 -144px;
}

.icon-afterpay.is-lg {
    width: 100px;
    padding-top: 19px;
    background-size: 100px 39px;
}

.icon-arrow.is-xl {
    width: 24px;
    padding-top: 24px;
    background-size: 24px 288px;
}

.icon-arrow-down.is-xl {
    background-position: 0 -24px;
}

.icon-arrow-left.is-xl {
    background-position: 0 -48px;
}

.icon-arrow-right.is-xl {
    background-position: 0 -72px;
}
/* END LEGACY ARROW ICON */

.icon-arrow-up {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-arrow-up.svg');
}

.icon-arrow-down,
.collapsed .icon-arrow-up {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-arrow-down.svg');
}

.icon-arrow-left {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-arrow-left.svg');
}

.icon-arrow-right {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-arrow-right.svg');
}

/* ACCOUNT ICON */
.icon-account {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-account-inactive.svg');
}

.icon-account.is-active {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-account-active.svg');
}

/* SOCIAL ICONS */
/* LEGACY SOCIAL ICONS - REMOVE WHEN SITE IS COMPLETED */
.icon-social {
    background-size: 360px 160px;
    width: 40px;
    padding: 40px 0 0;
}

.icon-social.is-black {
    background-position-y: -40px;
}

.icon-social.is-grey {
    background-position-y: -80px;
}

.icon-social.is-white {
    background-position-y: -120px;
}
/* END LEGACY SOCIAL ICONS */

.icon-social-facebook {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/social-facebook.svg");
}

.icon-social-twitter {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/social-x.svg");
}

.icon-social-instagram {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/social-instagram.svg");
}

.icon-social-youtube {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/social-youtube.svg");
}

.icon-social-blog {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/social-blog.svg");
}

.icon-social-pod {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/social-podcast.svg");
}

.icon-social-pinterest {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/social-pintrest.svg");
}

.icon-social-tiktok {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/social-tiktok.svg");
}

.icon-social-message {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/social-message.svg");
}

.icon-social-strave {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/social-strave.svg");
}

/* SITE ICONS */
.icon-360 {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-360.svg");
}

.icon-airplane {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/airplane.svg");
}

.icon-bonus {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/bonus.svg");
}

.icon-brands {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-list.svg");
}

/* Temporary until we determine whether we need this icon or not */
.icon-calendar {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/calendar.svg");
}

.icon-color {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/color-wheel.svg');
}

.icon-copy {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-copy.svg");
}

.icon-career {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/briefcase.svg");
}

.icon-cart {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-cart.svg');
}

.icon-cash,
.icon-price {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/cash.svg");
}

.icon-check {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-check.svg");
}

/* Temporary until .is-sm can be replaced in markup and JS by icon-sm */
.icon-check.is-sm {
    background-size: 16px 16px;
}

.icon-check_success {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-success.svg");
}

.icon-clearance {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/tag-clearance.svg");
}

.icon-cloud {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/overnight.svg");
}

.icon-compare {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-compare.svg");
}

/* Temporary until the icon can be updated by Webb */
.icon-currency {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/currency-dollar.svg');
}

/* Temporary until the icon can be updated by Webb */
.icon-currency.is-solid {
    background-position: -24px 0;
}

/* Temporary until .is-lg can be replaced in markup and JS by icon-lg */
.icon-currency.is-lg {
    background-size: 64px 96px;
}

/* Temporary until .is-lg can be replaced in markup and JS by icon-lg */
.icon-currency.is-lg.is-solid {
    background-position: -32px 0;
}

.icon-custom {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/custom.svg");
}

/* Temporary until .is-xl can be replaced in markup and JS by icon-xl */
.icon-custom.is-xl {
    width: 64px;
    padding-top: 64px;
    background-size: 64px 192px;
}

.icon-edit {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-edit.svg");
}

.icon-email {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/email-back.svg");
}

.icon-exclusive {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/exclusive.svg');
}

.icon-filter {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-filter.svg");
}
/*
.icon-guarantee {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/shield-check.svg");
}
*/
.icon-gift {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/gift-card.svg");
}

/* Temporary until .is-xs can be replaced in markup and JS by icon-xs */
.icon-gift.is-xl {
    width: 80px;
    padding-top: 80px;
    background-size: 80px 240px;
}

.icon-gift-box {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/gift-box.svg");
}

.icon-globe {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/globe.svg");
}

.icon-grid {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-view-grid.svg');
    background-position: 0 -24px;
}

.icon-help {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-help.svg");
}

.icon-home {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-home.svg");
}

.icon-howto {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/how-to.svg");
}
/*
.icon-learning {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/book.svg");
}
*/
.icon-list {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-view-list.svg");
}

.icon-live_chat {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/livechat.svg");
}

.icon-location {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/location.svg");
}

.icon-logout {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-logout.svg");
}

.icon-menu {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-menu.svg');
}

.icon-message {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-message-board.svg");
}

.icon-minus {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-minus.svg");
}

/* Temporary until .is-xs can be replaced in markup and JS by icon-xs */
.icon-minus.is-xs {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    padding: var(--icon-size-xs) 0 0;
    background-size: var(--icon-size-xs);
    background-position: var(--icon-position-xs-black);
}

.icon-model {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/measurements.svg");
}

.icon-more {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-more.svg");
}

.icon-new {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/plus.svg");
}

.icon-notify {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-notify.svg");
}

.icon-orders {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/doc-orders.svg");
}

.icon-pause {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-pause.svg");
}

.icon-pdf {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/doc-pdf.svg");
}

.icon-phone {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/phone.svg');
}

/* Temporary until .is-xs can be replaced in markup and JS by icon-xs */
.icon-phone.is-xs {
    width: 19px;
    padding-top: 19px;
    background-size: 19px 57px;
}

/* Temporary until .is-xs and is-grey can be replaced in markup and JS by icon-xs and icon-xs-gray */
.icon-phone.is-xs.is-grey {
    background-position: 0 -19px;
}

/* Temporary until .is-xs and is-white can be replaced in markup and JS by icon-xs and icon-xs-white */
.icon-phone.is-xs.is-white {
    background-position: 0 -38px;
}

.icon-play {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-play.svg");
}

.icon-plus {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-plus.svg");
}

/* Temporary until .is-xs can be replaced in markup and JS by icon-xs */
.icon-plus.is-xs {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    padding: var(--icon-size-xs) 0 0;
    background-size: var(--icon-size-xs);
    background-position: var(--icon-position-xs-black);
}

.icon-podcast {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/podcast.svg");
}

.icon-privacy {
    background-image: url('https://img.inlinewarehouse.com/framework/privacy.svg');
}

.icon-pro {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/spotlight.svg");
}

.icon-prospot {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/pro-spot.svg");
}
/*
.icon-promo {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/percent.svg");
}
*/
/* Temporary until .is-xl can be replaced in markup and JS by icon-xl */
.icon-promo.is-xl {
    width: 48px;
    padding-top: 48px;
    background-size: 48px 144px;
}

.icon-recycle {
	background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/recycle.svg"); background-size: 24px 96px;
}

.icon-refresh {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-refresh.svg");
}

.icon-returns {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/returns.svg");
}

.icon-review {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/clipboard.svg");
}

.icon-search {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-search.svg');
}

.icon-service {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/service.svg");
}

/* Temporary until .is-xl can be replaced in markup and JS by icon-xl */
.icon-service.is-xl {
    width: 48px;
    padding-top: 48px;
    background-size: 48px 144px;
}

.icon-settings {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-gear.svg");
}

.icon-share {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-share.svg");
}
/*
.icon-shipping {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/truck.svg");
}
*/
.icon-shoe {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/shoe.svg");
}

.icon-size {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ruler.svg");
}

.icon-sort {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-sort.svg");
}

/* Used for performance chart - Not needed for Tackle */
.icon-stability {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/stability.svg');
}

.icon-support {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/support.svg");
}

.icon-sustain {
    background-image: url("https://img.inlinewarehouse.com.au/mobile/2019/icons/leaf.svg");
}

.icon-tagline {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-view-list.svg');
}

.icon-tagline {
    background-position: 0 -24px;
}

.icon-team {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/team.svg");
}

.icon-tip {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/tip.svg");
}

.icon-tracking {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/tracking.svg");
}

.icon-trash {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-trash.svg');
}

.icon-trophy {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/trophy.svg");
}

.icon-twexclusive {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/exclusive.svg');
    background-position: 0 -48px;
}

.icon-holiday-tree {
	background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/holiday-tree.svg');
	background-position: var(--icon-position-md-color);
}

.icon-used {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/used.svg");
}

.icon-UV {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/sun.svg");
}

.icon-vip {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/VIP.svg");
}

.icon-visibility {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-visible-false.svg");
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    padding: var(--icon-size-md) 0 0;
    background-size: var(--icon-size-md);
    background-position: var(--icon-position-md-gray);
}

.icon-visibility.is-visible {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-visible-true.svg");
    background-position: var(--icon-position-md-black);
}

.icon-vlog {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/folder-video.svg");
}

.icon-warning {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-warning.svg");
}

.icon-wish_list {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-wishlist.svg');
}

/* Temporary until icon-xl class can be placed in the markup, PHP, and JS files */
.icon-wish_success {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-wishlist.svg");
    width: var(--icon-size-xl);
    height: var(--icon-size-xl);
    padding: var(--icon-size-xl) 0 0;
    background-size: var(--icon-size-xl);
    background-position: var(--icon-position-xl-black);
    /* Old Setitngs: background-size: 66px 66px; width: 66px; padding-top: 66px; */
}

.icon-x {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/ui-close.svg');
}

/* Temporary until .is-xs can be replaced in markup and JS by icon-xs */
.icon-x.is-xs {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    padding: var(--icon-size-xs) 0 0;
    background-size: var(--icon-size-xs);
}

.icon-zoom {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-zoom-in.svg");
}

/* Best Use Icons */
.icon-BESTUSEOPT1 { background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/use-boot-turnout.svg'); background-position-y: 33px; }

.icon-BESTUSEOPT2 { background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/use-boot-recreational.svg'); }

.icon-BESTUSEOPT3 { background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/use-boot-performance.svg'); }

.icon-BESTUSEOPT4 { background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/use-boot-therapy.svg'); }

.icon-FMOPT10 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-fly-donkey.svg"); }

/* Product Information Icons */
/* Apparel features */
.icon-SUPSOFOPT1 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-soft.svg"); }

.icon-COOLINOPT2 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-cooling.svg"); }

.icon-UVOPT3 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-uv.svg"); }

.icon-HASPOCKOPT4 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-pockets.svg"); }

.icon-CONCAROPT5 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-conceal.svg"); }

.icon-PACKABLOPT6 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-packable.svg"); }

.icon-2WAYZIPOPT7 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-2wayzip.svg"); }

.icon-WPRFOWOPT8 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-foot-waterproof.svg"); }

.icon-WTRSOWOPT9 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-foot-waterresist.svg"); }

.icon-WINTOPT10 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-winter.svg"); }

.icon-PLUSOPOPT11 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-plussize.svg"); }

.icon-REMHOODOP11 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-removablehood.svg"); }

.icon-GUSSETOPT1 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-gusset.svg"); }

.icon-SEATOPT2 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-seat.svg"); }

.icon-NOTHINGOPT3 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-nopad.svg"); }

.icon-KPBREEOPT12 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-kneepatch.svg"); }

.icon-FSBREEOPT13 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-fullseatgrip.svg"); }

/* Helmet Characteristics */
.icon-WIDBRIMOPT1 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-helm-widebrim.svg"); }

.icon-DIALFITOPT2 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-helm-dialfit.svg"); }

.icon-LINEROPT3 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-helm-liner.svg"); }

.icon-CUSTOMOPT4 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-helm-customizable.svg"); }

.icon-ROUNDOPT5 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-helm-round.svg"); }

.icon-OVALOPT6 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-helm-oval.svg"); }

.icon-ALLHEADOPT7 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-helm-allhead.svg"); }

/* Safety Measures */
.icon-ASTMOPT1 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-helm-astm.svg"); }

.icon-EUROOPT2 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-helm-european.svg"); }

.icon-MIPSOPT3 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-helm-mips.svg"); }

.icon-ERTOPT4 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-helm-ert.svg"); }

.icon-SNELLOPT5 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-helm-snell.svg"); }

/* Flymask Characteristics */
.icon-UVFTOPT1 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-fly-uv.svg"); }

.icon-DETNOSEOPT2 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-fly-detachnose.svg"); }

.icon-DSECOPT3 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-fly-doublevelcro.svg");
}

.icon-SSECOPT4 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-fly-singlevelcro.svg"); }

.icon-PSECOPT5 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-fly-stretch.svg"); }

.icon-FMOPT6 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-fly-standard.svg"); }

.icon-FMOPT7 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-fly-earcoverage.svg"); }

.icon-FMOPT8 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-fly-nosecoverage.svg"); }

.icon-FMOPT9 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-fly-earnosecoverage.svg"); }

/* Blanket Characteristics */
.icon-LINEROPT1 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-blank-liner.svg"); }

.icon-HASHOODOPT2 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-blank-neckhood.svg"); }

.icon-DETNECKOPT3 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-blank-detachneck.svg"); }

.icon-WTRPRFOPT4 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-blank-waterproof.svg"); }

.icon-CHORDOPT7 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-blank-tailchord.svg"); }

.icon-STRAPSOPT8 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-blank-legstraps.svg"); }

/* Footwear Features */
.icon-WPFOOTOPT1 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-waterproof.svg"); }

.icon-WRFOOTOPT2 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-app-waterresist.svg"); }

.icon-SLIPONOPT3 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-foot-slipon.svg"); }

.icon-LACEUPOPT4 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-foot-laceup.svg"); }

.icon-ZIPUPOPT5 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-foot-zipup.svg"); }

.icon-NARSQOPT6 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-foot-narrow.svg"); }

.icon-WIDSQOPT7 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-foot-wide.svg"); }

.icon-SUSTAINOPT8 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-foot-sustainable.svg"); }

.icon-PADBOOTOPT9 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-foot-pad.svg"); }

.icon-TALLBTOPT10 { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-foot-tallboot.svg"); }


/* Bit Characteristics */
.icon-NONTOXOPT1 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-bit-nontoxic.svg"); }

.icon-FLAVOROPT2 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-bit-flavor.svg"); }

.icon-LEVERAGOPT3 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-bit-leverage.svg"); }

.icon-SNAFFLEOPT4 { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/feature-bit-snaffle.svg"); }

/* Red Text Icons */
.icon-guarantee { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/shield-check.svg"); }

.icon-learning { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/book.svg"); }

.icon-promo { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/percent.svg"); }
.icon-promo.is-xl { width: 48px; padding-top: 48px; background-size: 48px 144px; }

.icon-shipping { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/truck.svg"); }

.icon-top-pick { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/top-pick.svg"); }

.icon-usa { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/flag-us.svg"); }

.icon-UV { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/uv.svg"); }

.icon-heart-ribbon { background-image:url("https://img.inlinewarehouse.com/graphics-resizer/icons/promo-favorite.svg"); }

.icon-promo-musthave { background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/promo-musthave.svg"); }

/* Afterpay Logo */
.icon-afterpay {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/logos/afterpay-text-update.svg");
    background-size: 73px 38px;
    width: 73px;
    /*padding-top: 14px;*/
}

/* Temporary until .is-lg can be replaced in markup and JS by icon-lg */
.icon-afterpay.is-lg {
    width: 100px;
    padding-top: 19px;
    background-size: 100px 39px;
}

/* Afterpay Icon */
.icon-ap_icon {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/payment-afterpay.svg");
}

/* Venmo Icon */
/* Settings may be temporary based on Webb's recommendation */
.venmo_icon {
    background-image: url('https://img.inlinewarehouse.com/graphics-resizer/icons/venmo-logo-blue.svg');
    background-size: 80px 20px;
    width: 80px;
    margin: 2px 0;
    padding: 20px 0 0;
}

/* STAR REVIEW ICONS */
.stars-container>.star-rating {
    width: 80px;
    height: 16px;
    background-size: 80px 16px;
}

.stars-container.is-med>.star-rating {
    width: 120px;
    height: 24px;
    background-size: 120px 24px;
}

.stars-container.is-large>.star-rating {
    width: 160px;
    height: 32px;
    background-size: 160px 32px;
}

.stars-container.is-xlarge>.star-rating {
    width: 200px;
    height: 40px;
    background-size: 200px 40px;
}

.fitness .five-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/fitness-5star.svg");
}

.fitness .four-half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/fitness-4.5star.svg");
}

.fitness .four-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/fitness-4star.svg");
}

.fitness .three-half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/fitness-3.5star.svg");
}

.fitness .three-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/fitness-3star.svg");
}

.fitness .two-half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/fitness-2.5star.svg");
}

.fitness .two-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/fitness-2star.svg");
}

.fitness .one-half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/fitness-1.5star.svg");
}

.fitness .one-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/fitness-1star.svg");
}

.fitness .half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/fitness-.5star.svg");
}

.fitness .nostars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/fitness-nostar.svg");
}

.hockey .five-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/hockey-5star.svg");
}

.hockey .four-half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/hockey-4.5star.svg");
}

.hockey .four-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/hockey-4star.svg");
}

.hockey .three-half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/hockey-3.5star.svg");
}

.hockey .three-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/hockey-3star.svg");
}

.hockey .two-half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/hockey-2.5star.svg");
}

.hockey .two-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/hockey-2star.svg");
}

.hockey .one-half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/hockey-1.5star.svg");
}

.hockey .one-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/hockey-1star.svg");
}

.hockey .half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/hockey-.5star.svg");
}

.hockey .nostars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/hockey-nostar.svg");
}

.aggressive .five-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/street-5star.svg");
}

.aggressive .four-half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/street-4.5star.svg");
}

.aggressive .four-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/street-4star.svg");
}

.aggressive .three-half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/street-3.5star.svg");
}

.aggressive .three-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/street-3star.svg");
}

.aggressive .two-half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/street-2.5star.svg");
}

.aggressive .two-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/street-2star.svg");
}

.aggressive .one-half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/street-1.5star.svg");
}

.aggressive .one-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/street-1star.svg");
}

.aggressive .half-stars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/street-.5star.svg");
}

.aggressive .nostars {
    background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/street-nostar.svg");
}

/* Alert Icons */
.alert .icon-info {
	background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-info.svg");
	background-position: var(--icon-position-md-color);
}

.alert .icon-success {
	background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-success.svg");
	background-position: var(--icon-position-md-color);
}

.alert .icon-warning {
	background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-warning.svg");
	background-position: var(--icon-position-md-color);
}

.alert .icon-error {
	background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/ui-error.svg");
	background-position: var(--icon-position-md-color);
}

.alert .icon-backorder {
	background-image: url("https://img.inlinewarehouse.com/graphics-resizer/icons/calendar.svg");
	background-position: var(--icon-position-md-color);
}