@charset "UTF-8";
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes flipX {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0)
    }
    to {
        -webkit-transform: perspective(400px) rotateY(180deg);
        transform: perspective(400px) rotateY(180deg)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes width-100 {
    0% {
        width: 0%
    }
    to {
        width: 100%
    }
}

@keyframes width-0 {
    0% {
        width: 100%
    }
    to {
        width: 0%
    }
}

@keyframes height-0 {
    0% {
        height: 100%
    }
    to {
        height: 0%
    }
}

@keyframes cutFromLeft {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
    to {
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }
}

.icecarats-search-conteiner {
    margin-left: 35px;
    width: 100%
}

span.filter-pre-text.bg-filter {
    background-size: contain;
    display: inline-block;
    height: 22px;
    position: relative;
    width: 22px;
    background-position: center
}

span.filter-pre-text.bg-filter-gemstone {
    width: 25px;
    height: 25px
}

.class-filter__item-text .filter-pre-text {
    background-repeat: no-repeat;
    position: relative;
    width: 20PX;
    height: 20PX;
    border-radius: 50%;
    margin-right: 12.5px;
    background-size: cover
}


input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}

.input-default.focus, .input-default:focus {
    border-color: var(--color-icecarats);
    transition: .3s
}

@media only screen and (max-width: 1023px) {
    .modal .modal-dialog-left-mobile {
        justify-content: flex-start;
        transform: translateX(-100%)
    }

    .show-mobile-menu .header-actions-wrapper {
        align-items: center;
        background-color: #fff;
        display: flex;
        flex-direction: row
    }

    .show-mobile-menu .site-navigation-wrapper {
        bottom: 0;
        display: block;
        left: 0;
        overflow: auto;
        position: fixed;
        right: 0;
        top: 120px
    }

    .grey-rollover:active {
        background: #eee;
        border-radius: 50%;
        box-shadow: 0 0 0 10px #eee;
        transition: .3s
    }

    .open-filters-search .collection--information, .open-filters-search .logolist--container, .open-filters-search .site-footer, .show-mobile-menu .banner-sparkle-now, .show-mobile-menu .collection--information, .show-mobile-menu .custom-components, .show-mobile-menu .dynamic-collection-list--section, .show-mobile-menu .featured-collection--section, .show-mobile-menu .footer-section, .show-mobile-menu .logolist--container, .show-mobile-menu .promo-grid--section, .show-mobile-menu .site-footer {
        display: none !important
    }

    body.page-product .site-header {
        border-bottom: none
    }

    .icecarats-section.cart--section .cart-need-assistance {
        margin: 0 -15px
    }
}

@media screen and (max-width: 767px) {
    .modal.modal-center div.modal-content {
        margin-top: auto;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

@media screen and (max-width: 480px) {
    .modal-with-space .modal-content {
        max-width: calc(100vw - 37.5px)
    }
}

:active, :focus, :hover, [onclick], a, button, input, textarea {
    -webkit-tap-highlight-color: transparent !important;
    outline: 0 !important
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration) * .8);
    animation-duration: calc(var(--animate-duration) * .8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3)
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

.hover {
    cursor: pointer
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.html-overflow-locked {
    padding-right: var(--scrollbar-width);
    pointer-events: auto;
    touch-action: none
}

.html-overflow-locked body {
    overflow: hidden
}

.modal:before {
    background-color: rgba(0, 0, 0, .45);
    content: "";
    opacity: 0;
    transition: .3s;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.modal.modal-no-bg:before {
    background-color: unset
}

.modal.show-modal {
    bottom: 0;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    width: auto;
    z-index: 9998
}

.modal.show-modal:before {
    box-sizing: border-box;
    opacity: 1;
    transform: translate(0, 0)
}

.modal-header {
    align-content: center;
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid var(--color-border-light)
}

.modal-body {
    flex: 1 1 auto;
    overflow-y: auto
}

.modal-body, .modal-footer {
    padding: 15px
}

.modal, .modal-content, .modal-dialog {
    overflow-x: hidden
}

.modal-content, .modal-dialog {
    display: flex;
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1
}

.modal-content {
    background: #fff;
    flex-direction: column;
    flex-wrap: nowrap;
    max-height: 100%;
    max-width: 600px;
    outline: 0
}

.modal-content > div {
    width: 100%
}

.modal-dialog {
    justify-content: flex-end;
    transform: translateX(100%);
    transition: .3s
}

.modal.show-modal .modal-dialog {
    transform: translate(0) !important
}

.modal-center .modal-content {
    height: max-content
}

.modal-center .modal-header {
    background-color: var(--color-bg-alternative)
}

.modal-dialog.modal-fullscreen .modal-content {
    max-width: 100%
}

.modal-dialog-left {
    justify-content: flex-start;
    transform: translateX(-100%)
}

.modal-dialog.modal-fullscreen, .modal-mini .modal-dialog, .modal.modal-center .modal-dialog {
    justify-content: center;
    transform: translateY(100%)
}

.modal-black-transparent .modal-dialog {
    justify-content: center
}

.modal.modal-center .modal-dialog {
    align-items: center
}

.modal.modal-center .modal-content {
    border-radius: 15px
}

.modal-header .close-button {
    border-radius: 50%;
    cursor: pointer;
    float: right;
    font-size: 20px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    width: 30px
}

.modal-header .left-button > * {
    font-size: 30px
}

.modal-black-transparent.show-modal:before {
    background-color: rgba(0, 0, 0, .85);
    transition: none
}

.modal-black-transparent .modal-dialog {
    overflow: unset
}

.modal-black-transparent .modal-content {
    background: 0 0;
    max-width: 1100px;
    overflow: unset;
    height: max-content
}

.modal-black-transparent .modal-header {
    box-shadow: none
}

.modal-black-transparent .modal-header > img[data-modaldismiss] {
    filter: invert(1)
}

.modal-black-transparent .modal-body {
    padding: 0
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.mfsm-content-head .icecarats-icon-close {
    font-size: 20px;
    height: 30px;
    line-height: 33px;
    margin-right: -5px;
    text-align: center;
    width: 30px
}

.filters__button--clear[data-amount="0"] {
    opacity: .5;
    pointer-events: none
}

#sff-mf-famount[data-amount="0"], #ssf-static-famount[data-amount="0"], .filters__button--clear[data-amount="0"] span, .mfsm-cs-item--amount-selected[data-amount="0"], .mfsm-cs-item--amount-selected[data-amount="1"], .mfsm-cs-item--amount-selected[data-amount="2"] {
    display: none
}

.filters__button--clear span:before {
    box-sizing: border-box;
    content: "("
}

.filters__button--clear span:after {
    box-sizing: border-box;
    content: ")"
}

#mfsm-backBtn:not(.d-none) + div, #mm-backBtn:not(.d-none) + div, .video-controls.play .playpauseBtn.play, .video-controls:not(.play) .playpauseBtn.pause {
    display: none
}

.mfsm-cs-item--amount-selected {
    background: var(--color-black-default);
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin-top: -5px;
    text-align: center;
    transform: translate(2.5px, -10px);
    width: 20px
}

.fullscreen-gallery {
    display: flex;
    margin: auto;
    max-width: 1000px;
    flex-direction: column;
    align-items: center
}

.fullscreen-gallery-columns {
    display: block;
    column-count: 2;
    column-gap: 5px;
    break-inside: avoid-column
}

div.fullscreen-gallery-columns > div {
    width: 100%;
    margin: 0
}

.fullscreen-gallery > div {
    background: #f7f7f7;
    width: 100%
}

.fullscreen-gallery > div + div {
    margin-top: 5px
}

.fullscreen-gallery > div .chat-bubble {
    position: absolute;
    left: 10px;
    top: 25px;
    text-transform: capitalize
}

.fs-gallery-item.double-img, .fullscreen-gallery > div {
    overflow: hidden;
    position: relative
}

@media only screen and (min-width: 1024px) {
    a.search-result-collection > div:nth-child(2) {
        font-size: 12px;
        margin-top: 2.5px
    }

    .ssf-mobile-fixed {
        bottom: 50px
    }

    .grey-rollover:hover {
        background: #eee;
        border-radius: 50%;
        box-shadow: 0 0 0 10px #eee;
        transition: .3s
    }

    .fullscreen-gallery > div {
        overflow: hidden;
        max-width: 700px
    }
}

.modal-header .left-button, .video-controls {
    align-content: center;
    align-items: center;
    display: flex
}

.modal-header .left-button {
    height: 30px;
    width: 30px
}

.search-pagination-item > .pagination-page > .pagination-page {
    padding: 1px
}

#toTop, .video-controls .playpauseBtn {
    background-position: 50%;
    background-repeat: no-repeat
}

#toTop {
    animation-duration: .2s !important;
    background-color: #fff;
    background-image: var(--svg-chevron-top);
    background-size: 50%;
    border-radius: 50%;
    bottom: 20px;
    box-shadow: var(--shadow-size-medium);
    height: 45px;
    opacity: .85;
    position: fixed;
    right: 10px;
    width: 45px;
    z-index: 9990
}

