.storefront-proof{--storefront-proof-text: #283047;--storefront-proof-error: #ff3b5c;--storefront-proof-success: #2e7d4f;--storefront-proof-accent: #e87c65;--storefront-proof-accent-hover: #d96b52;--storefront-proof-border: #d8dbe3;--storefront-proof-cream: #fef9f5;--storefront-proof-input-border: #ebeae8;--storefront-proof-input-radius: 12px;--storefront-proof-input-focus: #4a97cb;--storefront-proof-input-placeholder: rgba(40, 48, 71, .55);display:block;width:100%;background:var(--storefront-proof-cream);color:var(--storefront-proof-text);font-family:Kanit,var(--font-primary--family, sans-serif);padding-top:80px;padding-bottom:132px}@media(max-width:1024px){.storefront-proof{padding-top:60px;padding-bottom:108px}}@media(max-width:768px){.storefront-proof{padding-top:48px;padding-bottom:96px}}.storefront-proof__state[hidden]{display:none}.storefront-proof__state--message{display:flex;justify-content:center}.storefront-proof__message-card{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border-radius:16px;box-shadow:3px 6px 10.6px #f7f6f4;padding:40px 32px;text-align:center;box-sizing:border-box}@media(max-width:768px){.storefront-proof__message-card{padding:32px 24px}}.storefront-proof__message-card .storefront-proof__button{margin-top:4px;width:auto;min-width:160px}.storefront-proof__status{margin:0;font-family:Kanit,var(--font-primary--family, sans-serif);font-weight:300;font-size:18px;line-height:1.6;color:var(--storefront-proof-text)}@media(max-width:1024px){.storefront-proof__status{font-size:16px}}.storefront-proof__status--error{color:var(--storefront-proof-error)}.storefront-proof__status--success{color:var(--storefront-proof-success);font-weight:500}.storefront-proof__link{color:var(--storefront-proof-text);text-decoration:underline;text-decoration-color:currentcolor;text-underline-offset:3px}.storefront-proof__title{margin:0;font-family:KoPub Batang,serif;font-weight:700;font-size:38px;line-height:42px;color:var(--storefront-proof-text)}@media(max-width:768px){.storefront-proof__title{font-size:28px;line-height:1.2}}.storefront-proof__intro{margin:0;max-width:60ch;text-align:left;font-family:Kanit,var(--font-primary--family, sans-serif);font-weight:300;font-size:18px;line-height:1.6;color:var(--storefront-proof-text)}@media(max-width:1024px){.storefront-proof__intro{font-size:16px}}.storefront-proof__sheet{width:100%;max-width:480px;margin:0 auto 32px}.storefront-proof__thumb{display:block;width:100%;padding:0;border:none;border-radius:16px;background:#fff;box-shadow:3px 6px 10.6px #f7f6f4;cursor:pointer;overflow:hidden;box-sizing:border-box;transition:box-shadow .18s ease}.storefront-proof__thumb:focus-visible{outline:2px solid var(--storefront-proof-accent-hover);outline-offset:3px}@media(hover:hover){.storefront-proof__thumb:hover{box-shadow:0 2px 12px #2830471f}}.storefront-proof__thumb-image{display:block;width:100%;height:100%;object-fit:contain}.storefront-proof__button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:14px 36px;border-radius:32px;font-family:Kanit,var(--font-primary--family, sans-serif);font-size:16px;font-weight:400;line-height:1;cursor:pointer;box-sizing:border-box;transition:background-color .18s ease,border-color .18s ease,opacity .18s ease}.storefront-proof__button:focus-visible{outline:2px solid var(--storefront-proof-accent-hover);outline-offset:3px}.storefront-proof__button:disabled{cursor:not-allowed;opacity:.6}.storefront-proof__button--primary{position:relative;border:none;background:var(--storefront-proof-accent);color:#fff;transition:background-color .18s ease,transform .25s cubic-bezier(.16,1,.3,1)}.storefront-proof__button--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff1f,#0000000d);opacity:0;transition:opacity .2s ease-out;pointer-events:none;border-radius:inherit}@media(hover:hover){.storefront-proof__button--primary:not(:disabled):hover{background:var(--storefront-proof-accent-hover);transform:scale(1.04)}.storefront-proof__button--primary:not(:disabled):hover:after{opacity:1}}.storefront-proof__button--primary:not(:disabled):active{transform:scale(.97);transition-duration:.1s;box-shadow:0 2px 6px #00000014 inset}.storefront-proof__button--secondary{border:1px solid var(--storefront-proof-accent);background:transparent;color:var(--storefront-proof-accent)}@media(hover:hover){.storefront-proof__button--secondary:not(:disabled):hover{background:#e87c6514;border-color:var(--storefront-proof-accent-hover)}}.storefront-proof__button--outline-invert{border:1px solid #ffffff;background:transparent;color:#fff}@media(hover:hover){.storefront-proof__button--outline-invert:not(:disabled):hover{background:#ffffff1f}}.storefront-proof__dialog{width:calc(100% - 32px);max-width:440px;margin:auto;border:none;border-radius:16px;padding:24px;box-sizing:border-box;box-shadow:6px 4px 7.8px #5b5b5b40}.storefront-proof__dialog::backdrop{background:#28304775}.storefront-proof__dialog-title{margin:0 0 12px;font-family:Kanit,var(--font-primary--family, sans-serif);font-size:20px;font-weight:500;color:var(--storefront-proof-text)}.storefront-proof__dialog-text{margin:0 0 20px;font-family:Kanit,var(--font-primary--family, sans-serif);font-weight:300;font-size:18px;line-height:1.6;color:var(--storefront-proof-text)}@media(max-width:1024px){.storefront-proof__dialog-text{font-size:16px}}.storefront-proof__dialog-error{margin:0 0 16px;font-size:14px;color:var(--storefront-proof-error)}.storefront-proof__dialog-error[hidden]{display:none}.storefront-proof__dialog-actions{display:flex;flex-direction:column-reverse;gap:10px}.storefront-proof__label{display:block;margin:0 0 8px;font-family:Kanit,var(--font-primary--family, sans-serif);font-size:14px;font-weight:500;color:var(--storefront-proof-text)}.storefront-proof__textarea{display:block;width:100%;margin:0 0 4px;padding:12px 16px;border:1px solid var(--storefront-proof-input-border);border-radius:var(--storefront-proof-input-radius);font-family:Kanit,var(--font-primary--family, sans-serif);font-size:15px;color:var(--storefront-proof-text);resize:vertical;box-sizing:border-box}.storefront-proof__textarea::placeholder{color:var(--storefront-proof-input-placeholder)}.storefront-proof__textarea:focus-visible{outline:2px solid var(--storefront-proof-input-focus);outline-offset:3px}.storefront-proof__counter{margin:0 0 16px;text-align:right;font-family:Kanit,var(--font-primary--family, sans-serif);font-size:13px;color:var(--storefront-proof-text)}.storefront-proof__counter--invalid{color:var(--storefront-proof-error)}.storefront-proof__lightbox{width:auto;max-width:min(94vw,1100px);max-height:94vh;margin:auto;border:none;border-radius:12px;padding:0;background:#000}.storefront-proof__lightbox::backdrop{background:#000000b3}.storefront-proof__lightbox[open]{display:flex;align-items:center;justify-content:center}.storefront-proof__lightbox-inner{display:flex;align-items:center;justify-content:center;max-width:94vw;max-height:94vh}.storefront-proof__lightbox-image{display:block;width:auto;height:auto;max-width:94vw;max-height:94vh;object-fit:contain}.storefront-proof__dialog-close{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:#ffffff26;color:#fff;cursor:pointer}.storefront-proof__dialog-close:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(hover:hover){.storefront-proof__dialog-close:hover{background:#ffffff4d}}@media(min-width:768px){.storefront-proof__button{width:auto}.storefront-proof__dialog-actions{flex-direction:row;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.storefront-proof__button--primary{transition:none}.storefront-proof__button--primary:not(:disabled):hover,.storefront-proof__button--primary:not(:disabled):active{transform:none}}.storefront-proof__top{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:32px}.storefront-proof__badge{display:inline-flex;align-items:center;padding:6px 16px;border-radius:999px;background:#e87c651f;color:var(--storefront-proof-text);font-family:Kanit,var(--font-primary--family, sans-serif);font-size:13px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.storefront-proof__order-line{margin:0;font-family:Kanit,var(--font-primary--family, sans-serif);font-size:14px;color:var(--storefront-proof-text);opacity:.7}.storefront-proof__order-line[hidden]{display:none}.storefront-proof__layout{display:flex;flex-direction:column;gap:24px}.storefront-proof__viewer{display:flex;flex-direction:column;gap:16px}.storefront-proof__side{display:flex;flex-direction:column;gap:24px}.storefront-proof__pager{display:flex;align-items:center;gap:8px}.storefront-proof__pager-track{position:relative;flex:1 1 auto;min-width:0}.storefront-proof__pager-track:before,.storefront-proof__pager-track:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;opacity:0;transition:opacity .15s ease}.storefront-proof__pager-track:before{left:0;background:linear-gradient(to right,var(--storefront-proof-cream),rgba(254,249,245,0))}.storefront-proof__pager-track:after{right:0;background:linear-gradient(to left,var(--storefront-proof-cream),rgba(254,249,245,0))}.storefront-proof__pager-track--scrollable:before,.storefront-proof__pager-track--scrollable:after{opacity:1}.storefront-proof__pager-numbers{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px}.storefront-proof__pager-numbers::-webkit-scrollbar{display:none}.storefront-proof__pager-nav{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--storefront-proof-border);border-radius:50%;background:#fff;color:var(--storefront-proof-text);font-size:18px;line-height:1;cursor:pointer;box-sizing:border-box}.storefront-proof__pager-nav:disabled{opacity:.4;cursor:not-allowed}.storefront-proof__pager-nav:focus-visible{outline:2px solid var(--storefront-proof-accent-hover);outline-offset:2px}@media(hover:hover){.storefront-proof__pager-nav:not(:disabled):hover{border-color:var(--storefront-proof-accent-hover)}}.storefront-proof__pager-number{position:relative;flex:0 0 auto;min-width:44px;height:44px;padding:0 14px;border:1px solid var(--storefront-proof-border);border-radius:22px;background:#fff;color:var(--storefront-proof-text);font-family:Kanit,var(--font-primary--family, sans-serif);font-size:15px;cursor:pointer;box-sizing:border-box}.storefront-proof__pager-number:focus-visible{outline:2px solid var(--storefront-proof-accent-hover);outline-offset:2px}@media(hover:hover){.storefront-proof__pager-number:not(.storefront-proof__pager-number--active):hover{border-color:var(--storefront-proof-accent-hover)}}.storefront-proof__pager-number--active{border-color:var(--storefront-proof-text);background:var(--storefront-proof-text);color:#fff}.storefront-proof__pager-number--marked:after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--storefront-proof-accent);border:2px solid var(--storefront-proof-cream)}.storefront-proof__notes-card{background:#fff;border-radius:16px;box-shadow:3px 6px 10.6px #f7f6f4;padding:24px;box-sizing:border-box}.storefront-proof__notes-title{margin:0 0 4px;font-family:Kanit,var(--font-primary--family, sans-serif);font-size:20px;font-weight:500;color:var(--storefront-proof-text)}.storefront-proof__notes-help{margin:0 0 16px;font-family:Kanit,var(--font-primary--family, sans-serif);font-size:14px;color:var(--storefront-proof-text);opacity:.75}.storefront-proof__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.storefront-proof__chip{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:1px solid var(--storefront-proof-input-border);border-radius:999px;background:#fff;color:var(--storefront-proof-text);font-family:Kanit,var(--font-primary--family, sans-serif);font-size:13px;cursor:pointer;box-sizing:border-box}.storefront-proof__chip:focus-visible{outline:2px solid var(--storefront-proof-input-focus);outline-offset:3px}@media(hover:hover){.storefront-proof__chip:hover{border-color:var(--storefront-proof-accent)}}.storefront-proof__chip--selected{border-color:var(--storefront-proof-accent);color:var(--storefront-proof-accent)}.storefront-proof__notes-empty{margin:8px 0 0;font-family:Kanit,var(--font-primary--family, sans-serif);font-size:13px;color:var(--storefront-proof-text);opacity:.7}.storefront-proof__notes-empty[hidden]{display:none}.storefront-proof__regen-card{background:var(--storefront-proof-text);color:#fff;border-radius:16px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.storefront-proof__regen-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.storefront-proof__regen-title{margin:0;font-family:Kanit,var(--font-primary--family, sans-serif);font-size:18px;font-weight:500;color:#fff}.storefront-proof__regen-dots{display:flex;gap:6px}.storefront-proof__regen-dots[hidden]{display:none}.storefront-proof__regen-dot{width:10px;height:10px;border-radius:50%;background:var(--storefront-proof-cream)}.storefront-proof__regen-dot--used{background:var(--storefront-proof-accent)}.storefront-proof__regen-line,.storefront-proof__regen-fallback{margin:0;font-family:Kanit,var(--font-primary--family, sans-serif);font-weight:300;font-size:14px;line-height:1.5;color:#fff}.storefront-proof__regen-fallback[hidden]{display:none}.storefront-proof__regen-card .storefront-proof__button{width:100%}.storefront-proof__button--muted{opacity:.6}@media(hover:hover){.storefront-proof__button--muted:hover{opacity:.6;transform:none}.storefront-proof__button--muted:hover:after{opacity:0!important}}.storefront-proof__footer-note{margin:32px 0 0;text-align:center;font-family:Kanit,var(--font-primary--family, sans-serif);font-size:14px;color:var(--storefront-proof-text);opacity:.7}.storefront-proof__sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -4px 16px #2830471f;box-sizing:border-box}.storefront-proof__sticky-bar .storefront-proof__button{width:auto;flex:1 1 0;padding:12px 16px;font-size:14px}.storefront-proof__sticky-bar-spacer{height:76px}.storefront-proof__desktop-only{display:none}@media(min-width:1024px){.storefront-proof__container.section-container{max-width:1440px;padding-inline:40px}.storefront-proof__state[data-interior-proof-state=awaiting_decision],.storefront-proof__state[data-sheet-proof-state=awaiting_decision]{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:min-content 1fr;grid-template-areas:"top    side" "viewer side";align-items:start;column-gap:32px;row-gap:32px}.storefront-proof__top{grid-area:top;margin-bottom:0}.storefront-proof__layout{display:contents}.storefront-proof__viewer{grid-area:viewer;min-width:0}.storefront-proof__side{grid-area:side}.storefront-proof__sticky-bar,.storefront-proof__sticky-bar-spacer{display:none}.storefront-proof__desktop-only{display:flex}.storefront-proof__pager-numbers{overflow-x:visible}.storefront-proof__pager-track:before,.storefront-proof__pager-track:after{display:none}}@media(min-width:1024px)and (max-width:1199px){.storefront-proof__pager{align-items:flex-start}.storefront-proof__pager-numbers{flex-wrap:wrap;gap:6px;row-gap:8px}.storefront-proof__pager-number{min-width:40px;width:40px;height:40px;padding:0;font-size:14px}.storefront-proof__pager-nav{width:40px;height:40px;font-size:16px}}@media(min-width:1200px){.storefront-proof__pager-numbers{flex-wrap:nowrap;gap:4px}.storefront-proof__pager-number{min-width:36px;width:36px;height:36px;padding:0;font-size:13px}.storefront-proof__pager-nav{width:36px;height:36px;font-size:15px}}.storefront-proof__book{position:relative;width:100%;aspect-ratio:var(--spread-ratio, 1.9697);overflow:hidden;border-radius:16px;background:#fff;box-shadow:3px 6px 10.6px #f7f6f4;perspective:2400px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.storefront-proof__book-half{position:absolute;top:0;right:0;bottom:0;left:0;width:50%;background-repeat:no-repeat;background-size:200% 100%}.storefront-proof__book-half--left{left:0}.storefront-proof__book-half--right{right:0;left:auto}.storefront-proof__book-spine{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(to right,#14182624,#14182608);pointer-events:none;z-index:2}.storefront-proof__book-flap{position:absolute;top:0;right:0;bottom:0;left:0;width:50%;transform-style:preserve-3d;transition:transform var(--storefront-proof-turn-duration, .6s) ease-in-out;z-index:3;pointer-events:none}.storefront-proof__book-flap[hidden]{display:none}.storefront-proof__book-flap--next{left:50%;transform-origin:0% 50%}.storefront-proof__book-flap--prev{left:0;transform-origin:100% 50%}.storefront-proof__book-flap--next.storefront-proof__book-flap--turning{transform:rotateY(-180deg)}.storefront-proof__book-flap--prev.storefront-proof__book-flap--turning{transform:rotateY(180deg)}.storefront-proof__book-face{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:200% 100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.storefront-proof__book-face--back{transform:rotateY(180deg)}.storefront-proof__book-flap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#14182600,#14182659);opacity:0;pointer-events:none}.storefront-proof__book-flap--turning:after{animation:storefront-proof-turn-shadow var(--storefront-proof-turn-duration, .6s) ease-in-out}@keyframes storefront-proof-turn-shadow{0%{opacity:0}45%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.storefront-proof__book-flap{transition:none}.storefront-proof__book-flap--turning:after{animation:none}}.storefront-proof__book-crossfade{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:100% 100%;opacity:0;transition:opacity .15s ease-in-out;pointer-events:none;z-index:4}.storefront-proof__book-crossfade[hidden]{display:none}.storefront-proof__book-crossfade--visible{opacity:1}.storefront-proof__book-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent;cursor:pointer}.storefront-proof__book-hit:focus-visible{outline:2px solid var(--storefront-proof-accent-hover);outline-offset:-3px}.storefront-proof__book-hit:disabled{cursor:default}.storefront-proof__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/storefront-proof.css.map */