.ckb-preview{--ckb-ink:#423124;--ckb-muted:#796b61;--ckb-coral:#ae554c;display:block;max-width:1240px;margin:40px auto;padding:0 20px;color:var(--ckb-ink);font-size:16px;line-height:1.5}.ckb-preview *{box-sizing:border-box}.ckb-preview [hidden]{display:none!important}.ckb-preview h2,.ckb-preview h3,.ckb-preview p{margin:0}.ckb-preview h2{font-size:clamp(30px,4vw,44px);line-height:1.2;margin:10px 0}.ckb-preview h3{font-size:21px;margin:0 0 20px}.ckb-preview .ckb-intro{margin-bottom:28px;text-align:center}.ckb-preview .ckb-intro>p:first-child{font-size:12px;letter-spacing:2px;color:var(--ckb-coral)}.ckb-preview .ckb-workspace{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.3fr);gap:28px;align-items:start}.ckb-preview .ckb-editor{background:#fffaf3;border:1px solid #e7dfd5;border-radius:18px;padding:26px}.ckb-preview .ckb-review{min-width:0}.ckb-preview .ckb-field{margin-bottom:20px}.ckb-preview .ckb-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ckb-preview label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.ckb-preview label small{font-size:12px;font-weight:400;color:var(--ckb-muted)}.ckb-preview .ckb-label>span{font-size:12px;color:var(--ckb-muted)}.ckb-preview input:not([type=hidden]),.ckb-preview textarea,.ckb-preview select{width:100%;background:#fff;color:var(--ckb-ink);border:1px solid #cbbdb0;border-radius:8px;padding:12px;font:inherit;box-shadow:none}.ckb-preview input[type=number]{max-width:110px}.ckb-preview textarea{resize:vertical;min-height:68px}.ckb-preview .ckb-help{font-size:12px;color:var(--ckb-muted);margin-top:8px}.ckb-preview .ckb-error{font-size:13px;color:#982f28;margin-top:8px}.ckb-preview [aria-invalid=true]{border-color:#982f28!important}.ckb-preview .ckb-price{font-size:20px;font-weight:600;margin-top:10px}.ckb-preview button{font:inherit;font-size:13px;cursor:pointer;border:1px solid #bfae9d;background:#fffaf3;border-radius:8px;padding:11px 16px;color:var(--ckb-ink);min-height:44px}.ckb-preview button:disabled{opacity:.5;cursor:not-allowed}.ckb-preview :focus-visible{outline:3px solid var(--ckb-coral);outline-offset:3px}.ckb-preview .ckb-status{padding:14px;border:1px solid #e8d7bc;background:#f8efdf;border-radius:10px;font-size:13px;margin-top:16px}.ckb-preview .ckb-steps{display:flex;justify-content:space-between;gap:8px;padding:0;margin:0 0 12px;list-style:none;font-size:12px;color:var(--ckb-muted)}.ckb-preview .ckb-steps [aria-current=step]{color:var(--ckb-coral);font-weight:700}.ckb-preview .ckb-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.ckb-preview .ckb-toolbar button{padding:7px 12px;min-height:36px;border-radius:30px}.ckb-preview .ckb-stage{position:relative;background:radial-gradient(ellipse at 50% 35%,#fff,#f9f6f1 65%,#f0eae2);border:1px solid #e7dfd5;border-radius:14px;padding:35px 24px;min-height:360px}.ckb-preview .ckb-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#faf7f1;display:grid;place-items:center;z-index:2;padding:20px;text-align:center;font-size:14px}.ckb-preview canvas{display:block;width:100%;height:auto;aspect-ratio:1}.ckb-preview .ckb-cover-view{max-width:410px;margin:auto;padding:6px 12px 10px 22px;perspective:1600px}.ckb-preview .ckb-cover{position:relative;isolation:isolate;--spine:18px;--depth:7px;transform:rotateY(-5deg) rotate(-.6deg);border:1px solid #c8bba7;border-radius:2px 4px 4px 2px;background:#e7d5b9;box-shadow:2px 3px 3px #55422c20,10px 18px 28px #55422c25}.ckb-preview .ckb-cover canvas{position:relative;z-index:1;border-radius:1px 3px 3px 1px}.ckb-preview .ckb-cover[data-binding=softcover]{--spine:7px;--depth:3px;transform:rotateY(-3deg) rotate(-.6deg)}.ckb-preview .ckb-cover:before{content:"";position:absolute;top:-1px;bottom:-1px;left:calc(-1 * var(--spine));width:var(--spine);border:1px solid #c8bba7;border-right:0;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#bdab90,#f7ecd9 65%,#cfbca1)}.ckb-preview .ckb-cover:after{content:"";position:absolute;top:5px;left:0;right:calc(-1 * var(--depth));bottom:calc(-1 * var(--depth));z-index:-1;border:1px solid #c0b39e;border-radius:2px 4px 4px 2px;background:repeating-linear-gradient(0deg,#f6eedf 0px 1px,#d8ccb8 1px 2px)}.ckb-preview .ckb-spread{display:flex;position:relative;margin:auto;border:1px solid #d6c9b5;border-bottom:4px double #bdae96;border-radius:2px;background:#f6ecdb;box-shadow:0 2px 3px #55422c24,0 14px 28px #55422c25}.ckb-preview .ckb-spread>canvas,.ckb-preview .ckb-blank{width:50%;min-width:0;aspect-ratio:1;flex:0 0 50%}.ckb-preview .ckb-spread>canvas:first-child,.ckb-preview .ckb-blank{border-right:1px solid #b9aa924d}.ckb-preview .ckb-blank{background:linear-gradient(90deg,#fcf5e8,#f8f0e0)}.ckb-preview .ckb-stage[data-presentation=flat] .ckb-cover{transform:none;border:0;box-shadow:0 5px 20px #55422c20}.ckb-preview .ckb-stage[data-presentation=flat] .ckb-cover:before,.ckb-preview .ckb-stage[data-presentation=flat] .ckb-cover:after,.ckb-preview .ckb-stage[data-presentation=flat] .ckb-blank{display:none}.ckb-preview .ckb-stage[data-presentation=flat] .ckb-spread{gap:12px;border:0;box-shadow:none;background:transparent}.ckb-preview .ckb-stage[data-presentation=flat] .ckb-spread>canvas{flex-basis:calc((100% - 12px)/2);width:calc((100% - 12px)/2);box-shadow:0 5px 20px #55422c20}.ckb-preview .ckb-stage[data-presentation=flat] .ckb-dedication{max-width:410px}.ckb-preview .ckb-stage[data-presentation=flat] .ckb-dedication>canvas{width:100%;flex-basis:100%}.ckb-preview .ckb-navigation{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}.ckb-preview .ckb-navigation>span{font-size:12px;color:var(--ckb-muted)}.ckb-preview [data-ckb=submit]{background:var(--ckb-coral);color:#fff;border-color:var(--ckb-coral);font-weight:600}.ckb-preview .ckb-transcript{font-size:13px;margin-top:14px}.ckb-preview .ckb-transcript p{white-space:pre-wrap;padding:14px;background:#fffaf3}.ckb-preview noscript p{color:#982f28;padding:15px}@media(max-width:800px){.ckb-preview .ckb-workspace{grid-template-columns:1fr}.ckb-preview .ckb-editor{padding:20px}.ckb-preview .ckb-stage{min-height:280px;padding:28px 16px}.ckb-preview .ckb-stage[data-presentation=flat] .ckb-spread{flex-direction:column;max-width:420px}.ckb-preview .ckb-stage[data-presentation=flat] .ckb-spread>canvas{flex-basis:auto;width:100%}.ckb-preview .ckb-navigation [data-ckb=submit]{flex:1;min-width:210px}}@media(prefers-reduced-motion:reduce){.ckb-preview .ckb-cover{transform:none!important}}.ckb-preview{max-width:1400px}@media(min-width:801px){.ckb-preview .ckb-workspace{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:32px}.ckb-preview .ckb-stage{padding:28px 14px}.ckb-preview .ckb-cover-view{max-width:560px}.ckb-preview .ckb-stage[data-presentation=flat] .ckb-dedication{max-width:680px}.ckb-preview .ckb-stage[data-presentation=flat] .ckb-spread{flex-direction:column;max-width:680px;gap:16px}.ckb-preview .ckb-stage[data-presentation=flat] .ckb-spread>canvas{flex-basis:auto;width:100%}}@media(max-width:800px){.ckb-preview{padding:0 10px}.ckb-preview .ckb-stage{padding:16px 6px}.ckb-preview .ckb-spread{flex-direction:column;max-width:520px}.ckb-preview .ckb-spread>canvas{flex-basis:auto;width:100%}.ckb-preview .ckb-spread>canvas:first-child{border-right:0;border-bottom:1px solid #b9aa924d}.ckb-preview .ckb-blank{display:none}}.ckb-preview canvas.ckb-zoomable{cursor:zoom-in}.ckb-preview .ckb-zoom-hint{font-size:13px;color:var(--ckb-coral);text-align:center;margin-top:10px}.ckb-preview .ckb-transcript summary{font-size:15px;font-weight:600;cursor:pointer}.ckb-preview .ckb-transcript p{font-size:17px;line-height:1.6;margin-top:8px;border:1px solid #e7dfd5;border-radius:10px}.ckb-preview .ckb-dedication{max-width:560px}.ckb-preview .ckb-dedication>canvas{width:100%;flex-basis:100%}.ckb-preview .ckb-dedication .ckb-blank{display:none}.ckb-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:#281e16e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:12px;cursor:zoom-out}.ckb-zoom[hidden]{display:none}.ckb-zoom canvas{width:min(96vw,86vh);height:auto;aspect-ratio:1;background:#fff;box-shadow:0 10px 40px #0006}.ckb-zoom-close{font:inherit;font-size:16px;padding:10px 22px;min-height:44px;border-radius:30px;border:0;background:#fffaf3;color:#423124;cursor:pointer}html.ckb-zoom-open{overflow:hidden}.ckb-preview [data-ckb=next]{background:#4e7a5e;color:#fff;border-color:#4e7a5e;font-size:16px;font-weight:700;padding:13px 24px;min-height:50px;border-radius:30px;box-shadow:0 3px 10px #4e7a5e4d}.ckb-preview [data-ckb=next]:hover:not(:disabled){background:#3f6650;border-color:#3f6650}.ckb-preview [data-ckb=submit]{font-size:16px;padding:13px 24px;min-height:50px;border-radius:30px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ckb-storefront.css.map */