.video-controls {
    background: #f1f1f1;
    bottom: 0;
    justify-content: space-between;
    left: 0;
    padding: 7.5px 15px 7.5px 22.5px;
    position: absolute;
    right: 0;
    z-index: 1;
    border-top: 1px solid #e0e0e0;
    display: none
}

.video-controls-progress {
    overflow: hidden;
    flex: 1 0 auto;
    margin-right: 15px;
    border-radius: 2.5px;
    background: #c1c1c1
}

.video-controls-progress div {
    background: var(--color-icecarats);
    height: 5px;
    transition: .05s
}

.video-controls-buttons {
    display: grid;
    grid-template-columns:repeat(4, 30px);
    gap: 5px
}

.video-controls-buttons > div {
    height: 30px;
    background-size: 85%;
    background-position: center;
    background-repeat: no-repeat;
    transition: .05s
}

.video-controls-buttons > div:nth-child(1) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSJVcGxvYWRlZCB0byBzdmdyZXBvLmNvbSIgd2lkdGg9IjgwMCIgaGVpZ2h0PSI4MDAiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMyIDMyIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5saW5lc2FuZGFuZ2xlc19lZW57ZmlsbDojMTExOTE4fTwvc3R5bGU+PHBhdGggZD0ibTIxIDE1LjI0MiAyLTJWMjdsLTguNTk4LTUuMTU5IDEuNDU4LTEuNDU4TDIxIDIzLjQ2OHYtOC4yMjZ6bTYuNzA3LTkuNTM1LTIyIDIyLTEuNDE0LTEuNDE0TDkuNTg2IDIxSDhWMTFoNWwxMC02djIuNTg2bDMuMjkzLTMuMjkzIDEuNDE0IDEuNDE0ek0yMSA5LjU4NlY4LjUzMkwxMy41NTQgMTNIMTB2NmgxLjU4NkwyMSA5LjU4NnoiIGNsYXNzPSJsaW5lc2FuZGFuZ2xlc19lZW4iLz48L3N2Zz4=);
    opacity: .25
}

.video-controls-buttons > div:nth-child(2) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJzdmc4MjIiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzAgMzAiPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI4OS4wNjMpIj48cGF0aCBpZD0icGF0aDg1MiIgZD0iTTE1IDN2M2MtNC45NTkgMC05IDQuMDQxLTkgOXM0LjA0MSA5IDkgOSA5LTQuMDQxIDktOWE4Ljk0IDguOTQgMCAwIDAtMS43MjUtNS4yNzVMMjAuODUgMTEuMTVBNi45NzkgNi45NzkgMCAwIDEgMjIgMTVjMCAzLjg3OC0zLjEyMiA3LTcgN3MtNy0zLjEyMi03LTcgMy4xMjItNyA3LTd2M2w1LTQtNS00eiIgc3R5bGU9ImNvbG9yOiMwMDA7Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDo0MDA7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6bWVkaXVtO2xpbmUtaGVpZ2h0Om5vcm1hbDtmb250LWZhbWlseTpzYW5zLXNlcmlmO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1wb3NpdGlvbjpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFyaWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtYWx0ZXJuYXRlczpub3JtYWw7Zm9udC1mZWF0dXJlLXNldHRpbmdzOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7dGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDA7bGV0dGVyLXNwYWNpbmc6bm9ybWFsO3dvcmQtc3BhY2luZzpub3JtYWw7dGV4dC10cmFuc2Zvcm06bm9uZTt3cml0aW5nLW1vZGU6bHItdGI7ZGlyZWN0aW9uOmx0cjt0ZXh0LW9yaWVudGF0aW9uOm1peGVkO2RvbWluYW50LWJhc2VsaW5lOmF1dG87YmFzZWxpbmUtc2hpZnQ6YmFzZWxpbmU7dGV4dC1hbmNob3I6c3RhcnQ7d2hpdGUtc3BhY2U6bm9ybWFsO3NoYXBlLXBhZGRpbmc6MDtjbGlwLXJ1bGU6bm9uemVybztkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO3Zpc2liaWxpdHk6dmlzaWJsZTtvcGFjaXR5OjE7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO2NvbG9yLWludGVycG9sYXRpb246c1JHQjtjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM6bGluZWFyUkdCO3NvbGlkLWNvbG9yOiMwMDA7c29saWQtb3BhY2l0eToxO3ZlY3Rvci1lZmZlY3Q6bm9uZTtmaWxsOiMwMDA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmluZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAyODkuMDYzKSIvPjwvZz48L3N2Zz4=);
    background-position: top 70% left 50%
}

