.beauty-video-banner{width:100%;position:relative;overflow:hidden;height:100%}.beauty-video-banner__container{position:relative;width:100%;height:100vh;min-height:500px}.beauty-video-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.beauty-video-banner__image{width:100%;height:100%;object-fit:cover;object-position:center}.beauty-video-banner__video{width:100%;height:100%;object-fit:cover;object-position:center;border:none;cursor:pointer}.beauty-video-banner__image--mobile,.beauty-video-banner__video--mobile{display:block}.beauty-video-banner__image--desktop,.beauty-video-banner__video--desktop{display:none}@media screen and (min-width:750px){.beauty-video-banner__image--mobile,.beauty-video-banner__video--mobile{display:none}.beauty-video-banner__image--desktop,.beauty-video-banner__video--desktop{display:block}}.beauty-video-banner__placeholder{width:100%;height:100%;background:#f3f3f3;display:flex;align-items:center;justify-content:center}.beauty-video-banner__placeholder svg{width:80px;height:80px;opacity:.3}.beauty-video-banner__play-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:72px;height:72px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,opacity .4s ease;padding:0}.beauty-video-banner__play-toggle:hover{background:#fff}.beauty-video-banner__play-toggle.is-playing{opacity:0;pointer-events:none}.beauty-video-banner__container:hover .beauty-video-banner__play-toggle.is-playing{opacity:.75;pointer-events:auto}.beauty-video-banner__icon-play,.beauty-video-banner__icon-pause{width:28px;height:28px;color:#000;flex-shrink:0}.beauty-video-banner__icon-play{margin-left:3px}.beauty-video-banner__content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;padding:32px 20px;pointer-events:none}@media screen and (min-width:750px){.beauty-video-banner__content{padding:60px 80px}}.beauty-video-banner__text-wrapper{display:flex;flex-direction:column;text-align:center;pointer-events:auto}.beauty-video-banner__small-title{font-family:Acumin Variable Concept,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:0px;margin:0;line-height:19.6px}.beauty-video-banner__small-title p{margin:0;font-family:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.beauty-video-banner__large-title{font-family:PFGrandGothikExtended,sans-serif;font-weight:400;line-height:1.1;letter-spacing:-1px;margin:0;word-wrap:break-word;color:inherit!important}.beauty-video-banner__large-title p{margin:0;font-family:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;color:inherit!important}.beauty-video-banner__button-wrapper{margin-top:8px}@media screen and (min-width:750px){.beauty-video-banner__button-wrapper{margin-top:12px}}.beauty-video-banner__button{display:inline-block;padding:14px 32px;font-family:Acumin Variable Concept,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:300;line-height:16.9px;letter-spacing:0px;text-decoration:none;border:none;transition:all .3s ease;cursor:pointer}@media screen and (max-width:749px){.beauty-video-banner__content{padding:24px 16px}.beauty-video-banner__text-wrapper{gap:12px;max-width:100%}.beauty-video-banner__button{padding:12px 24px;font-size:12px}.beauty-video-banner__play-toggle{width:56px;height:56px}.beauty-video-banner__icon-play,.beauty-video-banner__icon-pause{width:22px;height:22px}}.beauty-video-banner__controls{position:absolute;bottom:0;left:0;width:100%;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 20px 16px;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 100%);box-sizing:border-box}.beauty-video-banner__controls-play{flex-shrink:0;width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;transition:opacity .2s ease}.beauty-video-banner__controls-play:hover{opacity:.8}.beauty-video-banner__ctrl-icon-play,.beauty-video-banner__ctrl-icon-pause{width:20px;height:20px;flex-shrink:0}.beauty-video-banner__ctrl-icon-play{margin-left:2px}.beauty-video-banner__time{flex-shrink:0;font-family:Acumin Variable Concept,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;color:#fff;white-space:nowrap;letter-spacing:.3px;min-width:72px}.beauty-video-banner__seek-wrapper{flex:1;display:flex;align-items:center}.beauty-video-banner__seek{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,#ae9773 0%,#ae9773 var(--seek-pct, 0%),rgba(255,255,255,.3) var(--seek-pct, 0%),rgba(255,255,255,.3) 100%);outline:none;cursor:pointer;border:none}.beauty-video-banner__seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#ae9773;cursor:pointer;transition:transform .15s ease}.beauty-video-banner__seek::-webkit-slider-thumb:hover{transform:scale(1.3)}.beauty-video-banner__seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ae9773;border:none;cursor:pointer}.beauty-video-banner__seek::-moz-range-track{background:transparent;height:4px}@media screen and (max-width:749px){.beauty-video-banner__controls{padding:10px 14px 14px;gap:8px}.beauty-video-banner__time{font-size:11px;min-width:60px}.beauty-video-banner__controls-play{width:26px;height:26px}.beauty-video-banner__ctrl-icon-play,.beauty-video-banner__ctrl-icon-pause{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/beauty-video-banner.css.map */