.kbpersonal-demo{--cream:#F8F6F2;--plum:#62435F;--plum2:#8A647D;--pink:#FCF0F6;--line:#E4D5DF;--muted:#897884;--ink:#563C51}.kbpersonal-demo *{box-sizing:border-box}.kbpersonal-demo{margin:0;background:#fff;color:var(--ink);font:14px/1.48 -apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.kbpersonal-demo button,.kbpersonal-demo input,.kbpersonal-demo textarea{font:inherit}.kbpersonal-demo button{cursor:pointer}.kbpersonal-demo.page{max-width:1160px;margin:20px auto;padding:23px;border:1px solid #e8dce4;border-radius:24px}.kbpersonal-demo .layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.kbpersonal-demo .gallery{position:sticky;top:24px;align-self:start}.kbpersonal-demo .photo{border-radius:15px;background:var(--cream);min-height:445px;display:grid;place-items:center;overflow:hidden}.kbpersonal-demo .photo svg{width:85%;max-height:420px}.kbpersonal-demo .caption{font-size:11px;color:var(--muted);text-align:center;margin-top:9px}.kbpersonal-demo .summary{margin-top:12px;background:var(--cream);border-radius:14px;padding:16px;color:#745f70}.kbpersonal-demo .summary strong{color:var(--plum)}.kbpersonal-demo .summary div{margin-top:4px}.kbpersonal-demo .eyebrow{color:var(--plum2);font-weight:650;letter-spacing:.085em;font-size:11px}.kbpersonal-demo .main-title{font-size:27px;line-height:1.12;margin:7px 0 10px;color:var(--ink)}.kbpersonal-demo .features{font-size:13px;color:#725c6b}.kbpersonal-demo .subline{font-size:13px;color:var(--muted);margin-top:8px}.kbpersonal-demo .divider{height:1px;background:#e8dce4;margin:18px 0}.kbpersonal-demo .progress-title{display:flex;justify-content:space-between;font-size:12px;color:#72566b;font-weight:650;margin-bottom:11px}.kbpersonal-demo .bars{display:flex;gap:5px;margin-bottom:15px}.kbpersonal-demo .bar{height:5px;background:#e8dce4;border:none;flex:1;border-radius:20px;padding:0}.kbpersonal-demo .bar.active{background:var(--plum2)}.kbpersonal-demo .stepbox{border:1px solid var(--line);border-radius:17px;padding:16px;min-height:310px}.kbpersonal-demo .subtext{font-size:12px;color:var(--muted);margin:0 0 13px}.kbpersonal-demo .cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kbpersonal-demo .tile{position:relative;border:1px solid #e1d5de;background:#fff;border-radius:14px;padding:9px;text-align:center;color:var(--plum);min-height:128px}.kbpersonal-demo .tile.selected{border:2px solid var(--plum2);padding:8px;background:var(--pink)}.kbpersonal-demo .tile-art{height:68px;background:var(--cream);border-radius:10px;margin-bottom:7px;display:flex;align-items:center;justify-content:center}.kbpersonal-demo .tile-art svg{height:57px;width:85%;max-width:145px}.kbpersonal-demo .tile strong{display:block;font-size:12px;font-weight:650}.kbpersonal-demo .tile small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.kbpersonal-demo .check{position:absolute;right:7px;top:6px;color:var(--plum2);font-size:13px}.kbpersonal-demo label{display:block;font-weight:650;font-size:13px;color:var(--plum);margin-bottom:7px}.kbpersonal-demo .field{width:100%;border-radius:9px;border:1px solid #ded2dc;padding:12px;background:#fff;color:var(--ink);outline-color:var(--plum2)}.kbpersonal-demo textarea.field{resize:vertical;min-height:100px}.kbpersonal-demo .upload{border:1px dashed #c9b5c3;border-radius:12px;background:var(--cream);padding:17px;margin:10px 0}.kbpersonal-demo .upload input{max-width:100%;font-size:12px}.kbpersonal-demo .upload small{display:block;color:var(--muted);margin:5px 0 12px}.kbpersonal-demo .navigation{display:flex;gap:10px;margin-top:13px}.kbpersonal-demo .primary{border:0;background:var(--plum2);color:#fff;border-radius:10px;padding:13px 20px;font-weight:650;flex:1}.kbpersonal-demo .secondary{border:1px solid #d9cbd6;background:#fff;color:var(--plum);border-radius:10px;padding:12px 17px}.kbpersonal-demo .secondary:disabled{opacity:.4;cursor:default}.kbpersonal-demo .tiny{font-size:11px;color:var(--muted);margin:13px 0}.kbpersonal-demo .review-list{font-size:13px;color:#725f6d}.kbpersonal-demo .review-list div{padding:6px 0;border-bottom:1px solid #f0e8ee}.kbpersonal-demo .review-list strong{color:var(--plum)}.kbpersonal-demo .below{border-top:1px solid #e8dce4;margin-top:22px;padding-top:13px}.kbpersonal-demo .acc{border-bottom:1px solid #e8dce4}.kbpersonal-demo .acc button{width:100%;text-align:left;background:none;border:0;display:flex;justify-content:space-between;padding:14px 2px;font-weight:650;color:var(--plum)}.kbpersonal-demo .acc p{margin:0 0 15px;color:#756671}.kbpersonal-demo .note{font-size:11px;color:var(--muted);margin-top:12px}.kbpersonal-demo .hidden{display:none!important}.kbpersonal-demo h2{font-size:18px;color:var(--plum)}.kbpersonal-demo .pill{font-size:11px;border:1px solid #e4d5df;color:#80627a;border-radius:30px;padding:5px 9px}.kbpersonal-demo .top{display:flex;justify-content:space-between;margin-bottom:16px;align-items:center}.kbpersonal-demo .mini{font-size:12px;color:var(--muted)}.kbpersonal-demo .swatch{border-radius:10px;height:40px;background:#f8f6f2}.kbpersonal-demo .form-block{margin-bottom:15px}.kbpersonal-demo .url{word-break:break-word}@media(max-width:720px){.kbpersonal-demo.page{margin:0;border:0;border-radius:0;padding:16px}.kbpersonal-demo .layout{grid-template-columns:1fr;gap:17px}.kbpersonal-demo .gallery{position:static}.kbpersonal-demo .photo{min-height:240px}.kbpersonal-demo .photo svg{max-height:260px;width:75%}.kbpersonal-demo .main-title{font-size:24px}.kbpersonal-demo .cards{gap:9px}.kbpersonal-demo .tile{min-height:122px}.kbpersonal-demo .top{margin-bottom:8px}}.kbpersonal-demo{letter-spacing:normal;text-align:left;overflow-wrap:anywhere}.kbpersonal-demo .layout>section{min-width:0}.kbpersonal-demo button,.kbpersonal-demo input,.kbpersonal-demo textarea{font:inherit;letter-spacing:normal;text-transform:none;box-shadow:none}.kbpersonal-demo .thumbnails{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:9px}.kbpersonal-demo .thumbnails button{padding:2px;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:0}.kbpersonal-demo .thumbnails button[aria-pressed=true]{border:2px solid var(--plum2);padding:1px}.kbpersonal-demo .thumbnails img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;border-radius:6px}.kbpersonal-demo button:focus-visible{outline:2px solid var(--plum);outline-offset:3px}.kbpersonal-demo .bar{position:relative}.kbpersonal-demo .bar:after{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.kbpersonal-demo .stepbox{touch-action:pan-y}.kbpersonal-demo .field{font-size:16px}.kbpersonal-demo .pill{white-space:nowrap}@media(max-width:720px){.kbpersonal-demo .photo img{max-height:320px}.kbpersonal-demo .top{gap:8px}.kbpersonal-demo .pill{font-size:9px}}.kbpersonal-demo h1.main-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-weight:700;letter-spacing:normal;line-height:1.12;margin:7px 0 10px;font-size:27px;color:var(--ink)}.kbpersonal-demo div.divider{height:1px;display:block;width:100%;background:#e8dce4;margin:18px 0;border:0;padding:0}@media(max-width:720px){.kbpersonal-demo h1.main-title{font-size:24px}}.kbpersonal-demo [hidden]{display:none!important}.kbpersonal-demo .feature-pill{max-width:70%;font-size:11px;line-height:1.5;white-space:normal;text-align:center;padding:7px 13px}.kbpersonal-demo .top{gap:18px;align-items:center}.kbpersonal-demo .tile-art{height:82px;overflow:hidden}.kbpersonal-demo .tile-art svg{height:75px;width:100%;max-width:160px}.kbpersonal-demo .collectible-cards .tile-art{height:94px}.kbpersonal-demo .collectible-image{display:block;height:94px;width:110px;object-fit:contain;mix-blend-mode:multiply}.kbpersonal-demo .collectible-image.mini{transform:scale(1.2)}.kbpersonal-demo .collectible-cards .tile-art svg{height:87px}.kbpersonal-demo .hero-type-art{width:65%;max-width:320px;text-align:center;color:var(--plum2);padding:25px 0}.kbpersonal-demo .hero-type-art svg{width:100%;height:300px}.kbpersonal-demo .hero-type-art span{display:block;font-size:15px}.kbpersonal-demo .other-field,.kbpersonal-demo .notes-block{margin-top:13px}.kbpersonal-demo .special-help{margin-top:-2px;margin-bottom:8px}.kbpersonal-demo textarea.special-field{min-height:86px}.kbpersonal-demo .upload-access{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.kbpersonal-demo .upload-trigger{display:inline-flex;gap:7px;align-items:center;background:var(--cream);color:var(--plum);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:11px;white-space:nowrap}.kbpersonal-demo .review-title{color:var(--plum)}.kbpersonal-demo .review-navigation{justify-content:flex-start}.kbpersonal-demo .review-navigation .secondary{min-width:52px}.kbpersonal-demo .price-panel{margin-top:17px;border-top:1px solid var(--line);padding-top:15px}.kbpersonal-demo .price-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:8px}.kbpersonal-demo .price-line,.kbpersonal-demo .price-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.kbpersonal-demo .price-line{font-size:12px;color:#725f6d;margin:5px 0}.kbpersonal-demo .price-total{margin-top:10px;color:var(--plum);font-size:13px}.kbpersonal-demo .price-total strong{font-size:23px;font-weight:650;white-space:nowrap}.kbpersonal-demo .price-help{font-size:10px;color:var(--muted);margin:6px 0}.kbpersonal-demo .purchase-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.kbpersonal-demo .purchase-buttons button:disabled{opacity:.6;cursor:not-allowed}.kbpersonal-demo dialog.reference-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:85dvh;overflow-y:auto;border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff;color:var(--ink);font:14px/1.48 -apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.kbpersonal-demo .reference-dialog::backdrop{background:#37243159}.kbpersonal-demo .dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.kbpersonal-demo .dialog-heading h2{font:650 17px/1.3 -apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:var(--plum);margin:0}.kbpersonal-demo .dialog-x{border:0;background:var(--cream);color:var(--plum);font-size:24px;width:32px;height:32px;border-radius:50%;padding:0}.kbpersonal-demo .reference-dialog .upload{font-size:12px;font-weight:400}.kbpersonal-demo .reference-dialog input[type=file]{display:block;width:100%;margin-top:12px;font-size:12px}.kbpersonal-demo .reference-file{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.kbpersonal-demo .reference-file img{width:48px;height:48px;object-fit:cover;border-radius:6px}.kbpersonal-demo .reference-file span{flex:1;min-width:0;overflow-wrap:anywhere}.kbpersonal-demo .remove-file{background:none;border:0;color:var(--plum);font-size:22px}.kbpersonal-demo .dialog-done{width:100%;margin-top:16px}.kbpersonal-demo .upload-error{font-size:12px;color:#9c3059}@media(max-width:720px){.kbpersonal-demo .top{align-items:flex-start;flex-direction:column;gap:9px}.kbpersonal-demo .feature-pill{max-width:100%;font-size:10px;align-self:flex-end}.kbpersonal-demo .tile-art{height:78px}.kbpersonal-demo .hero-type-art svg{height:240px}.kbpersonal-demo .photo{min-height:280px}.kbpersonal-demo .upload-access{align-items:flex-end}.kbpersonal-demo .upload-access .mini{font-size:10px}.kbpersonal-demo .upload-trigger{font-size:10px;padding:9px}}.kbpersonal-demo .approval-options{border:0;padding:0;margin:17px 0 0;min-width:0}.kbpersonal-demo .approval-options legend{padding:0;margin-bottom:8px;font-size:13px;font-weight:650;color:var(--plum)}.kbpersonal-demo .approval-choice{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:10px;padding:11px;margin-bottom:8px;cursor:pointer;background:#fff}.kbpersonal-demo .approval-choice:has(input:checked){background:var(--pink);border-color:var(--plum2)}.kbpersonal-demo .approval-choice input{width:16px;height:16px;flex:0 0 16px;margin:2px 0 0;accent-color:var(--plum2)}.kbpersonal-demo .approval-choice strong{display:block;font-size:12px;font-weight:650;line-height:1.4}.kbpersonal-demo .approval-choice small{display:block;margin-top:4px;font-size:11px;line-height:1.5;font-weight:400;color:var(--muted)}.kbpersonal-demo .benefits-panel{margin-top:22px;padding:20px 14px 13px;background:#f8eff2;border-radius:18px}.kbpersonal-demo .benefits-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.kbpersonal-demo .benefits-list li{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;min-width:0;color:var(--plum)}.kbpersonal-demo .benefits-list svg{display:block;flex:0 0 28px;width:28px;height:28px}.kbpersonal-demo .benefits-list span{font-size:11px;font-weight:600;line-height:1.45}.kbpersonal-demo .benefits-scope{font-size:9px;line-height:1.5;text-align:center;color:var(--muted);margin:15px 2px 0}@media(max-width:720px){.kbpersonal-demo .benefits-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.kbpersonal-demo .benefits-list span{font-size:11px}.kbpersonal-demo .benefits-panel{padding:20px 16px 14px}.kbpersonal-demo .benefits-scope{font-size:10px}}.kbpersonal-demo .copy-section{border-bottom:1px solid #e8dce4}.kbpersonal-demo .copy-section>summary,.kbpersonal-demo .faq-item>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;cursor:pointer;color:var(--plum);padding:17px 2px}.kbpersonal-demo .copy-section>summary::-webkit-details-marker,.kbpersonal-demo .faq-item>summary::-webkit-details-marker{display:none}.kbpersonal-demo .copy-section>summary h2{font:650 17px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:var(--plum);margin:0;letter-spacing:normal}.kbpersonal-demo .copy-body{padding:0 2px 16px;color:#756671;font-size:14px;line-height:1.65}.kbpersonal-demo .copy-body h3{font:650 16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:var(--plum);margin:0 0 12px;letter-spacing:normal}.kbpersonal-demo .copy-body p{margin:0 0 12px}.kbpersonal-demo .copy-body p:last-child{margin-bottom:0}.kbpersonal-demo .copy-body strong{font-weight:650;color:var(--plum)}.kbpersonal-demo .copy-toggle{position:relative;display:block;flex:0 0 14px;width:14px;height:14px}.kbpersonal-demo .copy-toggle:before,.kbpersonal-demo .copy-toggle:after{content:"";position:absolute;inset:6px 1px auto;height:1.5px;background:currentColor}.kbpersonal-demo .copy-toggle:after{transform:rotate(90deg)}.kbpersonal-demo details[open]>summary>.copy-toggle:after{transform:rotate(0)}.kbpersonal-demo .copy-section>summary:focus-visible,.kbpersonal-demo .faq-item>summary:focus-visible{outline:2px solid var(--plum2);outline-offset:3px;border-radius:3px}.kbpersonal-demo .why-list{list-style:none;padding:0;margin:0;display:grid;gap:15px}.kbpersonal-demo .why-list li>strong{display:block;margin-bottom:3px}.kbpersonal-demo .faq-list{padding-top:0}.kbpersonal-demo .faq-item{border-top:1px solid var(--line)}.kbpersonal-demo .faq-item:first-child{border-top:0}.kbpersonal-demo .faq-item>summary{padding:13px 0;gap:15px}.kbpersonal-demo .faq-item>summary h3{font-size:14px;margin:0}.kbpersonal-demo .faq-answer{padding:0 24px 14px 0}@media(max-width:720px){.kbpersonal-demo .copy-section>summary h2{font-size:16px}.kbpersonal-demo .copy-body{font-size:13px}.kbpersonal-demo .faq-item>summary h3{font-size:13px}.kbpersonal-demo .faq-answer{padding-right:8px}}.kbpersonal-demo .collectible-policy{font-size:11px;line-height:1.55;color:var(--muted);margin:-4px 0 14px}.kbpersonal-demo a.consultation-tile{display:block;text-decoration:none;color:var(--plum);font:inherit}.kbpersonal-demo a.consultation-tile:hover{background:var(--pink);border-color:var(--plum2)}.kbpersonal-demo a.consultation-tile:focus-visible{outline:2px solid var(--plum);outline-offset:3px}.kbpersonal-demo .grip-size-note{font-size:11px;line-height:1.5;color:var(--plum);background:var(--cream);border-radius:9px;padding:10px 12px;margin:12px 0 0}.kbpersonal-demo .set-includes{font-size:11px;line-height:1.5;color:#725f6d;margin-top:9px}.kbpersonal-demo .tile .base-art{height:110px;background:var(--cream);border-radius:10px;margin-bottom:7px;overflow:hidden}.kbpersonal-demo .base-art img{display:block;width:100%;height:110px;object-fit:contain;mix-blend-mode:multiply}.kbpersonal-demo .tile .option-price{font-size:12px;font-weight:600;color:var(--plum);margin-top:4px}.kbpersonal-demo .tile:disabled{opacity:.5;cursor:not-allowed}.kbpersonal-demo .option-status{font-size:10px;color:var(--muted)}.kbpersonal-demo .photo img{display:block;width:100%;height:auto;max-height:445px;object-fit:contain}.kbpersonal-demo .consultation-tile .tile-art svg{max-width:120px}@media(max-width:720px){.kbpersonal-demo .photo img{max-height:320px}.kbpersonal-demo .tile .base-art,.kbpersonal-demo .base-art img{height:100px}}.kbpersonal-demo.page{background:transparent;border:0;border-radius:0;box-shadow:none}.kbpersonal-demo .layout{grid-template-areas:"gallery configurator" "summary benefits"}.kbpersonal-demo .layout>.gallery{grid-area:gallery}.kbpersonal-demo .layout>.configurator{grid-area:configurator}.kbpersonal-demo .layout>.summary{grid-area:summary}.kbpersonal-demo .layout>.benefits-panel{grid-area:benefits}.kbpersonal-demo .layout>.summary,.kbpersonal-demo .layout>.benefits-panel{margin:0;background:#f8eff2;border-radius:18px;padding:20px 16px 14px;min-height:136px;align-self:stretch;color:var(--plum);font-family:inherit;font-size:11px;font-weight:400;line-height:1.45;overflow-wrap:anywhere}.kbpersonal-demo .layout>.summary strong{font-size:11px;font-weight:600;color:inherit}.kbpersonal-demo .layout>.summary div{font-size:11px;font-weight:400;line-height:1.45}.kbpersonal-demo .layout>.benefits-panel .benefits-list span{font-size:11px;font-weight:400;line-height:1.45}@media(max-width:720px){.kbpersonal-demo .layout{grid-template-areas:"gallery" "summary" "configurator" "benefits"}.kbpersonal-demo .layout>.summary,.kbpersonal-demo .layout>.benefits-panel{min-height:136px;height:auto}}@media(hover:hover)and (pointer:fine){body.kb-boutique .kbpersonal-demo .tile:is([data-base],[data-figure]){transition:background-color .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s cubic-bezier(.22,.61,.36,1)}body.kb-boutique .kbpersonal-demo .tile:is([data-base],[data-figure]):not(:disabled):hover{box-shadow:0 4px 14px -5px #62435f29}body.kb-boutique .kbpersonal-demo .tile:is([data-base],[data-figure]):not(:disabled):not(.selected):not([aria-pressed=true]):hover{background-color:#f5e9ed}}@media(prefers-reduced-motion:reduce){body.kb-boutique .kbpersonal-demo .tile:is([data-base],[data-figure]){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/kb-personal-design.css.map */