.morae-youtube-guide{padding-top:56px;padding-bottom:30px}.morae-youtube-guide__heading{margin:0 0 12px;text-align:center;font-family:var(--font-heading-family);font-size:3.8rem;line-height:1.1;color:#221c2e}.morae-youtube-guide__subtext{max-width:640px;margin:0 auto 28px;text-align:center;font-family:var(--font-body-family);font-size:1.8rem;line-height:1.8;color:#4a4354}.morae-youtube-guide__wrap{max-width:900px;margin:0 auto}.morae-youtube-guide__trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.morae-youtube-guide__media{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:1.6rem;background:#000}.morae-youtube-guide__thumb{width:100%;height:100%;display:block;object-fit:cover}.morae-youtube-guide__play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:7.2rem;height:7.2rem;border-radius:50%;background:#221c2ee0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.6rem;line-height:1}.morae-youtube-guide__modal[hidden]{display:none}.morae-youtube-guide__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.morae-youtube-guide__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#110d18b8}.morae-youtube-guide__dialog{position:relative;width:min(960px,calc(100vw - 32px));margin:6vh auto 0;background:#000;border-radius:1.2rem;overflow:hidden}.morae-youtube-guide__player{width:100%;aspect-ratio:16 / 9;background:#000}.morae-youtube-guide__player iframe{width:100%;height:100%;border:0;display:block}.morae-youtube-guide__close{position:absolute;top:12px;right:12px;width:4.2rem;height:4.2rem;border:0;border-radius:50%;background:#110d18cc;color:#fff;font-size:2.8rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}@media screen and (max-width:749px){.morae-youtube-guide{padding-top:42px;padding-bottom:20px}.morae-youtube-guide__heading{font-size:2.8rem}.morae-youtube-guide__subtext{max-width:640px;margin-bottom:20px;font-size:1.55rem;line-height:1.75}.morae-youtube-guide__media{border-radius:1.2rem}.morae-youtube-guide__play{width:5.6rem;height:5.6rem;font-size:2rem}.morae-youtube-guide__dialog{width:min(92vw,420px);margin-top:10vh;border-radius:1rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/morae-youtube-guide.css.map */