.nara-video__container{max-width:800px;margin:0 auto;transition:max-width .7s ease}@media only screen and (max-width:767px){.nara-video__container{max-width:314px}}.nara-video__wrapper{display:block;position:relative;width:100%;aspect-ratio:16/9;border-radius:21px;overflow:hidden;transition:max-width .7s ease,border-radius .7s ease,opacity .3s ease}@media only screen and (max-width:767px){.nara-video__wrapper{border-radius:8px;transition:transform .6s ease-in-out,border-radius .7s ease}}@media only screen and (max-width:767px){.nara-video__wrapper.is-rotating{transform:rotate(90deg);z-index:999}}.nara-video__wrapper.is-rotated{position:fixed;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%);z-index:99999;border-radius:0;aspect-ratio:unset;background:#000;animation:expandDesktop 0s ease-in-out forwards}@media only screen and (max-width:767px){.nara-video__wrapper.is-rotated{width:100vh;height:100vw;transform:translate(-50%,-50%) rotate(90deg);animation:expandMobile .3s ease-in-out forwards}}@keyframes expandDesktop{from{top:var(--center-y,50%);left:var(--center-x,50%);width:var(--start-width,800px);height:var(--start-height,450px);transform:translate(-50%,-50%)}to{top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%)}}@keyframes expandMobile{from{top:var(--center-y,50%);left:var(--center-x,50%);width:var(--start-height,314px);height:var(--start-width,176px);transform:translate(-50%,-50%) rotate(90deg)}to{top:50%;left:50%;width:100vh;height:100vw;transform:translate(-50%,-50%) rotate(90deg)}}.nara-video__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.nara-video__external-container,.nara-video__external-video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.nara-video__external-container iframe,.nara-video__external-video iframe{width:100%;height:100%;position:absolute;top:0;left:0}.nara-video__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}.nara-video__poster{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.nara-video__play-button{position:relative;z-index:3;background:0 0;border:none;padding:0;cursor:pointer;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.nara-video__play-button:hover svg{transform:scale(1.1)}.nara-video__play-button svg{display:block;width:40px;height:40px;transition:transform .3s ease}.nara-video__close-button{position:fixed;top:40px;right:40px;z-index:1001;background:0 0;border:none;padding:10px;cursor:pointer;color:#fff;opacity:0;pointer-events:none;transition:opacity .3s ease}@media only screen and (max-width:767px){.nara-video__close-button{top:10px;right:60px;z-index:1002}}.is-rotated .nara-video__close-button{opacity:1;pointer-events:all}.nara-video__close-button:hover svg{transform:scale(1.1)}.nara-video__close-button svg{display:block;width:32px;height:32px;transition:transform .3s ease}.nara-video__wrapper{width:100%}