.usipic-pcfg{--pcfg-ink: #121212;--pcfg-muted: #6b7280;--pcfg-line: #e5e7eb;--pcfg-paper: #fff;--pcfg-card: #fff;--pcfg-accent: #b45309;--pcfg-select-bg: #f5f0e8;--pcfg-select-border: #1a1a1a;--pcfg-max: 1700px;--pcfg-pad-x: 28px;--pcfg-type-base: 15px;--pcfg-type-ratio: 1.2;--pcfg-fs-label: 16px;--pcfg-fs-hint: 13px;--pcfg-fs-field: var(--pcfg-type-base);--pcfg-fs-choice: 14px;--pcfg-fs-frame-name: 13px;font-family:var(--font-family-1, "Hanken Grotesk", system-ui, sans-serif);color:var(--pcfg-ink);background:var(--pcfg-paper);width:100%}.usipic-pcfg *{box-sizing:border-box}.usipic-pcfg__inner{max-width:var(--pcfg-max);margin:0 auto;padding:24px var(--pcfg-pad-x) 64px}.usipic-pcfg__bc{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pcfg-muted);margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.usipic-pcfg__bc a{color:inherit;text-decoration:none}.usipic-pcfg__bc a:hover{color:var(--pcfg-ink)}.usipic-pcfg__layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:40px;align-items:start}.usipic-pcfg__gallery{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;width:100%;position:sticky;top:calc(var(--new-usipic-header-flow, 72px) + 16px)}.usipic-pcfg__thumbs{display:flex;flex-direction:column;gap:10px;max-height:min(720px,calc(100dvh - 120px));overflow-y:auto;scrollbar-width:thin}.usipic-pcfg__thumb{border:2px solid transparent;border-radius:8px;padding:0;background:#fff!important;cursor:pointer;overflow:hidden;aspect-ratio:1;transition:border-color .15s}.usipic-pcfg__thumb:hover,.usipic-pcfg__thumb:focus,.usipic-pcfg__thumb:focus-visible,.usipic-pcfg__thumb.is-active:hover{background:#fff!important}.usipic-pcfg__thumb:hover:not(.is-active){border-color:var(--pcfg-line)}.usipic-pcfg__thumb.is-active,.usipic-pcfg__thumb.is-active:hover{border-color:var(--pcfg-select-border);background:#fff!important}.usipic-pcfg__thumb img{width:100%;height:100%;object-fit:cover;display:block}.usipic-pcfg__preview-wrap{position:relative;background:#fff;border:1px solid var(--pcfg-line);border-radius:12px;overflow:hidden}.usipic-pcfg__preview-stage.is-plain-preview{background:#fff}.usipic-pcfg__preview-stage{position:relative;width:100%;margin:0;background:#fff;line-height:0;aspect-ratio:var(--pcfg-design-w, 1200) / var(--pcfg-design-h, 1200)}.usipic-pcfg__preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:fill;display:block;vertical-align:middle}.usipic-pcfg__patch-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;object-position:left top;pointer-events:none;z-index:6}.usipic-pcfg__frame-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;object-position:center center;pointer-events:none;z-index:3}.usipic-pcfg__text-layer{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:7}.usipic-pcfg__preview-stage.is-plain-preview .usipic-pcfg__preview-bg{z-index:8;width:100%;height:100%;object-fit:contain;object-position:center center}.usipic-pcfg__preview-stage.is-plain-preview .usipic-pcfg__patch-cover,.usipic-pcfg__preview-stage.is-plain-preview .usipic-pcfg__frame-cover,.usipic-pcfg__preview-stage.is-plain-preview .usipic-pcfg__text-layer{display:none!important;visibility:hidden;pointer-events:none}.usipic-pcfg__text-el{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;word-break:break-word;overflow:hidden;white-space:pre-wrap}.usipic-pcfg__badge{position:absolute;top:12px;left:12px;z-index:3;background:#111;color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;border-radius:4px}.usipic-pcfg__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffd9;font-size:14px;color:var(--pcfg-muted);z-index:5}.usipic-pcfg__info{min-width:0}.usipic-pcfg__title{font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1.2;margin:0 0 8px;letter-spacing:-.02em}.usipic-pcfg__vendor{font-size:15px;margin:0 0 12px;color:var(--pcfg-muted)}.usipic-pcfg__vendor a{color:var(--pcfg-ink)}.usipic-pcfg__meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:24px;font-size:14px}.usipic-pcfg__price-block{margin:0 0 28px}.usipic-pcfg__price{font-size:28px;font-weight:800;color:var(--pcfg-ink)}.usipic-pcfg__price-compare{font-size:18px;color:var(--pcfg-muted);text-decoration:line-through;margin-left:10px}.usipic-pcfg__option{margin-bottom:28px}.usipic-pcfg__option-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.usipic-pcfg__option-head:has(+.usipic-pcfg__option-hint){margin-bottom:0}.usipic-pcfg__option-label{font-size:var(--pcfg-fs-label);font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;margin:0}.usipic-pcfg__option-hint{font-size:var(--pcfg-fs-hint);font-weight:400;letter-spacing:normal;color:var(--pcfg-muted);margin:4px 0 12px;line-height:1.45}.usipic-pcfg__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.usipic-pcfg__choice{border:2px solid var(--pcfg-line);border-radius:10px;background:var(--pcfg-card);padding:10px;cursor:pointer;transition:border-color .15s,background .15s}.usipic-pcfg__choices .usipic-pcfg__choice{display:flex;flex-direction:row;align-items:stretch;gap:10px;width:100%;min-width:0;max-width:none;padding:10px 12px;text-align:left}.usipic-pcfg__choices .usipic-pcfg__choice-thumb{flex:0 0 56px;width:56px;height:56px;max-width:56px;margin:0;aspect-ratio:1;object-fit:cover;align-self:center}.usipic-pcfg__choices .usipic-pcfg__choice-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.usipic-pcfg__choices .usipic-pcfg__choice-name{font-size:var(--pcfg-fs-frame-name);font-weight:700;line-height:1.35}.usipic-pcfg__choices .usipic-pcfg__choice-price{display:block;margin-top:auto;font-size:12px;font-weight:700;color:var(--pcfg-accent);line-height:1.2}.usipic-pcfg__choice.is-selected{border-color:var(--pcfg-select-border);background:var(--pcfg-select-bg)}.usipic-pcfg__choice-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#fff;display:block;margin-bottom:8px}.usipic-pcfg__choice-name{font-size:var(--pcfg-fs-choice);font-weight:700;line-height:1.35;color:var(--pcfg-ink);display:block}.usipic-pcfg__yn{display:flex;gap:10px}.usipic-pcfg__yn .usipic-pcfg__choice{min-width:88px;max-width:none;text-align:center}.usipic-pcfg__field{width:100%;border:1px solid var(--pcfg-line);border-radius:8px;padding:12px 14px;font-size:var(--pcfg-fs-field);font-family:inherit;line-height:1.45}.usipic-pcfg__field:focus{outline:2px solid var(--pcfg-ink);outline-offset:1px}.usipic-pcfg__font-color{margin-bottom:12px}.usipic-pcfg__style-row{display:flex;align-items:flex-start;gap:16px}.usipic-pcfg__style-col{min-width:0;display:flex;flex-direction:column}.usipic-pcfg__style-row .usipic-pcfg__sub-label{min-height:14px;line-height:14px;margin:0 0 8px}.usipic-pcfg__style-col--font{flex:1 1 52%}.usipic-pcfg__style-col--color{flex:1 1 48%}.usipic-pcfg__style-col .usipic-pcfg__font-select{margin-bottom:0}.usipic-pcfg__style-col--color .usipic-pcfg__color-row{flex-wrap:nowrap;gap:8px;min-height:44px;align-items:center}.usipic-pcfg__sub-label{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pcfg-muted)}.usipic-pcfg__font-select{position:relative;margin-bottom:12px}.usipic-pcfg__font-toggle{width:100%;min-height:44px;padding:10px 36px 10px 14px;border:1px solid var(--pcfg-line);border-radius:8px;background:var(--pcfg-card)!important;color:var(--pcfg-ink)!important;text-align:left;cursor:pointer;font-size:var(--pcfg-fs-field);line-height:1.3;position:relative;font-family:var(--font-family-1, system-ui, sans-serif)!important}.usipic-pcfg__font-preview{display:block;font-family:var(--pcfg-font-preview, inherit)!important;font-size:18px;line-height:1.3;font-weight:400;color:inherit}.usipic-pcfg__font-toggle:after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:2px solid var(--pcfg-muted);border-bottom:2px solid var(--pcfg-muted);transform:translateY(-65%) rotate(45deg);pointer-events:none}.usipic-pcfg__font-toggle:hover,.usipic-pcfg__font-toggle:focus,.usipic-pcfg__font-toggle:active{background:var(--pcfg-card)!important;color:var(--pcfg-ink)!important}.usipic-pcfg__font-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;max-height:260px;overflow-y:auto;background:#fff;border:1px solid var(--pcfg-line);border-radius:8px;box-shadow:0 10px 28px #0000001f}.usipic-pcfg__font-search{display:block;width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--pcfg-line);background:#f9fafb;font-size:13px;font-family:inherit;outline:none;box-sizing:border-box;position:sticky;top:0;z-index:1}.usipic-pcfg__font-opt{display:block;width:100%;padding:10px 14px;border:none;border-bottom:1px solid rgba(0,0,0,.05);background:transparent!important;color:var(--pcfg-ink)!important;text-align:left;cursor:pointer;font-family:var(--font-family-1, system-ui, sans-serif)!important;font-size:16px;line-height:1.3}.usipic-pcfg__font-opt:hover,.usipic-pcfg__font-opt:focus,.usipic-pcfg__font-opt[aria-selected=true]{background:var(--pcfg-select-bg)!important;color:var(--pcfg-ink)!important}.usipic-pcfg__font-opt[hidden]{display:none}.usipic-pcfg__color-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.usipic-pcfg__color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--pcfg-line);background-color:var(--pcfg-swatch, #111);padding:0;cursor:pointer;transition:box-shadow .15s,border-color .15s;-webkit-appearance:none;appearance:none}.usipic-pcfg__color-swatch:hover,.usipic-pcfg__color-swatch:focus,.usipic-pcfg__color-swatch:active{background-color:var(--pcfg-swatch, #111)!important;transform:none}.usipic-pcfg__color-swatch.is-selected{border-color:var(--pcfg-select-border);box-shadow:0 0 0 2px var(--pcfg-paper),0 0 0 4px var(--pcfg-select-border)}.usipic-pcfg__color-custom{position:relative;width:32px;height:32px;border-radius:50%;border:2px dashed var(--pcfg-line);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background-color:var(--pcfg-card);margin:0}.usipic-pcfg__color-custom:hover,.usipic-pcfg__color-custom:focus-within{transform:none;border-color:var(--pcfg-line)}.usipic-pcfg__color-custom.is-selected{border-style:solid;border-color:var(--pcfg-select-border);box-shadow:0 0 0 2px var(--pcfg-paper),0 0 0 4px var(--pcfg-select-border)}.usipic-pcfg__color-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0;margin:0}.usipic-pcfg__color-custom-icon{font-size:18px;font-weight:700;line-height:1;color:var(--pcfg-muted);pointer-events:none}.usipic-pcfg__color-custom.is-selected .usipic-pcfg__color-custom-icon{opacity:0}.usipic-pcfg__color-custom.is-selected{background-color:var(--pcfg-swatch-custom, #111111)}.usipic-pcfg__atc-row{margin-top:8px}.usipic-pcfg__atc{width:100%;min-height:52px;border:none;border-radius:8px;background:#111;color:#fff;font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s,opacity .15s}.usipic-pcfg__atc:hover:not(:disabled){background:#000}.usipic-pcfg__atc:disabled{opacity:.45;cursor:not-allowed}.usipic-pcfg__status{margin-top:12px;font-size:13px;color:var(--pcfg-muted)}.usipic-pcfg__status.is-error{color:#b91c1c}.usipic-pcfg__err-banner{padding:14px 16px;border-radius:8px;background:#fef2f2;color:#991b1b;font-size:14px;margin-bottom:20px}@media(max-width:1024px){.usipic-pcfg__layout{grid-template-columns:1fr;gap:32px}.usipic-pcfg__gallery{position:static;grid-template-columns:1fr}.usipic-pcfg__thumbs{flex-direction:row;max-height:none;order:2}.usipic-pcfg__preview-wrap{order:1}}@media(max-width:640px){.usipic-pcfg__inner{padding:16px 16px 48px}.usipic-pcfg__choices{grid-template-columns:1fr}.usipic-pcfg__style-row{flex-direction:column;align-items:stretch;gap:12px}.usipic-pcfg__style-col--color .usipic-pcfg__color-row{flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/usipic-product-configurator.css.map */