.clicker-configurator{display:block;margin:2.4rem 0;padding:clamp(1.8rem,5vw,2.6rem);border:.1rem solid rgba(var(--color-foreground),.14);border-radius:max(1.8rem,var(--text-boxes-radius));background:linear-gradient(145deg,rgba(var(--color-foreground),.035),transparent 42%),rgb(var(--color-background));box-shadow:0 1.2rem 3rem rgba(var(--color-foreground),.045);container-type:inline-size}.clicker-configurator__title,.clicker-configurator__counter,.clicker-configurator__hint,.clicker-configurator__selection-label{margin:0}.clicker-configurator__title{letter-spacing:-.01em}.clicker-configurator__colour-name{margin-left:.4rem;color:rgba(var(--color-foreground),.72);font-weight:500}.clicker-configurator__swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1rem;max-width:44rem}.clicker-swatch{display:block;position:relative;cursor:pointer}.clicker-swatch__circle{display:block;width:100%;max-width:4.4rem;aspect-ratio:1;margin:0 auto;border-radius:50%;background:var(--swatch-colour);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.18);transition:transform .15s ease,box-shadow .15s ease}.clicker-swatch:hover .clicker-swatch__circle{transform:scale(1.08)}.clicker-swatch__input:checked+.clicker-swatch__circle{box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.18),0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgb(var(--color-foreground))}.clicker-swatch__input:focus-visible+.clicker-swatch__circle{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.7rem}.clicker-configurator .select{width:100%;max-width:none}.clicker-configurator .select__select{width:100%;min-height:5.2rem;border-radius:max(1.2rem,var(--inputs-radius));background-color:rgb(var(--color-background))}.clicker-configurator__counter{display:inline-flex;margin-top:.2rem;padding:.45rem .9rem;border-radius:999px;background:rgba(var(--color-foreground),.065);color:rgba(var(--color-foreground),.82);font-size:1.25rem;font-weight:600}.clicker-configurator__hint{margin-top:.8rem;color:rgba(var(--color-foreground),.6);font-size:1.2rem;line-height:1.4}.clicker-configurator__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:1.4rem}.clicker-keycap{position:relative;display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:max(1.2rem,calc(var(--buttons-radius) * .75));background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.035);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.clicker-keycap:hover{border-color:rgba(var(--color-foreground),.42);box-shadow:0 .8rem 1.8rem rgba(var(--color-foreground),.08);transform:translateY(-.2rem)}.clicker-keycap:focus-within{outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.2rem}.clicker-keycap.is-selected{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.035);box-shadow:0 0 0 .1rem rgb(var(--color-button)),0 .8rem 1.8rem rgba(var(--color-foreground),.08)}.clicker-keycap__choice{display:flex;flex:1 1 auto;flex-direction:column;gap:1rem;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.clicker-keycap__choice:focus-visible,.clicker-keycap__quantity-button:focus-visible{outline:none}.clicker-keycap__choice:disabled,.clicker-keycap__quantity-button:disabled{cursor:not-allowed}.clicker-keycap__choice:disabled{opacity:.72}.clicker-keycap__image-wrapper{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:1;border-radius:max(.9rem,calc(var(--buttons-radius) * .5));background:rgba(var(--color-foreground),.05)}.clicker-keycap__image,.clicker-keycap__placeholder{display:block;width:100%;height:100%;object-fit:contain}.clicker-keycap__quantity{display:grid;min-width:2.4rem;place-items:center;color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:700;line-height:1;text-align:center}.clicker-keycap__name{min-height:3.6rem;overflow-wrap:break-word;word-break:normal;font-size:1.4rem;font-weight:650;line-height:1.3}.clicker-keycap__controls{display:grid;grid-template-columns:minmax(2.8rem,3.4rem) minmax(2rem,1fr) minmax(2.8rem,3.4rem);gap:.4rem;align-items:stretch;min-height:3.4rem;padding:.35rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:999px;background:rgba(var(--color-foreground),.035)}.clicker-keycap__quantity-button{display:grid;min-width:3.4rem;min-height:3.4rem;padding:0;place-items:center;border:0;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font:inherit;font-size:1.8rem;line-height:1;cursor:pointer;transition:opacity .14s ease,transform .14s ease}.clicker-keycap__quantity-button:hover:not(:disabled){transform:scale(1.05)}.clicker-keycap__quantity-button:disabled{opacity:.25}.clicker-configurator__selection-label{color:rgba(var(--color-foreground),.82);font-size:1.25rem;font-weight:700}.clicker-configurator__clear{margin-top:1.2rem;padding:0;border:0;border-bottom:.1rem solid currentColor;background:transparent;color:rgba(var(--color-foreground),.68);font:inherit;font-size:1.2rem;line-height:1.5;cursor:pointer}.clicker-configurator__clear:hover{color:rgb(var(--color-foreground))}.clicker-configurator__clear:focus-visible{outline:.2rem solid currentColor;outline-offset:.4rem}.clicker-configurator__error,.clicker-configurator__setup-warning{margin:1.4rem 0 0;padding:1rem 1.2rem;border-radius:.8rem;font-size:1.3rem}.clicker-configurator__error{background:#b0002014;color:#b00020}.clicker-configurator__setup-warning{border:.1rem solid rgba(var(--color-foreground),.2);background:rgba(var(--color-foreground),.06)}.product-form__submit[data-clicker-incomplete=true]{cursor:not-allowed;opacity:.55}@media screen and (max-width:749px){.clicker-configurator__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.clicker-keycap,.clicker-swatch__circle{transition:none}}.clicker-builder-steps [hidden]{display:none!important}.clicker-letters__choices{display:flex;flex-wrap:wrap;gap:1rem}.clicker-letters__choice{display:inline-flex;align-items:center;min-height:4.4rem;padding:0 1.8rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:600;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}.clicker-letters__choice:hover{border-color:rgb(var(--color-foreground))}.clicker-letters__choice:has(input:checked){border-color:rgb(var(--color-button));background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.clicker-letters__choice:has(input:focus-visible){outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.3rem}.clicker-letters__choice:has(input:disabled){opacity:.45;cursor:not-allowed}.clicker-letters__panel{margin-top:1.8rem}.clicker-letters__input-label{display:block;margin-bottom:.8rem;padding:0;color:rgb(var(--color-foreground));font-size:1.35rem;font-weight:650}.clicker-letters__input{box-sizing:border-box;width:100%;min-height:5.6rem;padding:0 1.6rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:max(1.2rem,var(--inputs-radius));background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:2.4rem;font-weight:700;letter-spacing:.4em;text-transform:uppercase}.clicker-letters__input::placeholder{color:rgba(var(--color-foreground),.25)}.clicker-letters__input:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.2rem}.clicker-letters__status{margin-top:.8rem}.clicker-letters__colourways{margin:2rem 0 0;padding:0;border:0}.clicker-letters__colourway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.clicker-letters__colourway{display:flex;flex-direction:column;gap:.8rem;padding:1rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:max(1.2rem,calc(var(--buttons-radius) * .75));background:rgb(var(--color-background));cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.clicker-letters__colourway:hover{border-color:rgba(var(--color-foreground),.42)}.clicker-letters__colourway:has(input:checked){border-color:rgb(var(--color-button));box-shadow:0 0 0 .1rem rgb(var(--color-button))}.clicker-letters__colourway:has(input:focus-visible){outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.2rem}.clicker-letters__colourway .clicker-keycap__name{min-height:0}.clicker-letters__slots{display:flex;flex-wrap:wrap;gap:.7rem;margin:.8rem 0 0;padding:0;list-style:none}.clicker-letters__slot{display:flex;min-width:3.6rem;min-height:3.6rem}.clicker-letters__slot--letter{justify-content:center;align-items:center;border-radius:.8rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.6rem;font-weight:700}.clicker-letters__slot--empty{border:.1rem dashed rgba(var(--color-foreground),.3);border-radius:.8rem}.clicker-letters__notice{margin:1.4rem 0 0;padding:1rem 1.2rem;border-radius:.8rem;background:rgba(var(--color-foreground),.06);font-size:1.3rem}@media screen and (max-width:749px){.clicker-letters__colourway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.clicker-letters__choice,.clicker-letters__colourway{transition:none}}.clicker-steps__progress{margin-top:1.4rem}.clicker-steps__status{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1.2rem;margin:0 0 1.2rem;font-size:1.3rem}.clicker-steps__position{color:rgb(var(--color-foreground));font-weight:700}.clicker-steps__remaining{color:rgba(var(--color-foreground),.68)}.clicker-steps__list{display:flex;margin:0;padding:0;list-style:none}.clicker-steps__item{position:relative;flex:1 1 0;min-width:0}.clicker-steps__item+.clicker-steps__item:before{content:"";position:absolute;top:1.5rem;right:calc(50% + 2rem);left:calc(-50% + 2rem);height:.2rem;border-radius:.1rem;background:rgba(var(--color-foreground),.14)}.clicker-steps__item.is-complete+.clicker-steps__item:before{background:rgb(var(--color-foreground))}.clicker-steps__link{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%;padding:0;border:0;background:transparent;color:rgba(var(--color-foreground),.6);font:inherit;cursor:pointer}.clicker-steps__link:disabled{cursor:default}.clicker-steps__number{display:grid;width:3.2rem;height:3.2rem;place-items:center;border:.2rem solid rgba(var(--color-foreground),.2);border-radius:50%;background:rgb(var(--color-background));font-size:1.3rem;font-weight:700;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.clicker-steps__name{max-width:100%;overflow:hidden;font-size:1.2rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.clicker-steps__item.is-complete .clicker-steps__number{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}.clicker-steps__item.is-complete:not(.is-current) [data-step-number]{font-size:0}.clicker-steps__item.is-complete:not(.is-current) [data-step-number]:after{content:"\2713";font-size:1.5rem}.clicker-steps__item.is-complete .clicker-steps__link{color:rgb(var(--color-foreground))}.clicker-steps__item.is-current .clicker-steps__number{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background));box-shadow:0 0 0 .4rem rgba(var(--color-foreground),.12)}.clicker-steps__item.is-current .clicker-steps__link{color:rgb(var(--color-foreground))}.clicker-steps__item.is-current .clicker-steps__name{font-weight:750}.clicker-steps__link:not(:disabled):hover .clicker-steps__number{border-color:rgb(var(--color-foreground))}.clicker-steps__link:focus-visible{outline:none}.clicker-steps__link:focus-visible .clicker-steps__number{outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.3rem}.clicker-steps__panels{margin-top:2rem;padding-top:2rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.clicker-steps__panel{min-width:0;margin:0;padding:0;border:0}.clicker-steps__legend{padding:0}.clicker-steps__heading{margin:0;color:rgb(var(--color-foreground));font-size:1.8rem;line-height:1.3}.clicker-steps__heading:focus,.clicker-steps__heading:focus-visible{outline:none;box-shadow:none}.clicker-steps__heading label{cursor:pointer}.clicker-steps__heading .clicker-configurator__colour-name{font-size:1.5rem}.clicker-steps__intro{margin:.6rem 0 1.6rem;color:rgba(var(--color-foreground),.72);font-size:1.35rem;line-height:1.5}.clicker-steps__panel .clicker-configurator__grid{margin-top:1.4rem}.clicker-steps__nav{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;margin-top:2.2rem}.clicker-steps__back{flex:0 0 auto;min-height:4.4rem;padding:0 .4rem;border:0;background:transparent;color:rgba(var(--color-foreground),.75);font:inherit;font-size:1.4rem;font-weight:600;cursor:pointer}.clicker-steps__back:hover{color:rgb(var(--color-foreground))}.clicker-steps__back:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.2rem}.clicker-steps__next{display:inline-flex;flex:1 1 auto;justify-content:center;align-items:center;gap:1rem;min-height:5.4rem;margin-left:auto;padding:0 2.4rem;border:0;border-radius:var(--buttons-radius);background:rgb(var(--color-foreground));color:rgb(var(--color-background));font:inherit;font-size:1.6rem;font-weight:600;letter-spacing:.04rem;white-space:nowrap;box-shadow:0 .6rem 1.6rem rgba(var(--color-foreground),.22);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.clicker-steps__next:hover{background:rgba(var(--color-foreground),.88);box-shadow:0 .8rem 2rem rgba(var(--color-foreground),.28);transform:translateY(-.1rem)}.clicker-steps__next:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.clicker-steps__next-arrow{font-size:1.8rem;line-height:1;transition:transform .14s ease}.clicker-steps__next:hover .clicker-steps__next-arrow{transform:translate(.3rem)}.clicker-steps__summary{margin-top:2.2rem;padding:1.4rem 1.6rem;border-radius:1.2rem;background:rgba(var(--color-foreground),.045)}.clicker-steps__summary-title{margin:0 0 .6rem;color:rgba(var(--color-foreground),.82);font-size:1.25rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.clicker-steps__summary-list{margin:0}.clicker-steps__summary-row{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1rem;align-items:baseline;padding:.7rem 0;font-size:1.35rem}.clicker-steps__summary-row+.clicker-steps__summary-row{border-top:.1rem solid rgba(var(--color-foreground),.08)}.clicker-steps__summary-row dt{color:rgba(var(--color-foreground),.68)}.clicker-steps__summary-row dd{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;min-width:0;margin:0;color:rgb(var(--color-foreground));font-weight:600}.clicker-steps__summary-value{min-width:0;overflow-wrap:anywhere}.clicker-steps__summary-row.is-empty dd{color:rgba(var(--color-foreground),.45);font-weight:400}.clicker-steps__summary-value--swatch:before{content:"";display:inline-block;width:1.2rem;height:1.2rem;margin-right:.6rem;border-radius:50%;background:var(--swatch-colour);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.25);vertical-align:-.1rem}.clicker-steps__change{flex:0 0 auto;padding:0;border:0;border-bottom:.1rem solid currentColor;background:transparent;color:rgba(var(--color-foreground),.68);font:inherit;font-size:1.25rem;font-weight:500;line-height:1.4;cursor:pointer}.clicker-steps__change:hover{color:rgb(var(--color-foreground))}.clicker-steps__change:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.clicker-steps__build{margin-top:.8rem;padding-top:1.2rem;border-top:.1rem solid rgba(var(--color-foreground),.08)}.clicker-steps__build .clicker-letters__slot{min-width:4.8rem;min-height:4.8rem}.clicker-steps__build .clicker-letters__slot--letter{font-size:1.9rem}.clicker-steps__thumb{position:relative;width:4.8rem;height:4.8rem;padding:.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.8rem;background:rgb(var(--color-background));cursor:pointer;transition:border-color .14s ease}.clicker-steps__thumb:hover{border-color:rgb(var(--color-foreground))}.clicker-steps__thumb:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.clicker-steps__thumb-image{display:block;width:100%;height:100%;border-radius:.6rem;object-fit:contain}.clicker-steps__thumb-remove{position:absolute;top:-.7rem;right:-.7rem;display:grid;width:2rem;height:2rem;place-items:center;border:.2rem solid rgb(var(--color-background));border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.3rem;line-height:1}@container (max-width: 40rem){.clicker-steps__nav{flex-wrap:wrap;gap:.4rem}.clicker-steps__next{flex-basis:100%}.clicker-steps__back{order:1}.clicker-steps__summary-row{grid-template-columns:9.8rem minmax(0,1fr);gap:.8rem}.clicker-steps__summary-row dt{white-space:nowrap}.clicker-steps__name{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.clicker-steps__next,.clicker-steps__next-arrow,.clicker-steps__thumb,.clicker-steps__number{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/clicker-builder-steps.css.map */