.ux.u021,.ux.u021-time{--ux-ink: var(--ink, #333d4b);--ux-ink-3: var(--muted, #6b7684);--ux-control-surface: var(--surface, #fff);--ux-control-line: var(--line, #e5e8eb);--ux-control-focus: var(--blue, #3182f6);--ux-accent: var(--blue, #3182f6);--ux-day-sky: linear-gradient(180deg,#5DB7FF,#9ED8FF);--ux-night-sky: linear-gradient(180deg,#141A3A,#232C5C);--ux-day-shadow: inset 0 4px 10px rgba(0,30,80,.28),inset 0 -2px 4px rgba(255,255,255,.4),0 18px 34px -18px rgba(40,110,200,.7);--ux-night-shadow: inset 0 4px 10px rgba(0,0,0,.5),inset 0 -2px 4px rgba(255,255,255,.08),0 18px 34px -18px rgba(20,24,70,.9);--ux-halo: rgba(255,255,255,.12);--ux-sun: radial-gradient(circle at 35% 30%,#FFF1A8,#FFD23F 45%,#F8A91E);--ux-sun-shadow: 0 6px 14px -4px rgba(140,80,0,.5),inset -4px -6px 10px rgba(200,110,0,.35),inset 4px 4px 8px rgba(255,255,255,.5);--ux-moon: radial-gradient(circle at 35% 30%,#F4F6FB,#C9CFDD 60%,#A9B0C2);--ux-crater: #A3AABC;--ux-crater-shadow: rgba(0,0,0,.18);--ux-cloud: #fff;--ux-cloud-back: #E3F1FF;--ux-star: #fff;--ux-transparent: transparent;--ux-ease: cubic-bezier(.2,.8,.2,1);--ux-spring: cubic-bezier(.34,1.45,.64,1);--ux-feedback-bg: #202b3d;--ux-feedback-ink: #fff;--ux-feedback-shadow: rgba(0,0,0,.18)}.ux.u021[data-theme=dark],.ux.u021-time[data-theme=dark],[data-theme=dark] .ux.u021,[data-theme=dark] .ux.u021-time{--ux-ink: #F4F0E8;--ux-ink-3: rgba(244,240,232,.68);--ux-control-surface: #1A1B25;--ux-control-line: rgba(255,255,255,.16);--ux-control-focus: #7DB4FF;--ux-accent: #7DB4FF;--ux-feedback-bg: #edf2fb;--ux-feedback-ink: #202b3d;--ux-feedback-shadow: rgba(0,0,0,.4)}.ux.u021,.ux.u021 *,.ux.u021 *:before,.ux.u021-time,.ux.u021-time *{box-sizing:border-box}.ux.u021{position:relative;display:flex;align-items:center;width:64px;height:32px;min-width:0;color:var(--ux-ink)}.ux.u021[data-theme=dark],[data-theme=dark] .ux.u021{background:var(--ux-control-surface);border-radius:999px}.ux.u021 .u021-sw{position:relative;display:block;flex:none;width:64px;height:32px;border:0;padding:0;border-radius:999px;background:var(--ux-transparent);cursor:pointer}.ux.u021 .u021-sw:focus-visible{outline:2px solid var(--ux-accent);outline-offset:3px}.ux.u021 .u021-sw:disabled{cursor:default;opacity:.55}.ux.u021 .u021-sky{position:absolute;left:0;top:2.57px;width:224px;height:94px;border-radius:999px;overflow:hidden;isolation:isolate;transform:scale(.2857142857);transform-origin:top left;background:var(--ux-day-sky);box-shadow:var(--ux-day-shadow);transition:box-shadow .8s var(--ux-ease)}.ux.u021 .u021-sky:before{content:"";position:absolute;inset:0;z-index:0;background:var(--ux-night-sky);opacity:0;transition:opacity .8s var(--ux-ease)}.ux.u021.is-night .u021-sky:before{opacity:1}.ux.u021.is-night .u021-sky{box-shadow:var(--ux-night-shadow)}.ux.u021 .u021-halo{position:absolute;z-index:1;left:47px;top:47px;width:0;height:0;transition:transform .9s var(--ux-spring)}.ux.u021 .u021-halo i{position:absolute;border-radius:50%;background:var(--ux-halo)}.ux.u021 .u021-halo i:nth-child(1){width:130px;height:130px;margin:-65px}.ux.u021 .u021-halo i:nth-child(2){width:176px;height:176px;margin:-88px}.ux.u021 .u021-halo i:nth-child(3){width:222px;height:222px;margin:-111px}.ux.u021.is-night .u021-halo{transform:translate(130px)}.ux.u021 .u021-knob{position:absolute;z-index:3;left:8px;top:8px;width:78px;height:78px;border-radius:50%;overflow:hidden;background:var(--ux-sun);box-shadow:var(--ux-sun-shadow);transition:transform .9s var(--ux-spring)}.ux.u021 .u021-moon{position:absolute;inset:0;border-radius:50%;background:var(--ux-moon);opacity:0;transform:translate(100%);transition:transform .8s var(--ux-ease),opacity .4s var(--ux-ease)}.ux.u021 .u021-moon i{position:absolute;border-radius:50%;background:var(--ux-crater);box-shadow:inset 1px 2px 2px var(--ux-crater-shadow)}.ux.u021 .u021-moon i:nth-child(1){left:20px;top:16px;width:20px;height:20px}.ux.u021 .u021-moon i:nth-child(2){left:46px;top:40px;width:14px;height:14px}.ux.u021 .u021-moon i:nth-child(3){left:24px;top:48px;width:9px;height:9px}.ux.u021.is-night .u021-knob{transform:translate(130px) rotate(200deg)}.ux.u021.is-night .u021-moon{opacity:1;transform:none}.ux.u021 .u021-clouds{position:absolute;z-index:2;inset:0;transition:transform .8s var(--ux-ease),opacity .6s var(--ux-ease)}.ux.u021 .u021-clouds i{position:absolute;border-radius:999px;background:var(--ux-cloud)}.ux.u021 .u021-clouds i:nth-child(1){right:-10px;bottom:-18px;width:120px;height:56px;box-shadow:-46px 8px 0 -6px var(--ux-cloud),-80px 18px 0 -10px var(--ux-cloud)}.ux.u021 .u021-clouds i:nth-child(2){right:20px;bottom:-30px;width:96px;height:52px;background:var(--ux-cloud-back);box-shadow:-44px 6px 0 -8px var(--ux-cloud-back);z-index:-1}.ux.u021.is-night .u021-clouds{transform:translateY(80px);opacity:0}.ux.u021 .u021-stars{position:absolute;z-index:1;inset:0;opacity:0;transform:translateY(-30px);transition:transform .8s var(--ux-ease),opacity .6s var(--ux-ease)}.ux.u021 .u021-stars i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--ux-star);box-shadow:0 0 6px var(--ux-star);animation:u021-tw 2.4s ease-in-out infinite;animation-play-state:paused}.ux.u021 .u021-stars i:nth-child(1){left:30px;top:20px}.ux.u021 .u021-stars i:nth-child(2){left:58px;top:56px;animation-delay:-.6s;width:3px;height:3px}.ux.u021 .u021-stars i:nth-child(3){left:86px;top:26px;animation-delay:-1.2s}.ux.u021 .u021-stars i:nth-child(4){left:44px;top:72px;animation-delay:-1.8s;width:3px;height:3px}.ux.u021 .u021-stars i:nth-child(5){left:110px;top:60px;animation-delay:-.9s;width:2px;height:2px}.ux.u021 .u021-stars i:nth-child(6){left:20px;top:46px;animation-delay:-1.5s;width:2px;height:2px}.ux.u021.is-night .u021-stars{opacity:1;transform:none}.ux.u021.is-night .u021-stars i{animation-play-state:running}@keyframes u021-tw{50%{opacity:.3;transform:scale(.6)}}.ux.u021 .u021-feedback{position:fixed;inset:auto;width:max-content;max-width:calc(100vw - 16px);margin:0;padding:7px 12px;border:0;border-radius:9px;overflow:visible;background:var(--ux-feedback-bg);color:var(--ux-feedback-ink);font:600 12px/18px Pretendard Variable,Malgun Gothic,system-ui,sans-serif;white-space:nowrap;box-shadow:0 4px 14px var(--ux-feedback-shadow);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .16s ease-out,transform .16s ease-out}.ux.u021 .u021-feedback.u021-feedback-visible{opacity:1;transform:translateY(0)}.ux.u021 .u021-feedback:after{content:"";position:absolute;left:calc(var(--u021-tip-x,50%) - 4px);bottom:-4px;width:8px;height:8px;background:var(--ux-feedback-bg);transform:rotate(45deg)}.ux.u021 .u021-feedback::backdrop{background:var(--ux-transparent);pointer-events:none}.ux.u021-time{display:flex;align-items:center;height:32px;min-width:0}.ux.u021-time #rx-entryTime{width:100%;min-width:0;height:32px;padding:0 6px;border:1px solid var(--ux-control-line);border-radius:8px;background:var(--ux-control-surface);color:var(--ux-ink);font:13px/30px Pretendard Variable,Malgun Gothic,system-ui,sans-serif;font-variant-numeric:tabular-nums}.ux.u021-time #rx-entryTime::-webkit-calendar-picker-indicator{display:none}.ux.u021-time #rx-entryTime:focus-visible{outline:2px solid var(--ux-control-focus);outline-offset:2px}.ux.u021-time #rx-entryTime:disabled{opacity:.55}.ux.u021-time .u021-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ux.u021-entry-grid.u021-entry-grid{display:grid;grid-template-columns:minmax(154px,1fr) minmax(154px,1fr) 96px 64px;gap:8px}@media screen and (max-width:600px){.ux.u021-entry-grid.u021-entry-grid{grid-template-columns:minmax(0,1fr) 80px}.ux.u021-entry-grid>.u030-field:first-child{grid-column:1 / -1}.ux.u021-entry-grid>.u021{grid-column:1 / -1;justify-self:end}}@media(prefers-reduced-motion:reduce){.ux.u021 *,.ux.u021 *:before,.ux.u021-time *{animation:none!important;transition:none!important}}@media print{.ux.u021 .u021-feedback{display:none!important}.ux.u021-time #rx-entryTime{border:0;background:var(--ux-transparent)}.ux.u021-entry-grid.u021-entry-grid{display:flex;flex-wrap:wrap}}
