pp-configurator{--ppc-white:#FFFFFF;--ppc-paper:#FBFBF9;--ppc-ink:#20282C;--ppc-ink2:#6E787C;--ppc-ink3:#9AA3A6;--ppc-line:#E4E7E5;--ppc-line2:#EFF1EE;--ppc-forest:#244E3B;--ppc-edge:rgba(32,40,44,.2);--ppc-edge-soft:rgba(32,40,44,.1);--ppc-side-v:linear-gradient(180deg,rgba(255,255,255,.98),rgba(157,180,175,.34) 46%,rgba(255,255,255,.86));--ppc-side-h:linear-gradient(90deg,rgba(255,255,255,.98),rgba(157,180,175,.34) 46%,rgba(255,255,255,.86));--ppc-glass:linear-gradient(152deg,rgba(255,255,255,.72),rgba(198,205,203,.1) 44%,rgba(255,255,255,.46));--ppc-shadow:rgba(32,40,44,.2);--ppc-ppi:34px;display:block;background:var(--ppc-white);color:var(--ppc-ink);font-family:var(--ppc-fb);font-weight:300;font-size:16px;line-height:1.55;overflow-x:clip}pp-configurator *{box-sizing:border-box}pp-configurator [hidden]{display:none!important}pp-configurator .ppc__form{display:flex;flex-direction:column;margin:0;min-height:600px;min-height:calc(100vh - var(--header-group-height, 0px));min-height:calc(100svh - var(--header-group-height, 0px))}pp-configurator .ppc__stage{flex:1 1 auto;display:grid;place-items:center;padding:clamp(10px,2.6vh,26px) 16px 4px;perspective:1600px;perspective-origin:50% 42%}pp-configurator .ppc__scene{position:relative;width:100%;max-width:720px;height:clamp(268px,46vh,460px);display:grid;place-items:center}pp-configurator .ppc__cast{position:absolute;left:50%;top:calc(50% + var(--castY,150px));width:var(--castW,240px);height:24px;transform:translate(-50%,-50%) scaleX(var(--castS,1));background:radial-gradient(50% 50% at 50% 50%,var(--ppc-shadow),rgba(32,40,44,0) 72%);filter:blur(8px);pointer-events:none;transition:width .45s cubic-bezier(.22,.9,.3,1)}pp-configurator .ppc__block{position:relative;width:var(--w,136px);height:var(--h,136px);transform-style:preserve-3d;cursor:grab;touch-action:pan-y;transform:rotateX(var(--rx,-9deg)) rotateY(var(--ry,-26deg));transition:width .45s cubic-bezier(.22,.9,.3,1),height .45s cubic-bezier(.22,.9,.3,1)}pp-configurator .ppc__block:active{cursor:grabbing}pp-configurator .ppc__block:focus-visible{outline:none}pp-configurator .ppc__block:focus-visible .ppc__glass{box-shadow:0 0 0 2px var(--ppc-forest),inset 0 0 0 1px var(--ppc-edge)}pp-configurator .ppc__face{position:absolute;left:50%;top:50%;transform-origin:50% 50%}pp-configurator .ppc__plate{width:var(--w);height:var(--h);transform:translate(-50%,-50%) translateZ(calc(var(--d,34px) / -2 + 2px));background:var(--ppc-paper);overflow:hidden;box-shadow:inset 0 0 0 1px var(--ppc-edge-soft)}pp-configurator .ppc__photo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}pp-configurator .ppc__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:10px;text-align:center;background:repeating-linear-gradient(135deg,transparent 0 12px,var(--ppc-line2) 12px 13px),var(--ppc-paper)}pp-configurator .ppc__ph b{font-family:var(--ppc-fd);font-weight:400;font-size:clamp(13px,3.3vw,17px);letter-spacing:.14em;text-transform:uppercase;color:var(--ppc-ink)}pp-configurator .ppc__ph span{font-family:var(--ppc-fb);font-weight:300;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ppc-ink3)}pp-configurator .ppc__cropgrid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s;pointer-events:none;background:linear-gradient(to right,transparent calc(33.333% - 1px),rgba(255,255,255,.55) calc(33.333% - 1px) 33.333%,transparent 33.333%),linear-gradient(to right,transparent calc(66.666% - 1px),rgba(255,255,255,.55) calc(66.666% - 1px) 66.666%,transparent 66.666%),linear-gradient(to bottom,transparent calc(33.333% - 1px),rgba(255,255,255,.55) calc(33.333% - 1px) 33.333%,transparent 33.333%),linear-gradient(to bottom,transparent calc(66.666% - 1px),rgba(255,255,255,.55) calc(66.666% - 1px) 66.666%,transparent 66.666%)}pp-configurator.is-cropping .ppc__cropgrid{opacity:1}pp-configurator.is-cropping .ppc__block{cursor:move;touch-action:none}pp-configurator.is-cropping .ppc__glass{box-shadow:inset 0 0 0 2px var(--ppc-forest)}pp-configurator .ppc__glass{width:var(--w);height:var(--h);transform:translate(-50%,-50%) translateZ(calc(var(--d,34px) / 2));background:var(--ppc-glass);box-shadow:inset 0 0 0 1px var(--ppc-edge),inset 0 0 30px #ffffff80}pp-configurator .ppc__spec{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(var(--specA,118deg),rgba(255,255,255,0) 34%,rgba(255,255,255,var(--specI,.4)) 48%,rgba(255,255,255,0) 60%)}pp-configurator .ppc__back{width:var(--w);height:var(--h);transform:translate(-50%,-50%) translateZ(calc(var(--d,34px) / -2)) rotateY(180deg);background:var(--ppc-side-v);box-shadow:inset 0 0 0 1px var(--ppc-edge)}pp-configurator .ppc__sideL,pp-configurator .ppc__sideR{width:var(--d,34px);height:var(--h);background:var(--ppc-side-h);box-shadow:inset 0 0 0 1px var(--ppc-edge)}pp-configurator .ppc__sideR{transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--w) / 2))}pp-configurator .ppc__sideL{transform:translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--w) / 2))}pp-configurator .ppc__sideT,pp-configurator .ppc__sideB{width:var(--w);height:var(--d,34px);background:var(--ppc-side-v);box-shadow:inset 0 0 0 1px var(--ppc-edge)}pp-configurator .ppc__sideT{transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--h) / 2))}pp-configurator .ppc__sideB{transform:translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--h) / 2))}pp-configurator .ppc__hint{position:absolute;bottom:0;left:50%;transform:translate(-50%);margin:0;font-size:10.5px;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:var(--ppc-ink3);transition:opacity .3s}pp-configurator .ppc__hint.is-gone{opacity:0}pp-configurator .ppc__console{flex:0 0 auto;border-top:1px solid var(--ppc-line2);background:var(--ppc-paper)}pp-configurator .ppc__inner{max-width:720px;margin:0 auto;padding:18px clamp(16px,4vw,32px) 20px;display:flex;flex-direction:column;gap:16px}pp-configurator .ppc__row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}pp-configurator .ppc__lab{display:block;margin-bottom:6px;font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--ppc-ink3)}pp-configurator .ppc__dim{font-family:var(--ppc-fd);font-weight:400;font-size:27px;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1.15}pp-configurator .ppc__dim em{font-style:normal;font-family:var(--ppc-fb);font-weight:300;font-size:11px;color:var(--ppc-ink3);letter-spacing:.18em;margin-left:9px;text-transform:uppercase}pp-configurator .ppc__price{text-align:right}pp-configurator .ppc__amt{font-family:var(--ppc-fd);font-weight:400;font-size:27px;font-variant-numeric:tabular-nums}pp-configurator .ppc__cur{font-size:11px;font-weight:300;color:var(--ppc-ink3);letter-spacing:.18em;margin-left:7px}pp-configurator .ppc__ship{display:block;font-size:12px;font-weight:300;color:var(--ppc-ink2);margin-top:1px}pp-configurator .ppc__range{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer;margin:0}pp-configurator .ppc__range::-webkit-slider-runnable-track{height:1px;background:var(--ppc-line)}pp-configurator .ppc__range::-moz-range-track{height:1px;background:var(--ppc-line)}pp-configurator .ppc__range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ppc-ink);border:4px solid var(--ppc-paper);box-shadow:0 0 0 1px var(--ppc-line);margin-top:-8.5px}pp-configurator .ppc__range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--ppc-ink);border:4px solid var(--ppc-paper);box-shadow:0 0 0 1px var(--ppc-line)}pp-configurator .ppc__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--ppc-forest)}pp-configurator .ppc__range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--ppc-forest)}pp-configurator .ppc__ticks{display:flex;justify-content:space-between;margin-top:-2px;font-size:10.5px;font-weight:300;letter-spacing:.06em;color:var(--ppc-ink3);font-variant-numeric:tabular-nums}pp-configurator .ppc__ticks button{background:none;border:0;padding:4px 2px;cursor:pointer;font:inherit;color:inherit;min-height:28px}pp-configurator .ppc__ticks button.is-on{color:var(--ppc-ink);font-weight:600}pp-configurator .ppc__ticks button:focus-visible{outline:2px solid var(--ppc-forest);outline-offset:1px}pp-configurator .ppc__orient{display:flex;gap:2px;padding:3px;border:1px solid var(--ppc-line);border-radius:9px;background:var(--ppc-white);width:fit-content}pp-configurator .ppc__orient button{font-family:var(--ppc-fb);font-weight:400;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 15px;border:0;border-radius:6px;background:transparent;color:var(--ppc-ink3);cursor:pointer}pp-configurator .ppc__orient button[aria-pressed=true]{background:var(--ppc-ink);color:var(--ppc-white)}pp-configurator .ppc__orient button:disabled{opacity:.3;cursor:not-allowed}pp-configurator .ppc__orient button:focus-visible{outline:2px solid var(--ppc-forest);outline-offset:1px}pp-configurator .ppc__acts{display:flex;gap:14px;align-items:center;flex-wrap:wrap}pp-configurator .ppc__btn{font-family:var(--ppc-fb);font-weight:400;font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:14px 24px;border-radius:8px;border:1px solid var(--ppc-ink);background:var(--ppc-white);color:var(--ppc-ink);cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:48px}pp-configurator .ppc__btn--small{padding:9px 16px;font-size:12px;min-height:40px}pp-configurator .ppc__btn:focus-visible{outline:2px solid var(--ppc-forest);outline-offset:2px}pp-configurator .ppc__btn--primary{background:var(--ppc-ink);color:var(--ppc-white);border-color:var(--ppc-ink)}pp-configurator .ppc__btn[disabled]{opacity:.55;cursor:progress}pp-configurator .ppc__btn svg{width:15px;height:15px;flex:none}pp-configurator .ppc__n{font-variant-numeric:tabular-nums;letter-spacing:.04em;opacity:.72}pp-configurator [data-ppc-checkout]:not([hidden]){animation:ppc-rise .5s cubic-bezier(.2,.9,.3,1) both}@keyframes ppc-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}pp-configurator .ppc__link{background:none;border:0;padding:6px 0;color:var(--ppc-ink2);font-family:var(--ppc-fb);font-weight:300;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}pp-configurator .ppc__link:focus-visible{outline:2px solid var(--ppc-forest);outline-offset:2px}pp-configurator .ppc__status{margin:0;font-size:13px;font-weight:300;line-height:1.5;padding:10px 12px;border-radius:8px;border:1px solid var(--ppc-line);background:var(--ppc-white);color:var(--ppc-ink2)}pp-configurator .ppc__status[data-kind=error]{border-color:#c0433a;color:#8e2f28;background:#fdf4f3;font-weight:400}pp-configurator .ppc__status[data-kind=warn]{border-color:#d8b24a;color:#6b5312;background:#fdfaf0}pp-configurator .ppc__status[data-kind=ok]{border-color:var(--ppc-forest);color:var(--ppc-forest);background:#f4f8f5}pp-configurator .ppc__cropbar{display:flex;flex-direction:column;gap:8px}pp-configurator .ppc__cropctl{display:flex;align-items:center;gap:16px;flex-wrap:wrap}pp-configurator .ppc__range--zoom{flex:1 1 180px;min-width:140px;width:auto}pp-configurator .ppc__note{max-width:720px;margin:0 auto;padding:0 clamp(16px,4vw,32px) 16px;font-size:12.5px;font-weight:300;color:var(--ppc-ink3);line-height:1.6}pp-configurator .ppc__note p{margin:0 0 4px}pp-configurator .ppc__pdp{color:var(--ppc-ink2);text-underline-offset:3px}pp-configurator .ppc__trust{border-top:1px solid var(--ppc-line2);background:var(--ppc-white);display:flex;flex-wrap:wrap;gap:6px 28px;justify-content:center;padding:14px 16px;font-size:10.5px;font-weight:300;letter-spacing:.16em;text-transform:uppercase;color:var(--ppc-ink3)}pp-configurator.is-dragover .ppc__glass{box-shadow:inset 0 0 0 2px var(--ppc-forest),inset 0 0 30px #ffffff80}pp-configurator .ppc__file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:600px){pp-configurator{--ppc-ppi:26px}pp-configurator .ppc__scene{height:clamp(200px,36vh,330px)}pp-configurator .ppc__inner{gap:12px;padding:14px clamp(16px,4vw,32px) 16px}pp-configurator .ppc__row{gap:10px}pp-configurator .ppc__dim,pp-configurator .ppc__amt{font-size:22px}pp-configurator .ppc__price{text-align:left}pp-configurator .ppc__acts{gap:10px}pp-configurator .ppc__btn{flex:1 1 100%;justify-content:center}}@media(max-width:600px)and (max-height:700px){pp-configurator .ppc__scene{height:190px}pp-configurator .ppc__note{padding-bottom:10px}}@media(prefers-reduced-motion:reduce){pp-configurator *{animation-duration:.001ms!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/pp-configurator.css.map */