.video-controls-buttons > div:nth-child(3) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9Ii0zIDAgMjggMjgiPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPjxnIGlkPSJJY29uLVNldC1GaWxsZWQiIGZpbGw9IiMwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MTkgLTU3MSkiPjxwYXRoIGlkPSJwbGF5IiBkPSJtNDQwLjQxNSA1ODMuNTU0LTE4Ljk5Ny0xMi4yNDNjLTEuMTI3LS42MDctMi40MTgtLjU0NC0yLjQxOCAxLjYzNXYyNC4xMDhjMCAxLjk5MiAxLjM4NSAyLjMwNiAyLjQxOCAxLjYzNWwxOC45OTctMTIuMjQzYTIuMDc2IDIuMDc2IDAgMCAwIDAtMi44OTIiLz48L2c+PC9nPjwvc3ZnPg==);
    background-size: 55%
}

.video-controls-buttons > div[data-playing=true]:nth-child(3) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9Ii0xIDAgOCA4Ij48ZyBpZD0iUGFnZS0xIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj48ZyBpZD0iRHJpYmJibGUtTGlnaHQtUHJldmlldyIgZmlsbD0iIzAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNyAtMzc2NSkiPjxnIGlkPSJpY29ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTYgMTYwKSI+PHBhdGggaWQ9InBhdXNlLVsjMTAwNl0iIGQ9Ik0xNzIgMzYwNWExIDEgMCAwIDAtMSAxdjZhMSAxIDAgMCAwIDIgMHYtNmExIDEgMCAwIDAtMS0xbTUgMXY2YTEgMSAwIDAgMS0yIDB2LTZhMSAxIDAgMCAxIDIgMCIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
    background-size: 55%
}

.video-controls-buttons > div:nth-child(4) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiBmaWxsPSIjMDAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik01IDVoNVYzSDN2N2gyem01IDE0SDV2LTVIM3Y3aDd6bTExLTVoLTJ2NWgtNXYyaDd6bS0yLTRoMlYzaC03djJoNXoiLz48L3N2Zz4=);
    background-size: 70%
}

.video-controls .playpauseBtn {
    background-size: 75%;
    height: 30px;
    opacity: .9;
    width: 30px
}

.video-controls .playpauseBtn.play {
    background-image: var(--svg-play-circle)
}

.video-controls .playpauseBtn.pause {
    background-image: var(--svg-pause-circle)
}

.footer-country-select > div:nth-child(2), .menu-mobile-settings > div:nth-child(2) {
    margin: 0
}

.footer-country-select--flag a {
    text-decoration: none
}

.footer-flag-content {
    bottom: -5px;
    left: 0;
    margin-bottom: 47.5px
}

.site-footer .footer-flag-content {
    left: -11px;
    bottom: 5px;
    width: 205px
}

a.flag-country-select:hover {
    background-color: var(--color-bg-alternative)
}

.footer-country-select--flag {
    position: relative
}

.class-filter__item[data-countitem="0"] .checkbox, .class-filter__item[data-countitem="0"] .class-filter__item-count, .class-filter__item[data-countitem="0"] .radio-button__text, .mfsm-cs-item.disabled-cs-item .checkbox, .mfsm-cs-item.disabled-cs-item .class-filter__item-count, .ssf-item.disabled-cs-item .checkbox, .ssf-item.disabled-cs-item .class-filter__item-count, .ssf-item.disabled-cs-item .radio-button__text, .ssf-item.disabled-cs-item .radiobutton__text {
    color: var(--color-neutral-grey-200);
    cursor: default
}

.class-filter__item[data-countitem="0"] .radio-button:hover .radio-button__input, .class-filter__item[data-countitem="0"] .radio-button__input, .ssf-item.disabled-cs-item .radio-button:hover .radio-button__input, .ssf-item.disabled-cs-item .radio-button__input {
    border: 1px solid var(--color-neutral-grey-200);
    cursor: default
}

.mfsm-cs-item .checkbox__text, .ssf-item .checkbox__text {
    align-items: center;
    display: flex;
    flex-basis: 100%;
    position: relative
}

.mfsm-cs-item .class-filter__item-text, .ssf-item .class-filter__item-text {
    align-items: center;
    display: flex;
    font-size: 15px;
    margin-right: .5rem;
    text-transform: capitalize
}

.mfsm-cs-item .class-filter__item-text > span {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-neutral-grey-800)
}

.mfsm-cs-item .class-filter__item-count, .ssf-item .class-filter__item-count {
    color: var(--color-neutral-grey-700);
    font-size: 12px;
    margin: 0 1.25rem 0 auto
}

.mfsm-cs-item .checkbox__input, .ssf-item .checkbox__input {
    background: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.5rem;
    border: 1px solid var(--color-neutral-grey-500);
    border-radius: .25rem;
    cursor: pointer;
    flex-shrink: 0;
    height: 1.5rem;
    margin: 0;
    width: 1.5rem
}

.mfsm-cs-item .checkbox:not(.checkbox--disabled):hover .checkbox__input:not(.checkbox__input:checked), .ssf-item .checkbox:not(.checkbox--disabled):hover .checkbox__input:not(.checkbox__input:checked) {
    border-color: var(--color-neutral-grey-900)
}

.mfsm-cs-item .class-filter__item[data-countitem="0"] .checkbox:hover .checkbox__input:not(.checkbox__input:checked), .mfsm-cs-item.disabled-cs-item .checkbox:not(.checkbox--disabled):hover .checkbox__input:not(.checkbox__input:checked) {
    background-image: none;
    border-color: var(--color-neutral-grey-200)
}

.mfsm-cs-item .checkbox__input:checked, .ssf-item .checkbox__input:checked {
    background-color: var(--color-icecarats);
    border-color: var(--color-icecarats)
}

