.ugc-carousel{position:relative;padding:50px 0;background:var(--d2c-color-parchment-02)}.ugc-carousel .video-section__play-button img,.ugc-carousel .video-section__shopify-video{object-fit:cover}.ugc-carousel .video-section__video{aspect-ratio:9/16;border-radius:18px;padding-bottom:0;overflow:hidden}.ugc-carousel .video-section__video :where(.video-section__play-button:focus-visible):before{outline:var(--d2c-button-outline-color) dashed 2px;outline-offset:.2rem;box-shadow:0 0 0 .6rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}.ugc-carousel .video-section__video :where(.video-section__play-button:focus-visible):after{content:"";outline:var(--d2c-button-outline-color) dashed 2px;outline-offset:.2rem;box-shadow:0 0 0 .6rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);margin:.6rem;border-radius:12px;width:calc(100% - 1.2rem);display:block;height:calc(100% - 1.2rem);z-index:9999;position:relative}.ugc-carousel .video-section__play-button.video-section__play-button--default:before{width:24%;max-width:64px;background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0.5C49.397 0.5 63.5 14.603 63.5 32C63.5 49.397 49.397 63.5 32 63.5C14.603 63.5 0.5 49.397 0.5 32C0.5 14.603 14.603 0.5 32 0.5Z' stroke='white'/%3E%3Ccircle opacity='50%25' cx='32' cy='32' r='30' fill='%23013352'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.583 22.667V41.3337L41.1663 32.0003L25.583 22.667Z' fill='white'/%3E%3C/svg%3E%0A")}.ugc-carousel .video-section__play-button.video-section__play-button--default:hover:before{background-image:url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 1C73.9574 1 95 22.0426 95 48C95 73.9574 73.9574 95 48 95C22.0426 95 1 73.9574 1 48C1 22.0426 22.0426 1 48 1Z' stroke='white' stroke-width='2'/%3E%3Ccircle opacity='50%25' cx='48' cy='48' r='46' fill='%23013352'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.375 34V62L61.75 48L38.375 34Z' fill='white'/%3E%3C/svg%3E%0A")}.ugc-carousel__swiper{display:block;max-width:100vw;width:100%;overflow:hidden}.ugc-carousel__swiper .ugc-carousel__bullets-wrapper{margin:0 0 18px}@media(min-width:1920px){.ugc-carousel__swiper .ugc-carousel__bullets-wrapper{margin-bottom:38px}}.ugc-carousel__swiper:not(.swiper-initialized) .ugc-carousel__bullets-wrapper,.ugc-carousel__swiper:not(.swiper-initialized) .swiper-wrapper{display:none}.ugc-carousel__swiper .ugc-carousel__pagination,.ugc-carousel__swiper .ugc-carousel__pagination-desktop{position:relative;top:-2px;bottom:0}.ugc-carousel__swiper .ugc-carousel__pagination-desktop{margin-top:40px}@media(min-width:1920px){.ugc-carousel__swiper .ugc-carousel__pagination-desktop{margin-top:60px}}.ugc-carousel__swiper .petivity-swiper-petivity-notification{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ugc-carousel__swiper .swiper-pagination-bullet{opacity:1;width:8px;height:8px;padding:0;border-radius:50%;background:var(--d2c-color-moody-navy-40)!important;box-sizing:border-box;border:none;transition:all .5s ease}.ugc-carousel__swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width:38px;border-radius:100px;background:var(--d2c-color-moody-navy)!important}@media not (min-width:1025px){.ugc-carousel__swiper .swiper-slide-visible .video-section__shopify-video,.ugc-carousel__swiper .swiper-slide-visible .video-section__play-button{pointer-events:none}}@media not (min-width:1025px){.ugc-carousel__swiper .swiper-slide-visible.swiper-slide-fully-visible .video-section__shopify-video,.ugc-carousel__swiper .swiper-slide-visible.swiper-slide-fully-visible .video-section__play-button{pointer-events:auto}}.ugc-carousel__heading{font-family:var(--d2c-typography-header-04-font-family);font-size:var(--d2c-typography-header-04-font-size);font-weight:var(--d2c-typography-header-04-font-weight);line-height:var(--d2c-typography-header-04-line-height);letter-spacing:var(--d2c-typography-header-04-letter-spacing);color:var(--d2c-color-moody-navy);text-align:center;max-width:300px;margin:0 auto 20px}@media(min-width:440px){.ugc-carousel__heading{max-width:360px}}@media(min-width:577px){.ugc-carousel__heading{font-family:var(--d2c-typography-header-04-font-family);font-size:var(--d2c-typography-header-04-font-size);font-weight:var(--d2c-typography-header-04-font-weight);line-height:var(--d2c-typography-header-04-line-height);letter-spacing:var(--d2c-typography-header-04-letter-spacing);max-width:706px}}@media(min-width:1025px){.ugc-carousel__heading{font-family:var(--d2c-typography-header-03-font-family);font-size:var(--d2c-typography-header-03-font-size);font-weight:var(--d2c-typography-header-03-font-weight);line-height:var(--d2c-typography-header-03-line-height);letter-spacing:var(--d2c-typography-header-03-letter-spacing);max-width:100%;text-align:left;margin-bottom:22px}}@media(min-width:1300px){.ugc-carousel__heading{font-family:var(--d2c-typography-header-02-font-family);font-size:var(--d2c-typography-header-02-font-size);font-weight:var(--d2c-typography-header-02-font-weight);line-height:var(--d2c-typography-header-02-line-height);letter-spacing:var(--d2c-typography-header-02-letter-spacing)}}.ugc-carousel__desktop-break{display:none}@media(min-width:1920px){.ugc-carousel__desktop-break{display:block}}.ugc-carousel__subheading{font-size:var(--d2c-typography-body-02-font-size);font-family:var(--d2c-typography-body-02-font-family);font-style:var(--d2c-typography-body-02-font-style);font-weight:var(--d2c-typography-body-02-font-weight);letter-spacing:var(--d2c-typography-body-02-letter-spacing);line-height:var(--d2c-typography-body-02-line-height);color:var(--d2c-color-moody-navy-80);display:none;margin:0}@media(min-width:1025px){.ugc-carousel__subheading{font-size:var(--d2c-typography-body-01-font-size);font-family:var(--d2c-typography-body-01-font-family);font-style:var(--d2c-typography-body-01-font-style);font-weight:var(--d2c-typography-body-01-font-weight);letter-spacing:var(--d2c-typography-body-01-letter-spacing);line-height:var(--d2c-typography-body-01-line-height);display:block;margin-bottom:22px}}.ugc-carousel__cta-swiper-btn-wrapper{display:none}@media(min-width:1025px){.ugc-carousel__cta-swiper-btn-wrapper{display:flex;flex-direction:row;align-items:center;gap:42px}}@media(min-width:1301px){.ugc-carousel__cta-swiper-btn-wrapper .d2c-button--medium{font-size:var(--d2c-typography-body-02-bold-font-size);font-family:var(--d2c-typography-body-02-bold-font-family);font-style:var(--d2c-typography-body-02-bold-font-style);font-weight:var(--d2c-typography-body-02-bold-font-weight);letter-spacing:var(--d2c-typography-body-02-bold-letter-spacing);line-height:var(--d2c-typography-body-02-bold-line-height);border-radius:.8rem;padding:1.6rem 2.4rem;height:100%;max-height:56px}}@media(min-width:1025px){.ugc-carousel__heading-wrapper{display:flex;flex-direction:row;justify-content:space-between;gap:80px;padding:0 60px}}@media(min-width:1301px){.ugc-carousel__heading-wrapper{padding:0 80px}}@media(min-width:1920px){.ugc-carousel__heading-wrapper{padding:0 100px}}@media(min-width:1025px){.ugc-carousel__heading-text-wrapper{max-width:781px}}@media(min-width:1920px){.ugc-carousel__heading-text-wrapper{max-width:1041px}}.ugc-carousel__nav-btn-wrapper{display:flex;gap:24px}.ugc-carousel__nav-btn{cursor:pointer;border-radius:999px;border:1px solid var(--d2c-color-moody-navy);background:#ffffffe6;width:46px;height:46px}.ugc-carousel__nav-btn svg{display:block;width:19.55px;height:19.55px;margin:auto}@media(min-width:1301px){.ugc-carousel__nav-btn svg{width:22.95px;height:22.95px}}.ugc-carousel__nav-btn.swiper-button-disabled{pointer-events:none;border:1px solid var(--d2c-color-moody-navy);opacity:.25}.ugc-carousel__nav-btn:hover{outline:1px solid var(--d2c-color-moody-navy);box-shadow:0 5px 9px #25282b17!important}.ugc-carousel__nav-btn:focus-visible{background:var(--d2c-color-white);box-shadow:none;outline:2px solid var(--d2c-color-hero-blue);outline-offset:0}@media(min-width:1301px){.ugc-carousel__nav-btn{width:54px;height:54px}}.ugc-carousel__main-placeholder{width:100%;max-width:300px;height:704px!important;margin:0 auto}@media(min-width:786px){.ugc-carousel__main-placeholder{max-width:706px;height:876px!important}}@media(min-width:1025px){.ugc-carousel__main-placeholder{width:calc(100% - 120px)!important;max-width:100%;height:709px!important}}@media(min-width:1920px){.ugc-carousel__main-placeholder{width:calc(100% - 200px)!important;height:729px!important}}@media(min-width:1025px){.ugc-carousel .swiper-slide{width:340px}.ugc-carousel .swiper-slide .ugc-video__video-wrapper{width:340px;flex-shrink:0}.ugc-carousel .swiper-slide .ugc-video__info-wrapper{display:none}.ugc-carousel .swiper-slide.slide-large-ugc-video{width:774px}.ugc-carousel .swiper-slide.slide-large-ugc-video .ugc-video{display:flex;flex-direction:row}.ugc-carousel .swiper-slide.slide-large-ugc-video .ugc-video .ugc-video__info-wrapper{display:flex!important}}@media(min-width:1025px)and (min-width:1301px){.ugc-carousel .swiper-slide.slide-large-ugc-video{width:919px}}@media(min-width:1025px)and (hover:hover)and (pointer:fine){.ugc-carousel .swiper-wrapper,.ugc-carousel .swiper-slide,.ugc-carousel .ugc-video,.ugc-carousel .ugc-video__video-wrapper,.ugc-carousel .ugc-video__info-wrapper,.ugc-carousel .tabs__video-item-wrapper,.ugc-carousel .video-section__video,.ugc-carousel .video-modal__open-modal,.ugc-carousel .video-modal__open-modal:hover,.ugc-carousel .video-section__play-button,.ugc-carousel .video-section__play-button--default{cursor:inherit}}.ugc-carousel__play-stop-button{position:absolute;z-index:100;top:14px;right:14px;background:transparent;width:22px;height:22px;padding:0;border:1px solid var(--d2c-color-moody-navy);border-radius:999px;cursor:pointer}.ugc-carousel__play-stop-button svg{width:100%;height:100%}@media screen and (min-width:577px){.ugc-carousel__play-stop-button{right:20px;width:26px;height:26px}}@media screen and (min-width:1025px){.ugc-carousel__play-stop-button{width:32px;height:32px}}.ugc-carousel [data-ugc-playing=true] circle{transition:fill .25s ease-in-out}.ugc-carousel [data-ugc-playing=true]:hover circle,.ugc-carousel [data-ugc-playing=true]:focus-visible circle{fill:#fff}.ugc-carousel [data-ugc-playing=true] .play{display:none}.ugc-carousel [data-ugc-playing=false]:hover circle,.ugc-carousel [data-ugc-playing=false]:focus-visible circle{fill:#fff}.ugc-carousel [data-ugc-playing=false] .stop{display:none}.ugc-carousel .ugc-video{display:flex;flex-direction:column}.ugc-carousel .ugc-video__preview-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:99;display:block;border-radius:18px}.ugc-carousel .ugc-video__video-wrapper{position:relative;width:100%;overflow:hidden;aspect-ratio:9/16}.ugc-carousel .ugc-video__placeholder-image{display:block;width:100%;height:100%;object-fit:cover}.ugc-carousel .ugc-video__placeholder-image--svg{position:absolute;top:0;right:0;bottom:0;left:0}.ugc-carousel .ugc-video__placeholder-image--svg svg{width:100%;height:100%}.ugc-carousel .ugc-video__info-wrapper{display:flex;flex-direction:column;padding:16px 6px 8px;gap:12px}.ugc-carousel .ugc-video__info-wrapper blockquote{padding:0;margin:0;border:none;font-style:unset;color:var(--d2c-color-moody-navy-80)}@media(min-width:1025px){.ugc-carousel .ugc-video__info-wrapper{gap:18px;padding:36px 24px 36px 34px}}.ugc-carousel .ugc-video__stars{display:flex}.ugc-carousel .ugc-video__star{display:inline-flex;line-height:0}@media(min-width:1025px){.ugc-carousel .ugc-video__star svg{width:20px;height:20px}}.ugc-carousel .ugc-video__testimonial{font-family:var(--d2c-typography-mobile-16-subtitle-font-family);font-size:var(--d2c-typography-mobile-16-subtitle-font-size);font-weight:var(--d2c-typography-mobile-16-subtitle-font-weight);line-height:var(--d2c-typography-mobile-16-subtitle-line-height);letter-spacing:var(--d2c-typography-mobile-16-subtitle-letter-spacing);margin:0}@media(min-width:1025px){.ugc-carousel .ugc-video__testimonial{font-family:var(--d2c-typography-subtitle-font-family);font-size:var(--d2c-typography-subtitle-font-size);font-weight:var(--d2c-typography-subtitle-font-weight);line-height:var(--d2c-typography-subtitle-line-height);letter-spacing:var(--d2c-typography-subtitle-letter-spacing)}}@media(min-width:1301px){.ugc-carousel .ugc-video__testimonial{font-family:var(--d2c-typography-header-04-font-family);font-size:var(--d2c-typography-header-04-font-size);font-weight:var(--d2c-typography-header-04-font-weight);line-height:var(--d2c-typography-header-04-line-height);letter-spacing:var(--d2c-typography-header-04-letter-spacing)}}.ugc-carousel .ugc-video__author{font-size:var(--d2c-typography-body-04-bold-font-size);font-family:var(--d2c-typography-body-04-bold-font-family);font-style:var(--d2c-typography-body-04-bold-font-style);font-weight:var(--d2c-typography-body-04-bold-font-weight);letter-spacing:var(--d2c-typography-body-04-bold-letter-spacing);line-height:var(--d2c-typography-body-04-bold-line-height);margin:0;color:var(--d2c-color-moody-navy)}@media(min-width:1025px){.ugc-carousel .ugc-video__author{font-size:var(--d2c-typography-body-01-bold-font-size);font-family:var(--d2c-typography-body-01-bold-font-family);font-style:var(--d2c-typography-body-01-bold-font-style);font-weight:var(--d2c-typography-body-01-bold-font-weight);letter-spacing:var(--d2c-typography-body-01-bold-letter-spacing);line-height:var(--d2c-typography-body-01-bold-line-height)}}.ugc-carousel .ugc-video__product-cta{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 8px 4px 4px;margin-top:12px;border-radius:8px;background:#ffffffb3;text-decoration:none;color:inherit}.ugc-carousel .ugc-video__product-cta:focus-visible{outline:var(--d2c-button-outline-color) dashed 2px;outline-offset:.2rem;box-shadow:0 0 0 .6rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}@media(min-width:1025px){.ugc-carousel .ugc-video__product-cta{margin-top:auto;border-radius:12px;padding:14px;gap:12px}}.ugc-carousel .ugc-video__product-image{width:40px;height:40px;aspect-ratio:1;border-radius:6px;object-fit:cover}@media(min-width:1025px){.ugc-carousel .ugc-video__product-image{width:52px;height:52px}}.ugc-carousel .ugc-video__product-title{font-size:var(--d2c-typography-body-04-bold-font-size);font-family:var(--d2c-typography-body-04-bold-font-family);font-style:var(--d2c-typography-body-04-bold-font-style);font-weight:var(--d2c-typography-body-04-bold-font-weight);letter-spacing:var(--d2c-typography-body-04-bold-letter-spacing);line-height:var(--d2c-typography-body-04-bold-line-height);flex:1;color:var(--d2c-color-moody-navy)}@media(min-width:1025px){.ugc-carousel .ugc-video__product-title{font-size:var(--d2c-typography-body-02-bold-font-size);font-family:var(--d2c-typography-body-02-bold-font-family);font-style:var(--d2c-typography-body-02-bold-font-style);font-weight:var(--d2c-typography-body-02-bold-font-weight);letter-spacing:var(--d2c-typography-body-02-bold-letter-spacing);line-height:var(--d2c-typography-body-02-bold-line-height);max-width:215px}}.ugc-carousel .ugc-video__product-arrow{font-size:16px;line-height:18px;color:var(--d2c-color-moody-navy);width:18px;height:18px;text-align:center;flex-shrink:0}@media(min-width:1025px){.ugc-carousel .ugc-video__product-arrow{width:24px;height:24px;margin-right:0;margin-left:auto}.ugc-carousel .ugc-video__product-arrow svg{width:24px;height:24px}}.ugc-carousel .ugc-video .video-modal__open-modal{z-index:100}.ugc-carousel .ugc-video .video-modal__open-modal img{transition:opacity .35s ease;opacity:1}.ugc-carousel .ugc-video:has(.ugc-video__preview-video[src]) .video-modal__open-modal img{opacity:0}.ugc-carousel .ugc-video .video-section__video{aspect-ratio:9/16}@keyframes ugc-carousel-fade-in{0%{opacity:0}to{opacity:.8}}#modalMask.video-modal__mask--visible{background:#013352cc;animation:ugc-carousel-fade-in .15s forwards}
/*# sourceMappingURL=/cdn/shop/t/157/assets/compiled-ugc-carousel.css.map */