.mojo-circle .mojo-creator-how{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.6fr);align-items:start;gap:clamp(32px,4vw,64px);margin-top:clamp(50px,6vw,80px);padding-top:clamp(40px,5vw,64px);border-top:1px solid rgba(53,37,27,.18)}.mojo-circle .mojo-creator-how h3{margin:0 0 22px;max-width:13ch;font-size:clamp(42px,5.4vw,72px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.mojo-creator-how__intro{max-width:38ch;margin:0;color:#5b493e;font-size:16px;line-height:1.7}.mojo-creator-how__copy details{margin-top:22px}.mojo-creator-how__copy summary{display:flex;align-items:center;gap:8px;width:fit-content;min-height:44px;padding-block:10px;color:var(--circle-ink);font-size:14px;text-underline-offset:4px;cursor:pointer}.mojo-creator-how__copy summary:after{content:"+";font-size:18px}.mojo-creator-how__copy details[open] summary:after{content:"\2212"}.mojo-creator-how__copy details p{margin:12px 0 0;color:#5b493e;font-size:15px;line-height:1.7}mojokoe-creator-how{display:block;min-width:0}.mojo-creator-how__figure{margin:0;min-width:0}.mojo-creator-how__frame{position:relative;aspect-ratio:16 / 9;padding:4px;border:1px solid var(--circle-gold);background:#fffdf8}.mojo-creator-how__frame picture,.mojo-creator-how__frame img{display:block;width:100%;height:100%}.mojo-creator-how__frame img{object-fit:contain;background:#2b1d16}.mojo-creator-how__frame picture[hidden],.mojo-creator-how__play[hidden]{display:none}.mojo-creator-how__video{display:block;width:100%;height:100%;object-fit:contain;background:#2b1d16}.mojo-creator-how__play{position:absolute;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;min-height:72px;padding:0;border:1px solid rgba(255,253,248,.72);border-radius:50%;background:#2b1d16e0;color:#fffdf8;cursor:pointer}.mojo-creator-how__play svg{width:24px;height:24px;fill:currentColor;transform:translate(1px)}.mojo-creator-how__play span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mojo-creator-how__play:hover{background:#2b1d16;border-color:#fffdf8}.mojo-creator-how__play:disabled{cursor:wait}.mojo-creator-how__play:focus-visible,.mojo-creator-how__video:focus-visible,.mojo-creator-how summary:focus-visible,.mojo-creator-how a:focus-visible{outline:2px solid #866031;outline-offset:4px}.mojo-creator-how__play:focus-visible{outline:2px solid #fffdf8;outline-offset:4px}.mojo-creator-how__caption{margin-top:14px;color:#5b493e;font-size:14px;line-height:1.6}.mojo-creator-how__error{margin:16px 0 0;font-size:13px;line-height:1.6}.mojo-creator-how__error a,.mojo-creator-how__noscript{display:inline-flex;min-height:44px;align-items:center;color:inherit;text-decoration:underline;text-underline-offset:4px}@media(max-width:749px){.mojo-circle .mojo-creator-how{grid-template-columns:1fr;gap:28px}.mojo-circle .mojo-creator-how h3{max-width:15ch}.mojo-creator-how__intro{max-width:50ch}.mojo-creator-how__frame{aspect-ratio:4 / 5}.mojo-creator-how__play{width:64px;height:64px;min-height:64px}}mojokoe-creator-how[data-format=desktop] .mojo-creator-how__frame{aspect-ratio:16 / 9}mojokoe-creator-how[data-format=mobile] .mojo-creator-how__frame{aspect-ratio:4 / 5}
/*# sourceMappingURL=/cdn/shop/t/11/assets/mojokoe-creator-how.css.map */