.pp-builder{padding:20px 0 120px}.pp-builder__head{margin-bottom:18px}.pp-builder__head .pp-eyebrow{margin-bottom:8px}@media(max-width:749px){.pp-builder__head .pp-h2{font-size:clamp(19px,6.2vw,26px)}}.pp-builder__grid{display:grid;gap:22px}.pp-builder__preview{position:relative}.pp-builder__mini{position:fixed;left:0;right:0;top:var(--pp-header-h);z-index:20;padding:10px var(--pp-gutter);background:#09090af0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--pp-line);box-shadow:0 12px 24px -12px #000c;transform:translateY(-110%);visibility:hidden;transition:transform .25s var(--pp-ease),visibility 0s .25s}.pp-builder.is-mini .pp-builder__mini{transform:none;visibility:visible;transition:transform .25s var(--pp-ease)}.pp-builder__mini-plates{display:flex;justify-content:center;align-items:center;gap:8px;max-width:360px;margin:0 auto}.pp-builder__mini-plates .pp-builder__plate-wrap{width:auto;flex:1 1 0;min-width:0}.pp-builder__mini-plates .pp-builder__plate-wrap[hidden]{display:none}.pp-builder__mini-plates .pp-plate{width:100%!important;box-shadow:none}.pp-builder__mini-plates .pp-plate__mark,.pp-builder__mini-plates .pp-builder__plate-label{display:none}.pp-builder__stage{padding:20px 18px 16px;border-radius:var(--pp-radius);border:1px solid var(--pp-line);transition:padding .3s var(--pp-ease)}.pp-builder__stage-top{display:flex;justify-content:flex-end;margin-bottom:6px}.pp-share{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 13px;border-radius:999px;border:1px solid var(--pp-line-2);background:#09090ab3;color:var(--pp-white);font:700 10.5px/1 var(--pp-display);font-stretch:118%;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.pp-share:hover{background:var(--pp-panel-2);border-color:var(--pp-white)}.pp-share:focus-visible{outline:2px solid var(--pp-yellow);outline-offset:2px}.pp-share__icon{display:inline-flex}.pp-share svg{width:15px;height:15px}.pp-share__icon--done{display:none}.pp-share.is-copied{border-color:var(--pp-yellow)}.pp-share.is-copied .pp-share__icon--share{display:none}.pp-share.is-copied .pp-share__icon--done{display:inline-flex;color:var(--pp-yellow)}.pp-builder__plates{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:360px;margin:0 auto;transition:max-width .3s var(--pp-ease),gap .3s var(--pp-ease)}.pp-builder__plate-wrap{position:relative;display:flex;justify-content:center;width:100%}.pp-builder__plate-wrap[hidden]{display:none}.pp-builder__plate-wrap .pp-plate{width:var(--pp-w, 100%);flex:none;transition:width .25s ease}.pp-builder__plate-label{display:none}.pp-plate__text{transform:scale(var(--pp-fit, 1));transform-origin:center}.pp-plate{transition:background-color .2s}.pp-builder__buy{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px var(--pp-gutter) calc(12px + env(safe-area-inset-bottom));background:#111214f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--pp-line)}.pp-builder__price{display:flex;flex-direction:column;min-width:0;flex:1}.pp-builder__price-label{font:500 10.5px/1.3 var(--pp-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pp-grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-builder__price [data-pp-price]{font:800 24px/1.1 var(--pp-display);font-stretch:112%;letter-spacing:-.01em;margin-top:3px}.pp-builder__add{flex:none;min-height:54px}.pp-builder__price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.pp-builder__was{font:500 12px/1 var(--pp-mono);color:var(--pp-grey)}.pp-builder__save{align-self:center;padding:4px 6px;border-radius:3px;background:var(--pp-yellow);color:#000;font:700 10px/1 var(--pp-mono);letter-spacing:.06em;text-transform:uppercase}.pp-builder__save[hidden],.pp-builder__was[hidden]{display:none}.pp-builder__rating{display:none;margin-top:10px}.pp-card__price s{color:var(--pp-grey);margin-right:4px;font-size:11px}.pp-builder__error{margin:10px 0 0;padding:12px 14px;border-radius:var(--pp-radius-sm);background:#d61f261f;color:#ff8a8f;font-size:14px}.pp-builder__ticks{display:none}.pp-builder__steps{display:flex;flex-direction:column;gap:14px;min-width:0}.pp-step-f{margin:0;padding:20px 18px;border:1px solid var(--pp-line);border-radius:var(--pp-radius);background:var(--pp-ink);min-width:0}.pp-step-f[hidden]{display:none}.pp-step-f legend{float:left;width:100%;padding:0;margin:0 0 16px;display:flex;align-items:center;gap:12px;font:800 14px/1.2 var(--pp-display);font-stretch:120%;letter-spacing:.04em;text-transform:uppercase}.pp-step-f legend+*{clear:both}.pp-step-f legend em{margin-left:auto;font:500 10.5px/1 var(--pp-mono);letter-spacing:.06em;color:var(--pp-grey);text-transform:uppercase}.pp-step-f__n{font:500 11px/1 var(--pp-mono);letter-spacing:.06em;color:var(--pp-yellow)}.pp-step-f__hint{margin:10px 0 0;font-size:13px;color:var(--pp-grey)}.pp-step-f__hint.is-error{color:#ff8a8f}.pp-step-f__label{margin:16px 0 8px;font-size:13px;font-weight:600;color:var(--pp-grey-2)}.pp-step-f__label:first-of-type{margin-top:0}.pp-builder input[type=radio],.pp-builder input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.pp-builder label{cursor:pointer}.pp-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--pp-panel);border-radius:var(--pp-radius);border:1px solid var(--pp-line)}.pp-seg--3{grid-template-columns:repeat(3,1fr)}.pp-seg label span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:46px;padding:6px 8px;border-radius:var(--pp-radius-sm);font-weight:600;font-size:15px;color:var(--pp-grey-2);transition:background-color .15s,color .15s;text-align:center;line-height:1.15}.pp-seg--3 label span{min-height:56px;font-size:14.5px}.pp-seg small{font:500 10.5px/1 var(--pp-mono);letter-spacing:.04em;color:var(--pp-grey);margin-top:5px}.pp-seg input:checked+span{background:var(--pp-white);color:var(--pp-black)}.pp-seg input:checked+span small{color:#55575d}.pp-toggle input:focus-visible+.pp-toggle__ui,.pp-builder input:focus-visible+.pp-extra__box,.pp-seg input:focus-visible+span,.pp-card input:focus-visible~*,.pp-chips input:focus-visible+span,.pp-badge-opt input:focus-visible+span,.pp-list input:focus-visible+span{outline:2px solid var(--pp-yellow);outline-offset:2px}.pp-reg{position:relative;border-radius:7px;background:linear-gradient(180deg,#ffdd45,var(--pp-yellow-plate) 50%,#f2c400);box-shadow:inset 0 0 0 2px #0b0b0b,inset 0 0 0 4px var(--pp-yellow-plate)}.pp-reg__input{position:relative;width:100%;height:72px;border:0;background:transparent;text-align:center;font:600 44px/1 var(--pp-plate-font);letter-spacing:.05em;text-transform:uppercase;color:#0b0b0b;outline:none;border-radius:10px}.pp-reg__input::placeholder{color:#0000004d}.pp-reg__input:focus-visible{box-shadow:0 0 0 3px var(--pp-white)}.pp-reg.is-error{box-shadow:inset 0 0 0 2px #0b0b0b,inset 0 0 0 4px var(--pp-yellow-plate),0 0 0 3px #ff4d55}.pp-cards{display:grid;gap:8px}.pp-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--pp-radius);border:1px solid var(--pp-line);background:var(--pp-panel);transition:border-color .15s,background-color .15s}.pp-card:has(input:checked){border-color:var(--pp-white);background:var(--pp-panel-2)}.pp-card__swatch .pp-plate{--pp-ratio: 64 / 40;--pp-text: 50;border-radius:6px;box-shadow:none}.pp-card__swatch .pp-plate:after{display:none}.pp-card__text{display:flex;flex-direction:column;gap:2px;min-width:0}.pp-card__text strong{font-size:15px}.pp-card__text small{font-size:13px;color:var(--pp-grey)}.pp-card__price{font:500 12px/1 var(--pp-mono);letter-spacing:.03em;color:var(--pp-grey-2);white-space:nowrap}.pp-list{display:grid;gap:8px}.pp-list label span{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--pp-radius);border:1px solid var(--pp-line);background:var(--pp-panel);font-size:14.5px;font-weight:600}.pp-list small{font:500 10.5px/1.4 var(--pp-mono);letter-spacing:.03em;color:var(--pp-grey);text-align:right}.pp-list input:checked+span{border-color:var(--pp-white);background:var(--pp-panel-2)}.pp-chips{display:flex;flex-wrap:wrap;gap:8px}.pp-chips label span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--pp-radius-sm);border:1px solid var(--pp-line);background:var(--pp-panel);font-size:14.5px;font-weight:600;color:var(--pp-grey-2)}.pp-chips input:checked+span{border-color:var(--pp-white);color:var(--pp-white);background:var(--pp-panel-2)}.pp-dot{width:16px;height:16px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff40}.pp-badges{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.pp-badge-opt__strip{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;height:78px;padding:10px 4px 8px;border-radius:var(--pp-radius-sm);background:#039;color:#fff;border:2px solid transparent;transition:border-color .15s,transform .15s}.pp-badge-opt__strip img{width:76%;max-width:34px;aspect-ratio:5 / 3;height:auto;object-fit:fill}.pp-badge-opt__strip b{font:600 15px/1 var(--pp-plate-font);letter-spacing:.03em}.pp-badge-opt input[value=none]+.pp-badge-opt__strip{background:var(--pp-panel);color:var(--pp-grey-2);justify-content:center;border-color:var(--pp-line)}.pp-badge-opt input[value=none]+.pp-badge-opt__strip b{font:600 12px/1 var(--pp-font)}.pp-badge-opt input:checked+.pp-badge-opt__strip{border-color:var(--pp-yellow);transform:translateY(-2px)}.pp-builder.is-ev .pp-badge-opt__strip{background:var(--pp-green)}.pp-builder.is-ev .pp-badge-opt input[value=none]+.pp-badge-opt__strip{background:var(--pp-green);color:#fff}.pp-toggle{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:14px;color:var(--pp-grey-2)}.pp-toggle strong{color:var(--pp-white)}.pp-toggle__ui{flex:none;width:44px;height:26px;border-radius:999px;background:var(--pp-panel-2);border:1px solid var(--pp-line);position:relative;transition:background-color .2s}.pp-toggle__ui:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--pp-grey-2);transition:transform .2s,background-color .2s}.pp-toggle input:checked+.pp-toggle__ui{background:var(--pp-green);border-color:var(--pp-green)}.pp-toggle input:checked+.pp-toggle__ui:after{transform:translate(18px);background:#fff}.pp-extra,.pp-confirm{display:flex;align-items:center;gap:14px}.pp-extra{padding:14px 16px;border-radius:var(--pp-radius);border:1px solid var(--pp-line);background:var(--pp-panel)}.pp-extra:has(input:checked){border-color:var(--pp-white)}.pp-extra__box{flex:none;width:24px;height:24px;border-radius:4px;border:1.5px solid #55575d;display:grid;place-items:center;color:transparent;transition:background-color .15s,border-color .15s}.pp-extra__box svg{width:16px;height:16px;stroke-width:3}input:checked+.pp-extra__box{background:var(--pp-yellow);border-color:var(--pp-yellow);color:#000}.pp-extra__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.pp-extra__text strong{font-size:15px}.pp-extra__text small{font-size:13px;color:var(--pp-grey)}.pp-extra__price{font:500 12px/1 var(--pp-mono);color:var(--pp-grey-2)}.pp-confirm{align-items:flex-start;padding:4px 2px;font-size:14px;line-height:1.5;color:var(--pp-grey-2)}.pp-confirm p{margin:0}.pp-confirm .pp-extra__box{margin-top:1px}.pp-confirm.is-error .pp-extra__box{border-color:#ff4d55;box-shadow:0 0 0 3px #ff4d5540}.pp-builder__docs{display:flex;gap:12px;padding:16px;border-radius:var(--pp-radius);background:var(--pp-panel);font-size:13.5px;line-height:1.55;color:var(--pp-grey-2)}.pp-builder__docs p{margin:0}.pp-builder__docs strong{color:var(--pp-white)}.pp-builder__docs svg{width:20px;height:20px;flex:none;color:var(--pp-yellow);margin-top:1px}@media(min-width:750px){.pp-builder__plates{max-width:520px;gap:16px}.pp-builder__stage{padding:28px 28px 22px}}@media(min-width:990px){.pp-builder{padding:40px 0 96px}.pp-builder__head{margin-bottom:28px}.pp-builder__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:start}.pp-builder__preview{position:sticky;top:calc(var(--pp-header-h) + 24px)}.pp-builder__mini{display:none}.pp-builder__stage{padding:64px 52px 52px;min-height:460px;display:flex;align-items:center}.pp-builder__stage-top{position:absolute;top:16px;right:16px;margin:0;z-index:1}.pp-builder__plates{max-width:600px;width:100%;gap:28px}.pp-builder__plate-label{display:block;position:absolute;left:0;top:-20px;font:500 10.5px/1 var(--pp-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pp-grey)}.pp-builder__buy{position:static;margin-top:16px;padding:18px 20px;border-radius:var(--pp-radius);border:1px solid var(--pp-line);background:var(--pp-ink);-webkit-backdrop-filter:none;backdrop-filter:none}.pp-builder__price [data-pp-price]{font-size:30px}.pp-builder__was{font-size:14px}.pp-builder__rating{display:inline-flex}.pp-builder__preview{box-shadow:none!important}.pp-builder__add{min-height:58px;padding:0 30px}.pp-builder__ticks{display:flex;justify-content:center;margin-top:20px}.pp-step-f{padding:24px}}.pp-card{grid-template-columns:64px 1fr auto;grid-template-areas:"sw title price" "sw desc desc";row-gap:3px}.pp-card__swatch{grid-area:sw}.pp-card__text{display:contents}.pp-card__text strong{grid-area:title;align-self:end}.pp-card__text small{grid-area:desc;align-self:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-card__price{grid-area:price;align-self:end}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pp-plate-builder.css.map */