.pi-block{display:flex;flex-direction:column;gap:1.8rem;margin:1.6rem 0 2rem;padding:1.8rem;border:1px solid rgb(var(--color-foreground),.14);border-radius:10px;background:rgb(var(--color-foreground),.02)}.pi-label{display:block;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.pi-help{font-size:1.3rem;color:rgb(var(--color-foreground),.6);margin:0 0 .9rem}.pi-swatch-name{color:rgb(var(--color-foreground));font-weight:700}.pi-fontpick{position:relative}.pi-fontpick__btn{width:100%;display:flex;align-items:center;gap:10px;padding:1.1rem 1.3rem;border:1px solid rgb(var(--color-foreground),.2);border-radius:8px;background:#fff;cursor:pointer;text-align:start;font-size:1.8rem;color:inherit;font-family:inherit}.pi-fontpick__btn:hover{border-color:rgb(var(--color-foreground),.35)}.pi-fontpick__name{flex:1;line-height:1.25}.pi-fontpick__chev{color:rgb(var(--color-foreground),.5);font-size:1.2rem;flex:0 0 auto}.pi-fontpick__list{position:absolute;z-index:20;top:calc(100% + 5px);inset-inline:0;background:#fff;border:1px solid rgb(var(--color-foreground),.16);border-radius:10px;box-shadow:0 12px 28px #11182729;max-height:24rem;overflow-y:auto;padding:5px}.pi-fontpick__list[hidden]{display:none}.pi-fontpick__opt{width:100%;display:flex;align-items:baseline;gap:10px;padding:.8rem 1rem;border:0;background:none;border-radius:6px;cursor:pointer;text-align:start;font-family:inherit;color:inherit}.pi-fontpick__opt:hover,.pi-fontpick__opt[aria-selected=true]{background:rgb(var(--color-button),.08)}.pi-fontpick__sample{font-size:1.9rem;line-height:1.25;flex:1}.pi-fontpick__tag{font-size:1.1rem;color:rgb(var(--color-foreground),.55);font-family:var(--font-body-family);flex:0 0 auto}.pi-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:8px}.pi-swatch{position:relative;width:100%;aspect-ratio:1;border-radius:6px;cursor:pointer;padding:0;background:var(--sw, #ccc);border:1px solid rgb(var(--color-foreground),.22);transition:transform .12s ease}.pi-swatch:hover{transform:scale(1.08)}.pi-swatch:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:3px}.pi-swatch[aria-checked=true]{box-shadow:0 0 0 2px #fff inset,0 0 0 3px rgb(var(--color-foreground))}.pi-swatch__tick{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.85)}.pi-swatch[aria-checked=true] .pi-swatch__tick{display:flex}.pi-positions{display:flex;flex-wrap:wrap;gap:8px}.pi-position{padding:1rem 1.6rem;border-radius:8px;cursor:pointer;border:2px solid rgb(var(--color-foreground),.16);background:#fff;font-size:1.4rem;font-weight:600;font-family:inherit;color:rgb(var(--color-foreground));transition:.15s}.pi-position:hover{border-color:rgb(var(--color-foreground),.35)}.pi-position[aria-checked=true]{border-color:rgb(var(--color-button));background:rgb(var(--color-button),.08);color:rgb(var(--color-button))}@media screen and (max-width:749px){.pi-block{padding:1.4rem;gap:1.6rem}.pi-swatches{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:9px}.pi-position{flex:1 1 auto;text-align:center}}.pi-drop{border:1.5px dashed rgb(var(--color-foreground),.28);border-radius:8px;padding:2rem 1.4rem;text-align:center;cursor:pointer;background:rgb(var(--color-foreground),.02)}.pi-drop:hover{border-color:rgb(var(--color-button));background:rgb(var(--color-button),.05)}.pi-drop strong{display:block;font-size:1.45rem;margin-bottom:.3rem}.pi-drop small{color:rgb(var(--color-foreground),.6);font-size:1.25rem}.pi-drop--filled{border-style:solid;border-color:#0f8a5f;background:#f2fbf7;display:flex;align-items:center;gap:1.2rem;text-align:start;padding:1.2rem}.pi-drop--filled img{width:52px;height:52px;object-fit:cover;border-radius:6px;flex:0 0 auto}.pi-progress{margin-top:.9rem}.pi-progress[hidden]{display:none}.pi-progress__bar{height:6px;border-radius:99px;overflow:hidden;background:rgb(var(--color-foreground),.12)}.pi-progress__bar i{display:block;height:100%;width:0;background:rgb(var(--color-button));transition:width .18s linear}.pi-progress__label{font-size:1.3rem;color:rgb(var(--color-foreground),.65);margin:.6rem 0 0;font-variant-numeric:tabular-nums}
/*# sourceMappingURL=/cdn/shop/t/12/assets/personalise-inline.css.map */