.custom-clicker{--cc-bg: #f4f4f6;--cc-card: #ffffff;--cc-border: #e9e9ee;--cc-border-strong: #d8d8df;--cc-ink: #17171a;--cc-ink-2: #4b4b55;--cc-muted: #8c8c96;--cc-accent: #121216;--cc-select: #5c42ab;--cc-select-soft: #b9a4f5;--cc-lav: #f0eeff;--cc-lav-ink: #5a52c4;--cc-radius: 14px;--cc-radius-sm: 10px;--cc-shadow: 0 1px 2px rgba(17, 17, 22, .04);display:block;background:#fff;color:var(--cc-ink);font-family:var(--font-body-family, ui-sans-serif, system-ui, -apple-system, sans-serif);font-size:1.4rem;line-height:1.45;padding:0 0 4.8rem}.custom-clicker *,.custom-clicker *:before,.custom-clicker *:after{box-sizing:border-box}.custom-clicker [hidden]{display:none!important}.cc__inner{max-width:132rem;margin:0 auto;padding:0 2rem}.cc__topbar{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap;padding:2rem 0 1.8rem}.cc__brand{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex:1 1 auto;min-width:0}.cc__logo{font-size:clamp(1.3rem,3.8vw,1.7rem);font-weight:500;letter-spacing:.26em;text-transform:uppercase;white-space:nowrap}.cc__logo-img{display:block;width:auto;height:auto;max-width:min(10rem,26vw);background:transparent}.cc__logo-dot{position:relative;display:inline-block}.cc__logo-dot:after{content:"";position:absolute;top:-.45em;left:50%;width:.22em;height:.22em;border-radius:50%;background:currentColor;transform:translate(calc(-50% - .13em))}.cc__eyebrow{font-size:clamp(.9rem,2.6vw,1.1rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cc-muted);white-space:nowrap}.cc__tools{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.cc-tool{display:inline-flex;align-items:center;gap:.7rem;padding:.8rem 1.1rem;border:0;border-radius:var(--cc-radius-sm);background:transparent;color:var(--cc-ink-2);font:inherit;font-size:clamp(1.1rem,3vw,1.3rem);cursor:pointer;transition:background .15s ease,color .15s ease}.cc-tool:hover{background:var(--cc-card);color:var(--cc-ink)}.cc-tool svg{width:1.25em;height:1.25em;flex:0 0 auto}.cc__grid{display:grid;grid-template-columns:37rem minmax(0,1fr);gap:2rem;align-items:start;margin:0}.cc-card{background:#faf7fe;border:1px solid #efeaf9;border-radius:var(--cc-radius);box-shadow:var(--cc-shadow)}.cc-step+.cc-step{border-top:1px solid var(--cc-border)}.cc-step{padding:2rem}.cc-step__head{display:flex;align-items:center;gap:.9rem;margin:0 0 1.4rem}.cc-step__head:has(.cc-step__optional){align-items:flex-start}.cc-step__num{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--cc-select);color:#fff;font-size:1.1rem;font-weight:600;line-height:normal;text-align:center;flex:0 0 auto}.cc-step__title{margin:0;font:900 22px Archivo,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#0b1020}.cc-step__price{flex:0 0 auto;margin-left:auto;padding:4px 11px;border-radius:999px;background:#efe9ff;font:700 10.5px Nunito Sans,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#4a3490;white-space:nowrap}.cc-step__price--free{font-weight:400;color:var(--cc-muted)}.cc-step__optional{display:block;margin-top:.4rem;font-size:1.1rem;font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--cc-muted)}.cc-tiles{display:grid;gap:.8rem}.cc-tiles--base{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));--cc-tile-top: #edeef2;--cc-tile-side: #c3c3cc;--cc-tile-key: #dcdce2}.cc-tiles--switch{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1rem .4rem .8rem;border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);background:var(--cc-card);color:var(--cc-ink-2);font:inherit;font-size:1.1rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.cc-tile:hover{border-color:var(--cc-select-soft)}.cc-tile[aria-pressed=true]{border-color:var(--cc-select);box-shadow:inset 0 0 0 1px var(--cc-select);color:var(--cc-ink)}.cc-tile__art{display:block;width:100%;height:auto}.cc-tile__photo{display:none;width:100%;height:auto;aspect-ratio:56 / 48;object-fit:contain}.cc-tile[data-cc-photo=true] .cc-tile__art{display:none}.cc-tile[data-cc-photo=true] .cc-tile__photo{display:block}.cc-tile__label{font:800 15px Nunito Sans,sans-serif;line-height:1.2;text-align:center}.cc-tile__price{margin-top:.2rem;color:var(--cc-muted);font-size:1.2rem;line-height:1.2;text-align:center}.cc-tile__check{position:absolute;top:.5rem;right:.5rem;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--cc-select);color:#fff;display:none;align-items:center;justify-content:center}.cc-tile[aria-pressed=true] .cc-tile__check{display:flex}.cc-tile__check svg{width:1rem;height:1rem}.cc-rows--base-colour{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--cc-border)}.cc-swatches__label{display:block;margin-bottom:.8rem;font:700 11.5px Nunito Sans,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--cc-select)}.cc-swatches__grid{display:flex;flex-wrap:wrap;gap:.6rem}.cc-swatch{position:relative;display:block;width:42px;height:42px;padding:.3rem;border:1px solid var(--cc-border);border-radius:12px;background:var(--cc-card);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.cc-swatch:hover{border-color:var(--cc-select-soft);transform:translateY(-.1rem)}.cc-swatch:focus-visible{outline:2px solid var(--cc-lav-ink);outline-offset:2px}.cc-swatch[aria-checked=true]{border-color:var(--cc-select);border-width:2px;padding:.2rem}.cc-swatch__dot{display:block;width:100%;height:100%;border-radius:9px;box-shadow:inset 0 0 0 1px #1111161f}.cc-swatch__name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cc-swatches__caption{margin:.9rem 0 0;font:400 13px Nunito Sans,sans-serif;color:#7a7490}.cc-keycaps{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.8rem;margin-bottom:.4rem}.cc-keycap{min-width:0}.cc-keycap__label{display:flex;align-items:center;justify-content:center;min-height:2.6rem;margin:0 0 .6rem;font-size:1rem;font-weight:500;color:var(--cc-ink-2);text-align:center;line-height:1.2}.cc-keycap__button{display:flex;align-items:center;gap:.6rem;width:100%;padding:.7rem;border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);background:var(--cc-card);color:var(--cc-ink);font:inherit;font-size:1.15rem;text-align:left;cursor:pointer;transition:border-color .15s ease}.cc-keycap__button:hover{border-color:var(--cc-border-strong)}.cc-keycap__button:focus-visible{outline:2px solid var(--cc-accent);outline-offset:1px}.cc-keycap__swatch{flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:.5rem;border:1px solid rgba(17,17,22,.12)}.cc-keycap__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-keycap__caret{flex:0 0 auto;width:1.2rem;height:1.2rem;color:var(--cc-muted)}.cc-keycap__button[aria-expanded=true] .cc-keycap__caret{transform:rotate(180deg)}.cc-picker{position:relative}.cc-picker__button:focus-visible,.cc-picker__list:focus-visible{outline:2px solid var(--cc-accent);outline-offset:1px}.cc-picker__swatch{flex:0 0 auto;width:1.8rem;height:1.8rem;border-radius:.5rem;border:1px solid rgba(17,17,22,.12)}.cc-picker__list{position:fixed;z-index:20;max-height:26rem;min-width:18rem;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:.4rem;list-style:none;border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);background:var(--cc-card);box-shadow:0 8px 24px #1111161f}.cc-picker__option{display:flex;align-items:center;gap:1rem;padding:.7rem .8rem;border-radius:.7rem;font-size:1.3rem;cursor:pointer}.cc-picker__option:hover,.cc-picker__option.is-active{background:#f3f3f6}.cc-picker__option[aria-selected=true]{font-weight:600}.cc-picker__option[aria-selected=true]:after{content:"";width:.6rem;height:.6rem;margin-left:auto;border-radius:50%;background:var(--cc-accent)}.cc-keys__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.1rem}.cc-uploads{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.6rem,1fr));gap:.8rem}.cc-upload{position:relative}.cc-upload__label{display:flex;align-items:center;justify-content:center;min-height:2.6rem;margin:0 0 .6rem;font-size:1rem;font-weight:500;color:var(--cc-ink-2);text-align:center;line-height:1.2}.cc-upload__drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:9rem;padding:1rem .5rem;border:1px dashed var(--cc-border-strong);border-radius:var(--cc-radius-sm);background:var(--cc-card);color:var(--cc-muted);font:inherit;font-size:.95rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.cc-upload__drop:hover,.cc-upload__drop.is-dragover{border-color:var(--cc-select-soft);background:#fafafb}.cc-upload__drop svg{width:1.8rem;height:1.8rem;color:var(--cc-ink-2)}.cc-upload__idle{display:flex;flex-direction:column;align-items:center;gap:.4rem}.cc-upload__cta{font-size:1.1rem;color:var(--cc-ink-2)}.cc-upload__hint{line-height:1.3}.cc-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cc-upload__preview{display:none;width:4.4rem;height:4.4rem;object-fit:contain;border-radius:0}.cc-upload.is-filled .cc-upload__drop{border-style:solid;border-color:var(--cc-select)}.cc-upload.is-filled .cc-upload__preview{display:block}.cc-upload.is-filled .cc-upload__idle{display:none}.cc-upload__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.cc-upload__remove{position:absolute;top:3.6rem;right:.4rem;display:none;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;border:1px solid var(--cc-border);border-radius:50%;background:var(--cc-card);color:var(--cc-ink-2);cursor:pointer}.cc-upload.is-filled .cc-upload__remove{display:flex}.cc-upload__remove svg{width:1rem;height:1rem}.cc-note{display:flex;align-items:flex-start;gap:.8rem;margin:1.2rem 0 0;padding:.9rem 1.1rem;border-radius:var(--cc-radius-sm);background:#f6f6f8;color:var(--cc-muted);font-size:1.15rem}.cc-note svg{width:1.4rem;height:1.4rem;flex:0 0 auto;margin-top:.1rem}.cc-stage{display:flex;flex-direction:column;--cc-stage-top: 2rem;position:sticky;top:var(--cc-stage-top);max-height:calc(100vh - var(--cc-stage-top) - 2rem);overflow:hidden auto;scrollbar-width:none;-ms-overflow-style:none}.cc-stage::-webkit-scrollbar{display:none}body:has(.shopify-section-header-sticky) .cc-stage{--cc-stage-top: calc(var(--header-height, 0px) + 2rem)}.cc-stage__head{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;padding:1.8rem 2rem}.cc-stage__title-group{display:flex;align-items:center;gap:1rem}.cc-stage__title{margin:0;font:900 22px Archivo,sans-serif;letter-spacing:-.01em;text-transform:uppercase;color:#0b1020}.cc-badge{display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:999px;background:var(--cc-lav);color:var(--cc-lav-ink);font-size:1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.cc-ghost-btn{display:inline-flex;align-items:center;gap:.7rem;padding:.8rem 1.4rem;border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);background:var(--cc-card);color:var(--cc-ink-2);font:inherit;font-size:1.3rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.cc-ghost-btn:hover{border-color:var(--cc-border-strong);color:var(--cc-ink)}.cc-ghost-btn svg{width:1.6rem;height:1.6rem}.cc-stage__body{display:grid;grid-template-columns:minmax(0,1fr) 28rem;gap:2rem;padding:0 2rem 2rem;align-items:start}.cc-viewer{display:flex;flex-direction:column;gap:1.6rem;min-width:0}.cc-viewer__canvas{display:flex;align-items:center;justify-content:center;min-height:38rem;padding:1rem}.cc-viewer__canvas>svg{width:100%;max-width:52rem;height:auto}.cc-skeleton__block{fill:var(--cc-border);animation:cc-skeleton-pulse 1.4s ease-in-out infinite}@keyframes cc-skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.cc-skeleton__block{animation:none;opacity:.75}}.cc-thumbs{display:flex;gap:.8rem;flex-wrap:wrap}.cc-thumb{position:relative;width:8rem;height:8rem;padding:.5rem;border:1px solid var(--cc-border);border-radius:var(--cc-radius-sm);background:var(--cc-card);cursor:pointer;transition:border-color .15s ease}.cc-thumb:hover{border-color:var(--cc-select-soft)}.cc-thumb[aria-pressed=true]{border-color:var(--cc-select);box-shadow:inset 0 0 0 1px var(--cc-select)}.cc-thumb__art,.cc-thumb__art>svg{display:block;width:100%;height:100%}.cc-thumb__tag{position:absolute;top:.4rem;left:.5rem;font-size:.95rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--cc-muted);pointer-events:none}.cc-side{display:flex;flex-direction:column;gap:1.2rem;min-width:0}.cc-panel{padding:1.6rem;border:1px solid var(--cc-border);border-radius:var(--cc-radius)}.cc-panel__title{margin:0 0 .8rem;font:800 17px Nunito Sans,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#0b1020}.cc__setup-note{margin:0;padding:1.6rem 2rem;background:var(--cc-lav);color:var(--cc-lav-ink);font-size:1.3rem;text-align:center}.cc-panel__note{margin:.8rem 0 0;font-size:1.15rem;line-height:1.35;color:var(--cc-muted)}.cc-price{margin:0 0 1.4rem;font-size:2.6rem;font-weight:600;letter-spacing:-.01em}.cc-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;padding:1.3rem 1.6rem;border:1px solid transparent;border-radius:var(--cc-radius-sm);font:inherit;font-size:1.25rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:opacity .15s ease,border-color .15s ease}.cc-btn svg{width:1.6rem;height:1.6rem}.cc-btn__spinner{display:none;animation:cc-spin .7s linear infinite}.cc-btn[aria-busy=true] .cc-btn__icon{display:none}.cc-btn[aria-busy=true] .cc-btn__spinner{display:block}.cc-btn[aria-busy=true][disabled]{opacity:.75;cursor:progress}@keyframes cc-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cc-btn__spinner{animation:cc-skeleton-pulse 1.4s ease-in-out infinite}}.cc-btn--primary{background:var(--cc-select);color:#fff}.cc-btn--primary:hover{opacity:.88}.cc-btn--primary[disabled]{opacity:.4;cursor:not-allowed}.cc-btn--secondary{margin-top:.8rem;background:var(--cc-card);border-color:var(--cc-border);color:var(--cc-ink)}.cc-btn--secondary:hover{border-color:var(--cc-border-strong)}.cc-summary__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;padding:.9rem 0;border-top:1px solid var(--cc-border);font-size:1.25rem}.cc-summary__row:first-of-type{border-top:0;padding-top:0}.cc-summary__key{color:var(--cc-ink)}.cc-summary__val{display:block;margin-top:.2rem;color:var(--cc-muted);font-size:1.2rem}.cc-summary__amount{color:#0b1020;font-weight:700;white-space:nowrap}.cc-dots{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.cc-dots span{display:block;flex:0 0 auto;width:1.2rem;height:1.2rem;border-radius:50%;border:1px solid rgba(17,17,22,.12)}.cc-summary__total{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.4rem;padding-top:1.2rem;border-top:1px solid var(--cc-border);font:700 16px Nunito Sans,sans-serif;color:#0b1020}.cc-summary__total [data-cc-total]{font:900 28px Archivo,sans-serif;color:#0b1020}.cc-mto{display:flex;align-items:flex-start;gap:1rem;padding:16px;background:#faf7fe;border:1px solid #efeaf9;border-radius:18px;color:var(--cc-lav-ink)}.cc-mto svg,.cc-mto__icon{width:2rem;height:2rem;flex:0 0 auto;object-fit:contain}.cc-mto strong{display:block;margin-bottom:.2rem;font:800 14px Nunito Sans,sans-serif;color:#0b1020}.cc-mto p{margin:0;font:400 12.5px/1.55 Nunito Sans,sans-serif;color:#5b5570}.cc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;padding:2rem;background:#11111673}.cc-modal.is-open{display:flex}.cc-modal__dialog{position:relative;width:min(46rem,100%);max-height:80vh;overflow:auto;padding:2.4rem;border-radius:var(--cc-radius);background:var(--cc-card)}.cc-modal__title{margin:0 0 1.6rem;font-family:inherit;font-size:1.8rem;font-weight:600}.cc-modal__close{position:absolute;top:1.4rem;right:1.4rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--cc-ink-2);cursor:pointer}.cc-modal__close:hover{background:#f2f2f4}.cc-modal__close svg{width:1.6rem;height:1.6rem}.cc-steps-list{display:grid;gap:1.2rem;margin:0;padding:0;color:var(--cc-ink-2)}.cc-steps-list p{margin:0}.cc-toast{position:fixed;left:50%;bottom:3rem;z-index:110;padding:1.1rem 1.8rem;border-radius:999px;background:var(--cc-accent);color:#fff;font-size:1.3rem;opacity:0;visibility:hidden;transform:translate(-50%,1rem);transition:opacity .2s ease,transform .2s ease,visibility .2s}.cc-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%)}.cc-noscript{padding:2rem;color:var(--cc-muted)}@media screen and (max-width:1180px){.cc__grid{grid-template-columns:32rem minmax(0,1fr)}.cc-stage__body{grid-template-columns:minmax(0,1fr)}.cc-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.cc-mto{grid-column:1 / -1}}@media screen and (max-width:900px){.cc__grid{grid-template-columns:minmax(0,1fr)}.cc-stage{position:static;max-height:none;overflow:clip visible}}@media screen and (max-width:640px){.cc-step__title,.cc-stage__title{font:900 16px Archivo,sans-serif}.cc-stage__head{flex-wrap:nowrap;gap:.8rem;padding:1.4rem 1.2rem}.cc-stage__title{font-size:clamp(1.1rem,3.4vw,1.6rem);white-space:nowrap}.cc-stage__title-group{min-width:0;gap:.6rem}.cc-stage__head .cc-badge{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cc-stage__head .cc-ghost-btn{flex:0 0 auto;white-space:nowrap}.cc__inner{padding:0 1.2rem}.cc__topbar{padding:1.4rem 0;flex-wrap:nowrap;align-items:flex-start;gap:1rem}.cc__brand{overflow:hidden}.cc__tools{flex-direction:column;align-items:stretch;flex:0 0 auto;gap:.2rem}.cc-tool{justify-content:flex-start;padding:.3rem}.cc-tiles--base{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-uploads,.cc-keycaps{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-row{grid-template-columns:minmax(0,1fr);gap:.5rem}.cc-side{grid-template-columns:minmax(0,1fr)}.cc-viewer__canvas{min-height:26rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-custom-clicker.css.map */