.video-note-section{display:grid;align-items:center;padding:60px 5%;gap:40px;grid-template-columns:1fr 1.75fr}.video-note-text{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:15px}.video-note-text h2{font-size:40px;font-weight:500}.video-note-text p{font-size:14px;color:#444}.video-note-video{flex:1;position:relative}.video-wrapper{position:relative;width:100%;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9}.video-poster{position:relative;width:100%;height:100%;cursor:pointer}.video-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder{width:100%;height:100%;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:43px;height:40px;display:flex;align-items:center;justify-content:center;z-index:2}.play-button:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.play-button svg{margin-left:4px}.video-poster-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.video-embed{width:100%;height:100%;border:none;border-radius:10px}.video-note-section[data-loaded] .video-poster{display:none}.video-note-section[data-loaded] .video-embed{display:block}@media screen and (max-width: 767px){.video-note-section{grid-template-columns:1fr;gap:20px}.video-note-text{gap:10px}.video-note-text h2{font-size:32px}.play-button{width:60px;height:60px}.play-button svg{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/video-note-section.css.map */