.label-selector-app.loading .label-selector-content {
    opacity: 0 !important;
}
.label-selector-app .label-selector-content {
    background-color: #fff;
    background-image: url(https://img.avery.com/f_auto,q_auto,c_scale,w_786/web/home/q2-2024-labelfinder-bg-blanklabels-mobile);
    background-position-x: 50%;
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: cover;
    transition:
        background-position 0.4s ease-in-out,
        opacity 0.4s ease-in-out;
    opacity: 1;
}
.label-selector-app .label-selector-header h1 {
    margin-bottom: 0.25rem;
}
.label-selector-app .selector-main-header {
    color: #383838;
    padding-top: 2.25rem;
    padding-bottom: 3.125rem;
    opacity: 1;
    transition: opacity 0.2s cubic-bezier(0.1, 0.1, 0.1, 1);
    text-align: center;
}
.label-selector-app .crumbtrail-container {
    justify-content: center;
}
.label-selector-app .back-state {
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    margin-top: -7px;
    position: absolute;
    left: -40px;
    top: -15px;
    transition:
        display 0.4s,
        opacity 0.4s cubic-bezier(0.1, 0.1, 0.1, 1);
}
.label-selector-app .back-state:before {
    content: '\e908';
    color: #ea001c;
    font-family: avery-fonticon;
    font-size: 15px;
    position: absolute;
    top: 4px;
    left: 6px;
}
.label-selector-app .back-state:after {
    content: '';
    border: 1px solid #ea001c;
    border-radius: 17px;
    padding: 14px;
    position: absolute;
    top: 0;
    left: 0;
}
.label-selector-app .back-state:hover {
    opacity: 0.5;
}
.label-selector-app .back-state--on {
    color: #383838;
    opacity: 1;
    visibility: visible;
}
.label-selector-app .status-crumbtrail {
    height: 0;
    overflow: visible;
    position: relative;
}
.label-selector-app .state-crumb {
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 0;
    bottom: -20px;
}
.label-selector-app .state-crumb--on {
    opacity: 1;
    bottom: 0;
    transition:
        bottom 0.4s,
        opacity 0.4s cubic-bezier(0.1, 0.1, 0.1, 1);
}
.label-selector-app .status-label {
    margin-top: 0.3125rem;
    margin-bottom: 2.125rem;
}
.label-selector-app .status-progress {
    width: 100%;
    height: 6px;
}
.label-selector-app .status-progress__bar {
    width: 0;
    height: 6px;
    background: #ea001c;
    overflow: hidden;
    position: relative;
    transition: width 0.4s cubic-bezier(0.1, 0.1, 0.1, 1);
    z-index: 10;
}
.label-selector-app .status-progress__track {
    width: 100%;
    height: 1px;
    background: #4e4e4e;
    margin-top: -3px;
    position: relative;
    z-index: 5;
}
.label-selector-app .state-label {
    color: #929292;
    font-weight: 400;
    font-size: 13px;
}
.label-selector-app .state-label-link {
    color: #000;
    cursor: pointer;
    text-decoration: none;
}
.label-selector-app .state-label-link:hover {
    opacity: 0.8;
}
.label-selector-app .active-state-label {
    color: #ea001c;
}
.label-selector-app .swiper-slide[data-slide-step='shape'] {
    margin-top: -0.625rem;
}
.label-selector-app .swiper-label-selector {
    min-height: 100px;
}
.label-selector-app .lbl-link {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ea001c;
}
.label-selector-app .lbl-slct-shape .lbl-slct-shape-ico {
    width: 78px;
    height: 78px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
}
.label-selector-app .lbl-slct-shape .lbl-text,
.lightbox a.lb-next:hover,
.lightbox a.lb-prev:hover {
    opacity: 1;
    color: #ea001c;
}
@-webkit-keyframes labeltext {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes labeltext {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.label-selector-app .label-selector-btn-container {
    justify-content: center;
}
.label-selector-app .lbl-slct-shape .lbl-slct-shape-ico--rectangle {
    -webkit-mask: url(/app/images/label-selector/v2/icon_shape_rectangle.svg);
    mask: url(/app/images/label-selector/v2/icon_shape_rectangle.svg);
    background-color: #ea001c;
}
.label-selector-app .lbl-slct-shape:hover .lbl-slct-shape-ico--rectangle {
    -webkit-mask: url(/app/images/label-selector/v2/icon_shape_rectangle_filled.svg);
    mask: url(/app/images/label-selector/v2/icon_shape_rectangle_filled.svg);
    background-color: #ea001c;
}
.label-selector-app .lbl-slct-shape .lbl-slct-shape-ico--round {
    -webkit-mask: url(/app/images/label-selector/v2/icon_shape_round.svg);
    mask: url(/app/images/label-selector/v2/icon_shape_round.svg);
    background-color: #ea001c;
}
.label-selector-app .lbl-slct-shape:hover .lbl-slct-shape-ico--round {
    -webkit-mask: url(/app/images/label-selector/v2/icon_shape_round_filled.svg);
    mask: url(/app/images/label-selector/v2/icon_shape_round_filled.svg);
    background-color: #ea001c;
}
.label-selector-app .lbl-slct-shape .lbl-slct-shape-ico--oval {
    -webkit-mask: url(/app/images/label-selector/v2/icon_shape_oval.svg);
    mask: url(/app/images/label-selector/v2/icon_shape_oval.svg);
    background-color: #ea001c;
}
.label-selector-app .lbl-slct-shape:hover .lbl-slct-shape-ico--oval {
    -webkit-mask: url(/app/images/label-selector/v2/icon_shape_oval_filled.svg);
    mask: url(/app/images/label-selector/v2/icon_shape_oval_filled.svg);
    background-color: #ea001c;
}
.label-selector-app .lbl-slct-shape .lbl-slct-shape-ico--square {
    -webkit-mask: url(/app/images/label-selector/v2/icon_shape_square.svg);
    mask: url(/app/images/label-selector/v2/icon_shape_square.svg);
    background-color: #ea001c;
}
.label-selector-app .lbl-slct-shape:hover .lbl-slct-shape-ico--square {
    -webkit-mask: url(/app/images/label-selector/v2/icon_shape_square_filled.svg);
    mask: url(/app/images/label-selector/v2/icon_shape_square_filled.svg);
    background-color: #ea001c;
}
.label-selector-app .cta.btn-label-selector,
.label-selector-app .cta.btn-label-selector-link {
    min-height: 48px;
    position: relative;
    background-color: #ea001c;
    border-color: #ea001c;
    color: #fff;
}
.label-selector-app .cta.btn-label-selector:hover,
.label-selector-app .cta.btn-label-selector-link:hover {
    background-color: #ff0d0d;
    border-color: #ff0d0d;
}
.label-selector-app .cta.btn-label-selector-link:before,
.label-selector-app .cta.btn-label-selector:before {
    content: '';
    background: 0 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}
.label-selector-app .label-selector-shape-icon--roll-labels {
    -webkit-mask: url(/app/images/label-selector/v2/icon-format-rolls.svg);
    mask: url(/app/images/label-selector/v2/icon-format-rolls.svg);
    background-color: #fff;
    width: 38px;
    height: 38px;
}
.label-selector-app .label-selector-shape-icon--sheet-labels {
    -webkit-mask: url(/app/images/label-selector/v2/icon-format-sheets.svg);
    mask: url(/app/images/label-selector/v2/icon-format-sheets.svg);
    background-color: #fff;
    width: 38px;
    height: 38px;
}
.label-selector-app .label-selector-shape-icon--stickers {
    -webkit-mask: url(/app/images/label-selector/v2/icon-format-stickers.svg);
    mask: url(/app/images/label-selector/v2/icon-format-stickers.svg);
    background-color: #fff;
    width: 38px;
    height: 38px;
}
.label-selector-app .cta--blue {
    border-color: #39589c;
    color: #39589c;
}
.label-selector-app .ls-text-casing {
    text-transform: uppercase !important;
}
@media (max-width: 768.98px) {
    .label-selector-app .swiper-slide {
        min-height: 260px;
    }
}
@media (min-width: 769px) {
    .label-selector-app .label-selector-content {
        background-image: url(https://img.avery.com/f_auto,q_auto,c_scale,w_1710/web/home/Q2-2025-labelfinder-bg);
    }
    .label-selector-app .state-label {
        font-size: 16px;
    }
    .label-selector-app .lbl-slct-shape .lbl-text {
        opacity: 0;
    }
    .label-selector-app .lbl-slct-shape:hover .lbl-text {
        -webkit-animation-name: labeltext;
        animation-name: labeltext;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
}