.celon-cz,.celon-cz-drawer{--cz-bg: var(--colorBody, #ffffff);--cz-surface: #fdfcfa;--cz-text: var(--colorTextBody, #1c1c1c);--cz-muted: rgba(28, 28, 28, .55);--cz-border: var(--colorBorder, #e8e8e1);--cz-border-strong: rgba(28, 28, 28, .42);--cz-accent: var(--colorFooter, #bba591);--cz-error: #8a3d2e;--cz-radius: 6px;--cz-ease: cubic-bezier(.26, .54, .32, 1);--cz-gold: linear-gradient(150deg, #f0e2c4 0%, #cdab6d 52%, #b08f52 100%);--cz-silver: linear-gradient(150deg, #f2f3f4 0%, #cdd2d6 52%, #a9b0b6 100%)}.celon-cz{color:var(--cz-text);font-family:var(--typeBasePrimary, inherit),var(--typeBaseFallback, sans-serif);margin:0 0 28px}.celon-cz[hidden]{display:none}.celon-cz__legend{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cz-muted);margin:0 0 14px}.celon-cz__intro{font-size:13px;line-height:1.5;color:var(--cz-muted);margin:-6px 0 16px}.celon-cz__slots{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.celon-cz__slot[hidden]{display:none}.celon-cz__trigger{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:12px 16px;margin:0;text-align:left;background:var(--cz-bg);border:1px solid var(--cz-border);border-radius:var(--cz-radius);color:var(--cz-text);cursor:pointer;transition:border-color .3s var(--cz-ease),background-color .3s var(--cz-ease);-webkit-appearance:none;appearance:none}.celon-cz__trigger:hover{border-color:var(--cz-accent)}.celon-cz__trigger:focus-visible{outline:2px solid var(--cz-accent);outline-offset:2px;border-color:var(--cz-accent)}.celon-cz__slot--invalid .celon-cz__trigger{border-color:var(--cz-error)}.celon-cz__index{flex:0 0 auto;font-size:11px;letter-spacing:.14em;color:var(--cz-muted);font-variant-numeric:tabular-nums}.celon-cz__chosen{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.celon-cz__chosen-label{font-size:15px;line-height:1.3;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.celon-cz__slot--empty .celon-cz__chosen-label{color:var(--cz-muted)}.celon-cz__chosen-sub{font-size:11px;letter-spacing:.06em;color:var(--cz-muted)}.celon-cz__chevron{flex:0 0 auto;width:9px;height:9px;border-right:1px solid var(--cz-border-strong);border-bottom:1px solid var(--cz-border-strong);transform:rotate(45deg) translate(-2px,-2px)}.celon-cz__thumb{flex:0 0 auto;width:38px;height:38px;border-radius:var(--cz-radius);border:1px solid var(--cz-border);background:var(--cz-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.celon-cz__slot--empty .celon-cz__thumb{opacity:.45}.celon-cz__img{display:block;width:100%;height:100%;object-fit:contain}.celon-cz__img[hidden]{display:none}.celon-cz__ph{display:flex;align-items:center;justify-content:center;width:68%;height:68%;border-radius:50%;font-family:var(--typeHeaderPrimary, inherit),var(--typeHeaderFallback, serif);font-size:.72em;letter-spacing:.04em;color:#1c1c1c9e;text-transform:uppercase;box-shadow:inset 0 0 0 1px #ffffff73}.celon-cz__ph[hidden]{display:none}.celon-cz__ph[data-finish=gold]{background:var(--cz-gold)}.celon-cz__ph[data-finish=silver]{background:var(--cz-silver)}.celon-cz__ph--empty{background:none;box-shadow:inset 0 0 0 1px var(--cz-border)}.celon-cz__preview{margin:22px 0 0;padding:20px 16px;background:var(--cz-surface);border:1px solid var(--cz-border);border-radius:var(--cz-radius)}.celon-cz__preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px}.celon-cz__preview-title,.celon-cz__preview-finish{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cz-muted)}.celon-cz__preview-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap}.celon-cz__preview-item{flex:0 1 auto;width:62px;aspect-ratio:1 / 1;border:1px solid var(--cz-border);border-radius:var(--cz-radius);background:var(--cz-bg);display:flex;align-items:center;justify-content:center;font-size:20px;transition:opacity .3s var(--cz-ease)}.celon-cz__preview-item[hidden]{display:none}.celon-cz__preview-caption{margin:14px 0 0;text-align:center;font-size:11px;letter-spacing:.06em;color:var(--cz-muted);min-height:1em}.celon-cz__error{margin:14px 0 0;padding:12px 14px;border-left:2px solid var(--cz-error);background:#8a3d2e0a;font-size:13px;line-height:1.5;color:var(--cz-error);border-radius:0 var(--cz-radius) var(--cz-radius) 0}.celon-cz__error[hidden]{display:none}.celon-cz__slot-error{margin:6px 0 0 2px;font-size:11px;letter-spacing:.06em;color:var(--cz-error)}.celon-cz__slot-error[hidden]{display:none}.celon-cz-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none;font-family:var(--typeBasePrimary, inherit),var(--typeBaseFallback, sans-serif);color:var(--cz-text)}.celon-cz-drawer.is-open{display:block}.celon-cz-drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#14141457;opacity:0;transition:opacity .32s var(--cz-ease)}.celon-cz-drawer.is-visible .celon-cz-drawer__scrim{opacity:1}.celon-cz-drawer__panel{position:absolute;left:0;right:0;bottom:0;max-height:86vh;max-height:86dvh;display:flex;flex-direction:column;background:var(--cz-bg);border-top:1px solid var(--cz-border);border-radius:var(--cz-radius) var(--cz-radius) 0 0;transform:translateY(100%);transition:transform .34s var(--cz-ease);box-shadow:0 -8px 40px #00000014}.celon-cz-drawer.is-visible .celon-cz-drawer__panel{transform:translateY(0)}.celon-cz-drawer__handle{flex:0 0 auto;width:42px;height:3px;margin:10px auto 0;border-radius:2px;background:var(--cz-border)}.celon-cz-drawer__head{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:16px 20px 14px;border-bottom:1px solid var(--cz-border)}.celon-cz-drawer__title{flex:1 1 auto;margin:0;font-family:var(--typeHeaderPrimary, inherit),var(--typeHeaderFallback, serif);font-size:13px;font-weight:var(--typeHeaderWeight, 400);letter-spacing:.14em;text-transform:uppercase;line-height:1.3}.celon-cz-drawer__close{flex:0 0 auto;width:40px;height:40px;padding:0;background:none;border:1px solid var(--cz-border);border-radius:50%;color:var(--cz-text);cursor:pointer;position:relative;transition:border-color .3s var(--cz-ease)}.celon-cz-drawer__close:hover{border-color:var(--cz-accent)}.celon-cz-drawer__close:focus-visible{outline:2px solid var(--cz-accent);outline-offset:2px}.celon-cz-drawer__close:before,.celon-cz-drawer__close:after{content:"";position:absolute;top:50%;left:50%;width:13px;height:1px;background:currentColor}.celon-cz-drawer__close:before{transform:translate(-50%,-50%) rotate(45deg)}.celon-cz-drawer__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.celon-cz-drawer__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 20px calc(24px + env(safe-area-inset-bottom,0px))}.celon-cz-drawer__group{margin:22px 0 0}.celon-cz-drawer__group[hidden]{display:none}.celon-cz-drawer__group-title{margin:0 0 12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cz-muted)}.celon-cz-drawer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.celon-cz-drawer__option{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;min-height:112px;padding:12px 8px;background:var(--cz-bg);border:1px solid var(--cz-border);border-radius:var(--cz-radius);color:var(--cz-text);cursor:pointer;text-align:center;transition:border-color .3s var(--cz-ease),background-color .3s var(--cz-ease);-webkit-appearance:none;appearance:none}.celon-cz-drawer__option[hidden]{display:none}.celon-cz-drawer__option:hover{border-color:var(--cz-accent)}.celon-cz-drawer__option:focus-visible{outline:2px solid var(--cz-accent);outline-offset:2px}.celon-cz-drawer__option[aria-pressed=true]{border-color:var(--cz-border-strong);background:var(--cz-surface)}.celon-cz-drawer__option-media{width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:16px}.celon-cz-drawer__option-label{font-size:12px;line-height:1.3;letter-spacing:.02em}.celon-cz-drawer__option-sub{font-size:10px;letter-spacing:.06em;color:var(--cz-muted)}.celon-cz-drawer__empty{padding:40px 0;text-align:center;font-size:13px;color:var(--cz-muted)}.celon-cz-drawer__empty[hidden]{display:none}.celon-cz-locked,.celon-cz-locked body{overflow:hidden;touch-action:none}@media screen and (min-width:750px){.celon-cz-drawer__panel{top:50%;left:50%;right:auto;bottom:auto;width:min(560px,calc(100vw - 64px));max-height:min(78vh,720px);border:1px solid var(--cz-border);border-radius:var(--cz-radius);transform:translate(-50%,-46%);opacity:0;transition:transform .34s var(--cz-ease),opacity .28s var(--cz-ease);box-shadow:0 18px 60px #0000001f}.celon-cz-drawer.is-visible .celon-cz-drawer__panel{transform:translate(-50%,-50%);opacity:1}.celon-cz-drawer__handle{display:none}.celon-cz-drawer__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.celon-cz__preview-item{width:72px}}@media(prefers-reduced-motion:reduce){.celon-cz-drawer__scrim,.celon-cz-drawer__panel,.celon-cz__trigger,.celon-cz-drawer__option,.celon-cz__preview-item{transition:none}}.celon-cz__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/6/assets/celon-customizer.css.map */