.usage-guide{display:flex;flex-direction:column;gap:30px;padding:40px 20px;border-radius:20px;background-color:rgb(var(--ug-panel-background, 241 239 233))}.usage-guide__content{min-width:0;border-radius:20px}.usage-guide__heading{margin:0 0 20px}.usage-guide__steps{display:flex;flex-direction:column;gap:20px;margin:0;padding:0;list-style:none}.usage-guide__step{display:flex;align-items:center;gap:20px}.usage-guide__step-icon{width:48px;height:48px;flex-shrink:0;margin:0}.usage-guide__step-icon .usage-guide__step-icon-image,.usage-guide__note-icon .usage-guide__note-icon-image{width:100%;height:100%;object-fit:contain}.usage-guide__step-text{margin:0;font-size:14px;line-height:1.5;color:rgb(var(--ug-muted, 102 102 102))}.usage-guide__step-text strong,.usage-guide__step-text b{font-weight:600;color:rgb(var(--text-color))}.usage-guide__note{display:flex;align-items:center;gap:16px;margin:20px 0 0;padding:10px 16px;border-radius:15px;background-color:#fdfbf980;border:1px solid #D9D9D9}.usage-guide__note-icon{width:32px;height:32px;flex-shrink:0;margin:0}.usage-guide__note-text{margin:0;font-size:14px;font-style:italic;font-weight:500;line-height:1.5}.usage-guide__media{position:relative;border-radius:12px;overflow:hidden}.usage-guide__media video-media,.usage-guide__media .usage-guide__media-figure{display:block;width:100%;aspect-ratio:569 / 380;margin:0}.usage-guide__media .usage-guide__media-image,.usage-guide__media video{width:100%;height:100%;object-fit:cover}.usage-guide__media-figure .usage-guide__media-image{position:absolute;top:0;right:0;bottom:0;left:0}.usage-guide__media-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .2s ease}.usage-guide__media video-media[playing]~.usage-guide__media-ui{opacity:0;visibility:hidden}.usage-guide__media video-media[loaded]:not([playing])>.usage-guide__media-image{opacity:1;visibility:visible}.usage-guide__play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;filter:none;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);transition:transform .2s ease}.usage-guide__play:before{content:none;animation:none}.usage-guide__play:hover{transform:translate(-50%,-50%) scale(1.05)}.usage-guide__play:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px;border-radius:9999px}.usage-guide__play-icon{display:inline-flex}.usage-guide__play-icon svg{width:56px;height:56px}.shopify-section--usage-guide .section{padding-block-start:var(--ug-padding-top-mobile, 20px);padding-block-end:var(--ug-padding-bottom-mobile, 32px)}@media(prefers-reduced-motion:reduce){.usage-guide__play,.usage-guide__media-ui{transition:none}}@media screen and (min-width:989px){.usage-guide{flex-direction:row;align-items:center;gap:40px;padding:60px 48px}.usage-guide--media-left{flex-direction:row-reverse}.usage-guide__content{flex:1 1 0;margin-inline:0;padding:0;border-radius:0;background:none}.usage-guide__heading{margin-bottom:30px}.usage-guide__step-text{font-size:16px}.usage-guide__note{margin-top:30px;padding:12px 16px}.usage-guide__note-icon{width:40px;height:40px}.usage-guide__media{flex:0 0 45.6%;margin-top:0;border-radius:20px}.usage-guide__play-icon svg{width:90px;height:90px}.shopify-section--usage-guide .section{padding-block-start:var(--ug-padding-top, 40px);padding-block-end:var(--ug-padding-bottom, 40px)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/usage-guide.css.map */