.template-mask{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:1fr 85% 1fr;grid-template-rows:1fr auto 1fr}@media(orientation:landscape)and (max-height:300px){.template-mask{grid-template-columns:1fr 70% 1fr;grid-template-rows:10% auto 1fr}}@media(orientation:landscape)and (max-height:240px){.template-mask{grid-template-columns:1fr 65% 1fr;grid-template-rows:.25fr auto 1fr}}.template-mask__top{grid-row:1/span 1;grid-column:2/span 1;background-color:rgba(24,24,24,.58)}.template-mask__top--left{grid-column:1/span 1}.template-mask__top--right{grid-column:3/span 1}.template-mask__bottom{grid-row:3/span 1;grid-column:2/span 1;background-color:rgba(24,24,24,.58)}.template-mask__bottom--left{grid-column:1/span 1}.template-mask__bottom--right{grid-column:3/span 1}.template-mask__center{grid-row:2/span 1;grid-column:2/span 1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.template-mask__center img{width:100%}.template-mask__center--left{grid-row:2/span 1;grid-column:1/span 1;background-color:rgba(24,24,24,.58)}.template-mask__center--right{grid-row:2/span 1;grid-column:3/span 1;background-color:rgba(24,24,24,.58)}.template-mask__message{width:100%;text-align:center;color:#fff;font-size:1rem;font-family:Noto Sans JP,Roboto,sans-serif;font-weight:700}@media only screen and (max-width:768px){.template-mask__message{font-size:.7rem}}@media(orientation:landscape)and (max-height:300px){.template-mask__message{font-size:.5rem}}.portrait-frame[data-v-17fccf92]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;width:100%;background-color:#000;pointer-events:none}.portrait-frame__top[data-v-17fccf92]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:20%}.portrait-frame__middle[data-v-17fccf92]{display:-webkit-box;display:-ms-flexbox;display:flex;height:60%;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.portrait-frame__middle video[data-v-17fccf92]{height:100%;max-width:100%;max-height:100%}.portrait-frame__bottom[data-v-17fccf92]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:20%;padding:1rem}.portrait-frame__button[data-v-17fccf92]{font-size:3rem;width:6rem;height:6rem;padding:1rem;pointer-events:visible}@media(max-width:700px){.portrait-frame__button[data-v-17fccf92]{width:auto;height:auto;font-size:2.5rem}}.portrait-frame__button--close[data-v-17fccf92]{height:3.5rem;width:3.5rem;min-height:0;padding:0;font-size:2.5rem;margin:2rem 2rem}@media(max-width:700px){.portrait-frame__button--close[data-v-17fccf92]{height:2.5rem;width:2.5rem;font-size:1.8rem;margin:1rem 1rem}}.portrait-frame__button--upload[data-v-17fccf92]{height:4rem;width:4rem;min-height:0;font-size:2rem;padding:0;margin:0;position:absolute;left:2rem}@media(max-width:700px){.portrait-frame__button--upload[data-v-17fccf92]{height:2.5rem;width:2.5rem;font-size:1.5rem;left:1rem}}.portrait-frame canvas[data-v-17fccf92]{display:none}.landscape-frame[data-v-0e317cde]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100vh;background-color:#000;pointer-events:none}.landscape-frame__left[data-v-0e317cde]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:10%}.landscape-frame__middle[data-v-0e317cde]{display:-webkit-box;display:-ms-flexbox;display:flex;width:70%;position:relative}.landscape-frame__middle video[data-v-0e317cde]{width:100%}.landscape-frame__right[data-v-0e317cde]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;padding:1rem}.landscape-frame__button[data-v-0e317cde]{font-size:3rem;width:5.5rem;height:5.5rem;padding:1rem;pointer-events:visible}@media(max-width:840px){.landscape-frame__button[data-v-0e317cde]{width:auto;height:auto;font-size:2.5rem}}.landscape-frame__button--close[data-v-0e317cde]{height:3.5rem;width:3.5rem;min-height:0;font-size:2.5rem;padding:0;margin:0;position:absolute;top:2rem}@media(max-width:840px){.landscape-frame__button--close[data-v-0e317cde]{height:2.8rem;width:2.8rem;font-size:1.8rem;top:1.5rem}}.landscape-frame__button--upload[data-v-0e317cde]{height:4rem;width:4rem;min-height:0;font-size:2rem;padding:0;margin:0;position:absolute;bottom:2rem}@media(max-width:840px){.landscape-frame__button--upload[data-v-0e317cde]{bottom:1.5rem;height:3rem;width:3rem;font-size:1.8rem}}.landscape-frame canvas[data-v-0e317cde]{display:none}.camera[data-v-7d8fe8f4]{height:100%;width:100%;overflow:hidden;-ms-touch-action:none;touch-action:none;background:#000;position:absolute;top:0}@media only screen and (orientation:landscape){.camera__modal[data-v-7d8fe8f4]{font-size:90%}}@media only screen and (min-width:600px){.camera__modal[data-v-7d8fe8f4]{padding:2rem}}.camera__modal-title[data-v-7d8fe8f4]{font-size:.95rem;font-weight:600;letter-spacing:var(--letter-spacing-expanded);margin:1rem 0;text-align:left;width:100%}.camera__upload-box[data-v-7d8fe8f4]{border:1px solid var(--accent-colour);border-radius:var(--border-radius);margin:.5rem auto;padding:1rem;width:100%}.camera__upload-message[data-v-7d8fe8f4]{font-size:.85rem;letter-spacing:var(--letter-spacing-expanded);margin-bottom:1rem}.camera__upload-icon[data-v-7d8fe8f4]{height:25px;margin-right:1rem}.camera__error-box[data-v-7d8fe8f4]{border:1px solid #fff;padding:1rem}.camera__error-subtitle[data-v-7d8fe8f4]{font-size:.9rem;font-weight:600;letter-spacing:var(--letter-spacing-expanded);margin:.5rem 0}.camera__error-message[data-v-7d8fe8f4]{font-size:.8rem;font-weight:400;padding:.5rem;margin:.5rem 0}.camera__error-code[data-v-7d8fe8f4]{color:#ddd;font-size:.7rem;margin:.5rem 0 1rem 0}