.class-filter__item[data-countitem="0"] .checkbox__input, .mfsm-cs-item .checkbox--disabled, .mfsm-cs-item .checkbox__input:disabled, .ssf-item .checkbox--disabled, .ssf-item .checkbox__input:disabled, [data-namespace=search-results] .checkbox--disabled > * {
    border-color: inherit;
    color: var(--color-neutral-grey-200);
    cursor: default
}

.filter-toggle__item-less, .hide-filter__item, .more-mfsm-item .filter-toggle__item-more {
    display: none
}

.more-mfsm-item .filter-toggle__item-less, .more-mfsm-item .hide-filter__item {
    display: block
}

.mfsm-cs-item .search-btn, .ssf-item .search-btn {
    background: 0 0;
    background-clip: padding-box;
    border: 0;
    cursor: pointer;
    font-size: .875rem;
    outline: 0;
    padding: .875rem 1.25rem;
    text-decoration: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.mfsm-cs-item .filter-toggle__button, .ssf-item .filter-toggle__button {
    color: currentcolor;
    padding: 1rem 0;
    text-align: left;
    width: 100%
}

.mfsm-cs-item .filter-toggle__item, .ssf-item .filter-toggle__item {
    text-decoration: underline
}

.mfsm-cs-item .sr-only, .ssf-item .sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    visibility: visible;
    white-space: nowrap;
    width: 1px
}

.mfsm-cs-item .radio-button, .ssf-item .radio-button {
    align-items: center;
    color: var(--color-neutral-grey-900);
    cursor: pointer;
    display: flex;
    margin: 0;
    padding: 1rem 0;
    position: relative;
    width: 100%
}

.mfsm-cs-item .radio-button__text, .ssf-item .radio-button__text {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    font-size: 14px;
    color: var(--color-icecarats);
    font-weight: 400;
    color: var(--color-neutral-grey-800)
}

.mfsm-cs-item .radio-button__input, .ssf-item .radio-button__input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid var(--color-neutral-grey-300);
    border-radius: 50em;
    cursor: pointer;
    flex-shrink: 0;
    height: 17.5px;
    margin: 0;
    width: 17.5px
}

.mfsm-cs-item .radio-button__input:checked, .ssf-item .radio-button__input:checked {
    background-color: #000;
    box-shadow: 0 0 0 .2rem #fff inset
}

.mfsm-cs-item .radio-button__input:checked, .ssf-item .radio-button:hover .radio-button__input, .ssf-item .radio-button__input:checked {
    border-color: #000
}

.mfsm-cs-item-select {
    background: #fff;
    bottom: 85px;
    left: 0;
    overflow: auto;
    right: 0;
    top: 60px;
    transition: .5s;
    width: 100%;
    max-height: 0;
    padding: 0 20px
}

.open-mfsm-item .mfsm-cs-item-select {
    z-index: 1;
    padding-bottom: 10px;
    max-height: calc(var(--data-amount) * 60px);
    border-color: var(--color-border-light)
}

.filter-dropdown__wrapper .mfsm-cs-item-select--theme_1:is([style*="display: none"]) + .mfsm-cs-item-select--theme_2, .filter-dropdown__wrapper .mfsm-cs-item-select--theme_1:is([style*="display:none"]) + .mfsm-cs-item-select--theme_2, .filter-dropdown__wrapper .mfsm-cs-item-select--theme_1:not([style*="display:none"]) {
    display: block
}

.mfsm-cs-item .checkbox, .ssf-item .checkbox, span.radiobutton__text {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 15px 0;
    position: relative;
    width: 100%
}

.mfsm-content-scrooll {
    position: relative;
    height: 100%;
    overflow-y: auto;
    flex-direction: column;
    display: flex
}

[data-main-filter=sort_name] {
    order: -2
}

[data-main-filter=product_price] {
    order: -2
}

.mfsm-cs-item-head {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    transition: .3s;
    position: relative;
    background-size: 17.5PX;
    background-position: left 20px top calc(50% - 0px);
    background-repeat: no-repeat;
    font-size: 15px;
    color: var(--color-neutral-grey-900)
}

.open-mfsm-item .mfsm-cs-item-head {
    border-color: transparent
}

.mfsm-cs-item-head:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 2.5px
}

.mfsm-cs-item-head-arrow {
    opacity: .4;
    transition: .3s
}

.open-mfsm-item .mfsm-cs-item-head-arrow {
    opacity: 1;
    transform: rotate(-90deg)
}

.mfsm-cs-item-head:hover .mfsm-cs-item-head-arrow {
    opacity: 1
}

.disabled-cs-item .mfsm-cs-item-head {
    color: var(--color-neutral-grey-200);
    cursor: default
}

.mfsm-cs-item-head-title h4 {
    font-weight: 500;
    margin: 0;
    padding-bottom: 0;
    text-trasform: uppercase !important
}

.mfsm-cs-item-head-title p {
    margin: 0;
    text-transform: capitalize;
    font-size: 13px;
    color: var(--color-neutral-grey-700)
}


.open-mfsm-item .mfsm-cs-item-head:hover .mfsm-cs-item-head-title h4 span {
    border: 0
}

.mfsm-cs-item.disabled-cs-item {
    display: none
}

.disabled-cs-item .mfsm-cs-item-head:hover .mfsm-cs-item-head-title h4 {
    text-decoration: none
}

.mfsm-cs-item fieldset, .ssf-item fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.class-filter--specs_chain_length {
    display: grid
}

.modal-title {
    margin: -5px 0;
    flex-grow: 1;
    font-weight: 500;
}


.footer-flag-content {
    border-radius: 5px
}

.footer-flag-content, .head-account-content, .head-message-content {
    background: #fff;
    opacity: 1;
    position: absolute;
    right: 0;
    visibility: visible;
    z-index: 9990;
    width: max-content;
    box-shadow: var(--shadow-size-medium)
}

.head-message-content {
    border-radius: 5px
}

.menu-mobile-settings .head-message-content {
    bottom: 50px;
    right: unset;
    left: 0
}

.head-account-content {
    border-radius: 10px;
    min-width: 200px;
    top: 60px
}

.site-header-button .head-message-content {
    top: 60px
}

.message-content {
    min-width: 330px;
    padding: 16px;
    width: 200px
}

.site-header-flag-icon > span {
    font-size: 22px;
    font-weight: 700;
    text-decoration: none
}

.flag-country-select.flag-country-selected {
    background: var(--color-bg-alternative);
    cursor: default;
    font-weight: 600
}

a.flag-country-select {
    text-decoration: none
}

