.pz{max-width:1240px;margin:0 auto;padding:20px clamp(16px,4.5vw,56px) 40px;color:#20252b;font-family:var(--pl-body,inherit)}.pz *{box-sizing:border-box}.pz [hidden]{display:none!important}.pz h1,.pz h2,.pz h3{font-family:var(--pl-head,inherit);margin:0;letter-spacing:-.02em;line-height:1.08}.pz-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"prev head" "prev photo" "prev size" "prev orient" "prev order" "prev assure";grid-template-rows:auto auto auto auto auto 1fr;column-gap:clamp(24px,4vw,56px);row-gap:22px;align-items:start}.pz-head{grid-area:head;min-width:0}.pz-photo{grid-area:photo;min-width:0}.pz-size{grid-area:size;min-width:0}.pz-orient{grid-area:orient;min-width:0}.pz-order{grid-area:order}.pz-assure{grid-area:assure;list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;color:#355f60}.pz-assure li{display:flex;gap:8px;align-items:center}.pz-assure li:before{content:"";width:16px;height:16px;flex:none;background:#dcece8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23355F60' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat;border-radius:50%}.pz-recap{margin:0;font-size:14px;font-weight:700}.pz-prev{grid-area:prev;position:sticky;top:96px;display:grid;gap:10px;min-width:0}.pz-stage{background:#dcece8;border-radius:14px;padding:clamp(12px,3vw,32px);display:grid;place-items:center;min-height:220px}.pz canvas{display:block;max-width:100%;max-height:min(62vh,580px);width:auto;height:auto;box-shadow:0 18px 30px -16px #20252b99;cursor:grab;touch-action:none;background:#888;border-radius:3px}.pz-hint{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap;font-size:13px;color:#58636d}.pz-hint span{min-width:0;overflow-wrap:anywhere}.pz-specs{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;padding-top:8px;border-top:1px solid rgba(32,37,43,.14)}.pz-title{font-size:clamp(26px,4vw,44px);font-weight:800}.pz-eyebrow{font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#355f60;margin:0 0 8px}.pz-lead{color:#58636d;margin:10px 0 0;max-width:52ch}.pz fieldset{border:0;padding:0;margin:0;min-width:0}.pz legend,.pz h3{padding:0;margin:0 0 10px;font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px}.pz-n{width:26px;height:26px;border-radius:50%;background:#20252b;color:#fff;display:inline-grid;place-items:center;font-size:13px;font-weight:800;font-family:var(--pl-body,inherit);flex:none}.pz-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pz-opt{position:relative;min-width:0}.pz-opt input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.pz-opt label{display:grid;gap:2px;padding:10px 14px;min-height:58px;height:100%;border:2px solid rgba(32,37,43,.14);border-radius:12px;background:#fff;transition:border-color .12s}.pz-opt label strong{font-family:var(--pl-head,inherit);font-size:18px;letter-spacing:-.01em}.pz-opt label span{font-size:14px;color:#58636d}.pz-opt input:checked+label{border-color:#20252b;box-shadow:inset 0 0 0 1px #20252b;background:#dcece8}.pz-opt input:hover+label{border-color:var(--pz-accent)}.pz-opt input:focus-visible+label{outline:3px solid var(--pz-accent);outline-offset:3px}.pz-opt input:disabled+label{opacity:.5}.pz-vh{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.pz-drop{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px;border:2px dashed rgba(32,37,43,.4);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s}.pz-drop:hover,.pz-drop.over{border-color:var(--pz-accent)}.pz-vh:focus-visible~.pz-drop{outline:3px solid var(--pz-accent);outline-offset:3px}.pz-drop small{color:#58636d;font-size:13px;flex:1 1 160px;min-width:0}.pz-pick{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:10px;background:#f28c78;color:#20252b;font-weight:800;font-size:17px;flex:1 1 220px}.pz-pick svg{width:20px;height:20px;flex:none}.pz-file{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid rgba(32,37,43,.14);border-radius:12px;padding:8px 12px}.pz-file img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none;background:#dcece8}.pz-file div{display:grid;gap:2px;min-width:0;flex:1}.pz-file b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.pz-file small{color:#58636d;font-size:12px}.pz-link{font:inherit;font-weight:700;font-size:14px;color:#355f60;background:none;border:0;padding:0 4px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:36px;display:inline-flex;align-items:center}.pz-slider{display:grid;gap:2px}.pz-slider div{display:flex;justify-content:space-between;font-size:14px}.pz input[type=range]{width:100%;accent-color:var(--pz-accent);min-height:28px;margin:0}.pz-q{display:flex;gap:8px;align-items:center;font-size:13px;padding:8px 12px;border-radius:10px;border:1px solid rgba(32,37,43,.14);background:#fff}.pz-q i{width:10px;height:10px;border-radius:50%;background:#999;flex:none}.pz-q.good i{background:#2e9d5f}.pz-q.ok i{background:#e0a920}.pz-q.low i{background:#c4561d}.pz-err{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;border:1.5px solid #A83C2A;background:#fbeae6;color:#6c2217;font-size:14px;margin-top:8px}.pz-order{display:grid;gap:12px;padding:18px;border:2px solid #20252B;border-radius:14px;background:#fff}.pz-pricerow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.pz-price{font-family:var(--pl-head,inherit);font-size:34px;font-weight:800;line-height:1;letter-spacing:-.02em}.pz-btn{font:inherit;font-weight:700;font-size:17px;background:#f28c78;color:#20252b;border:0;border-radius:10px;padding:0 20px;min-height:54px;cursor:pointer;transition:background .12s}.pz-btn:hover{background:#f59c8a}.pz-btn:disabled{opacity:.5;cursor:default}.pz-note{font-size:14px;margin:0;min-height:1.2em;color:#58636d}.pz-bar{height:8px;background:#dcece8;border-radius:4px;overflow:hidden}.pz-bar i{display:block;height:100%;width:0;background:var(--pz-accent);transition:width .2s}.pz-warn{background:#fde7e1;border:1px dashed #F28C78;border-radius:10px;padding:10px 12px;font-size:13px}@media(max-width:860px){.pz-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "photo" "prev" "size" "orient" "order" "assure";grid-template-rows:none;row-gap:14px}.pz-prev{position:static}.pz{padding-top:12px;padding-bottom:0}.pz-eyebrow,.pz-lead{display:none}.pz-title{font-size:24px}.pz-stage{min-height:0;padding:10px}.pz canvas{max-height:40vh}.pz legend,.pz h3{font-size:16px;margin-bottom:8px}.pz-n{width:24px;height:24px;font-size:12px}.pz-opt label{padding:7px 12px;min-height:50px}.pz-opt label strong{font-size:16px}.pz-opt label span{font-size:13px}.pz-pick{min-height:48px;font-size:16px;flex-basis:100%}.pz-drop{padding:10px;gap:8px}.pz-drop small{flex-basis:100%;text-align:center}.pz-specs{font-size:12px}.pz-order{position:sticky;bottom:0;z-index:20;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;margin:0 -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border:0;border-top:2px solid #20252B;border-radius:14px 14px 0 0;box-shadow:0 -8px 20px -10px #20252b59}.pz-recap{display:none}.pz-order>#pz-prog,.pz-order>#pz-err,.pz-order>#pz-note,.pz-order>.pz-warn{grid-column:1/-1}.pz-order .pz-note{font-size:13px;min-height:0}.pz-order .pz-note:empty{display:none}.pz-order .pz-err{margin-top:0}.pz-price{font-size:24px}.pz-pricerow small{display:none}.pz-btn{min-height:48px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/puzzle-configurator.css.map */