.creation-tutorial-device{position:relative;isolation:isolate;width:min(100%,270px);aspect-ratio:852 / 1846;margin-inline:auto;filter:drop-shadow(0 24px 28px rgb(25 24 23 / 18%))}.creation-tutorial-screen{position:absolute;top:1.7%;right:4.55%;bottom:1.7%;left:4.55%;z-index:1;display:flex;overflow:hidden;border-radius:10.5%/4.5%;background:#000}.creation-tutorial-screen video{display:block;width:100%;height:100%;object-fit:cover;border:0}.creation-tutorial-screen video:focus-visible{outline:3px solid #d9b98e;outline-offset:-3px}.creation-tutorial-play{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:58px;height:58px;place-items:center;border:0;border-radius:50%;color:#fff;background:#d8b98e;box-shadow:0 8px 24px rgba(0,0,0,.24);cursor:pointer;transform:translate(-50%,-50%)}.creation-tutorial-play:focus-visible{outline:3px solid #fff;outline-offset:3px}.creation-tutorial-play.is-playing{opacity:0}.creation-tutorial-play.is-playing:hover,.creation-tutorial-play.is-playing:focus-visible{opacity:1}.creation-tutorial-fullscreen{position:absolute;z-index:2;left:50%;bottom:16px;display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;color:#fff;background:#d8b98e;box-shadow:0 8px 24px rgba(0,0,0,.24);cursor:pointer;transform:translate(-50%)}.creation-tutorial-fullscreen:focus-visible{outline:3px solid #fff;outline-offset:3px}.creation-tutorial-screen video:fullscreen{width:100vw;height:100vh;object-fit:contain;background:#000}.creation-tutorial-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none;user-select:none}@media (max-width: 560px){.creation-tutorial-device{width:min(76vw,270px)}}