.cz{--cz-ink: #3a2a20;--cz-line: #e6dfd8;--cz-soft: #f6f2ee;--cz-accent: #3a2a20;max-width:1240px;margin:0 auto;padding:32px 16px 64px;color:var(--cz-ink)}.cz__head{text-align:center;margin-bottom:24px}.cz__title{font-size:30px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}.cz__sub p{margin:0;opacity:.8}.cz__chairs{display:flex;justify-content:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}.cz__chair{display:flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid var(--cz-line);background:#fff;border-radius:999px;cursor:pointer;font:inherit;color:inherit;letter-spacing:.04em;text-transform:uppercase;font-size:13px;transition:border-color .2s,background .2s}.cz__chair img{width:34px;height:34px;object-fit:cover;border-radius:50%}.cz__chair.is-active{border-color:var(--cz-accent);background:var(--cz-accent);color:#fff}.cz__body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start}.cz__stage-wrap{position:sticky;top:90px}.cz__stage{position:relative;background:var(--cz-soft);border-radius:8px;overflow:hidden}.cz__canvas{display:none;position:relative;isolation:isolate}.cz__canvas.is-active{display:block;max-width:calc((100vh - 120px)*.8);margin:0 auto}.cz__canvas:before{content:"";position:absolute;left:14%;right:14%;bottom:1.2%;height:5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(58,42,32,.16) 0%,rgba(58,42,32,.06) 45%,transparent 72%)}.cz__base{display:block;width:100%;height:auto}.cz__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;transition:opacity .28s ease}.cz__layer.is-in{opacity:1}.cz__base{transition:filter .35s ease}.cz__canvas.is-preparing .cz__base{filter:blur(10px) saturate(.8)}.cz__canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cz-soft);opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:15}.cz__canvas.is-preparing:after{opacity:.7}.cz__canvas.is-preparing .cz__layer{transition:none}.cz__loader{position:absolute;z-index:25;opacity:0;pointer-events:none;transition:opacity .2s ease;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#ffffffe6;box-shadow:0 1px 4px #0000001f;display:flex;align-items:center;justify-content:center}.cz__loader span{width:16px;height:16px;border-radius:50%;border:2px solid rgba(58,42,32,.2);border-top-color:var(--cz-ink);animation:cz-spin .8s linear infinite}.cz__canvas.is-busy .cz__loader{opacity:1}.cz__canvas.is-preparing .cz__loader{opacity:1;top:50%;right:50%;transform:translate(50%,-50%);width:48px;height:48px}@keyframes cz-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cz__layer,.cz__base,.cz__canvas:after{transition:none}.cz__loader span{animation-duration:2s}}.cz__steps{display:none}.cz__steps.is-active{display:block}.cz__step{padding:18px 0;border-bottom:1px solid var(--cz-line)}.cz__step:first-child{padding-top:0}.cz__step-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.cz__step-label{font-weight:600}.cz__step-choice{opacity:.7;text-align:right;text-transform:none;letter-spacing:0}.cz__opts{display:flex;flex-wrap:wrap;gap:10px}.cz__opt{position:relative;padding:2px;border:2px solid transparent;border-radius:50%;background:none;cursor:pointer;line-height:0;transition:border-color .2s}.cz__opt:hover{border-color:var(--cz-line)}.cz__opt.is-active{border-color:var(--cz-accent)}.cz__opt:focus-visible{outline:2px solid var(--cz-accent);outline-offset:2px}.cz__sw{display:block;width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--cz-soft)}.cz__sw img{width:100%;height:100%;object-fit:cover}.cz__sw--none{background:#fff;border:1px dashed #b9aea4;position:relative}.cz__sw--none:after{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:1px;background:#b9aea4;transform:rotate(45deg)}.cz__opt.is-soldout{cursor:not-allowed;opacity:.4}.cz__opt.is-soldout:after{content:"";position:absolute;left:50%;top:4px;bottom:4px;width:2px;background:#fff;transform:rotate(45deg)}.cz__summary{margin-top:24px;padding:20px;background:var(--cz-soft);border-radius:8px}.cz__lines{list-style:none;margin:0 0 12px;padding:0;font-size:14px}.cz__lines li{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.cz__bundle{font-size:13px;margin-bottom:10px;opacity:.8}.cz__bundle.is-on{opacity:1;font-weight:600;color:#4a6b3a}.cz__total{display:flex;justify-content:space-between;align-items:baseline;font-size:18px;margin-bottom:16px}.cz__total s{opacity:.5;font-weight:400;font-size:15px;margin-right:6px}.cz__add{width:100%}.cz__add[disabled]{opacity:.5;cursor:not-allowed}.cz__add.is-loading{opacity:.7;pointer-events:none}.cz__msg{margin-top:10px;font-size:14px;min-height:1em}.cz__msg.is-error{color:#a33}@media(max-width:899px){.cz{padding-top:20px}.cz__title{font-size:22px}.cz__body{grid-template-columns:minmax(0,1fr);gap:20px}.cz__panel,.cz__stage-wrap{min-width:0}.cz__stage-wrap{position:static}.cz__sw{width:46px;height:46px}}.cz__opt[hidden]{display:none}.cz__step--off{display:none!important}.cz__badges{position:absolute;left:12px;bottom:12px;z-index:20;display:flex;flex-direction:column;gap:8px;pointer-events:none}.cz__badge{display:flex;align-items:center;gap:8px;background:#ffffffeb;border-radius:999px;padding:4px 12px 4px 4px;font-size:12px;box-shadow:0 1px 4px #0000001f;max-width:85%}.cz__badge[hidden]{display:none}.cz__badge img{width:36px;height:36px;border-radius:50%;object-fit:cover}.cz__badge span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cz__rail{position:relative;display:flex;align-items:center;gap:6px}.cz__rail .cz__opts{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}.cz__rail .cz__opts::-webkit-scrollbar{display:none}.cz__rail .cz__opt{flex:0 0 auto;scroll-snap-align:start}.cz__arrow{display:none;flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--cz-line);background:#fff;color:var(--cz-ink);cursor:pointer;padding:0;position:relative;transition:opacity .2s,border-color .2s}.cz__arrow:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}.cz__arrow--prev:before{transform:translate(-30%,-50%) rotate(-135deg)}.cz__arrow--next:before{transform:translate(-70%,-50%) rotate(45deg)}.cz__arrow:hover:not([disabled]){border-color:var(--cz-accent)}.cz__arrow[disabled]{opacity:.3;cursor:default}.cz__rail.is-scroll .cz__arrow{display:block}.cz__canvas--photo:before{display:none}.cz__canvas--photo .cz__base{background:var(--cz-soft)}.cz__canvas--photo .cz__layer{object-fit:cover}.cz__picked{display:flex;justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap}.cz__picked[hidden]{display:none}.cz__pick{display:flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border:1px solid var(--cz-line);border-radius:999px;background:#fff;color:inherit;font:inherit;font-size:12px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color .2s}.cz__pick img{width:34px;height:34px;border-radius:50%;object-fit:cover}.cz__pick.is-active{border-color:var(--cz-accent)}.cz__pick:focus-visible{outline:2px solid var(--cz-accent);outline-offset:2px}.cz__types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.cz__type{padding:7px 14px;border:1px solid var(--cz-line);border-radius:999px;background:#fff;color:inherit;font:inherit;font-size:12px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.cz__type:hover{border-color:var(--cz-accent)}.cz__type.is-active{background:var(--cz-accent);border-color:var(--cz-accent);color:#fff}.cz__type:focus-visible{outline:2px solid var(--cz-accent);outline-offset:2px}.cz__group[hidden]{display:none}.cz__opt.is-soldout.is-viewable{cursor:pointer;opacity:.55}.cz__opt.is-soldout.is-viewable.is-active{opacity:.8}.cz__layer--photo{object-fit:cover;background:var(--cz-soft, #f4f1ec)}@media(max-width:767px){.page-container:has(.cz){overflow:clip}.cz__body{gap:0}.cz__stage-wrap{position:sticky;top:70px;z-index:30;margin:0 -16px;padding:6px 16px 10px;background:#fff;box-shadow:0 8px 10px -10px #3a2a2059}.cz__canvas.is-active{max-width:33.6vh;max-width:33.6svh}.cz__picked{margin-top:6px}.cz__panel{padding-top:14px}.cz__step{padding:12px 0}.cz__step-head{margin-bottom:8px}.cz__sw{width:42px;height:42px}}.cz__snap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;z-index:14;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.cz__snap[hidden]{display:none}.cz__save{position:absolute;right:10px;bottom:10px;z-index:25;display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 10px;border:1px solid var(--cz-line);border-radius:999px;background:#ffffffeb;color:var(--cz-ink);font:inherit;font-size:12px;letter-spacing:.04em;line-height:1;cursor:pointer;box-shadow:0 1px 4px #0000001a;transition:border-color .2s}.cz__save:hover{border-color:var(--cz-accent)}.cz__save:focus-visible{outline:2px solid var(--cz-accent);outline-offset:2px}.cz__save svg{width:14px;height:14px;flex:0 0 auto}@media(max-width:767px){.cz__save{right:8px;bottom:8px;padding:6px 10px 6px 8px;font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/highchair-customiser.css.map */