.kd-visual{display:block;container-type:inline-size;margin-block:0 2rem;color:rgb(var(--text-color));font-family:var(--text-font-family)}.kd-visual__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.kd-visual__head h2{margin:0;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.035em;text-transform:none}.kd-visual__kicker{margin:0 0 .15rem;color:rgb(var(--text-color) / .62);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.kd-visual__status{color:rgb(var(--text-color) / .62);font-size:.75rem;text-align:right}.kd-visual__stage{position:relative;display:grid;place-items:center;overflow:hidden;width:100%;aspect-ratio:3 / 2;border-radius:18px;background:linear-gradient(145deg,#f1f0ec,#d1d2ce);isolation:isolate}.kd-visual__stage:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.9),transparent 38%),linear-gradient(155deg,transparent 48%,rgba(255,255,255,.35) 48.2%,transparent 49%);content:""}.kd-visual__canvas,.kd-visual__fit-guide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.kd-visual__canvas{z-index:2;display:block;object-fit:contain;background:#efefec}.kd-visual__canvas[hidden],.kd-visual__fit-guide[hidden]{display:none}.kd-visual__fit-guide{z-index:1;display:grid;place-items:center;padding:2%}.kd-visual__fit-guide svg{display:block;width:100%;height:100%;filter:drop-shadow(0 18px 13px rgba(0,0,0,.18))}.kd-van__body{fill:var(--kd-van);transition:fill .2s ease}.kd-cover__base{fill:var(--kd-cover);transition:fill .2s ease}.kd-eyes{fill:var(--kd-eye);--kd-eye-pupil: #151515;transition:opacity .18s ease}.kd-eyes[data-design=blank]{opacity:0}.kd-grille{fill:#252826}.kd-grille-lines{fill:none;stroke:#555a56;stroke-width:5}.kd-light{fill:#dce5df}.kd-badge{fill:#d8dad5;stroke:#676b67;stroke-width:3}.kd-badge-mark{fill:none;stroke:#383b39;stroke-width:5}.kd-van--t5 .kd-light{transform:translateY(4px)}.kd-van--t51 .kd-light{fill:#edf0e9}.kd-van--t61 .kd-grille{fill:#151716}.kd-van--t61 .kd-grille-lines{stroke-width:3}.kd-visual__generation,.kd-visual__design-badge{position:absolute;z-index:4;padding:.38rem .68rem;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:#ffffffc7;color:#1b1c1a;font-size:.68rem;font-weight:750;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kd-visual__generation{right:.9rem;bottom:.9rem}.kd-visual__design-badge{left:.9rem;bottom:.9rem}.kd-visual__loading{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:.65rem;background:#efefece0;color:#292a28;font-size:.78rem;font-weight:650}.kd-visual__loading[hidden],.kd-visual__stage[aria-busy=false] .kd-visual__loading{display:none}.kd-visual__canvas:not([hidden])~.kd-visual__loading{display:none}.kd-visual__spinner{width:28px;height:28px;border:3px solid rgba(41,42,40,.18);border-top-color:#292a28;border-radius:50%;animation:kd-visual-spin .75s linear infinite}.kd-visual__error{position:absolute;z-index:6;right:1rem;bottom:3.4rem;left:1rem;margin:0;padding:.65rem .8rem;border-radius:10px;background:#ffffffeb;color:#5a2929;font-size:.72rem;line-height:1.4;text-align:center}.kd-visual__error[hidden]{display:none}.kd-visual__controls{display:grid;grid-template-columns:1fr 1.35fr;gap:.65rem;margin-top:.75rem}.kd-visual__controls label{display:grid;gap:.3rem;font-size:.72rem;font-weight:650}.kd-visual__controls>label:only-child{grid-column:1 / -1}.kd-visual__controls select{width:100%;min-height:44px;padding:.55rem 2rem .55rem .7rem;border:1px solid rgb(var(--text-color) / .18);border-radius:10px;background-color:rgb(var(--background));color:inherit;font:inherit}.kd-visual__controls select:focus-visible{outline:2px solid currentColor;outline-offset:2px}.kd-visual__note,.kd-visual__fit-note{margin:.55rem 0 0;color:rgb(var(--text-color) / .58);font-size:.68rem;line-height:1.45}.kd-visual__fit-note{padding:.55rem .65rem;border-radius:8px;background:rgb(var(--text-color) / .055)}.kd-visual__summary{margin:.7rem 0 0;padding:.7rem .8rem;border:1px solid rgb(var(--text-color) / .11);border-radius:10px;background:rgb(var(--text-color) / .035);font-size:.74rem;font-weight:650;line-height:1.45}@keyframes kd-visual-spin{to{transform:rotate(360deg)}}@container (max-width: 450px){.kd-visual__head{align-items:flex-start}.kd-visual__controls{grid-template-columns:1fr}.kd-visual__status{max-width:44%}.kd-visual__generation,.kd-visual__design-badge{bottom:.65rem;padding:.32rem .55rem;font-size:.62rem}.kd-visual__generation{right:.65rem}.kd-visual__design-badge{left:.65rem}}@media screen and (max-width:749px){.kd-customiser>.kd-visual{display:contents}.kd-visual__preview{position:sticky;z-index:20;top:calc(var(--sticky-area-height, var(--header-height, 0px)) + env(safe-area-inset-top,0px) + .45rem);margin:0 0 .85rem;padding:.42rem .48rem .5rem;border:1px solid rgb(var(--text-color, 32 32 32) / .12);border-radius:14px;background:rgb(var(--background, 255 255 255));box-shadow:0 9px 24px #00000024}.kd-visual__head{align-items:center;margin-bottom:.35rem}.kd-visual__head h2{font-size:1rem;letter-spacing:-.02em}.kd-visual__kicker{display:none}.kd-visual__status{max-width:54%;font-size:.66rem;line-height:1.25}.kd-visual__stage{width:min(100%,18rem);margin-inline:auto;border-radius:11px}.kd-visual__controls{grid-template-columns:1fr;margin-top:0;margin-bottom:.75rem}.kd-visual__generation,.kd-visual__design-badge{bottom:.42rem;padding:.25rem .45rem;font-size:.56rem}.kd-visual__generation{right:.42rem}.kd-visual__design-badge{left:.42rem}}@media screen and (min-width:1000px)and (min-height:700px){.shopify-section--main-product .product>.product-info:has(.kd-customiser>.kd-visual){position:relative;inset-block-start:auto}.shopify-section--main-product .product>.product-info .kd-customiser:has(>.kd-visual){container-type:inline-size}.shopify-section--main-product .product>.product-info .kd-customiser>.kd-visual>.kd-visual__summary{margin-block-end:2rem}}@media(prefers-reduced-motion:reduce){.kd-van__body,.kd-cover__base,.kd-eyes{transition:none}.kd-visual__spinner{animation-duration:1.5s}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/kd-visual-configurator.css.map */