.flag-country-select {
    align-items: center;
    display: flex;
    font-weight: 500;
    justify-content: space-around;
    padding: 10px;
    font-size: 14px;
    filter: saturate(0)
}

.site-footer .flag-country-select {
    font-size: 13px;
    color: #000
}

.flag-country-select:last-child {
    margin: 0
}

.flag-content {
    padding: 5px
}

.message-content-content > * > div:nth-child(2) {
    margin: 0 30px
}

.search-result .img-search-ic .img-search-carousel-slides > .lazy.notLoaded:first-child, .search-result .img-search-ic > .lazy.notLoaded {
    visibility: hidden
}

@media (hover) {
    .select-custom-values > :hover {
        background-color: var(--color-bg-alternative)
    }

    .hover-border-default:hover {
        border-color: var(--color-border-default) !important
    }

    .hover-border-dark:hover {
        border-color: var(--color-border-dark) !important
    }

    .hover-bg-alternative:hover {
        background-color: var(--color-bg-alternative) !important
    }

    .option-value-name:hover {
        border-color: var(--color-icecarats)
    }

    .product-add-wish:hover > img:nth-child(1) {
        display: block !important
    }

    .product-add-wish:hover > img:nth-child(2) {
        display: none
    }

    .questions-answers-votes-down:hover, .questions-answers-votes-up:hover {
        cursor: pointer;
        opacity: .7
    }

    .product-groups-sub-items > div:hover {
        border-color: var(--color-icecarats)
    }

    .option-value-input:not(:checked):not([disabled=disabled]) + .option-value-name:hover {
        border-color: var(--color-border-default);
        cursor: pointer
    }

    .product-group-item:hover {
        border-color: var(--color-neutral-grey-300)
    }

    .chain-options-chain-item-content:hover {
        border-color: var(--color-icecarats)
    }

    .gallery-video-item-slider:not(.loaded):not(.loading):hover:before {
        box-sizing: border-box;
        background-color: #fff
    }

    .gallery-item-slider > img:not([src*=frontend]):hover {
        cursor: -moz-zoom-in;
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }

    .product-groups-sub-items[data-type=length] > div:hover, .product-groups-sub-items[data-type=size] > div:hover, .product-groups-sub-items[data-type=width] > div:hover, .product-groups-sub-items > div[data-price-applied=true] > div.active > span:nth-child(1) {
        border-color: var(--color-icecarats) !important
    }

    .safari-filter-fix:hover > .set-main-image, .no-show-icon-load .safari-filter-fix > .set-main-image.loading-btn, .no-show-icon-load .safari-filter-fix:hover > .set-main-image.loading-btn, .safari-filter-fix:hover > .hide-main-image, .no-show-icon-load .safari-filter-fix > .hide-main-image.loading-btn, .no-show-icon-load .safari-filter-fix:hover > .hide-main-image.loading-btn, .safari-filter-fix:hover > .copy-main-image, .no-show-icon-load .safari-filter-fix > .copy-main-image.loading-btn, .no-show-icon-load .safari-filter-fix:hover > .copy-main-image.loading-btn, .safari-filter-fix:hover > .sort-images, .no-show-icon-load .safari-filter-fix > .sort-images .loading-btn, .no-show-icon-load .safari-filter-fix:hover > .sort-images .loading-btn {
        opacity: 1
    }

    .no-show-icon-load .safari-filter-fix:hover > .sort-images, .no-show-icon-load .safari-filter-fix:hover > .set-main-image, .no-show-icon-load .safari-filter-fix:hover > .copy-main-image, .no-show-icon-load .safari-filter-fix:hover > .hide-main-image {
        opacity: 1 !important
    }

    .product-recommendations--container .wishlist-btn > button:hover {
        box-shadow: none
    }

    [data-modaldismiss]:hover, [onclick]:hover {
        cursor: pointer
    }

    .button-primary-black-transparent:active {
        background: 0 0;
        color: var(--color-black-default)
    }

    button[class*=button-], a[class*=button-] {
        transition: .2s
    }

    a[class*=button-]:after, button[class*=button-]:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(to bottom, #4e4e4e 10%, #fff 50%, #4e4e4e 90%);
        z-index: 1;
        opacity: 0;
        transition: .3s
    }

    a[class*=button-]:hover:after, button[class*=button-]:hover:after {
        opacity: .15
    }

    .button-black-outline:hover {
        background: #fff;
        border: 1px solid #fff;
        color: var(--color-black-default)
    }

    .button-white-outline:hover, .button-primary-white:hover, .button-primary-white-black:hover, .button-secondary-black:hover, .button-transparent-black:hover {
        background: #000;
        color: #fff
    }

    [class^=button-] svg {
        filter: invert(1)
    }

    .button-white-outline:hover {
        border-color: #fff
    }

    .button-primary-white:hover {
        border-color: #000
    }

    .button-primary-black-transparent:hover {
        background: 0 0;
        color: var(--color-black-default)
    }

    .button-transparent-white:hover {
        background: #fff;
        color: var(--color-icecarats)
    }

    .bloc-gender-filter-item:hover, .related-search-block-inline:hover, .related-search-blocks-scrollable .related-search-block:hover {
        border-color: var(--color-border-default)
    }

    .sf-menu > li > a:hover {
        border-color: var(--color-icecarats)
    }

    .popular-categories-tab:hover {
        border-color: var(--color-border-default) !important
    }

    .img-search-carousel:hover .img-search-carousel-navigation-left, .img-search-carousel:hover .img-search-carousel-navigation-right {
        opacity: 1
    }

    .underline-animated-parent:hover .underline-animated-child:after, .underline-animated:hover:after, .underline-animated-always:after, .underline-animated-always-child:after {
        width: 100%
    }

    .after-anim-w-100:after {
        animation: width-100 .3s linear
    }
}

