.section-creator-reels{overflow:visible}.section-creator-reels .creator-reels-outer{position:relative;margin:0;background-color:var(--creator-reels-bg, #fff6dc);overflow-x:clip;overflow-y:visible}@media(max-width:767px){.section-creator-reels .creator-reels-outer{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.section-creator-reels .creator-reels-outer .hdt-section-wave{z-index:3}.section-creator-reels .creator-reels-wrapper{position:relative;z-index:1;padding-left:0;padding-right:0}.section-creator-reels .creator-reels__inner{position:relative;z-index:2;padding:0 16px}.section-creator-reels .creator-reels__header{text-align:left;margin-bottom:16px}.section-creator-reels .creator-reels__eyebrow{margin:0 0 6px;font-family:Poppins;font-weight:500;font-style:normal;font-size:18px;line-height:1;letter-spacing:0px;vertical-align:middle;color:#ff8637}.section-creator-reels .creator-reels__title{margin:0;font-family:Sora;font-weight:700;font-style:normal;font-size:20px;line-height:1;letter-spacing:0px;vertical-align:middle;color:#1d1d1d}.section-creator-reels .creator-reels__tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:16px;padding-bottom:2px}.section-creator-reels .creator-reels__tabs::-webkit-scrollbar{display:none}.section-creator-reels .creator-reels__tab{flex-shrink:0;padding:12px;border-radius:28px;background:#fff;color:#1d1d1d;border:1.4px solid #d9d9d980;font-family:Sora;font-weight:600;font-style:normal;font-size:12px;line-height:100%;letter-spacing:0px;text-align:center;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.section-creator-reels .creator-reels__tab.is-active{background:#4b96d7;border-color:#4b96d7;color:#fff}.section-creator-reels .creator-reels__layout,.section-creator-reels .creator-reels__content{display:block}.section-creator-reels .creator-reels__stage{min-width:0}.section-creator-reels .creator-reels__nav{display:none}.section-creator-reels .creator-reels__nav-btn{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,opacity .2s}.section-creator-reels .creator-reels__nav-btn:disabled{opacity:.45;cursor:not-allowed}.section-creator-reels .creator-reels__nav-btn--prev{border:1.4px solid #d9d9d9;background:#fff;color:#1d1d1d}.section-creator-reels .creator-reels__nav-btn--prev svg{display:block;width:29px;height:17px}.section-creator-reels .creator-reels__nav-btn--next{border:1.4px solid #4b96d7;background:#4b96d7;color:#fff}.section-creator-reels .creator-reels__nav-btn--next svg{display:block;width:29px;height:17px}.section-creator-reels .creator-reels__panel[hidden]{display:none!important}.section-creator-reels .creator-reels__carousel{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;gap:10px;padding-bottom:4px}.section-creator-reels .creator-reels__carousel::-webkit-scrollbar{display:none}.section-creator-reels .creator-reels__video-wrapper{width:54vw;max-width:220px;flex-shrink:0}.section-creator-reels .creator-reels__video-container{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:28px;overflow:hidden;background:#d4d4d4}.section-creator-reels .creator-reels__video{width:100%;height:100%;object-fit:cover;display:block;overflow-anchor:none}.section-creator-reels .creator-reels__card-info{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;text-align:left;pointer-events:none}.section-creator-reels .creator-reels__card-info:before{content:none}.section-creator-reels .creator-reels__maximize-wrapper{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#00000073;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;border:none;padding:0}.section-creator-reels .creator-reels__maximize-icon{width:16px;height:16px;object-fit:contain}.section-creator-reels .creator-reels__creator-data{margin:0 0 4px;font-family:Sora;font-weight:700;font-style:normal;font-size:18px;line-height:1;letter-spacing:0%;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.18)}.section-creator-reels .creator-reels__creator-subtitle{margin:0 0 8px;font-family:Sora;font-weight:400;font-style:normal;font-size:12px;line-height:1;letter-spacing:0%;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.16)}.section-creator-reels .creator-reels__tag{display:inline-block;border-radius:100px;background:#fff;color:#1d1d1d;font-family:Sora;font-weight:600;font-style:normal;font-size:14px;line-height:100%;letter-spacing:0%;border:1px solid #b5b5b5;padding:4px 8px}.section-creator-reels .creator-reels__popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;transform:translateY(100%);transition:transform .3s ease;overflow:hidden}.section-creator-reels .creator-reels__popup.active{transform:translateY(0)}.section-creator-reels .creator-reels__popup-close{position:absolute;top:14px;left:10px;color:#fff;z-index:10;padding:4px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.section-creator-reels .creator-reels__popup-close svg{width:19px;height:16px;display:block}.section-creator-reels .creator-reels__popup-container{position:relative;width:100%;height:100%}.section-creator-reels .creator-reels__popup-slides{position:relative;width:100%;height:100%;overflow:hidden}.section-creator-reels .creator-reels__popup-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;will-change:transform;transition:transform .2s ease-out}.section-creator-reels .creator-reels__popup[data-mode=scroll-feed] .creator-reels__popup-slides{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.section-creator-reels .creator-reels__popup[data-mode=scroll-feed] .creator-reels__popup-slides::-webkit-scrollbar{display:none;width:0;height:0}.section-creator-reels .creator-reels__popup[data-mode=scroll-feed] .creator-reels__popup-video{position:relative;inset:auto;flex:0 0 100%;width:100%;height:100%;min-height:100%;object-fit:contain;scroll-snap-align:start;scroll-snap-stop:always;transform:none;transition:none;will-change:auto;background:#000}.section-creator-reels .creator-reels__popup-details{position:fixed;bottom:0;left:0;width:100vw;z-index:1;pointer-events:none}.section-creator-reels .creator-reels__popup-details:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0000,#00000026 25%,#0006 55%,#0000008c);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 22%,rgba(0,0,0,.7) 50%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 22%,rgba(0,0,0,.7) 50%,#000 100%)}.section-creator-reels .creator-reels__popup-title{color:#fff;padding:16px 16px 0;font-family:Sora,sans-serif;font-weight:600;font-style:normal;font-size:14px;line-height:100%;letter-spacing:0%;vertical-align:middle;text-shadow:0 1px 2px rgba(0,0,0,.5)}.section-creator-reels .creator-reels__popup-variant-strip{padding:12px 0 4px;pointer-events:auto}.section-creator-reels .creator-reels__popup-details .creator-reels__popup-title,.section-creator-reels .creator-reels__popup-details .creator-reels__popup-variant-strip,.section-creator-reels .creator-reels__popup-details .creator-reels__popup-atc{pointer-events:auto}.section-creator-reels .creator-reels__popup-atc{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}.section-creator-reels .creator-reels__popup-atc-buttons{display:grid;grid-template-columns:1fr 59px;column-gap:8px;align-items:stretch}.section-creator-reels .creator-reels__popup-atc-btn{color:#fff;background-color:#4b96d7;padding:1rem;font-family:Sora,sans-serif;font-size:clamp(16px,4.45vw,18px);font-weight:700;text-align:center;border-radius:100px;border:none;width:100%;min-height:59px;cursor:pointer;display:flex;justify-content:center;align-items:center;column-gap:4px;line-height:1;transition:background-color .2s}.section-creator-reels .creator-reels__popup-atc-btn:hover{background-color:#3a7fbd}.section-creator-reels .creator-reels__popup-cart.hdt-section-toolbar-mobile-cart.hdt-toolbar-background{background:#dae6ff99;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border:1px solid rgba(221,221,221,.35);width:59px;height:59px;border-radius:50%;overflow:hidden;position:relative;color:#1d1d1d}.section-creator-reels .creator-reels__popup-cart.hdt-cart-count-one:before,.section-creator-reels .creator-reels__popup-cart.hdt-cart-count-many:after{content:none;animation:none}.section-creator-reels .creator-reels__popup-cart .hdt-toolbar-item,.section-creator-reels .creator-reels__popup-cart .hdt-toolbar-item .hdt-toolbar-item-btn{width:100%;height:100%}.section-creator-reels .creator-reels__popup-cart .hdt-toolbar-label{font-size:12px;font-weight:500;line-height:1;color:#1d1d1d}.section-creator-reels .creator-reels__popup-cart .hdt-toolbar-icon hdt-cart-count{height:16px;min-width:16px;top:-4px;right:-4px}.section-creator-reels .creator-reels__popup-atc-toast{position:fixed;left:50%;top:18px;z-index:10050;margin:0;width:max-content;max-width:calc(100vw - 48px);min-height:56px;padding:14px 24px 14px 16px;border-radius:10px;border:1px solid #e5e5e5;background:#fff;color:#1d1d1d;font-family:Sora,sans-serif;font-size:14px;font-weight:600;line-height:1.3;text-align:left;box-shadow:0 10px 28px #00000029;display:flex;align-items:center;gap:12px;opacity:0;transform:translate(-50%,-12px) scale(.98);pointer-events:none;transition:opacity .28s ease,transform .28s ease}.section-creator-reels .creator-reels__popup-atc-toast.is-visible{opacity:1;transform:translate(-50%) scale(1)}.section-creator-reels .creator-reels__popup-atc-toast-icon{flex:0 0 20px;width:20px;height:20px}.section-creator-reels .creator-reels__popup-atc-toast-icon svg{display:block;width:100%;height:100%}.section-creator-reels .creator-reels__popup-atc-toast-text{white-space:nowrap}.section-creator-reels .creator-reels__popup-atc-toast.is-error .creator-reels__popup-atc-toast-icon circle{fill:#e5484d}.section-creator-reels .creator-reels__popup-icons{position:absolute;right:12px;bottom:50%;transform:translateY(50%);display:flex;flex-direction:column;gap:16px;z-index:1}.section-creator-reels .creator-reels__popup-icon-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.section-creator-reels .creator-reels__popup-icon-circle{width:clamp(32px,8.89vw,42px);height:clamp(32px,8.89vw,42px);border-radius:50%;background-color:#000c;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}.section-creator-reels .creator-reels__popup-icon-circle svg{width:clamp(16px,4.45vw,20px);height:clamp(16px,4.45vw,20px)}.section-creator-reels .creator-reels__popup-icon-label{margin-top:4px;font-family:Sora,sans-serif;font-size:clamp(10px,2.78vw,12px);font-weight:600;color:#fff;text-align:center}@media(max-width:480px){.section-creator-reels .creator-reels__popup-atc-toast{min-height:50px;padding:12px 16px 12px 14px;max-width:calc(100vw - 24px);gap:10px;font-size:13px}.section-creator-reels .creator-reels__popup-atc-toast-text{white-space:normal}}@media(min-width:768px){.section-creator-reels{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0}.section-creator-reels .creator-reels-outer{width:100vw;max-width:100vw;margin:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.section-creator-reels .creator-reels__inner{padding:0 0 0 clamp(32px,5.5vw,80px);max-width:none}.section-creator-reels .creator-reels__layout{display:grid;grid-template-columns:3fr 5fr;gap:clamp(24px,3vw,48px);align-items:center}.section-creator-reels .creator-reels__content{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;justify-content:center;min-height:100%;padding:8px 0}.section-creator-reels .creator-reels__header{margin-bottom:24px;max-width:80%}.section-creator-reels .creator-reels__eyebrow{font-size:20px;margin-bottom:12px}.section-creator-reels .creator-reels__title{font-size:clamp(32px,3.2vw,40px);line-height:1.1}.section-creator-reels .creator-reels__tabs{flex-wrap:wrap;overflow:visible;margin-bottom:0;max-width:100%;gap:10px}.section-creator-reels .creator-reels__tab{font-size:14px;padding:12px 16px}.section-creator-reels .creator-reels__nav{display:flex;gap:12px;margin-top:32px}.section-creator-reels .creator-reels__stage{position:relative;background:#fff;border-radius:32px 0 0 32px;padding:16px 0 16px 16px;overflow:hidden;min-width:0;--carousel-gap: 12px}.section-creator-reels .creator-reels__panel{min-width:0;width:100%}.section-creator-reels .creator-reels__carousel{gap:var(--carousel-gap);padding-bottom:0;padding-right:16px;width:100%}.section-creator-reels .creator-reels__video-wrapper{width:calc((100% - (3 * var(--carousel-gap))) / 3.5);max-width:none}.section-creator-reels .creator-reels__video-container{border-radius:18px;isolation:isolate}.section-creator-reels .creator-reels__gradient-overlay{border-radius:0 0 18px 18px;height:36%;max-height:140px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 42%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 42%,#000 100%)}.section-creator-reels .creator-reels__maximize-wrapper{display:none}.section-creator-reels .creator-reels__popup-details{display:flex;flex-direction:column;align-items:center}.section-creator-reels .creator-reels__popup-title{text-align:center;width:100%;max-width:420px}.section-creator-reels .creator-reels__popup-variant-strip,.section-creator-reels .creator-reels__popup-atc{width:100%;max-width:420px}.section-creator-reels .creator-reels__popup-details .reel-variant-picker__scroll{justify-content:center}}@media(min-width:990px){.section-creator-reels .creator-reels__content{justify-content:flex-start;padding:16px 0}.section-creator-reels .creator-reels__nav{margin-top:auto}}@media(min-width:768px)and (max-width:1439px){.section-creator-reels,.section-creator-reels .creator-reels-outer{width:100%;max-width:100%;margin-left:0;margin-right:0}.section-creator-reels .creator-reels__popup-details{width:100%;max-width:100%}.section-creator-reels .creator-reels__inner{padding:0 clamp(24px,4vw,48px)}.section-creator-reels .creator-reels__layout{grid-template-columns:minmax(200px,min(30vw,300px)) minmax(0,1fr);gap:clamp(16px,2.5vw,32px)}.section-creator-reels .creator-reels__stage{border-radius:24px 0 0 24px;padding:12px 0 12px 12px}.section-creator-reels .creator-reels__video-wrapper{width:calc((100% - (2 * var(--carousel-gap))) / 2.75)}.section-creator-reels .creator-reels__title{font-size:clamp(28px,3vw,36px)}}@media(min-width:768px)and (max-width:989px){.section-creator-reels .creator-reels__layout{grid-template-columns:1fr;gap:20px}.section-creator-reels .creator-reels__stage{border-radius:20px;padding:12px}.section-creator-reels .creator-reels__nav{margin-top:20px}.section-creator-reels .creator-reels__video-wrapper{width:calc((100% - (2 * var(--carousel-gap))) / 2.4)}}.section-creator-reels .reel-variant-picker{width:100%}.section-creator-reels .reel-variant-picker__scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:14px 16px 4px}.section-creator-reels .reel-variant-picker__scroll::-webkit-scrollbar{display:none}.section-creator-reels .reel-v-wrap{flex:0 0 auto;width:auto;min-width:fit-content;border-radius:8px;border:1px solid #d6d6d6;background:#fff;overflow:visible;transition:border-color .15s ease}.section-creator-reels .reel-v-wrap.is-selected{border:2px solid #0066cc;box-shadow:none}.section-creator-reels .reel-v-wrap--oos{opacity:.65}.section-creator-reels .reel-v-btn{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:0;padding:10px 8px 8px;border:none;border-radius:inherit;background:transparent;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow:visible}.section-creator-reels .reel-v-wrap--oos .reel-v-btn{cursor:not-allowed}.section-creator-reels .reel-v-ribbon{position:absolute;top:-12px;left:auto;z-index:6;pointer-events:none;width:max-content;max-width:none;overflow:visible}.section-creator-reels .reel-v-ribbon .m_prod_label{position:relative;top:auto;left:auto;width:auto;height:auto;display:flex!important;align-items:stretch;overflow:visible}.section-creator-reels .reel-v-ribbon .m_prod_labels{position:relative;top:auto;left:auto;margin:0!important;font-size:10px;font-weight:600;padding:3px 7px;min-height:18px;line-height:1.3;border-radius:4px!important;display:inline-flex;align-items:center;max-width:none;white-space:nowrap;overflow:visible;text-overflow:unset;box-sizing:border-box}.section-creator-reels .reel-v-ribbon .m_prod_labels:after{content:none!important;display:none!important}.section-creator-reels .reel-v-ribbon .m_prod_labels.lightening-sale,.section-creator-reels .reel-v-ribbon .m_prod_labels.variant-sale-timer{gap:4px;font-size:10px;line-height:1.3;align-items:center;min-height:18px;padding:4px;background:#7b61ff;color:#fff;overflow:visible;white-space:nowrap}.section-creator-reels .reel-v-ribbon .m_prod_labels .lighting_sale_flash{position:static;width:11px;height:11px;border-radius:3px;flex-shrink:0;margin:0}.section-creator-reels .reel-v-ribbon [data-sale-timestamp]{font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-family:Sora;font-weight:600;font-style:normal;font-size:12px;line-height:1;letter-spacing:0px}.section-creator-reels .reel-v-headline{width:100%;display:flex;align-items:center;justify-content:center;gap:0;line-height:1}.section-creator-reels .reel-v-size{font-family:Sora,sans-serif;font-weight:600;font-size:14px;line-height:1.2;color:#1d1d1d}.section-creator-reels .reel-v-sep{flex-shrink:0;width:3px;height:3px;margin:0 6px;border-radius:50%;background-color:#727272;align-self:center}.section-creator-reels .reel-v-pack{font-family:Sora,sans-serif;font-weight:600;font-size:12px;line-height:1.2;color:#727272}.section-creator-reels .reel-v-wrap--oos .reel-v-headline{opacity:.6}.section-creator-reels .reel-v-usp{font-family:Poppins;font-weight:400;font-style:normal;font-size:12px;line-height:100%;letter-spacing:0px;text-align:left;color:#727272;background:none;border:none;padding:0;margin:0;width:100%}.section-creator-reels .reel-v-wrap--oos .reel-v-usp{opacity:.6}@media(min-width:768px){.section-creator-reels .reel-v-wrap{min-width:96px;max-width:128px}.section-creator-reels .reel-variant-picker__scroll{gap:10px;padding:8px 20px 4px}.section-creator-reels .reel-v-headline{font-size:12px}}.section-creator-reels .creator-reels__gradient-overlay{position:absolute;left:0;right:0;bottom:0;width:100%;height:107px;border-radius:0 0 18px 18px;overflow:hidden;pointer-events:none;z-index:1}.section-creator-reels .creator-reels__blur-stack,.section-creator-reels .creator-reels__blur-layer,.section-creator-reels .creator-reels__blur-tint{position:absolute;top:0;right:0;bottom:0;left:0}.section-creator-reels .creator-reels__blur-layer{-webkit-backdrop-filter:blur(var(--reel-blur));backdrop-filter:blur(var(--reel-blur));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.section-creator-reels .creator-reels__blur-layer--1{--reel-blur: 4px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 24%,transparent 36%);mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 24%,transparent 36%)}.section-creator-reels .creator-reels__blur-layer--2{--reel-blur: 12px;-webkit-mask-image:linear-gradient(180deg,transparent 12%,#000 28%,#000 40%,transparent 52%);mask-image:linear-gradient(180deg,transparent 12%,#000 28%,#000 40%,transparent 52%)}.section-creator-reels .creator-reels__blur-layer--3{--reel-blur: 24px;-webkit-mask-image:linear-gradient(180deg,transparent 28%,#000 44%,#000 56%,transparent 68%);mask-image:linear-gradient(180deg,transparent 28%,#000 44%,#000 56%,transparent 68%)}.section-creator-reels .creator-reels__blur-layer--4{--reel-blur: 40px;-webkit-mask-image:linear-gradient(180deg,transparent 44%,#000 60%,#000 72%,transparent 84%);mask-image:linear-gradient(180deg,transparent 44%,#000 60%,#000 72%,transparent 84%)}.section-creator-reels .creator-reels__blur-layer--5{--reel-blur: 60px;-webkit-mask-image:linear-gradient(180deg,transparent 60%,#000 76%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 60%,#000 76%,#000 88%,transparent 100%)}.section-creator-reels .creator-reels__blur-layer--6{--reel-blur: 82px;-webkit-mask-image:linear-gradient(180deg,transparent 72%,#000 88%,#000 100%);mask-image:linear-gradient(180deg,transparent 72%,#000 88%,#000 100%)}.section-creator-reels .creator-reels__blur-tint{background:linear-gradient(180deg,#fff0,#fff6)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.section-creator-reels .creator-reels__blur-stack{display:none}.section-creator-reels .creator-reels__blur-tint{background:linear-gradient(180deg,#fff0,#ffffff8c)}}
/*# sourceMappingURL=/cdn/shop/t/242/assets/creator-reels.css.map */