.cct-topper-customizer{--cct-ink: var(--cct-primary, #080603);--cct-gold-rich: var(--cct-gold, #c99a3d);--cct-gold-deep: #9f6c16;--cct-cream: #fbf4e7;--cct-cream-soft: #fffaf1;--cct-line: rgba(159, 108, 22, .22);container-type:inline-size;color:var(--cct-ink);font-family:inherit}.cct-topper-customizer *{box-sizing:border-box}.cct-customizer__fallback{border:1px solid var(--cct-line);background:var(--cct-cream-soft);color:var(--cct-ink);padding:16px}.cct-customizer__fallback strong,.cct-customizer__fallback span{display:block}.cct-customizer__shell{display:grid;grid-template-columns:1fr;gap:16px;padding:18px;overflow:hidden;background:radial-gradient(circle at 14% 8%,rgba(201,154,61,.18),transparent 28%),radial-gradient(circle at 90% 96%,rgba(201,154,61,.16),transparent 30%),linear-gradient(140deg,#fffcf6f5,#f7eeded6);border:1px solid var(--cct-line);border-radius:0;box-shadow:0 18px 42px #20180d1a}.cct-customizer__preview-panel,.cct-customizer__controls-panel{min-width:0}.cct-customizer__controls-panel{order:1}.cct-customizer__preview-panel{order:2}.cct-customizer__controls-panel,.cct-preview-stage{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffffc7,#fffaf17a),#ffffff80;border:1px solid rgba(255,255,255,.72);border-radius:24px;box-shadow:0 24px 70px #291e0d21,inset 0 1px #ffffffc2}.cct-customizer__controls-panel{display:flex;flex-direction:column;gap:18px;padding:24px}.cct-customizer__header p{margin:0 0 8px;color:var(--cct-gold-deep);font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.cct-customizer__header h2{margin:0 0 9px;color:var(--cct-ink);font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1.08;font-weight:400;letter-spacing:0}.cct-customizer__header h2 em{color:var(--cct-gold-deep);font-style:normal}.cct-customizer__header span,.cct-editor__hint,.cct-save-status,.cct-customizer__error{display:block;color:#0806039e;font-size:12px;line-height:1.55}.cct-upload-zone{position:relative;border:1px dashed rgba(201,154,61,.52);border-radius:18px;background:#ffffff6b;transition:border-color .16s ease,background .16s ease,transform .16s ease}.cct-upload-zone.is-dragging{border-color:var(--cct-gold-deep);background:#fff8e6db;transform:scale(1.01)}.cct-upload-zone__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.cct-upload-zone__label{display:grid;justify-items:center;gap:12px;min-height:150px;padding:26px 18px;text-align:center;cursor:pointer}.cct-upload-zone__icon{width:52px;height:52px;border-radius:50%;border:1px solid rgba(201,154,61,.2);background:linear-gradient(var(--cct-gold-deep),var(--cct-gold-deep)) center / 16px 1px no-repeat,linear-gradient(var(--cct-gold-deep),var(--cct-gold-deep)) center / 1px 16px no-repeat,linear-gradient(145deg,#fff,#f3dfb6);box-shadow:0 10px 22px #9f6c1633}.cct-upload-zone__label strong,.cct-upload-zone__label small,.cct-upload-zone__file span{display:block}.cct-upload-zone__label strong{font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:400;line-height:1.25}.cct-upload-zone__label small{margin-top:6px;color:#08060380;font-size:10px;letter-spacing:.22em;text-transform:uppercase}.cct-upload-zone__file{display:flex;align-items:center;gap:10px;padding:0 18px 16px;color:#080603ad;font-size:12px}.cct-upload-zone__file img{width:34px;height:34px;object-fit:cover;border-radius:50%;border:1px solid rgba(201,154,61,.42)}.cct-editor{display:grid;justify-items:center;gap:6px;padding:10px 0 2px}.cct-editor__canvas-wrap{width:min(100%,190px);padding:7px;border-radius:50%;background:radial-gradient(circle,#fffaf0 0 58%,rgba(201,154,61,.16) 59% 62%,transparent 63%),#ffffff75;box-shadow:0 12px 32px #291f121a}.cct-editor__canvas{display:block;width:100%;aspect-ratio:1;border-radius:50%;cursor:grab}.cct-editor__canvas.is-dragging{cursor:grabbing}.cct-editor__hint{margin:0;text-align:center}.cct-controls{display:grid;gap:16px}.cct-control label{display:flex;justify-content:space-between;margin-bottom:9px;color:#08060394;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.cct-control input[type=range]{width:100%;height:4px;accent-color:var(--cct-gold-deep)}.cct-control select{width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(201,154,61,.24);border-radius:15px;background:#ffffff94;color:var(--cct-ink);font-family:Georgia,Times New Roman,serif;font-size:16px}.cct-segmented{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cct-segmented button,.cct-actions button{min-height:48px;border:0;border-radius:18px;font:inherit;cursor:pointer}.cct-segmented button{border:1px solid rgba(255,255,255,.62);background:#ffffff80;color:#080603a3;font-family:Georgia,Times New Roman,serif;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease}.cct-segmented button.is-active{border-color:var(--cct-gold-deep);color:var(--cct-ink);background:linear-gradient(145deg,#ffffffc7,#fbf4e7bd);box-shadow:0 14px 34px #9f6c1626}.cct-actions{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.cct-actions__reset{order:2;width:44px;min-width:44px;color:transparent;border:1px solid rgba(201,154,61,.16)!important;background:linear-gradient(#08060352,#08060352) center / 13px 1px no-repeat,#ffffff7a}.cct-actions__save{order:1;background:linear-gradient(135deg,#e9cf9b,var(--cct-gold-rich));color:#fffaf1;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;box-shadow:0 18px 34px #9f6c1633}.cct-actions__save:after{content:"";display:inline-block;width:22px;height:1px;margin-left:10px;vertical-align:middle;background:#fffaf1cc}.cct-preview-stage{min-height:345px;padding:34px;background:radial-gradient(circle at 50% 22%,rgba(232,200,140,.26),transparent 28%),radial-gradient(circle at 76% 100%,rgba(201,154,61,.26),transparent 30%),linear-gradient(140deg,#ffffffb8,#f5f1e994);place-items:center}.cct-preview-stage__ambient{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:radial-gradient(circle at 52% 52%,rgba(255,255,255,.64),transparent 30%),radial-gradient(circle at 72% 70%,rgba(201,154,61,.24),transparent 30%);filter:blur(8px);opacity:.95}.cct-preview-stage__vessel{position:relative;width:min(78%,300px);aspect-ratio:1;display:grid;place-items:center}.cct-preview-stage__shadow{position:absolute;bottom:7%;width:70%;height:15%;background:#00000038;filter:blur(20px);transform:perspective(500px) rotateX(62deg)}.cct-preview-stage__glass{position:absolute;top:15%;right:15%;bottom:15%;left:15%;overflow:hidden;border:1px solid rgba(255,255,255,.74);background:#ffffff61;box-shadow:inset 18px 0 28px #ffffff47,inset -18px -14px 26px #0000001a}.cct-preview-stage[data-beverage=latte] .cct-preview-stage__glass{border-radius:28px;clip-path:none}.cct-preview-stage[data-beverage=cocktail] .cct-preview-stage__glass{top:20%;right:12%;bottom:22%;left:12%;clip-path:polygon(0 0,100% 0,64% 68%,55% 100%,45% 100%,36% 68%)}.cct-preview-stage__liquid,.cct-preview-stage__foam{position:absolute;display:block;border-radius:50%}.cct-preview-stage[data-beverage=latte] .cct-preview-stage__liquid{top:8%;right:8%;bottom:8%;left:8%;background:radial-gradient(circle at 48% 45%,#f8ebd2 0 18%,transparent 19%),radial-gradient(circle at 50% 50%,#ead2a5 0 42%,#c99a3d 67%,#724617)}.cct-preview-stage[data-beverage=latte] .cct-preview-stage__foam{top:13%;right:13%;bottom:13%;left:13%;background:radial-gradient(circle at 36% 42%,rgba(255,255,255,.82),transparent 18%),radial-gradient(circle at 64% 38%,rgba(255,255,255,.5),transparent 16%),#f7e8cf;opacity:.94}.cct-preview-stage[data-beverage=cocktail] .cct-preview-stage__liquid{top:8%;left:3%;right:3%;height:58%;background:radial-gradient(circle at 50% 26%,rgba(255,255,255,.72),transparent 14%),linear-gradient(180deg,#fff4dd,#d8a94d 72%,#92601e);border:1px solid rgba(255,255,255,.34)}.cct-preview-stage[data-beverage=cocktail] .cct-preview-stage__foam{display:none}.cct-preview-stage__topper{position:absolute;top:23%;width:48%;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 42% 34%,rgba(255,255,255,.72),transparent 30%),repeating-linear-gradient(35deg,rgba(0,0,0,.025) 0 1px,transparent 1px 6px),#f6dfad;border:1px solid rgba(255,255,255,.78);box-shadow:0 22px 34px #21180b33,inset 0 -9px 18px #8668361f;transform:none;z-index:3}.cct-preview-stage[data-beverage=cocktail] .cct-preview-stage__topper{top:25%;width:45%;transform:perspective(700px) rotateX(18deg) rotate(4deg)}.cct-preview-stage__topper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-radial-gradient(circle at 50% 50%,rgba(77,58,28,.045) 0 1px,transparent 1px 7px),linear-gradient(115deg,rgba(255,255,255,.22),transparent 45%);mix-blend-mode:multiply;pointer-events:none}.cct-preview-stage__topper img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(.94) brightness(1.04)}.cct-preview-stage__monogram{color:#08060375;font-family:Georgia,Times New Roman,serif;font-size:26px;letter-spacing:0}.cct-preview-stage__caption{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:#0806037a}.cct-preview-stage__caption span,.cct-preview-stage__caption strong{color:#0806037a;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.26em;line-height:1.3;text-align:center;text-transform:uppercase}.cct-cart-properties{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cct-cart-properties input[type=file]{width:1px;height:1px}@container (min-width: 760px){.cct-customizer__shell{grid-template-columns:minmax(310px,.86fr) minmax(360px,1fr);gap:24px;padding:24px}.cct-customizer__controls-panel{order:1;padding:32px}.cct-customizer__preview-panel{order:2}.cct-preview-stage{min-height:520px}.cct-preview-stage__vessel{width:min(78%,390px)}.cct-editor__canvas-wrap{width:min(100%,210px)}}@media screen and (max-width:749px){.cct-customizer__shell{gap:14px;padding:12px}.cct-customizer__controls-panel{gap:14px;padding:18px;border-radius:20px}.cct-customizer__header h2{font-size:25px}.cct-upload-zone__label{min-height:118px;padding:20px 14px}.cct-editor__canvas-wrap{width:min(100%,170px)}.cct-preview-stage{min-height:320px;padding:24px;border-radius:20px}.cct-preview-stage__vessel{width:min(82%,260px)}.cct-preview-stage__caption{left:14px;right:14px;bottom:14px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/cct-drink-topper-customizer.css.map */