.custom-pdp-yt-video{width:100%}.custom-pdp-yt-video-content{position:relative;overflow:hidden;border-radius:8px}.custom-pdp-yt-video-content--desktop{background:var(--pdp-yt-bg, linear-gradient(180deg, #557ca7 0%, #b3becf 41.92%, #f2eadd 100%))}.custom-pdp-yt-video-content--mobile{background:var(--pdp-yt-bg-mobile, #091229)}.custom-pdp-yt-video-content--desktop{display:block}.custom-pdp-yt-video-content--mobile{display:none}@media screen and (max-width:999px){.custom-pdp-yt-video-content--desktop{display:none}.custom-pdp-yt-video-content--mobile{display:block}}.custom-pdp-yt-video h2,.custom-pdp-yt-video p{margin:0}.custom-pdp-yt-video-badge{display:inline-flex;align-items:center}.custom-pdp-yt-video-badge__icon{display:inline-flex;flex-shrink:0}.custom-pdp-yt-video-badge__icon img{display:block;width:100%;height:100%;object-fit:contain}.custom-pdp-yt-video-badge__title{font-family:Helvetica Neue ForEco Md;font-weight:500;font-style:normal;letter-spacing:0;background:linear-gradient(180deg,#a3eaf1,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 1px rgba(179,236,242,.5)}.custom-pdp-yt-video-phone{position:relative;display:flex;overflow:hidden}.custom-pdp-yt-video-phone__frame{width:100%;height:100%}.custom-pdp-yt-video-phone__video{top:15px;width:90%!important;height:110%;position:absolute;left:50%;object-fit:cover;transform:translate(-50%);border-radius:40px!important}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-container{display:flex;justify-content:space-between;gap:60px;max-width:1360px;margin:0 auto;padding:45px 80px 0;min-height:565px;box-sizing:border-box}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:615px;flex-shrink:0}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-badge{gap:2px;padding:2.25px 13.5px 2.25px 4.5px;background:#344857;border-radius:56.25px}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-badge__icon{width:34.875px;height:34.875px}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-badge__title{font-size:15.75px;font-family:Helvetica Neue ForEco Md;font-style:normal;font-weight:500;line-height:20.25px}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-title{font-family:Helvetica Neue ForEco Md;font-weight:500;font-style:normal;font-size:28px;line-height:32px;color:#18191b}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-subtitle{font-family:HelveticaNeueForEco-Roman;font-weight:400;font-style:normal;font-size:16px;line-height:20px;color:#18191b}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-cards{display:flex;flex-direction:column;gap:12px;max-width:100%;margin-top:12px}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-card{display:flex;align-items:center;gap:16px;padding:16px;background:#fff6;border-radius:8px;box-sizing:border-box}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-card__icon{width:48px;height:48px;flex-shrink:0}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-card__icon img{width:100%;height:100%;object-fit:contain}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-card__body{display:flex;flex-direction:column;gap:4px}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-card__label{font-family:Helvetica Neue ForEco Md;font-weight:500;font-style:normal;font-size:14px;line-height:18px;color:#595c61}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-card__title{font-family:Helvetica Neue ForEco Md;font-weight:500;font-style:normal;font-size:20px;line-height:26px;color:#18191b}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-card__desc{font-family:HelveticaNeueForEco-Roman;font-weight:400;font-style:normal;font-size:16px;line-height:20px;white-space:nowrap;color:#18191b}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-media{flex-shrink:0;align-self:stretch;display:flex;width:300px;margin-right:58px;align-items:center}.custom-pdp-yt-video-content--desktop .custom-pdp-yt-video-phone{width:100%;height:100%}.custom-pdp-yt-video-content--mobile .custom-pdp-yt-video-phone__video{top:6px;width:92%!important;height:98%;position:absolute;left:50%;object-fit:cover;transform:translate(-50%);border-radius:27px!important}.custom-pdp-yt-video-content--mobile .custom-pdp-yt-video-container{position:relative;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:23px 24px 109px;box-sizing:border-box;min-height:640px}.custom-pdp-yt-video-content--mobile .custom-pdp-yt-video-badge{gap:4px}.custom-pdp-yt-video-content--mobile .custom-pdp-yt-video-badge__icon{width:34px;height:34px}.custom-pdp-yt-video-content--mobile .custom-pdp-yt-video-badge__title{font-size:20px;line-height:26px}.custom-pdp-yt-video-content--mobile .custom-pdp-yt-video-title{margin-top:9px;font-family:Helvetica Neue ForEco Md;font-weight:500;font-style:normal;font-size:20px;line-height:26px;text-align:center;color:#fff;white-space:normal;width:max-content;max-width:100%}.custom-pdp-yt-video-content--mobile .custom-pdp-yt-video-media{margin-top:32px;width:187px}.custom-pdp-yt-video-content--mobile .custom-pdp-yt-video-phone{width:100%}.custom-pdp-yt-video-content--mobile .custom-pdp-yt-video-overlay{position:absolute;left:0;right:0;bottom:0;height:305px;background:linear-gradient(180deg,#0000,#000 56.73% 100%);pointer-events:none}.custom-pdp-yt-video-content--mobile .custom-pdp-yt-video-steps{position:absolute;left:24px;bottom:35px;z-index:2;display:flex;flex-direction:column;gap:16px}.custom-pdp-yt-video-step{display:flex;flex-direction:column;gap:8px}.custom-pdp-yt-video-step__num{font-family:HelveticaNeueForEco-Roman;font-weight:400;font-style:normal;font-size:10px;line-height:14px;width:fit-content;color:#fff;background:#c88d6a;border-radius:100px;padding:2px 8px;white-space:nowrap}.custom-pdp-yt-video-step__title{font-family:Helvetica Neue ForEco Md;font-weight:500;font-style:normal;font-size:20px;line-height:26px;color:#fff;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/621/assets/cust-pdp-yt-video.css.map */