.topDiv[data-v-09897c48]{display:flex;flex-direction:column;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.setting-row[data-v-09897c48]{height:20%;position:relative}.setting[data-v-09897c48]{position:absolute;top:2rem;right:2rem;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;border-radius:50%;padding:.5rem;font-size:2rem}.date-time-row[data-v-09897c48]{height:30%;flex-direction:column;align-items:center;padding:0 12px;box-sizing:border-box}.date-time-row[data-v-09897c48],.date[data-v-09897c48]{display:flex;justify-content:center;width:100%}.date p[data-v-09897c48]{margin:0 .5rem;font-size:1.8rem;font-weight:700;white-space:nowrap}.time-wrap[data-v-09897c48]{width:100%;display:flex;justify-content:center}.time[data-v-09897c48]{margin-top:.3rem;font-size:4.8rem;font-weight:700;transform-origin:center center;text-align:center}.time[data-v-09897c48],.time span[data-v-09897c48]{display:inline-block;white-space:nowrap}.date-time-row.time-size-small .date p[data-v-09897c48]{font-size:1.5rem}.date-time-row.time-size-small .time[data-v-09897c48]{font-size:3.8rem}.date-time-row.time-size-large .date p[data-v-09897c48]{font-size:2.2rem}.date-time-row.time-size-large .time[data-v-09897c48]{font-size:6rem}.action-row[data-v-09897c48]{display:flex;flex-direction:column;justify-content:center;align-items:center}.action-row.has-record>.record-btn[data-v-09897c48],.action-row.has-record>.to-call[data-v-09897c48],.action-row.no-record>.to-call[data-v-09897c48]{height:auto;display:flex;justify-content:center;align-items:center}.to-call[data-v-09897c48]{flex:0 0 12rem;width:12rem;height:12rem;background-color:#27ae60;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.phone_icon[data-v-09897c48]{font-size:8rem;color:#fff}.record-btn[data-v-09897c48]{cursor:pointer;margin:10px 0}.record-icon[data-v-09897c48]{width:7.5rem;height:7.5rem}.record-hint[data-v-09897c48]{font-size:11px;text-align:center;line-height:1.2}.memo-popup[data-v-09897c48]{background-color:#e6f2ff;padding:20px;width:80vw;max-width:350px}.memo-title[data-v-09897c48]{font-size:25px;font-weight:700;margin-bottom:15px;text-align:center}.memo-input[data-v-09897c48]{margin-bottom:10px}.memo-hint[data-v-09897c48]{font-size:12px;color:#666;margin-bottom:15px}.memo-buttons[data-v-09897c48]{display:flex;justify-content:space-evenly}.memo-buttons .van-button[data-v-09897c48]{width:45%}.darkClass[data-v-09897c48]{background-color:#000}.darkClass .date-time-row .date p[data-v-09897c48],.darkClass .date-time-row .time[data-v-09897c48],.darkClass .date-time-row .time span[data-v-09897c48]{color:#fff}.darkClass .to-call[data-v-09897c48]{background-color:#4b4b4b}.darkClass button[data-v-09897c48]{background-color:#4b4b4b;border-color:#4b4b4b}.record-button-container[data-v-09897c48]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px 0}.topDiv.extra-large-clock[data-v-09897c48]{box-sizing:border-box;overflow-y:auto;padding:calc(var(--tsunagaru-safe-area-top, 0px) + 4px) env(safe-area-inset-right,0) calc(var(--tsunagaru-safe-area-bottom, 0px) + 8px) env(safe-area-inset-left,0)}.extra-large-clock .setting-row[data-v-09897c48]{flex:0 0 56px;height:56px}.extra-large-clock .setting[data-v-09897c48]{top:8px;right:12px;width:48px;height:48px;font-size:28px}.extra-large-clock .date-time-row[data-v-09897c48]{position:relative;flex:1;height:auto;min-height:8rem;overflow:hidden;color:#000}.extra-clock-content[data-v-09897c48]{position:absolute;top:4px;left:50%;width:-moz-max-content;width:max-content;display:flex;flex-direction:column;align-items:center;font-size:10vw;line-height:1.15;transform-origin:top center}.extra-clock-content .date[data-v-09897c48]{width:auto;flex-direction:column;text-align:left}.extra-clock-content .date p[data-v-09897c48]{margin:0;font-size:1em}.extra-clock-content .time[data-v-09897c48]{margin-top:0;font-size:2.6em;line-height:1.05;font-variant-numeric:tabular-nums}.extra-large-clock .action-row[data-v-09897c48]{flex:0 0 auto;padding:4px 12px 0}.extra-large-clock .record-btn[data-v-09897c48]{margin:6px 0 0}.extra-large-clock .record-button-container[data-v-09897c48]{padding:4px 0}@media (max-height:650px){.extra-large-clock .setting-row[data-v-09897c48]{flex-basis:0;height:0}.extra-large-clock .date-time-row[data-v-09897c48]{align-self:center;width:calc(100% - 104px)}}