.cx-builder{--cx-panel: var(--cx-field, #f1ede7);--cx-line: rgb(var(--text-primary) / .14);--cx-r: 14px;--cx-r-sm: 10px;display:block;padding-bottom:8rem}@media screen and (max-width:899px){.cx-builder{padding-bottom:11rem}}.cx-builder .cx-eyebrow{margin:0 0 var(--spacing-2);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--text-primary) / .55)}.cx-builder .cx-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3-5) var(--spacing-6);font-size:var(--text-sm);line-height:1.15;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:var(--rounded-button);cursor:pointer;transition:opacity .15s,background-color .15s,color .15s,border-color .15s}.cx-builder .cx-btn--solid{background-color:rgb(var(--text-primary));color:rgb(var(--background-primary))}.cx-builder .cx-btn--solid:disabled{opacity:.35;cursor:not-allowed}.cx-builder .cx-btn--solid:not(:disabled):hover{opacity:.84}.cx-builder .cx-btn--ghost{background-color:transparent;color:rgb(var(--text-primary));border-color:var(--cx-line)}.cx-builder .cx-btn--ghost:hover{border-color:rgb(var(--text-primary))}.cx-builder__setup,.cx-builder__main{display:grid;gap:var(--spacing-6);align-items:start}@media screen and (min-width:1000px){.cx-builder__setup,.cx-builder__main{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--spacing-8)}}.cx-builder__setup{margin-block:var(--spacing-8) var(--spacing-5)}.cx-builder__step2{display:grid;gap:var(--spacing-3);align-self:end;align-content:end}.cx-builder__step2 .cx-eyebrow{margin-bottom:0}@media screen and (max-width:999px){.cx-builder__step2{margin-top:var(--spacing-4)}}.cx-builder__comps{margin-top:var(--spacing-5)}.cx-builder__chiprow{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.cx-builder__chip{padding:var(--spacing-2) var(--spacing-3-5);font-size:var(--text-sm);line-height:1.2;background-color:transparent;color:rgb(var(--text-primary));border:1px solid var(--cx-line);border-radius:var(--rounded-button);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.cx-builder__chip:hover{border-color:rgb(var(--text-primary))}.cx-builder__chip[aria-pressed=true]{background-color:rgb(var(--text-primary));color:rgb(var(--background-primary));border-color:rgb(var(--text-primary))}.cx-builder__advice{margin:var(--spacing-3) 0 0;max-width:46rem;font-size:var(--text-sm);color:rgb(var(--text-primary) / .7)}.cx-builder__advice:empty{display:none}.cx-builder__wall{position:relative;aspect-ratio:3 / 2;background-color:var(--cx-panel);background-repeat:no-repeat;border-radius:var(--rounded-sm);overflow:hidden}.cx-builder__patch{position:absolute;display:block;pointer-events:none;filter:blur(5px)}.cx-builder__slot{position:absolute;display:block;padding:0;background:transparent;border:0;cursor:pointer}.cx-builder__slot--empty:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--cx-panel);border:1px dashed rgb(var(--text-primary) / .4);box-shadow:inset 0 1px 6px #00000014}.cx-builder__slot--empty:after{content:"+";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.15rem;line-height:1;color:rgb(var(--text-primary) / .5)}.cx-builder__slot--empty:hover:before{border-color:rgb(var(--text-primary) / .75)}.cx-builder__slot img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;box-shadow:0 4px 14px #0000004d}.cx-builder__slot img.is-wrapp{box-shadow:none}.cx-builder__slot[aria-current=true]{outline:2px solid #fff;outline-offset:2px}.cx-builder__slot--empty[aria-current=true]{outline-color:rgb(var(--text-primary) / .65)}.cx-builder__hint{margin:var(--spacing-3) 0 0;font-size:var(--text-sm);color:rgb(var(--text-primary) / .7)}.cx-builder__colours{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);padding:var(--spacing-4);background-color:var(--cx-panel);border-radius:var(--rounded-sm)}.cx-builder__colours-label{margin-right:var(--spacing-2);font-size:var(--text-sm)}.cx-builder__swatch{width:24px;height:24px;padding:0;border:1px solid rgb(var(--text-primary) / .18);border-radius:2px;cursor:pointer}.cx-builder__swatch[aria-pressed=true]{outline:1px solid rgb(var(--text-primary));outline-offset:2px}.cx-builder__morecolours{margin-left:var(--spacing-2)}.cx-builder__morelink{display:inline-block;font-size:var(--text-xs);line-height:1.4;white-space:nowrap;color:rgb(var(--text-primary) / .75);text-decoration:underline;text-underline-offset:2px;cursor:pointer;list-style:none}.cx-builder__morelink::-webkit-details-marker{display:none}.cx-builder__morelink:hover{color:rgb(var(--text-primary))}.cx-builder__morelink:focus-visible{outline:2px solid rgb(var(--text-primary) / .5);outline-offset:2px}.cx-builder__remove{margin-left:auto;padding:0;font-size:var(--text-xs);color:rgb(var(--text-primary) / .6);background:none;border:0;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.cx-builder__remove:hover{color:rgb(var(--text-primary))}.cx-builder__picker{display:grid;gap:var(--spacing-4);align-content:start}.cx-builder__search input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);color:rgb(var(--text-primary));background-color:rgb(var(--background-primary));border:1px solid var(--cx-line);border-radius:var(--rounded-button)}.cx-builder__search input:focus-visible{outline:1px solid rgb(var(--text-primary))}.cx-builder__chiprow--worlds{gap:var(--spacing-1-5)}.cx-builder__chiprow--worlds .cx-builder__chip{font-size:var(--text-xs);padding:var(--spacing-1-5) var(--spacing-3)}.cx-builder__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3);max-height:42rem;overflow-y:auto}@media screen and (min-width:700px)and (max-width:999px){.cx-builder__list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:1000px){.cx-builder__list{aspect-ratio:1 / .9;max-height:none}}.cx-builder__item{display:grid;gap:var(--spacing-1);padding:var(--spacing-2);text-align:start;background-color:var(--cx-panel);border:1px solid transparent;border-radius:var(--rounded-sm);cursor:pointer;align-content:start}.cx-builder__item:hover{border-color:rgb(var(--text-primary) / .3)}.cx-builder__item img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.cx-builder__itemtitle{font-size:var(--text-xs);line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cx-builder__itemmeta{font-size:var(--text-xs);color:rgb(var(--text-primary) / .55)}.cx-builder__empty{grid-column:1 / -1;padding:var(--spacing-6) 0;font-size:var(--text-sm);color:rgb(var(--text-primary) / .7)}.cx-builder__more{justify-self:start}.cx-builder__bar{position:fixed;inset-inline:0;bottom:0;z-index:10;background-color:rgb(var(--background-primary));border-top:1px solid var(--cx-line);box-shadow:0 -8px 28px #00000017}.cx-builder__bar-inner{display:grid;gap:var(--spacing-3) var(--spacing-5);align-items:center;max-width:var(--container-max-width, 1600px);margin-inline:auto;padding:var(--spacing-4) var(--container-gutter, 24px);padding-bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tally add" "bonus bonus"}@media screen and (min-width:900px){.cx-builder__bar-inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"tally bonus add";gap:var(--spacing-8)}}.cx-builder__tally{grid-area:tally;display:grid;gap:2px;min-width:0}.cx-builder__tallycount{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-primary) / .55)}.cx-builder__pricerow{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-2)}.cx-builder__was{font-size:var(--text-sm);color:rgb(var(--text-primary) / .45);text-decoration-thickness:1px}.cx-builder__tallytotal{font-size:var(--text-h6, 1.125rem);font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.cx-builder__saved{padding:2px var(--spacing-2);font-size:var(--text-xs);line-height:1.5;white-space:nowrap;color:rgb(var(--text-primary));background-color:rgb(var(--text-primary) / .08);border-radius:var(--rounded-button)}.cx-builder__bonus{grid-area:bonus;min-width:0}.cx-builder__track{display:block;height:3px;background-color:rgb(var(--text-primary) / .12);border-radius:2px;overflow:hidden}.cx-builder__track span{display:block;width:0;height:100%;background-color:rgb(var(--text-primary));transition:width .3s ease}.cx-builder__bonustext{margin:var(--spacing-2) 0 0;font-size:var(--text-xs);line-height:1.4;color:rgb(var(--text-primary) / .7)}.cx-builder__bonustext:empty{display:none}.cx-builder__add{grid-area:add;white-space:nowrap}@media screen and (max-width:460px){.cx-builder__add{padding-inline:var(--spacing-4);font-size:var(--text-xs)}}@media(prefers-reduced-motion:reduce){.cx-builder__track span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/cx-builder.css.map */