.how-to-section-title{font-size:60px;font-weight:600;color:#000;margin-bottom:18px}.carousel-progress-bar{width:100%;height:5px;background-color:#d9d9d9;border-radius:5px;margin-top:50px;margin-bottom:50px;position:relative;overflow:hidden}.carousel-progress-fill{height:100%;background-color:#000;border-radius:2px;transition:width .3s cubic-bezier(.25,.46,.45,.94);width:10%}.mobile-carousel-progress-bar{width:100%;height:5px;background-color:#d9d9d9;border-radius:5px;margin-top:0;margin-bottom:30px;position:relative;overflow:hidden;display:block}.mobile-carousel-progress-fill{height:100%;background-color:#000;border-radius:2px;transition:width .3s cubic-bezier(.25,.46,.45,.94);width:10%}.how-to-carousel-wrapper{position:relative}.how-to-carousel{position:relative;width:100%}.carousel-item__image-wrapper{width:100%;height:100%;position:relative}.carousel-image{border-radius:12px;overflow:hidden;position:relative;background-color:#f5f5f5;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.carousel-item__badge{position:absolute;top:10px;right:10px;background-color:#ea5628;color:#fff;font-weight:600;font-size:14px;border-radius:30px;padding:3px 11px;gap:10px}.carousel-item__title{position:absolute;bottom:30px;left:30px;color:#000;font-size:28px;line-height:24px;font-weight:600;z-index:3;max-width:180px;text-align:left}.carousel-item__plus-icon{position:absolute;bottom:30px;right:30px;width:40px;height:40px;-webkit-backdrop-filter:blur(8.399999618530273px);backdrop-filter:blur(8.399999618530273px);border:1px solid;border-image-source:linear-gradient(107.28deg,rgba(255,255,255,.2) .32%,rgba(255,255,255,.1) 55.1%,rgba(255,255,255,.2) 106.8%);background:#ffffff80;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.how-to-use-guide .how-to-use-guide-item-wrapper.expanded .carousel-item__plus-icon{transform:rotate(45deg)}.desktop-video-container{max-height:0;transition:all .7s cubic-bezier(.25,.46,.45,.94);margin-top:42px;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;display:flex;flex-direction:column}.desktop-video-container>.video-tabs{padding:0 var(--gutter)}.desktop-video-container.active{max-height:6000px}.video-content-wrapper{background-color:#fff;overflow:hidden;animation:fadeInUp .4s cubic-bezier(.25,.46,.45,.94)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-tabs{display:flex;justify-content:flex-start;padding:0 0 42px;background:#fff}.pill-switcher{position:relative;display:flex;background:#ededed;border-radius:40px;padding:0;width:400px;height:62px;align-items:center}.pill-button{z-index:2;-webkit-appearance:none;appearance:none;border:none;background:transparent;border-radius:40px;height:62px;width:50%;font-size:32px;color:#666;font-weight:600;cursor:pointer;outline:none;position:relative;transition:color .18s cubic-bezier(.25,.46,.45,.94),background .18s cubic-bezier(.25,.46,.45,.94);text-transform:uppercase;letter-spacing:.5px;text-align:center}.pill-button.active,.pill-button:focus{color:#fff}.pill-slider{position:absolute;top:0;left:0;height:100%;width:50%;background:#111;border-radius:40px;z-index:1;box-shadow:0 2px 10px #00000010;transition:left .25s cubic-bezier(.25,.46,.45,.94),width .2s;will-change:left}.pill-switcher .pill-button.video-tab-1.active~.pill-slider{left:0%}.pill-switcher .pill-button.video-tab-2.active~.pill-slider{left:50%}.video-section{display:none}.video-section.active{display:block}.video-player>video{overflow:hidden;background-color:#000;position:relative}.video-player video{border-radius:0;clip-path:inset(0% round 0px);transition:clip-path .2s ease-out;width:100%;height:100%;object-fit:cover}.video-grandparent{transform:scale(1);clip-path:inset(0% round 0px);opacity:1;transition:transform .2s ease-out,clip-path .2s ease-out;margin:0 auto;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.video-player{height:100%;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-content:center;transform:scale(1);transition:transform .1s ease-out}.video-player:hover,.video-play-pause-btn:hover{cursor:pointer}.video-element,.video-placeholder{width:100%;height:100%;object-fit:cover;border-radius:0}.video-placeholder img{width:100%;height:100%;object-fit:cover}.video-controls{position:absolute;bottom:40px;right:40px;display:flex;align-items:flex-end;transition:transform .1s ease-out;transform-style:preserve-3d}.video-play-pause-btn{width:90px;height:90px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:sticky;pointer-events:auto!important}.play-icon,.pause-icon{display:block;cursor:pointer}.video-step-wrapper{text-align:left;display:flex;flex-direction:column;align-items:flex-start}.step-number{font-weight:500;font-size:16px;line-height:15px;color:#727272;margin-bottom:16px;margin-top:19px}.step-title{font-weight:600;font-size:28px;line-height:28px;letter-spacing:0%;margin-bottom:16px}.step-description{font-weight:400;font-size:20px;line-height:22px;letter-spacing:0%}.mobile-video-modal{position:fixed;bottom:-100%;left:0;width:100%;height:calc(90dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top));background-color:#fff;z-index:9999;border-radius:20px 20px 0 0;transition:all .4s cubic-bezier(.25,.46,.45,.94)}#mobile-video-modal.dragging{transition:none}#mobile-video-modal.closing{pointer-events:none}.mobile-video-modal.active{bottom:0}.mobile-video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9998;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.mobile-video-modal.active~.mobile-video-overlay{opacity:1;visibility:visible}.video-title-mobile-only{margin-top:25px;padding:0 20px}.mobile-video-header{position:absolute;width:36px;top:20px;bottom:0;inset-inline-end:20px}.mobile-video-content{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:20px 20px 0 0}.mobile-video-close{position:sticky;width:32px;height:32px;background:#ffffff80;border:1px solid;border-image-source:linear-gradient(107.28deg,rgba(255,255,255,.2) .32%,rgba(255,255,255,.1) 55.1%,rgba(255,255,255,.2) 106.8%);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;-webkit-backdrop-filter:blur(8.399999618530273px);backdrop-filter:blur(8.399999618530273px);color:#666;z-index:3}.mobile-video-close .icon-close{width:20px;height:20px;fill:#666}.mobile-video-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.hidden-video-template{display:none}@media screen and (max-width: 767px){.how-to-section-title{font-size:32px}.how-to-carousel-wrapper{padding:0}.video-content-wrapper .how-to-use-steps-carousel-container{margin-top:0!important}.carousel-item__title{font-size:18px;bottom:15px;left:15px;line-height:16px;max-width:100px}.carousel-item__plus-icon{width:30px;height:30px;bottom:15px;right:15px}.carousel-item__plus-icon>svg{width:10px;height:10px}.desktop-video-container{display:none}.mobile-video-body .video-tabs{padding:0 20px}.mobile-video-body .video-section{margin-top:20px}.mobile-video-body .video-steps{gap:16px}.mobile-video-body .step-item{flex:0 0 160px}.mobile-video-body .step-image-container{width:120px;height:146px}.pill-switcher{width:170px;height:30px}.pill-button{font-size:14px}.video-player-wrapper{margin-bottom:16px}}.no-scroll{overflow:hidden}@media only screen and (min-width: 768px){.product-grid-item.carousel__item.video-step-wrapper.one-quarter{width:calc((var(--wrapper-width) - var(--grid-gutter) * 4) / 4)!important}.how-to-use-guide .one-quarter.how-to-use-guide-item-wrapper{width:calc((var(--wrapper-width) - var(--grid-gutter) * 4) / 3.5)!important}.how-to-use-guide .one-quarter.how-to-use-guide-item-wrapper:hover{cursor:pointer}.how-to-use-guide .how-to-use-guide-item-wrapper{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.how-to-use-guide .how-to-use-guide-item-wrapper.expanded{width:calc((var(--wrapper-width) - var(--grid-gutter) * 4) / 2.6)!important}.how-to-use-guide .carousel--desktop{--item-width: calc(var(--wrapper-width) - var(--grid-gutter));display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:normal;margin:0;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding:var(--gutter);padding-left:var(--gutter);scrollbar-width:none}.how-to-use-guide .carousel__container{margin:0 calc(var(--gutter) * -1)}.how-to-use-guide .carousel--desktop .carousel__item{display:block;float:none;flex:0 0 auto;scroll-snap-align:start;margin-right:30px;padding-bottom:0}.how-to-use-guide .how-to-use-carousel-container .carousel--desktop .how-to-use-guide-item-wrapper.carousel__item--last{margin-right:0!important}.how-to-use-guide .carousel{justify-content:flex-start}.mobile-carousel-progress-bar{display:none}.video-section{margin-top:40px}.video-player-wrapper{margin-bottom:30px}.mobile-upsell{display:none}}.how-to-use-guide .desktop-video-container .video-content-wrapper .carousel__container{padding:0 var(--gutter)}.how-to-use-guide .product-step-image{border-radius:20px;margin-bottom:12px;width:100%;overflow:hidden}.how-to-use-guide .carousel--desktop .carousel__item:hover{cursor:pointer}@media only screen and (max-width: 1023px){.carousel__container.how-to-use-carousel-container{margin:0 calc(var(--gutter-mobile) * -1)}.carousel__container.how-to-use-carousel-container .carousel--mobile .carousel__item.carousel__item--last{margin-right:0!important}}@media only screen and (max-width: 767px){.carousel__container.how-to-use-carousel-container .carousel--mobile .how-to-use-guide-item-wrapper.carousel__item--last{margin-right:0!important}.video-play-pause-btn{width:40px;height:40px}.video-play-pause-btn svg{width:18px;height:18px}.video-controls{bottom:20px;right:20px}.how-to-use-guide .video-content-wrapper .carousel__container.how-to-use-steps-carousel-container{padding:0 var(--gutter-mobile)}.how-to-use-guide .video-content-wrapper .mobile-progress-wrapper{padding:0 var(--gutter-mobile);margin:20px auto}.carousel-progress-bar{margin-bottom:20px;margin-top:40px}.step-number{font-size:10px;margin-bottom:7px;margin-top:9px}.step-title{font-size:18px;line-height:18px;margin-bottom:7px}.step-description{font-size:14px;line-height:15px;letter-spacing:0%;margin-bottom:10px}.mobile-video-body .video-section .carousel--mobile .carousel__item{width:calc((var(--wrapper-width) * .9 - 14px) / 2)!important}.how-to-use-guide .product-step-image{border-radius:10px}.how-to-use-guide .carousel--mobile .carousel__item{width:calc((var(--wrapper-width) * .9 - 14px) / 1.7)!important}.mobile-upsell{display:block}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/ohr-how-to-use.css.map */