.how-to-use-single{padding-top:var(--PT, 60px);padding-bottom:var(--PB, 60px)}.htus-header{margin-bottom:32px}.htus-title{margin:0}.htus-tabs{margin-bottom:40px}.htus-pill-switcher{position:relative;display:inline-flex;background:#ededed;border-radius:40px;padding:0;height:62px;width:400px;align-items:center}.htus-tab{position:relative;z-index:2;-webkit-appearance:none;appearance:none;border:none;background:transparent;border-radius:40px;height:62px;flex:1;font-size:20px;color:#666;font-weight:600;cursor:pointer;outline:none;transition:color .2s ease;text-transform:uppercase;letter-spacing:.5px;text-align:center;white-space:nowrap;padding:0 16px}.htus-tab.active{color:#fff}.htus-pill-slider{position:absolute;top:0;left:0;height:100%;width:calc(100% / var(--tab-count, 2));background:#111;border-radius:40px;z-index:1;box-shadow:0 2px 10px #0000000f;transition:left .28s cubic-bezier(.25,.46,.45,.94);will-change:left}.htus-panels-overflow{overflow:hidden;width:100%}.htus-panels-track{display:flex;align-items:flex-start;transition:transform .38s cubic-bezier(.25,.46,.45,.94);will-change:transform}.htus-panel{flex:0 0 auto;overflow:hidden}.how-to-use-single .video-player-wrapper{margin-bottom:30px;width:100%;max-width:100%;overflow:hidden}.how-to-use-single .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}.how-to-use-single .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}.how-to-use-single .video-player video{width:100%;height:100%;object-fit:cover;border-radius:0}.how-to-use-single .video-player:hover,.how-to-use-single .video-play-pause-btn:hover{cursor:pointer}.how-to-use-single .video-controls{position:absolute;bottom:40px;right:40px;display:flex;align-items:flex-end;transition:transform .1s ease-out}.how-to-use-single .video-play-pause-btn{width:90px;height:90px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;pointer-events:auto}.how-to-use-single .play-icon,.how-to-use-single .pause-icon{display:block;cursor:pointer}.htus-volume-control{position:absolute;top:20px;left:20px;z-index:5;display:flex;align-items:center;gap:8px;background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:40px;border:1px solid rgba(255,255,255,.25);padding:8px 14px 8px 8px;cursor:default;box-shadow:0 2px 8px #00000014}.htus-mute-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.htus-mute-btn svg{display:block}.htus-volume-track-wrapper{display:flex;align-items:center;width:72px;height:26px;cursor:pointer}.htus-volume-track{position:relative;width:100%;height:4px;background:#00000026;border-radius:2px;overflow:hidden}.htus-volume-fill{position:absolute;top:0;left:0;height:100%;width:80%;background:#333;border-radius:2px;transition:width .15s ease}.how-to-use-single .htus-steps-carousel-container{margin:0 calc(var(--gutter, 30px) * -1)}.how-to-use-single .product-step-image{border-radius:20px;margin-bottom:12px;width:100%;overflow:hidden}.how-to-use-single .htus-step{text-align:left;display:flex;flex-direction:column;align-items:flex-start}.how-to-use-single .step-number{font-weight:500;font-size:16px;line-height:15px;color:#727272;margin-bottom:16px;margin-top:19px}.how-to-use-single .step-title{font-weight:600;font-size:28px;line-height:28px;margin-bottom:16px}.how-to-use-single .step-description{font-weight:400;font-size:20px;line-height:22px}.htus-progress-wrapper{margin-top:20px}.how-to-use-single .mobile-carousel-progress-bar{width:100%;height:5px;background-color:#d9d9d9;border-radius:5px;position:relative;overflow:hidden}.how-to-use-single .mobile-carousel-progress-fill{height:100%;background-color:#000;border-radius:2px;transition:width .3s cubic-bezier(.25,.46,.45,.94);width:10%}@media only screen and (min-width:768px){.how-to-use-single .carousel--desktop{display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding:var(--gutter, 30px);padding-left:var(--gutter, 30px);scrollbar-width:none;margin:0;gap:0}.how-to-use-single .carousel--desktop::-webkit-scrollbar{display:none}.how-to-use-single .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-single .carousel--desktop .htus-step.carousel__item--last{margin-right:0!important}.how-to-use-single .htus-steps-carousel-container{margin:0 calc(var(--gutter, 30px) * -1)}.how-to-use-single .product-grid-item.carousel__item.htus-step.one-quarter{width:calc((var(--wrapper-width) - var(--grid-gutter) * 4) / 4)!important}.how-to-use-single .htus-progress-wrapper{display:none}.how-to-use-single .carousel--desktop{padding-right:0!important}}@media only screen and (max-width:767px){.htus-pill-switcher{width:220px;height:40px}.htus-tab{height:40px;font-size:14px;padding:0 10px}.htus-tabs{margin-bottom:24px}.htus-header{margin-bottom:20px}.how-to-use-single .video-play-pause-btn{width:40px;height:40px}.how-to-use-single .video-controls{bottom:20px;right:20px}.how-to-use-single .video-player-wrapper{margin-bottom:16px}.htus-volume-control{top:12px;left:12px;padding:5px 10px 5px 5px;gap:6px}.htus-mute-btn{width:20px;height:20px}.htus-mute-btn svg{width:14px;height:14px}.htus-volume-track-wrapper{width:52px;height:20px}.htus-volume-track{height:3px}.how-to-use-single .step-number{font-size:10px;margin-bottom:7px;margin-top:9px}.how-to-use-single .step-title{font-size:18px;line-height:18px;margin-bottom:7px}.how-to-use-single .step-description{font-size:14px;line-height:15px;margin-bottom:10px}.how-to-use-single .product-step-image{border-radius:10px}.how-to-use-single .carousel--mobile{display:flex;flex-flow:row nowrap;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding-left:var(--gutter-mobile, 20px)}.how-to-use-single .carousel--mobile::-webkit-scrollbar{display:none}.how-to-use-single .carousel--mobile .carousel__item{display:block;float:none;flex:0 0 auto;scroll-snap-align:start;margin-right:14px;padding-bottom:0}.how-to-use-single .carousel--mobile .htus-step.carousel__item--last{margin-right:0!important}.how-to-use-single .carousel--mobile .htus-step.one-quarter{width:calc((var(--wrapper-width) * .9 - 14px) / 2)!important}.how-to-use-single .htus-steps-carousel-container{margin:0 calc(var(--gutter-mobile, 20px) * -1)}.htus-progress-wrapper{padding:0 var(--gutter-mobile, 20px);margin-top:16px;margin-bottom:8px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ohr-how-to-use-single.css.map */