.slpht-template-33 {
    font-size: 16.0px;
    text-align: center;
    color: #333333;
    width: 100%;
    /*    `margin: auto` is needed so the width are centered horizontally*/
    /*    It cannot be added on `shop_widget.less` because it has to apply at the upper div, `socialphotos-com-gallery`*/
    margin: auto;
}

.slpht-template-33 p {
    font-size: 16.0px;
}

/* Upload button container */
.slpht-template-33 .slpht-upload {
    /* Align the button */
    display: flex;
    justify-content: center;
}

/*
This is styling the `Submit Your Photo` button.
We cannot use a "default" button as it will be unstyled. Shopify uses a link with a button class.
*/
.slpht-template-33 button.slpht-upload {
    align-items: center;
    background-color: #000000;
    /* border is required otherwise you can see a line at the top and left of the button */
    border: 1px solid #000000;
    color: #ffffff;
    font-size: 14.0px;
    padding: 5px 9px;
}

/*Not using .slpht-carousel because that class is also used in the modal*/
.slpht-template-33 .slpht-thumbnails {
    margin: 10px 0 0 0;
}

.slpht-template-33:hover .spw-thumbnail-overlay {
    background-color: #FFFFFF;
}

.slpht-template-33 .slpht-thumbnail {
    display: inline-block;
    position: relative;
}

.slpht-template-33 .slpht-thumbnail:hover {
    cursor: pointer;
}

/* display: none as we want to hide the SHOP_THIS_LOOK text until users hover over the thumbnail */
.slpht-template-33 .slpht-thumbnail .spw-call-to-action {
    display: none;
}

.slpht-template-33 .slpht-thumbnail:hover .spw-thumbnail-overlay {
    background-color: #FFFFFF;
    display: block;
    position: absolute;
    z-index: 20;
    top: 0;
    bottom: 0;
    width: 100%;
    opacity: 0.8;
}

.slpht-template-33 .slpht-thumbnail:hover .spw-call-to-action {
    z-index: 22;
    display: block;
    position: absolute;
    /*Center the box*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    border: 1px solid #000000;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    color: #000000;
    font-size: 17px;
    /*Prevent words from breaking up*/
    word-break: normal;
}

/*load more icon is always centered regardless of text alignment*/
.slpht-template-33 .slpht-load-more-icon {
    text-align: center;
}

/*Margin sets the gap between the thumbnails*/
/*The (top, bottom) and (left, right) must be the same and is half of the thumbnail gap to show a consistent look*/
.socialphotos-com-gallery .slpht-mobile-gallery-33 .slpht-thumbnail {
    margin-top: 0.0%;
    margin-bottom: 0.0%;
    margin-right: 0.0%;
    margin-left: 0.0%;
}

.socialphotos-com-gallery .slpht-mobile-gallery-33 .slpht-thumbnail {
    width: 25.0%;
}

.socialphotos-com-gallery .slpht-tablet-gallery-33 .slpht-thumbnail {
    margin-top: 0.0%;
    margin-bottom: 0.0%;
    margin-right: 0.0%;
    margin-left: 0.0%;
}

.socialphotos-com-gallery .slpht-tablet-gallery-33 .slpht-thumbnail {
    width: 16.666666666666668%;
}

.socialphotos-com-gallery .slpht-desktop-gallery-33 .slpht-thumbnail {
    margin-top: 0.0%;
    margin-bottom: 0.0%;
    margin-right: 0.0%;
    margin-left: 0.0%;
}

.socialphotos-com-gallery .slpht-desktop-gallery-33 .slpht-thumbnail {
    width: 12.5%;
}

#dynamic-checkout-cart {
    container-type: inline-size;
    container-name: dcc;
    width: 100%;
}

.wallet-cart-grid {
    --wallet-button-height-horizontal: clamp(25px,
        var(--shopify-accelerated-checkout-button-inline-size,
        42px),
        55px);
    --wallet-button-height-vertical: clamp(25px,
        var(--shopify-accelerated-checkout-button-block-size,
        54px),
        55px);
    --wallet-button-width-horizontal: 150px;
    --wallet-button-width-vertical: 100%;
    --wallet-button-border-radius: var(--shopify-accelerated-checkout-button-border-radius,
        4px);
    --wallet-grid-margin-horizontal: 0 -5px -5px -5px;
    --wallet-button-container-margin-horizontal: 0 5px 5px;
    --wallet-button-container-margin-vertical: var(--shopify-accelerated-checkout-row-gap, 8px) 0 0;
}

@keyframes acceleratedCheckoutLoadingSkeleton {
    50% {
    opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);
    }

    75% {
    opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-end, 0.5);
    }

    100% {
    opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);
    }
}

.wallet-cart-button__skeleton {
    animation: acceleratedCheckoutLoadingSkeleton var(--shopify-accelerated-checkout-skeleton-animation-duration, 4s) var(--shopify-accelerated-checkout-skeleton-animation-timing-function, ease) infinite;
    animation-delay: -0.168s;
    background-color: var(--shopify-accelerated-checkout-skeleton-background-color, #dedede);
    box-sizing: border-box;
    text-decoration: none !important;
}

.wallet-cart-grid {
    margin: var(--wallet-grid-margin-horizontal);
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: var(--shopify-accelerated-checkout-inline-alignment, start);
    gap: 0 !important;
}

.wallet-cart-grid--skeleton {
    justify-content: var(--shopify-accelerated-checkout-inline-alignment, inherit);
}

.wallet-cart-button-container {
    position: relative;
    margin: var(--wallet-button-container-margin-horizontal);
}

.wallet-cart-button-container,
.wallet-cart-button {
    width: var(--wallet-button-width-horizontal);
    height: var(--wallet-button-height-horizontal);
    border-radius: var(--wallet-button-border-radius);
    list-style-type: none !important;
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0;
}

.additional-checkout-buttons--vertical .wallet-cart-grid {
    justify-content: start;
    flex-direction: column;
    margin: 0;
}

.additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    margin: var(--wallet-button-container-margin-vertical);
}

.additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container:first-child {
    margin-top: 0;
}

.additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
}

.additional-checkout-buttons--horizontal .wallet-cart-grid .wallet-cart-button-container,
.additional-checkout-buttons--horizontal .wallet-cart-grid .wallet-cart-button {
    width: var(--wallet-button-width-horizontal) !important;
    height: var(--wallet-button-height-horizontal) !important;
    border-radius: var(--wallet-button-border-radius) !important;
}

@container dcc (width >=150px) and (width <=500px) {
    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) {
    justify-content: start;
    flex-direction: column;
    margin: 0;
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    margin: var(--wallet-button-container-margin-vertical);
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container:first-child {
    margin-top: 0;
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    }
}

@container dcc (width <=310px) {
    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) {
    justify-content: start;
    flex-direction: column;
    margin: 0;
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    margin: var(--wallet-button-container-margin-vertical);
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container:first-child {
    margin-top: 0;
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    }
}

@container dcc (width <=470px) {
    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) {
    justify-content: start;
    flex-direction: column;
    margin: 0;
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    margin: var(--wallet-button-container-margin-vertical);
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container:first-child {
    margin-top: 0;
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    }
}

@container dcc (width <=630px) {
    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) {
    justify-content: start;
    flex-direction: column;
    margin: 0;
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    margin: var(--wallet-button-container-margin-vertical);
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container:first-child {
    margin-top: 0;
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    }
}

@container dcc (width <=790px) {
    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) {
    justify-content: start;
    flex-direction: column;
    margin: 0;
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    margin: var(--wallet-button-container-margin-vertical);
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container:first-child {
    margin-top: 0;
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    }
}

.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) {
    justify-content: start;
    flex-direction: column;
    margin: 0;
}

.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    margin: var(--wallet-button-container-margin-vertical);
}

.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container:first-child {
    margin-top: 0;
}

.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
}

@media screen and (max-width: 750px) {
    .wallet-cart-grid {
    justify-content: start;
    flex-direction: column;
    max-width: none;
    margin: 0;
    }

    .wallet-cart-grid .wallet-cart-button-container {
    max-width: none;
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    margin: var(--wallet-button-container-margin-vertical);
    }

    .wallet-cart-grid .wallet-cart-button-container:first-child {
    margin-top: 0;
    }

    .wallet-cart-grid .wallet-cart-button {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    }
}

@supports (not (container-type: inline-size)) or (not (selector(:has(*)))) {
    .wallet-cart-grid {
    justify-content: start;
    flex-direction: column;
    margin: 0;
    }

    .wallet-cart-button-container {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    margin: var(--wallet-button-container-margin-vertical);
    }

    .wallet-cart-button-container:first-child {
    margin-top: 0;
    }

    .wallet-cart-grid .wallet-cart-button {
    width: var(--wallet-button-width-vertical);
    height: var(--wallet-button-height-vertical);
    }
}

#shopify-buyer-consent {
    margin-top: 1em;
    display: inline-block;
    width: 100%;
}

#shopify-buyer-consent.hidden {
    display: none;
}

#shopify-subscription-policy-button {
    background: none;
    border: none;
    padding: 0;
    text-decoration: underline;
    font-size: inherit;
    cursor: pointer;
}

#shopify-subscription-policy-button::before {
    box-shadow: none;
}

.additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container:first-child {
    margin-top: 8px;
}


@container dcc (width >=150px) and (width <=500px) {
    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container:first-child {
    margin-top: 8px;
    }
}

@container dcc (width <=310px) {
    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container:first-child {
    margin-top: 8px;
    }
}

@container dcc (width <=470px) {
    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container:first-child {
    margin-top: 8px;
    }
}

@container dcc (width <=630px) {
    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container:first-child {
    margin-top: 8px;
    }
}

@container dcc (width <=790px) {
    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container:first-child {
    margin-top: 8px;
    }
}

.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container:first-child {
    margin-top: 8px;
}

@media screen and (max-width: 750px) {
    .wallet-cart-grid .wallet-cart-button-container:first-child {
    margin-top: 8px;
    }
}

@supports (not (container-type: inline-size)) or (not (selector(:has(*)))) {
    .wallet-cart-button-container:first-child {
    margin-top: 8px;
    }
}

.site-header__outer-wrapper {
    position: sticky;
    --border-color: transparent;
    --transparent-border-color: transparent;
}

#shopify-section-sections--14916133978209__footer h1,
#shopify-section-sections--14916133978209__footer h2,
#shopify-section-sections--14916133978209__footer h3,
#shopify-section-sections--14916133978209__footer h4 {
    font-weight: bold;
}

.rotate-container {
    perspective: 1000px;
}

.rotate-box {
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s;
}

.rotate-container:hover .rotate-box {
    transform: rotateY(180deg);
}

.rotate-back {
    position: absolute;
    transform: rotateY(180deg);
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(5px); }
}

.shake-animation {
    animation: shake 1s; /* 抖动的持续时间 */
    animation-iteration-count: infinite; /* 动画重复次数 */
}

.image-with-text__image-wrapper:hover {
    animation: shake 0.5s; /* 抖动的持续时间 */
}