.no-select {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

.Preloading {
    z-index: 9999
}

.preloader-wrapper {
    height: 60px;
    width: 100%
}

.preloader {
    background-color: rgba(255, 255, 255, .75);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
    transition: .3s;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column
}

.preloader:before {
    content: "";
    background-image: url(https://images.icecarats.com/svg/icons/diamond.svg);
    width: clamp(45px, 4vw, 65px);
    height: clamp(45px, 4vw, 65px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    animation: flipX 1.5s infinite;
    opacity: .85;
    background-repeat: no-repeat;
}

.preloader.Spinner:before {
    background-image: url('https://images.icecarats.com/frontend/common/spinner.gif');
    opacity: 1;
    animation: none;
    width: 100%;
    height: 100%;
}

.preloader.preloader-white {
    background-color: #fff
}

.cursor-default, .cursor-default:hover {
    cursor: default
}

body.siteB #product-specs-description, body.siteB .accordion-body, body.siteB .product-specs-table, body.siteB .modal:before, body.siteB .modal-dialog {
    transition: none !important
}

.loading-ellipsis:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    animation: ellipsis-animation steps(1, end) 2s infinite;
    content: "…"
}

@keyframes ellipsis-animation {
    0% {
        clip-path: inset(0 100% 0 0)
    }
    25% {
        clip-path: inset(0 66.6% 0 0)
    }
    50% {
        clip-path: inset(0 33.3% 0 0)
    }
    75% {
        clip-path: inset(0 0 0 0)
    }
}

.formSuccess {
    color: var(--color-green)
}

.formError, .formErrors {
    color: var(--color-red)
}

.formError:not(.show), .formSuccess:not(.show) {
    display: none
}

.formError.show + input, .formError.show + textarea {
    border-color: var(--color-red)
}

.formErrors > div {
    display: flex;
    flex-direction: row
}

.tracking-head {
    font-weight: 600
}

.tracking-status {
    margin: 5px 0 15px 0;
    position: relative;
    background: var(--color-bg-alternative);
    padding: 10px 10px 10px 30px;
    color: var(--color-icecarats);
    display: flex;
    flex-direction: column
}

.tracking-status[data-stage="3"] {
    flex-direction: column-reverse;
    padding-top: 20px;
    padding-bottom: 20px
}

.tracking-status:before {
    content: "•••••";
    position: absolute;
    letter-spacing: 10px;
    transform: rotate(90deg) translateY(50px);
    top: calc(50% - 10px);
    line-height: 20px;
    height: 20px;
    background: linear-gradient(to right, var(--color-black-default), var(--color-neutral-grey-200));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    width: 72.5px;
    text-align: center;
    clip-path: inset(1px)
}

.tracking-status[data-stage="3"]:before {
    background: linear-gradient(to left, var(--color-black-default), var(--color-neutral-grey-200));
    -webkit-background-clip: text
}

.tracking-status:after {
    content: "";
    position: absolute;
    letter-spacing: 10px;
    transform: rotate(90deg) translateY(55px);
    top: calc(50% - 10px);
    line-height: 20px;
    height: 20px;
    width: 80px;
    background: var(--color-bg-alternative);
    animation: cutFromLeft .6s;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}

.tracking-status-current {
    animation: fadeIn .3s
}

.tracking-status-next {
    color: var(--color-neutral-grey-300);
    margin-top: 5px;
    font-size: 11px;
    animation: fadeIn .6s
}

.tracking-status[data-stage="3"] .tracking-status-next {
    margin-top: 0;
    margin-bottom: 5px
}

.tracking-bar {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.tracking-bar-progress {
    border-radius: 5px;
    position: absolute;
    top: 6.5px;
    width: 100%;
    background: linear-gradient(to right, transparent 50%, var(--color-neutral-grey-400) 50%);
    background-size: 12.5px 2px, 100% 2px;
    height: 3px
}

.tracking-bar-progress > div {
    width: 0%;
    position: relative;
    height: 100%
}

.tracking-bar[data-stage="1"] .tracking-bar-progress > div {
    width: 35%
}

.tracking-bar[data-stage="2"] .tracking-bar-progress > div {
    width: 67%
}

.tracking-bar[data-stage="3"] .tracking-bar-progress > div {
    width: 100%
}

.tracking-bar-progress > div:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--color-icecarats);
    animation: width-100 1s
}

.tracking-bar[data-stage="0"] .tracking-bar-stage[data-stage="0"] .tbs-dot {
    animation: tbStageActive 1s;
    border-color: var(--color-icecarats)
}

.tracking-bar[data-stage="1"] .tracking-bar-stage[data-stage="0"] .tbs-dot {
    animation: tbStageActive 1s;
    border-color: var(--color-icecarats)
}

.tracking-bar[data-stage="1"] .tracking-bar-stage[data-stage="1"] .tbs-dot, .tracking-bar[data-stage="2"] .tracking-bar-stage[data-stage="0"] .tbs-dot, .tracking-bar[data-stage="2"] .tracking-bar-stage[data-stage="1"] .tbs-dot, .tracking-bar[data-stage="2"] .tracking-bar-stage[data-stage="2"] .tbs-dot, .tracking-bar[data-stage="3"] .tracking-bar-stage[data-stage="0"] .tbs-dot, .tracking-bar[data-stage="3"] .tracking-bar-stage[data-stage="1"] .tbs-dot, .tracking-bar[data-stage="3"] .tracking-bar-stage[data-stage="2"] .tbs-dot, .tracking-bar[data-stage="3"] .tracking-bar-stage[data-stage="3"] .tbs-dot {
    border-color: var(--color-icecarats);
    animation: tbStageActive 1s
}

.tracking-bar-stage {
    display: grid;
    flex: 0 0 25%;
    justify-items: center
}

.tracking-bar-stage[data-stage="0"] {
    justify-items: flex-start
}

.tracking-bar-stage[data-stage="1"] {
    transform: translateX(-12.5%)
}

.tracking-bar-stage[data-stage="2"] {
    transform: translateX(12.5%)
}

.tracking-bar-stage[data-stage="3"] {
    justify-items: end
}

.tbs-dot {
    background: var(--color-bg-alternative);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    top: calc(50% - 10px);
    border: 3.5px solid var(--color-neutral-grey-400);
    z-index: 1
}

.tracking-bar-stage[data-stage="0"] .tbs-img:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9ImJpIGJpLWNhcnQtcGx1cyIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNOSA1LjVhLjUuNSAwIDAgMC0xIDBWN0g2LjVhLjUuNSAwIDAgMCAwIDFIOHYxLjVhLjUuNSAwIDAgMCAxIDBWOGgxLjVhLjUuNSAwIDAgMCAwLTFIOVY1LjV6Ii8+PHBhdGggZD0iTS41IDFhLjUuNSAwIDAgMCAwIDFoMS4xMWwuNDAxIDEuNjA3IDEuNDk4IDcuOTg1QS41LjUgMCAwIDAgNCAxMmgxYTIgMiAwIDEgMCAwIDQgMiAyIDAgMCAwIDAtNGg3YTIgMiAwIDEgMCAwIDQgMiAyIDAgMCAwIDAtNGgxYS41LjUgMCAwIDAgLjQ5MS0uNDA4bDEuNS04QS41LjUgMCAwIDAgMTQuNSAzSDIuODlsLS40MDUtMS42MjFBLjUuNSAwIDAgMCAyIDFILjV6bTMuOTE1IDEwTDMuMTAyIDRoMTAuNzk2bC0xLjMxMyA3aC04LjE3ek02IDE0YTEgMSAwIDEgMS0yIDAgMSAxIDAgMCAxIDIgMHptNyAwYTEgMSAwIDEgMS0yIDAgMSAxIDAgMCAxIDIgMHoiLz48L3N2Zz4=)
}

