/* Generated by tools/build-frontend-assets.js. Do not edit directly. */

/* ---- assets/css/runtime/sf-account-runtime.css ---- */
.sf-account-runtime-state {
    display: grid;
    gap: 14px;
    min-height: 220px;
    padding: 22px;
    align-content: start;

    &.is-loading {
        > span {
            display: block;
            border-radius: 14px;
            background: linear-gradient(100deg, rgb(255 255 255 / 8%) 20%, rgb(255 255 255 / 22%) 40%, rgb(255 255 255 / 8%) 60%);
            background-size: 220% 100%;
            animation: sf-account-runtime-shimmer 1.1s linear infinite;
        }

        > .sf-account-runtime-state__profile { height: 112px; }
        > .sf-account-runtime-state__line { height: 76px; }
        > .sf-account-runtime-state__line.is-short { width: 72%; }
    }

    &.is-error {
        place-items: center;
        align-content: center;
        text-align: center;

        > .sf-account-runtime-state__retry {
            min-height: 42px;
            padding-inline: 22px;
            border: 0;
            border-radius: 12px;
            cursor: pointer;
        }
    }
}

.sf-checkout-loader {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) minmax(240px, 1.2fr);
    grid-template-rows: minmax(260px, 1fr) auto;
    gap: 20px;
    min-height: min(620px, 70vh);
    padding: 20px;

    .sf-checkout-loader__media,
    .sf-checkout-loader__lines > span,
    .sf-checkout-loader__actions > span {
        border-radius: 14px;
        background: linear-gradient(100deg, rgb(73 69 103 / 8%) 20%, rgb(73 69 103 / 18%) 40%, rgb(73 69 103 / 8%) 60%);
        background-size: 220% 100%;
        animation: sf-account-runtime-shimmer 1.1s linear infinite;
    }

    .sf-checkout-loader__media { min-height: 360px; }

    .sf-checkout-loader__lines {
        display: grid;
        align-content: start;
        gap: 16px;

        > span { height: 74px; }
        > span:first-child { height: 112px; }
    }

    .sf-checkout-loader__actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;

        > span { height: 48px; }
    }

    .sf-checkout-loader__error {
        grid-column: 1 / -1;
        display: grid;
        place-items: center;
        align-content: center;
        gap: 14px;
        min-height: 360px;
        text-align: center;
    }
}

@keyframes sf-account-runtime-shimmer {
    to { background-position-x: -220%; }
}

@media (max-width: 700px) {
    .sf-checkout-loader {
        grid-template-columns: 1fr;
        grid-template-rows: 220px auto auto;

        .sf-checkout-loader__media { min-height: 220px; }
        .sf-checkout-loader__actions { grid-column: 1; }
    }
}

@media (prefers-reduced-motion: reduce) {
    .sf-account-runtime-state.is-loading > span,
    .sf-checkout-loader .sf-checkout-loader__media,
    .sf-checkout-loader .sf-checkout-loader__lines > span,
    .sf-checkout-loader .sf-checkout-loader__actions > span {
        animation: none;
    }
}


/* ---- assets/css/cart/sf-cart-actions.css ---- */
.sf-cart-action.is-added:not(.sf-product-card__cart-action) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45em;
}

.sf-cart-action__status-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url(../../images/storefront/stark-frame/check.svg) center / contain no-repeat;
  mask: url(../../images/storefront/stark-frame/check.svg) center / contain no-repeat;
}


/* ---- assets/css/navigation/sf-digger.css ---- */
.sf-dig-menu-list ul {
        scrollbar-width: thin;
        scrollbar-color: #00000055 transparent;
        scrollbar-gutter: stable;
}

.sf-lang-sec, .profile-menu, .profile-logout, .currency-switcher, .wishlist-grid, .sf-location-sec {
    display: none;
} 

 .sf-lang-sec.active, .profile-menu.active, .profile-logout.active, .currency-switcher.active, .wishlist-grid.active, .sf-location-sec.active {
    display: grid !important;
}  

.sf-dig-menu-list {
    left: 0;
}

.sf-dig-menu-list.sf-dig-enab {
    overflow-y: scroll;
    overflow-x: clip;
    transform: translateX(0%);
}

.sf-dig-menu-list.sf-dig-disab {
    overflow-y: unset !important;
    transform: translateX(100%);
}

.sf-dig-child {
    display: grid;
    overflow-y: clip;
    transform: translateX(100%);
    left: 0;
}

.sf-dig-child.sf-dig-enab {
    display: grid;
    overflow-y: scroll !important;
    overflow-x: clip;
    transform: translateX(0%) !important;
    left: -100% !important;
}

.sf-dig-child.sf-dig-disab {
    overflow-y: unset;
    transform: translateX(0%);
    left: 0;
}

.sf-dig-menu-list, .sf-dig-child {
    width: calc(100% - 1.3em);
    margin: 0;
    grid-auto-rows: min-content;
    grid-gap: 0.75em;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row dense;
    list-style-type: none;
    position: absolute;
    align-content: start;
    top: 0;
    right: 0;
    bottom: 0;
}

.sf-dig-menu-list {
    padding: 0 0.25em 0.75em 1em;
}

.sf-dig-child {
    padding: 0.75em 0.35em 0.75em 1em;
}

.sf-dig-menu-list {
        scrollbar-width: thin;
        scrollbar-color: #00000055 transparent;
        scrollbar-gutter: stable;

.sf-lock-opt {
    pointer-events: none;
}

.sf-lock-opt .sd-dig-name::before {
    content: '';
    position: absolute;
    background: url(../../images/sf_lock.svg);
    background-size: cover;
    width: 22px;
    height: 22px;
    top: 7px;
    right: 10px;
    z-index: 9;
    opacity: 1;
}

        li {
            cursor: pointer;
            aspect-ratio: 3.1 / 4;
            
            a, .sf-dig-link {
                color: #fff;
            text-align: center;
            aspect-ratio: 3.1 / 4;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: center;
            border-radius: 10px;
            padding: 5px;
            justify-content: space-evenly;
            margin: 0;
            position: relative;
            background: linear-gradient(140deg, rgba(0, 0, 0, 0.18) 0%, rgb(0 0 0 / 40%) 100%);

.sd-dig-name {
    min-height: 2.4em;
    line-height: 1.2em;
    align-content: center;
    padding: 0 5px;
}

.sub-dig-back-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sub-dig-back-icon::before {
    position: absolute;
    top: 8px;
    font-size: 16px;
    left: 10px;
    content: '\203A';
    font-family: sans-serif;
    transform: rotate(180deg);
}
                .sub-dig::before {
                    position: absolute;
                    top: 8px;
                    font-size: 16px;
                    right: 10px;
                    content: '\203A';
                    font-family: sans-serif;
                }

                .sub-dig {
                    position: absolute;
                    top: 0;
                    right: 0;
                    left: 0;
                    bottom: 0;
                }
                .menu-item-icon, .mob-uni-bg {
                    max-width: 75px;
                }
            }
        }
    }


@media screen and (max-width: 900px) {

.sf-dig-menu-list, .sf-dig-child {
    width: calc(100% - 2em) !important;
}

.sf-dig-menu-list ul {
        scrollbar-width: none !important;
}

.sf-dig-menu-list {
    padding: 0 1em 0.75em !important;
}

.sf-dig-child {
    padding: 0.75em 1em !important;
}
}