:root{--spexify-columns:5;--spexify-gap:18px;--spexify-card-radius:10px;--spexify-black:#080808;--spexify-white:#ffffff;--spexify-muted:rgba(255, 255, 255, .72);--spexify-shadow:0 24px 70px rgba(0, 0, 0, .35)}.spexify-reels-container,.spexify-reels-container *{box-sizing:border-box}.spexify-reels-container{width:100%;margin:0 auto;padding:56px 0 44px;position:relative;overflow:hidden}.spexify-reels-container.is-waiting .spexify-reels-body{opacity:0;transform:translateY(12px)}.spexify-reels-body{opacity:1;transform:translateY(0);transition:opacity .35s,transform .35s}.spexify-reelsh1{margin:0 20px 34px;color:#0b0b0b;font-size:clamp(30px,4vw,58px);font-weight:800;line-height:1.05;letter-spacing:.08em;text-transform:uppercase;text-align:center}.spexify-reelsh1:after{content:"";display:block;width:86px;height:5px;margin:22px auto 0;border-radius:999px;background:#0b0b0b}.spexify-reels-skeleton{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spexify-gap);padding:0 30px}.spexify-reels-skeleton span{display:block;aspect-ratio:9/14;border-radius:var(--spexify-card-radius);background:linear-gradient(110deg,#f1f1f1 8%,#e7e7e7 18%,#f1f1f1 33%);background-size:200% 100%;animation:1.2s linear infinite spexifyShimmer}@keyframes spexifyShimmer{to{background-position-x:-200%}}.spexify-reels-wrapper{position:relative;width:100%;padding:0 30px}.spexify-reels-slider{display:flex;gap:var(--spexify-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 0 8px;cursor:grab}.spexify-reels-slider.is-dragging{cursor:grabbing;scroll-snap-type:none}.spexify-reels-slider::-webkit-scrollbar{display:none}.spexify-reels-grid{display:grid;grid-template-columns:repeat(var(--spexify-columns),minmax(0,1fr));gap:var(--spexify-gap);padding:0 30px}.spexify-reel-card{position:relative;flex:0 0 calc((100% - (var(--spexify-gap) * (var(--spexify-columns) - 1)))/ var(--spexify-columns));aspect-ratio:9/14;border:0;padding:0;margin:0;border-radius:var(--spexify-card-radius);overflow:hidden;background:#0c0c0c;color:#fff;scroll-snap-align:start;cursor:pointer;appearance:none;-webkit-appearance:none;isolation:isolate;transform:translateZ(0)}.spexify-reels-grid .spexify-reel-card{width:100%}.spexify-reel-card:focus-visible{outline:#111 solid 3px;outline-offset:4px}.spexify-reel-poster,.spexify-reel-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;border:0}.spexify-reel-poster{z-index:1;opacity:1;transition:opacity .25s,transform .5s}.spexify-floating-trigger.has-video-loaded img,.spexify-reel-card.has-video-loaded .spexify-reel-poster{opacity:0}.spexify-reel-video{z-index:0;opacity:0;transition:opacity .25s;background:#0c0c0c}.spexify-floating-trigger.has-video-loaded video,.spexify-reel-card.has-video-loaded .spexify-reel-video{opacity:1}.spexify-reel-card:after{content:"";position:absolute;inset:auto 0 0;height:45%;z-index:3;background:linear-gradient(to top,#000000d1,#00000038,#0000);pointer-events:none}.spexify-reel-card:hover .spexify-reel-poster{transform:scale(1.035)}.spexify-play-badge{position:absolute;left:50%;top:50%;z-index:4;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);color:#fff;background:radial-gradient(circle at 30% 25%,#ffffff57,#ffffff1a 40%,#0000008c);border:1px solid rgba(255,255,255,.3);box-shadow:0 14px 34px #00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.spexify-play-badge svg{width:27px;height:27px;fill:currentColor}.spexify-card-info{position:absolute;left:18px;right:18px;bottom:18px;z-index:5;display:flex;align-items:center;gap:12px;min-width:0;text-align:left;pointer-events:none}.spexify-card-product-image{width:64px;height:78px;flex:0 0 64px;border-radius:7px;object-fit:cover;background:#ffffff14;box-shadow:0 8px 24px #00000047}.spexify-card-meta,.spexify-popup-product-copy{min-width:0}.spexify-card-title{display:block;color:#fff;font-size:clamp(15px,1.15vw,25px);font-weight:400;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(0,0,0,.55)}.spexify-card-price{display:flex;align-items:center;gap:8px;margin-top:5px;color:#ffffffd1;font-size:clamp(13px,.92vw,17px);line-height:1.2;white-space:nowrap}.spexify-card-price .spexify-compare-price{color:#ffffff85;text-decoration:line-through}.spexify-slider-btn{position:absolute;top:50%;z-index:8;width:48px;height:48px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#080808ad;color:#fff;display:grid;place-items:center;cursor:pointer;transform:translateY(-50%);box-shadow:0 14px 35px #00000038;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .2s,transform .2s,background .2s}.spexify-slider-btn:hover{background:#111;transform:translateY(-50%) scale(1.05)}.spexify-slider-btn[disabled]{opacity:.25;cursor:not-allowed}.spexify-slider-btn svg{width:22px;height:22px;stroke:currentColor}.spexify-slider-prev{left:14px}.spexify-slider-next{right:14px}.spexify-reel-popup{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2147483000!important;display:none;align-items:center;justify-content:center;padding:24px;background:#080808c7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}.spexify-reel-popup.is-open{display:flex!important;opacity:1;visibility:visible}body.spexify-popup-open{overflow:hidden!important}.spexify-popup-stage{position:relative;width:min(90vw,500px);height:min(90vh,780px);aspect-ratio:9/14;max-height:90vh;border-radius:7px;overflow:hidden;background:#050505;box-shadow:0 24px 70px #0000006b;transform:translateY(8px) scale(.985);transition:transform .22s}.spexify-reel-popup.is-open .spexify-popup-stage{transform:translateY(0) scale(1)}.spexify-popup-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:1}.spexify-popup-loader{position:absolute;left:50%;top:50%;z-index:9;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-top-color:#fff;animation:.75s linear infinite spexifySpin;display:none}.spexify-popup-loader.is-active{display:block}@keyframes spexifySpin{to{transform:rotate(360deg)}}.spexify-popup-top{position:absolute;left:24px;right:82px;top:22px;z-index:10;height:5px;display:flex;align-items:center;pointer-events:auto}.spexify-progress-wrap{position:relative;width:100%;height:5px;border-radius:999px;background:#ffffff47;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.spexify-progress-fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:inherit;background:linear-gradient(90deg,#fff,#cfcfcf);box-shadow:0 0 12px #fff6}.spexify-progress-range{position:absolute;top:-10px;right:0;bottom:-10px;left:0;width:100%;height:26px;opacity:0;cursor:pointer;z-index:3;appearance:none;-webkit-appearance:none}.spexify-popup-close{position:absolute;top:14px;right:14px;z-index:12;width:45px;height:45px;border:0;border-radius:17px;background:#fffffff0;color:#080808;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 34px #00000038}.spexify-popup-close svg{width:21px;height:21px;stroke:currentColor}.spexify-popup-controls{position:absolute;right:16px;top:50%;z-index:11;display:flex;flex-direction:column;gap:11px;transform:translateY(-50%)}.spexify-popup-action{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:#1414146b;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px #0000003d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s,background .2s}.spexify-popup-action:hover{transform:scale(1.06);background:#1414149e}.spexify-popup-action svg{width:23px;height:23px;stroke:currentColor}.spexify-popup-product{position:absolute;left:17px;right:90px;bottom:17px;z-index:10;border-radius:7px;overflow:hidden;text-decoration:none;color:#111;background:#ffffff6b;box-shadow:0 16px 42px #0000004d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.spexify-popup-product-main{display:flex;align-items:center;gap:14px;padding:14px;min-width:0}.spexify-popup-image{width:50px;height:auto;object-fit:cover;border-radius:3px;background:#e8e8e8;flex:0 0 50px}.spexify-popup-action[disabled],.spexify-popup-image.is-hidden,.spexify-popup-product.is-hidden{display:none}.spexify-popup-title{margin:0;font-size:18px;font-weight:800;line-height:1.1;color:#111;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.spexify-popup-prices{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:clamp(15px,1.1vw,19px);line-height:1.2}.spexify-popup-price{color:#111;font-weight:700}.spexify-popup-compare{color:#dbdbdb;text-decoration:line-through;font-size:13px}.spexify-popup-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:10px 18px;color:#fff;background:#0b0b0b;font-size:clamp(17px,1.28vw,22px);font-weight:800;letter-spacing:.01em}.spexify-popup-cta svg{width:20px;height:20px;stroke:currentColor}.spexify-floating-wrapper{position:fixed;z-index:9999;display:none}.spexify-floating-trigger{position:fixed;overflow:hidden;border-radius:5px;background:#090909;cursor:pointer;isolation:isolate}.spexify-floating-trigger img,.spexify-floating-trigger video{width:100%;height:100%;object-fit:cover;display:block}.spexify-floating-trigger video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.spexify-floating-close,.spexify-floating-play{position:absolute;z-index:2;display:grid;padding:0;place-items:center;color:#000;background:#ffffff73}.spexify-floating-play{left:50%;top:50%;width:35px;height:35px;border-radius:50%;transform:translate(-50%,-50%)}.spexify-floating-play svg{width:22px;height:22px;fill:currentColor}.spexify-floating-close{top:6px;right:6px;width:23px;height:23px;border:0;border-radius:50%;cursor:pointer}.spexify-floating-close svg{width:14px;height:14px;stroke:currentColor}@media(min-width:1201px){.spexify-popup-stage{width:min(88vw,500px);height:min(88vh,780px)}.spexify-popup-product{left:17px;right:90px;bottom:17px}.spexify-popup-title{font-size:15px}.spexify-popup-cta{font-size:14px}.spexify-popup-action{width:52px;height:52px}}@media(max-width:1200px){:root{--spexify-columns:4}.spexify-reels-skeleton{grid-template-columns:repeat(4,1fr)}.spexify-popup-stage{width:min(90vw,480px);height:min(90vh,760px)}}@media(max-width:1024px){:root{--spexify-columns:3}.spexify-reels-skeleton{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){:root{--spexify-columns:1;--spexify-gap:14px}.spexify-reels-container{padding:38px 0 32px}.spexify-reelsh1{margin-bottom:24px;letter-spacing:.06em}.spexify-reels-wrapper{padding:0 16px}.spexify-reels-grid{grid-template-columns:repeat(var(--spexify-columns),minmax(0,1fr));padding:0 16px}.spexify-reels-skeleton{grid-template-columns:repeat(1,1fr);padding:0 16px}.spexify-reel-card{flex-basis:82%}.spexify-play-badge{width:40px;height:40px}.spexify-play-badge svg,.spexify-popup-action svg{width:24px;height:24px}.spexify-slider-btn{display:none}.spexify-reel-popup{padding:0;background:#000000e6}.spexify-popup-stage{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;aspect-ratio:auto}.spexify-popup-top{left:18px;right:86px;top:18px;height:5px}.spexify-popup-close{width:45px;height:45px;border-radius:16px;top:14px;right:14px}.spexify-popup-close svg{width:21px;height:21px}.spexify-popup-controls{right:14px;gap:12px}.spexify-popup-action{width:54px;height:54px}.spexify-popup-product{left:14px;right:82px;bottom:16px;border-radius:7px}.spexify-popup-product-main{padding:14px;gap:12px}.spexify-popup-image{width:61px;height:auto;flex-basis:40px;border-radius:4px}.spexify-popup-title{-webkit-line-clamp:2;font-size:13px}.spexify-popup-prices{font-size:16px;margin-top:7px}.spexify-popup-cta{padding:10px;font-size:14px}}@media(max-width:430px){.spexify-reel-card{flex-basis:88%}.spexify-popup-product{right:78px}.spexify-popup-action{width:50px;height:50px}.spexify-popup-action svg{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/133/assets/spexify_reels.css.map */