.tracking-bar-stage[data-stage="1"] .tbs-img:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNy41MDYgMTUuMjY1YS43NS43NSAwIDAgMCAxLjQ0Ni0uNGwtMS40NDYuNFptLTEuNDMtNy45OS43MjQtLjItLjcyMy4yWk00LjcwNSA1LjkybC0uMi43MjMuMi0uNzIzWk0zLjIgNC43MjVhLjc1Ljc1IDAgMSAwLS40MDIgMS40NDVsLjQwMi0xLjQ0NVptMTYuOTg4IDExYS43NS43NSAwIDEgMC0uMzc4LTEuNDUxbC4zNzggMS40NTFabS05Ljk5MSAxLjgzNGMuMzEgMS4xMi0uMzcgMi4zMDMtMS41NzQgMi42MTZMOSAyMS42MjZjMS45NzctLjUxMyAzLjE4NS0yLjUwMiAyLjY0My00LjQ2N2wtMS40NDYuNFptLTEuNTc0IDIuNjE2Yy0xLjIxMi4zMTUtMi40MjgtLjM4OS0yLjc0LTEuNTE5bC0xLjQ0Ni40Yy41NCAxLjk1NSAyLjU5NCAzLjA4MiA0LjU2MyAyLjU3bC0uMzc3LTEuNDUxWm0tMi43NC0xLjUxOWMtLjMxLTEuMTIuMzctMi4zMDMgMS41NzQtMi42MTZMNy4wOCAxNC41OWMtMS45NzcuNTEzLTMuMTg2IDIuNTAyLTIuNjQzIDQuNDY3bDEuNDQ2LS40Wm0xLjU3NC0yLjYxNmMxLjIxMi0uMzE1IDIuNDI4LjM4OSAyLjc0IDEuNTE5bDEuNDQ2LS40Yy0uNTQtMS45NTUtMi41OTQtMy4wODItNC41NjMtMi41N2wuMzc3IDEuNDUxWm0xLjQ5NC0xLjE3NUw2LjggNy4wNzVsLTEuNDQ2LjQgMi4xNTIgNy43OSAxLjQ0Ni0uNFpNNC45MDQgNS4xOTdsLTEuNzAzLS40NzItLjQwMiAxLjQ0NSAxLjcwNC40NzMuNDAxLTEuNDQ2Wk02LjggNy4wNzVhMi43MDcgMi43MDcgMCAwIDAtMS44OTYtMS44NzhsLS40IDEuNDQ2Yy40MjUuMTE4Ljc0Mi40NC44NS44MzFsMS40NDYtLjRabTQuMzEgMTEuMDEgOS4wNzktMi4zNi0uMzc4LTEuNDUxLTkuMDc5IDIuMzYuMzc3IDEuNDUxWiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik05LjU2NSA4LjczYy0uNDg1LTEuNzU1LS43MjctMi42MzMtLjMxNS0zLjMyNC40MTEtLjY5MiAxLjMxNi0uOTI3IDMuMTI2LTEuMzk4bDEuOTItLjQ5OGMxLjgxLS40NyAyLjcxNS0uNzA2IDMuNDI4LS4zMDcuNzEzLjQuOTU2IDEuMjc3IDEuNDQgMy4wMzNsLjUxNSAxLjg2MmMuNDg1IDEuNzU1LjcyOCAyLjYzMy4zMTYgMy4zMjUtLjQxMi42OTEtMS4zMTcuOTI3LTMuMTI3IDEuMzk3bC0xLjkyLjQ5OWMtMS44MS40Ny0yLjcxNS43MDUtMy40MjguMzA2LS43MTMtLjQtLjk1NS0xLjI3Ny0xLjQ0LTMuMDMyTDkuNTY1IDguNzNaIi8+PC9nPjwvc3ZnPg==)
}

.tracking-bar-stage[data-stage="2"] .tbs-img:before {
    background-image: var(--svg-diamond-truck)
}

.tracking-bar-stage[data-stage="3"] .tbs-img:before {
    background-image: var(--svg-check-green);
    background-size: 75%;
    background-position: center right
}

.tracking-bar[data-stage="0"] .tracking-bar-stage[data-stage="0"] .tbs-img, .tracking-bar[data-stage="0"] .tracking-bar-stage[data-stage="0"] .tbs-title, .tracking-bar[data-stage="1"] .tracking-bar-stage[data-stage="0"] .tbs-img, .tracking-bar[data-stage="1"] .tracking-bar-stage[data-stage="0"] .tbs-title, .tracking-bar[data-stage="1"] .tracking-bar-stage[data-stage="1"] .tbs-img, .tracking-bar[data-stage="1"] .tracking-bar-stage[data-stage="1"] .tbs-title, .tracking-bar[data-stage="2"] .tracking-bar-stage[data-stage="0"] .tbs-img, .tracking-bar[data-stage="2"] .tracking-bar-stage[data-stage="0"] .tbs-title, .tracking-bar[data-stage="2"] .tracking-bar-stage[data-stage="1"] .tbs-img, .tracking-bar[data-stage="2"] .tracking-bar-stage[data-stage="1"] .tbs-title, .tracking-bar[data-stage="2"] .tracking-bar-stage[data-stage="2"] .tbs-img, .tracking-bar[data-stage="2"] .tracking-bar-stage[data-stage="2"] .tbs-title, .tracking-bar[data-stage="3"] .tracking-bar-stage[data-stage="0"] .tbs-img, .tracking-bar[data-stage="3"] .tracking-bar-stage[data-stage="0"] .tbs-title, .tracking-bar[data-stage="3"] .tracking-bar-stage[data-stage="1"] .tbs-img, .tracking-bar[data-stage="3"] .tracking-bar-stage[data-stage="1"] .tbs-title, .tracking-bar[data-stage="3"] .tracking-bar-stage[data-stage="2"] .tbs-img, .tracking-bar[data-stage="3"] .tracking-bar-stage[data-stage="2"] .tbs-title, .tracking-bar[data-stage="3"] .tracking-bar-stage[data-stage="3"] .tbs-img, .tracking-bar[data-stage="3"] .tracking-bar-stage[data-stage="3"] .tbs-title {
    opacity: 1
}

