@import"https://fonts.cdnfonts.com/css/futura-condensed-extra";.batiste-steps-video-wrapper{width:100%;background-color:#f5f5f5}.batiste-steps-video{max-width:1240px;margin:0 auto;padding:72px 20px 78px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr);gap:34px 48px;align-items:stretch}.batiste-steps-video__header{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:40px;width:100%;margin:0;padding:0 0 2px}.batiste-steps-video__heading{font-family:Futura Condensed Extra,sans-serif;font-size:40px;line-height:.95;font-weight:700;font-style:italic;color:#0f6b5c;text-transform:uppercase;margin:0;flex:0 1 auto}.batiste-steps-video__text{font-family:Circular Book,sans-serif;font-size:20px;line-height:1.2;font-weight:400;color:#1a1a1a;max-width:540px;margin-left:auto;text-align:right}.batiste-steps-video__text p{margin:0}.batiste-steps-video__media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;background:#0f6b5c;margin-bottom:48px}.batiste-steps-video__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.batiste-steps-video__play-trigger{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background-color:#ec6fa3;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:2;transition:transform .2s ease}.batiste-steps-video__play-trigger:hover{transform:translate(-50%,-50%) scale(1.08)}.batiste-steps-video__play-icon svg{width:22px;height:22px;margin-left:3px}.batiste-steps-video__inline-player{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.batiste-steps-video__inline-player video,.batiste-steps-video__inline-player iframe{width:100%;height:100%;display:block}.batiste-steps-video__steps{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:54px 44px;width:100%}.batiste-steps-video__step{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;min-width:0}.batiste-steps-video__circle{position:relative;width:166px;height:166px;flex:0 0 166px;border-radius:50%;overflow:visible;display:flex;align-items:flex-end;justify-content:center;margin:0 auto 12px}.batiste-steps-video__circle img{position:relative;z-index:1;width:178px;height:178px;max-width:none;object-fit:contain;object-position:center bottom;display:block}.batiste-steps-video__step-number{font-family:Circular Book,sans-serif;font-size:16px;line-height:1.15;font-weight:400;color:#062f39;text-transform:uppercase;margin:0 0 1px}.batiste-steps-video__step-title{font-family:Circular Black,Circular Book,sans-serif;font-size:25px;line-height:.98;font-weight:900;color:#062f39;text-transform:uppercase;margin:0 0 12px}.batiste-steps-video__step-description{font-family:Circular Book,sans-serif;font-size:20px;line-height:1.25;font-weight:400;color:#062f39;max-width:290px;margin:0}.batiste-steps-video__media{position:relative;grid-column:2;grid-row:2;align-self:stretch;width:100%;height:100%;min-height:690px;aspect-ratio:auto;border-radius:18px;overflow:hidden;background:#0f6b5c;margin:0}.batiste-steps-video__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.batiste-steps-video__play-trigger{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background-color:#ec6fa3;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:2;padding:0;transition:transform .2s ease,opacity .2s ease}.batiste-steps-video__play-trigger:hover{transform:translate(-50%,-50%) scale(1.06)}.batiste-steps-video__play-icon svg{width:25px;height:25px;margin-left:4px}.batiste-steps-video__inline-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.batiste-steps-video__inline-player video,.batiste-steps-video__inline-player iframe{width:100%;height:100%;display:block;object-fit:cover}.batiste-steps-video__modal{border:none;padding:0;background:transparent;max-width:90vw;width:900px}.batiste-steps-video__modal::backdrop{background:#000000bf}.batiste-steps-video__modal-inner{position:relative;background:#000;border-radius:12px;overflow:hidden}.batiste-steps-video__modal-player{position:relative;width:100%;aspect-ratio:16 / 9}.batiste-steps-video__modal-player video,.batiste-steps-video__modal-player iframe{width:100%;height:100%;display:block}.batiste-steps-video__modal-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:22px;line-height:1;cursor:pointer}@media(max-width:989px){.batiste-steps-video{padding:44px 20px;grid-template-columns:minmax(0,1.45fr) minmax(270px,.8fr);gap:28px}.batiste-steps-video__media{min-height:560px}.batiste-steps-video__circle{width:140px;height:140px;flex-basis:140px}.batiste-steps-video__circle img{width:150px;height:150px}.batiste-steps-video__step-description{font-size:17px}}@media(max-width:700px){.batiste-steps-video{padding:16px 0 36px;display:block;overflow:hidden}.batiste-steps-video__header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:calc(100% - 40px);margin:30px 20px 22px;padding:0}.batiste-steps-video__heading{font-size:32px;text-align:center;line-height:.95;margin-bottom:20px}.batiste-steps-video__text{width:70%;max-width:none;margin:0 0 20px;font-size:17px;line-height:1.25;text-align:center}.batiste-steps-video__media{width:calc(100% - 40px);margin:0 20px 34px;min-height:0;height:auto;aspect-ratio:9 / 16;border-radius:15px}.batiste-steps-video__bg{object-position:center center}.batiste-steps-video__play-trigger{width:48px;height:48px}.batiste-steps-video__play-icon svg{width:19px;height:19px;margin-left:3px}.batiste-steps-video__steps{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:22px;width:max-content;padding:0 0 8px 4px;overflow:visible;grid-template-columns:none;grid-template-rows:none}.batiste-steps-video__step{flex:0 0 120px;width:120px;min-width:120px;align-items:center;text-align:center}.batiste-steps-video__circle{width:120px;height:120px;flex:0 0 120px;margin:0 auto 12px}.batiste-steps-video__circle img{width:130px;height:130px;object-fit:contain;object-position:center bottom}.batiste-steps-video__step-number{font-size:13px;line-height:1.05;margin:0 0 2px;white-space:nowrap}.batiste-steps-video__step-title{font-size:19px;line-height:.98;margin:0;white-space:normal}.batiste-steps-video__step-description{font-size:14px;line-height:1.2;max-width:120px;margin-top:8px}}@media(max-width:420px){.batiste-steps-video__media{width:calc(100% - 40px);margin-left:20px;margin-right:20px}.batiste-steps-video__steps{gap:20px;padding-left:4px}.batiste-steps-video__step{flex-basis:116px;width:116px;min-width:116px}.batiste-steps-video__circle{width:116px;height:116px;flex-basis:116px}.batiste-steps-video__circle img{width:126px;height:126px}.batiste-steps-video__step-number{font-size:12px}.batiste-steps-video__step-title{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/batiste-steps-video.css.map */