.how-to-use{position:relative;background:var(--color-white);color:var(--color-blue);font-family:var(--font-primary);padding:0 0 3rem;box-sizing:border-box}.how-to-use__bg{display:none}.how-to-use__inner{position:relative;z-index:1;max-width:73rem;margin-inline:auto;display:flex;flex-direction:column;gap:2rem}.how-to-use__media{order:-1}.how-to-use__text{display:flex;flex-direction:column;gap:1.5rem;padding-inline:1rem}.how-to-use__eyebrow{margin:0;font-size:1rem;font-weight:400;line-height:1.3}.how-to-use__heading{font-size:1.875rem;font-weight:400;line-height:1;letter-spacing:-.02em}.how-to-use__heading p{margin:0}.how-to-use__heading em{font-family:var(--font-display);font-style:italic;font-weight:300;letter-spacing:0}.how-to-use__subtitle{font-size:1rem;font-weight:400;line-height:1.4}.how-to-use__subtitle p{margin:0}.how-to-use__steps{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:1rem}.how-to-use__step{display:flex;flex-direction:column;gap:.5rem}.how-to-use__step-title{margin:0;font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1.25rem;line-height:1.2;color:var(--color-blue)}.how-to-use__step-num{font-weight:400}.how-to-use__step-desc{margin:0;font-size:1rem;font-weight:400;line-height:1.4;color:var(--color-grey)}.vplayer{position:relative;width:100%;aspect-ratio:375 / 322;border-radius:0;overflow:hidden;background:#000}.vplayer__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.vplayer__toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#14161c73;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:var(--color-white);cursor:pointer;transition:background .15s ease,opacity .3s ease}.vplayer__toggle:hover{background:#14161c99}.vplayer__icon{display:flex}.vplayer__icon--pause,.vplayer.is-playing .vplayer__icon--play{display:none}.vplayer.is-playing .vplayer__icon--pause{display:flex}.vplayer__bottom{transition:opacity .3s ease}.vplayer.is-idle{cursor:none}.vplayer.is-idle .vplayer__toggle,.vplayer.is-idle .vplayer__bottom{opacity:0;pointer-events:none}.vplayer__bottom{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:.75rem;padding:3rem 2rem 1.5rem;background:linear-gradient(to bottom,#0d0f1400,#0d0f14e6 80%)}.vplayer__info{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.vplayer__name{color:var(--color-white);font-size:1.25rem;font-weight:400;line-height:1}.vplayer__time{flex-shrink:0;color:var(--color-white);font-size:.875rem;font-weight:400;line-height:1;white-space:nowrap}.vplayer__progress{position:relative;width:100%;height:.875rem;display:flex;align-items:center;cursor:pointer;touch-action:none}.vplayer__progress-track{position:absolute;left:0;right:0;height:.125rem;border-radius:6.25rem;background:#d9d9d966}.vplayer__progress-fill{position:absolute;left:0;width:0%;height:.125rem;border-radius:6.25rem;background:var(--color-white)}.vplayer__progress-fill:after{content:"";position:absolute;right:-.3125rem;top:50%;transform:translateY(-50%);width:.625rem;height:.625rem;border-radius:50%;background:var(--color-white);opacity:0;transition:opacity .15s ease}.vplayer__progress:hover .vplayer__progress-fill:after,.vplayer__progress:focus-visible .vplayer__progress-fill:after,.vplayer.is-scrubbing .vplayer__progress-fill:after{opacity:1}.vplayer__progress:focus-visible{outline:.125rem solid var(--color-white);outline-offset:.375rem;border-radius:6.25rem}@media(min-width:768px){.how-to-use{padding:6.25rem 2rem}.how-to-use__bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.how-to-use__inner{flex-direction:row;align-items:flex-start;gap:2.5rem}.how-to-use__text{flex:1 1 0;min-width:0;order:0;gap:2rem;padding-block:1rem;padding-inline:0}.how-to-use__media{flex:0 0 62%;order:0}.vplayer{aspect-ratio:736 / 455;border-radius:1rem}.how-to-use__eyebrow{font-size:1.25rem}.how-to-use__heading{font-size:3rem}.how-to-use__subtitle{font-size:1.125rem}.how-to-use__step-title{font-size:1.5rem}.how-to-use__step-desc{font-size:1.125rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/how-to-use.css.map */