.tbs-img {
    width: 25px;
    height: 25px;
    position: relative;
    margin-top: 7.5px
}

.tbs-img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s
}

.tbs-title {
    font-size: 12px;
    font-weight: 500;
    transition: .3s
}

.tbs-subtitle {
    font-size: 10px;
    color: var(--color-neutral-grey-700)
}

.tbs-img, .tbs-title {
    opacity: .4
}

.tracking-bar-stage[data-stage="3"] .tbs-title {
    color: var(--color-green);
    opacity: .6
}

.tracking-sub-info {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--color-neutral-grey-700)
}

.tracking-sub-info > div:nth-child(2) span {
    text-transform: capitalize
}

.tracking-sub-info > div:nth-child(2):before {
    content: "Delivery by "
}

.tracking-sub-info > div:nth-child(2)[data-stage="3"]:before {
    content: "Delivered on "
}

.tracking-carrier-info {
    display: flex;
    margin-top: 12.5PX;
    color: var(--color-neutral-grey-700)
}

.tracking-carrier-info[data-stage="0"], .tracking-carrier-info[data-stage="1"] {
    display: none
}

.tracking-carrier-info > a {
    margin-left: 25px;
    position: relative
}

.tracking-carrier-info > a:before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1NTMuODUgNTUzLjg1Ij48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoxMHB4fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik01MzcuNjQgNkgzNzQuMzhjLTYuODQgMC0xMy42OCA0LjI3LTEzLjY4IDExLjExdjI1LjY0YzAgNi44NCA1Ljk4IDE0LjUzIDEzLjY4IDE0LjUzaDY3LjUzYzcuNjkgMCAxMS45NyA4LjU1IDUuOTggMTMuNjhMMzAyLjU4IDIxNi4yN2MtNS4xMyA1LjEzLTUuMTMgMTIuODIgMCAxNy45NWwxNy45NSAxNy45NWM1LjEzIDUuMTMgMTIuODIgNS4xMyAxNy45NSAwbDE0NS4zMS0xNDUuMzFjNS4xMy01LjEzIDEzLjY4LTEuNzEgMTMuNjggNS45OHY2Ny41M2MwIDYuODQgNi44NCAxNC41MyAxMy42OCAxNC41M2gyNC43OWM2Ljg0IDAgMTIuODItNy42OSAxMi44Mi0xNC41M1YxNy45N2MwLTcuNjktNC4yNy0xMS45Ny0xMS4xMS0xMS45N1oiIGNsYXNzPSJjbHMtMSIvPjxwYXRoIGQ9Im01MjcuNjkgMjU0LjQxLTI5LjI0IDUzLjg1Yy02LjQxIDEwLjMzLTEzLjg1IDIwLTEzLjg1IDMyLjMxVjQ2Ni45YzAgMTIuMzEtMTYuMTggMjMuMDgtMjguNDkgMjMuMDhIOTEuOTFjLTEyLjMxIDAtMjMuMDgtMTAuNzctMjMuMDgtMjMuMDhWOTAuNTFjMC0xMi4zMSAxMC43Ny0yMy4wOCAyMy4wOC0yMy4wOGgxMjYuOWMxMi4zMSAwIDI3LjgzLTEwLjgyIDM3LjI5LTE1Ljg5bDQ3LjMyLTI1LjM5QzMxMi42NSAxNi45MiAzMDYuNSAwIDI5Mi42NSAwSDYxLjU0QzI3LjY5IDAgMCAyNy42OSAwIDYxLjU0djQzMC43N2MwIDMzLjg1IDI3LjY5IDYxLjU0IDYxLjU0IDYxLjU0aDQzMC43N2MzMy44NSAwIDYxLjU0LTI3LjY5IDYxLjU0LTYxLjU0VjI2NS4xOGMwLTEzLjg1LTE2LjkyLTIwLTI2LjE1LTEwLjc3WiIvPjwvc3ZnPg==);
    position: absolute;
    left: -12.5px;
    top: calc(50% - 5px);
    opacity: .65
}

.tracking-wrapper-cancelled {
    background-color: var(--color-bg-alternative);
    padding: 10px 15px;
    margin-top: 15px;
    line-height: 1.75;
    font-size: 15px
}

.tracking-wrapper-cancelled > div:nth-child(1) {
    font-weight: 600
}

.tracking-wrapper-cancelled > div:nth-child(3) {
    color: var(--color-neutral-grey-600)
}

@keyframes tbStageActive {
    0% {
        border-color: transparent
    }
    to {
        border-color: var(--color-icecarats)
    }
}

.html-overflow-locked #amazon-connect-chat-widget > div:first-child, .html-overflow-locked .iccw-wrapper, .html-overflow-locked #toTop, .html-overflow-locked .iccw-start-btn {
    right: calc(10px + var(--scrollbar-width))
}

.search-result-collections {
    position: relative
}

.search-result-collections > .scroll-transparent {
    display: flex;
    overflow-x: auto
}

.search-result-collection {
    flex: 0 0 calc(16.6667% - 6.5px);
    width: calc(16.6667% - 6.5px);
    border: 1px solid var(--color-border-light);
    border-radius: 5px
}

.search-result-collection:hover {
    border-color: var(--color-border-default)
}

.search-result-collection + .search-result-collection {
    margin-left: 7.5px
}

.search-result-collection > div:nth-child(1) {
    background-size: contain;
    background-position: center;
    padding-top: 100%;
    background-repeat: no-repeat
}

.search-result-collection > div:nth-child(2) {
    text-align: center;
    font-weight: 500;
    font-size: 10px;
    padding: 0 5px
}

.search-result-collections .horizontal-carousel-button {
    width: 20px;
    height: 20px
}

.tooltip-btn .tooltip-text {
    background-color: var(--color-icecarats);
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    z-index: 50;
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    max-width: 300px;
    height: max-content
}

.tooltip-btn-bottom .tooltip-text {
    bottom: 0;
    top: calc(100% + 5px)
}

.tooltip-btn.show::after {
    content: " ";
    position: absolute;
    bottom: calc(100% - 3.5px);
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent
}

.tooltip-btn-bottom.show::after {
    top: calc(100% - 3.5px);
    transform: rotate(180deg)
}

.tooltip-btn.show .tooltip-text {
    display: block !important
}