.artclock-modal[hidden]{display:none!important}.artclock-modal{--artclock-accent: #72bdb1;--artclock-accent-dark: #4d978e;--artclock-ink: #202523;--artclock-muted: #6f7773;--artclock-line: #dfe5e2;--artclock-soft: #f5f8f7;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:grid;place-items:center;padding:24px;color:var(--artclock-ink);font-family:inherit}.artclock-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#141a186b;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.artclock-modal__dialog{position:relative;width:min(1040px,100%);max-height:min(900px,calc(100vh - 48px));overflow:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.82);border-radius:28px;background:#fffffffa;box-shadow:0 28px 90px #1a272333}.artclock-modal__header{padding:30px 76px 22px 32px;border-bottom:1px solid var(--artclock-line)}.artclock-modal__eyebrow{margin:0 0 7px;color:var(--artclock-accent-dark);font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.artclock-modal__title{margin:0;color:var(--artclock-ink);font-size:clamp(24px,3vw,34px);font-weight:500;letter-spacing:-.025em;line-height:1.15}.artclock-modal__subtitle{max-width:720px;margin:9px 0 0;color:var(--artclock-muted);font-size:14px;line-height:1.55}.artclock-modal__close{position:absolute;z-index:4;top:24px;right:24px;width:42px;height:42px;border:1px solid var(--artclock-line);border-radius:50%;background:#fff;color:var(--artclock-ink);cursor:pointer;font:inherit;font-size:25px;line-height:1;transition:border-color .18s ease,transform .18s ease,background .18s ease}.artclock-modal__close:hover{border-color:var(--artclock-accent);background:var(--artclock-soft);transform:rotate(3deg)}.artclock-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px 32px 0}.artclock-step{display:flex;align-items:center;gap:9px;min-width:0;color:#87908c;font-size:12px}.artclock-step__number{display:grid;flex:0 0 25px;width:25px;height:25px;place-items:center;border:1px solid var(--artclock-line);border-radius:50%;background:#fff;font-size:11px;font-weight:650}.artclock-step.is-active,.artclock-step.is-complete{color:var(--artclock-ink)}.artclock-step.is-active .artclock-step__number,.artclock-step.is-complete .artclock-step__number{border-color:var(--artclock-accent);background:#eaf6f3;color:#347b73}.artclock-modal__content{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,.92fr);gap:36px;padding:26px 32px 32px}.artclock-preview-column{min-width:0}.artclock-stage-wrap{position:relative;width:min(100%,520px);margin:0 auto;aspect-ratio:1}.artclock-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid #d7dedb;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fffffff2,#f7f9f8f5 56%,#e8edebf5);box-shadow:0 22px 50px #28373221,inset 0 0 0 8px #ffffffa6;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.artclock-stage:active{cursor:grabbing}.artclock-stage:focus-visible{outline:3px solid rgba(114,189,177,.35);outline-offset:5px}.artclock-stage__image{position:absolute;top:50%;left:50%;max-width:none!important;pointer-events:none;transform-origin:center;will-change:transform,width,height}.artclock-stage__placeholder{position:absolute;top:18%;right:18%;bottom:18%;left:18%;display:grid;place-items:center;color:#89918e;text-align:center;pointer-events:none}.artclock-stage__placeholder-inner{display:grid;gap:10px;justify-items:center}.artclock-stage__placeholder svg{width:50px;height:50px;stroke:var(--artclock-accent-dark);stroke-width:1.35;fill:none}.artclock-stage__placeholder span{max-width:230px;font-size:13px;line-height:1.45}.artclock-face{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.artclock-face__tick{position:absolute;top:0;left:calc(50% - 1px);width:2px;height:50%;background:linear-gradient(to bottom,transparent 0 7%,rgba(31,37,35,.76) 7% 15%,transparent 15% 100%);transform:rotate(var(--tick-angle));transform-origin:50% 100%}.artclock-face__hand{position:absolute;left:50%;bottom:50%;width:3px;border-radius:4px;background:#1a1f1dde;box-shadow:0 1px 3px #ffffff73;transform-origin:50% 100%}.artclock-face__hand--hour{height:23%;transform:translate(-50%) rotate(300deg)}.artclock-face__hand--minute{height:34%;width:2px;transform:translate(-50%) rotate(60deg)}.artclock-face__pin{position:absolute;top:50%;left:50%;width:11px;height:11px;border:2px solid rgba(255,255,255,.82);border-radius:50%;background:#29302d;box-shadow:0 1px 5px #14191747;transform:translate(-50%,-50%)}.artclock-preview-note{display:flex;align-items:flex-start;gap:8px;max-width:520px;margin:14px auto 0;color:var(--artclock-muted);font-size:12px;line-height:1.45}.artclock-preview-note:before{content:"i";display:grid;flex:0 0 19px;width:19px;height:19px;place-items:center;border:1px solid var(--artclock-line);border-radius:50%;color:var(--artclock-accent-dark);font-size:11px;font-style:normal;font-weight:700}.artclock-controls{display:flex;min-width:0;flex-direction:column;gap:18px}.artclock-upload{padding:22px;border:1px dashed #c8d4d0;border-radius:18px;background:var(--artclock-soft)}.artclock-upload__title{margin:0 0 5px;color:var(--artclock-ink);font-size:16px;font-weight:550}.artclock-upload__hint{margin:0 0 16px;color:var(--artclock-muted);font-size:13px;line-height:1.5}.artclock-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.artclock-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border:1px solid transparent;border-radius:999px;cursor:pointer;font:inherit;font-size:14px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.artclock-button:hover:not(:disabled){transform:translateY(-1px)}.artclock-button:focus-visible{outline:3px solid rgba(114,189,177,.32);outline-offset:2px}.artclock-button:disabled{cursor:not-allowed;opacity:.5}.artclock-button--primary{width:100%;min-height:54px;background:var(--artclock-accent);color:#163a35;box-shadow:0 10px 25px #4e978e33}.artclock-button--primary:hover:not(:disabled){background:#7fc7bc;box-shadow:0 13px 30px #4e978e42}.artclock-button--secondary{border-color:#cfd8d5;background:#fff;color:var(--artclock-ink)}.artclock-editor{display:grid;gap:17px;padding:20px;border:1px solid var(--artclock-line);border-radius:18px;background:#fff}.artclock-editor[aria-disabled=true]{opacity:.55}.artclock-field__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.artclock-field__label{margin:0;font-size:13px;font-weight:600}.artclock-field__value{color:var(--artclock-muted);font-size:12px}.artclock-range{width:100%;height:4px;margin:10px 0;border-radius:999px;outline:0;background:linear-gradient(to right,var(--artclock-accent) var(--range-progress, 0%),#e4e9e7 var(--range-progress, 0%));appearance:none;-webkit-appearance:none}.artclock-range::-webkit-slider-thumb{width:20px;height:20px;border:3px solid #fff;border-radius:50%;background:var(--artclock-accent-dark);box-shadow:0 1px 6px #1c312b3d;cursor:pointer;appearance:none;-webkit-appearance:none}.artclock-range::-moz-range-thumb{width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:var(--artclock-accent-dark);box-shadow:0 1px 6px #1c312b3d;cursor:pointer}.artclock-editor__actions{display:flex;flex-wrap:wrap;gap:10px}.artclock-quality{min-height:44px;padding:11px 13px;border-radius:12px;background:#f5f7f6;color:var(--artclock-muted);font-size:12px;line-height:1.45}.artclock-quality[data-level=good]{background:#edf8f3;color:#2d7259}.artclock-quality[data-level=medium]{background:#fff8e8;color:#806526}.artclock-quality[data-level=low]{background:#fff0ef;color:#9a4843}.artclock-error{display:none;margin:0;padding:12px 14px;border:1px solid #efd3d0;border-radius:12px;background:#fff5f4;color:#994b45;font-size:13px;line-height:1.45}.artclock-error.is-visible{display:block}.artclock-submit-wrap{margin-top:auto}.artclock-privacy{margin:9px 5px 0;color:#8a918e;font-size:11px;line-height:1.45;text-align:center}.artclock-loading{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;display:none;place-items:center;border-radius:28px;background:#ffffffd6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.artclock-loading.is-visible{display:grid}.artclock-loading__inner{display:grid;gap:14px;justify-items:center;padding:24px;color:var(--artclock-ink);font-size:14px;font-weight:600;text-align:center}.artclock-spinner{width:38px;height:38px;border:3px solid #dfeae7;border-top-color:var(--artclock-accent-dark);border-radius:50%;animation:artclock-spin .75s linear infinite}@keyframes artclock-spin{to{transform:rotate(360deg)}}@media(max-width:780px){.artclock-modal{align-items:end;padding:0}.artclock-modal__dialog{width:100%;max-height:94vh;border-radius:24px 24px 0 0}.artclock-modal__header{padding:24px 64px 18px 20px}.artclock-modal__close{top:18px;right:18px}.artclock-steps{padding:14px 20px 0}.artclock-step{display:grid;justify-items:center;gap:5px;text-align:center}.artclock-step__label{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.artclock-modal__content{grid-template-columns:1fr;gap:24px;padding:22px 20px 26px}.artclock-stage-wrap{width:min(82vw,430px)}}@media(max-width:420px){.artclock-modal__title{font-size:23px}.artclock-modal__subtitle{font-size:13px}.artclock-stage-wrap{width:min(86vw,365px)}.artclock-upload,.artclock-editor{padding:17px}}@media(prefers-reduced-motion:reduce){.artclock-modal *,.artclock-modal *:before,.artclock-modal *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/artshop-clock-customizer.css.map */