.inspiration-videos{width:100%}.inspiration-videos__inner{padding-left:1.5rem;padding-right:1.5rem;max-width:var(--page-width);margin:0 auto}@media screen and (min-width: 750px){.inspiration-videos__inner{padding-left:3rem;padding-right:3rem}}.inspiration-videos__inner{padding-left:0;padding-right:0}@media screen and (min-width: 768px){.inspiration-videos__inner{padding-left:1rem;padding-right:1rem}}.inspiration-videos__heading{margin-bottom:1rem}.inspiration-videos__subheading{font-size:1.6rem;color:rgba(var(--color-foreground),.75);line-height:1.4}@media screen and (max-width: 767px){.inspiration-videos__subheading{font-size:1.4rem}.inspiration-videos__heading,.inspiration-videos__subheading{padding-left:1.5rem;padding-right:1.5rem}}.inspiration-videos__grid{display:flex;overflow-x:auto;overflow-y:hidden;gap:.8rem;padding:0 1.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;min-width:100%}.inspiration-videos__grid::-webkit-scrollbar{display:none}@media screen and (min-width: 768px){.inspiration-videos__grid{gap:.8rem;padding:0 2rem;justify-content:center}}@media screen and (min-width: 1200px){.inspiration-videos__grid{padding:0 3rem;max-width:none;margin:0 auto}}.inspiration-videos__item{display:flex;flex-direction:column;gap:1rem;flex-shrink:0;scroll-snap-align:center;width:200px;padding:6px}@media screen and (max-width: 767px){.inspiration-videos__item{width:75vw;max-width:280px;min-width:220px}}@media screen and (min-width: 768px) and (max-width: 1199px){.inspiration-videos__item{width:220px}}@media screen and (min-width: 1200px){.inspiration-videos__item{width:180px}}@media screen and (max-width: 400px){.inspiration-videos__item{width:80vw;min-width:200px}}.inspiration-videos__video-container{position:relative;width:100%;height:auto;aspect-ratio:3/4;border-radius:1rem;overflow:hidden;background-color:rgba(var(--color-foreground),.04);box-shadow:0 3px 12px rgba(var(--color-foreground),.1);transition:transform .3s ease,box-shadow .3s ease,border .3s ease;border:3px solid #ddd}@media screen and (max-width: 768px){.inspiration-videos__video-container{border:none}}.inspiration-videos__video-container:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(var(--color-foreground),.15);cursor:pointer}.inspiration-videos__video-container:active{transform:translateY(-2px);transition:transform .1s ease}@media screen and (max-width: 767px){.inspiration-videos__video-container{border-radius:1rem}.inspiration-videos__video-container:hover{transform:translateY(-3px)}.inspiration-videos__video-container:active{transform:translateY(-1px)}}.inspiration-videos__video-container .teaser-box{position:relative;width:100%;height:100%;overflow:hidden}.inspiration-videos__video-container .teaser-box>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block!important;visibility:visible!important;opacity:1!important;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.inspiration-videos__title{font-size:1.4rem;font-weight:500;text-align:center;margin:0;color:rgb(var(--color-foreground));line-height:1.3;width:100%}@media screen and (max-width: 767px){.inspiration-videos__title{font-size:1.3rem}}.inspiration-videos .teaser-box .video-controls{position:absolute;bottom:1.2rem;right:1.2rem;z-index:10;display:flex;gap:.6rem;opacity:0;transition:opacity .3s ease}.inspiration-videos .teaser-box:hover .video-controls{opacity:1}@media screen and (max-width: 767px){.inspiration-videos .teaser-box .video-controls{opacity:1;bottom:1rem;right:1rem;gap:.5rem}}.inspiration-videos .video-control-btn{background:#000000a6;border:none;border-radius:50%;color:#fff;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d}@media screen and (max-width: 767px){.inspiration-videos .video-control-btn{width:3rem;height:3rem;font-size:1.1rem}}.inspiration-videos .video-control-btn:hover{background:#000000f2;transform:scale(1.08)}.inspiration-videos .video-control-btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.inspiration-videos .video-control-btn svg{transition:all .2s ease;color:#fff;width:16px;height:16px;flex-shrink:0}.inspiration-videos .video-control-btn:hover svg{transform:scale(1.1)}.inspiration-videos .video-control-btn.muted svg{color:#fff}.inspiration-videos .video-control-btn .play-icon svg{margin-left:1px}.inspiration-videos .video-control-btn.muted{background:#000000a6}.inspiration-videos .video-control-btn.muted:hover{background:#000000f2}.inspiration-videos__video-container .teaser-box{transform:translateZ(0);backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.inspiration-videos .teaser-box .video-controls,.inspiration-videos .video-control-btn,.inspiration-videos__video-container{transition:none}.inspiration-videos__video-container:hover{transform:none}.inspiration-videos__grid{scroll-behavior:auto}}.inspiration-videos__video-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;border:3px solid rgba(var(--color-foreground),.3);border-top:3px solid rgb(var(--color-foreground));border-radius:50%;animation:inspiration-video-loading-spin 1s linear infinite;z-index:0}.inspiration-videos__video-container:has(video) :before{display:none}@keyframes inspiration-video-loading-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.animation--inspiration-videos{opacity:0;transform:translateY(2rem);animation:inspiration-videos-entrance .8s ease-out forwards}@keyframes inspiration-videos-entrance{to{opacity:1;transform:translateY(0)}}.animation--inspiration-videos .inspiration-videos__item:nth-child(1){animation-delay:.2s}.animation--inspiration-videos .inspiration-videos__item:nth-child(2){animation-delay:.4s}.animation--inspiration-videos .inspiration-videos__item:nth-child(3){animation-delay:.6s}.inspiration-videos__video-container{background:linear-gradient(135deg,#667eea,#764ba2)}.inspiration-videos__video-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000 0% 60%,#0000004d);pointer-events:none;z-index:2}.inspiration-videos .video-controls{z-index:15}@media screen and (max-width: 767px){.inspiration-videos__grid:after{content:"";width:1.5rem;flex-shrink:0}.inspiration-videos__grid:before{content:"";width:0;flex-shrink:0}}@media screen and (max-width: 767px){.inspiration-videos__grid{position:relative}}.inspiration-videos--product-block{margin:2rem 0}.inspiration-videos--product-block .inspiration-videos__inner{max-width:100%;padding-left:0;padding-right:0}.inspiration-videos--product-block .inspiration-videos__heading{margin-bottom:1.5rem;font-size:18px;font-family:Figtree,sans-serif;text-align:left;padding-bottom:12px}@media screen and (max-width: 767px){.inspiration-videos--product-block .inspiration-videos__heading{font-size:18px;font-family:Figtree,sans-serif;text-align:left;padding-left:0;padding-right:0;padding-bottom:12px}.inspiration-videos--product-block .inspiration-videos__subheading{padding-left:0;padding-right:0}}.inspiration-videos--product-block .inspiration-videos__grid{padding:0;gap:.6rem}@media screen and (max-width: 768px){.inspiration-videos--product-block .inspiration-videos__inner,.inspiration-videos--product-block .inspiration-videos__grid{padding-left:0!important;padding-right:0!important}.inspiration-videos--product-block .inspiration-videos__item:first-child{padding-left:0!important}.inspiration-videos--product-block .inspiration-videos__grid:before{display:none!important}}@media screen and (min-width: 768px){.inspiration-videos--product-block .inspiration-videos__grid{padding:0;gap:.8rem;justify-content:flex-start}}@media screen and (min-width: 769px){.inspiration-videos--product-block .inspiration-videos__circle:first-child{padding-left:0!important}}@media screen and (max-width: 768px){.inspiration-videos__grid--desktop{display:none!important}.inspiration-videos__grid--mobile{display:flex}}@media screen and (min-width: 769px){.inspiration-videos__grid--mobile{display:none!important}.inspiration-videos__grid--desktop{display:flex;gap:0;justify-content:flex-start;align-items:center;padding:0;overflow:visible}.inspiration-videos__no-videos{display:none!important}}.inspiration-videos__circle{flex-shrink:0;cursor:pointer;transition:transform .3s ease;padding:4px}.inspiration-videos__circle:hover{transform:scale(1.1)}.inspiration-videos__circle-container{width:88px;height:88px;border-radius:50%;overflow:hidden;position:relative;border:3px solid #ddd;transition:all .3s ease}.inspiration-videos__circle-container.active{border-color:#6c8273!important;box-shadow:0 0 0 3px #6c82734d!important}.teaser-box--circle{width:100%;height:100%;border-radius:50%;overflow:hidden}.circle-video{width:100%;height:100%;object-fit:cover;border-radius:50%}.inspiration-videos__modal{position:fixed;bottom:20px;right:20px;z-index:2147483647;width:400px;height:600px}.inspiration-videos__modal-content{width:100%;height:100%;background:#000;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 10px 40px #0000004d}.inspiration-videos__modal-close{position:absolute;top:10px;right:15px;background:#ffffffe6;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;font-weight:700;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.inspiration-videos__modal-close:hover{background:#fff}.inspiration-videos__modal-video-container{width:100%;height:100%;position:relative}.inspiration-videos__modal-video-container video{width:100%;height:100%;object-fit:cover}.inspiration-videos__modal.show{animation:modalSlideIn .3s ease-out}.inspiration-videos__modal.hide{animation:modalSlideOut .3s ease-in}@keyframes modalSlideIn{0%{transform:translateY(100%) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes modalSlideOut{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(100%) scale(.8);opacity:0}}@media screen and (min-width: 769px) and (max-width: 1199px){.inspiration-videos--product-block .inspiration-videos__item{width:180px}}@media screen and (min-width: 1200px){.inspiration-videos--product-block .inspiration-videos__item{width:160px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/inspiration-videos.css.map */