.kvn-customer-photos{--kvn-customer-photos-gap: var(--kvn-space-3)}.kvn-customer-photos__rail{--kvn-scroller-gap: var(--kvn-customer-photos-gap);--kvn-scroller-item-size: 38%}@media(min-width:1024px){.kvn-customer-photos--with-invite{--kvn-customer-photos-columns: 5;display:grid;grid-template-columns:minmax(0,1fr) calc((100% - (var(--kvn-customer-photos-columns) - 1) * var(--kvn-customer-photos-gap)) / var(--kvn-customer-photos-columns));column-gap:var(--kvn-customer-photos-gap);align-items:start;max-inline-size:var(--kvn-container);margin-inline:auto;padding-inline:var(--kvn-grid-container-padding-inline-lg)}.kvn-customer-photos:not(.kvn-customer-photos--strip) .kvn-customer-photos__rail{--kvn-scroller-item-size: calc((100% - 4 * var(--kvn-customer-photos-gap)) / 5)}.kvn-customer-photos--with-invite .kvn-customer-photos__rail{--kvn-scroller-inset: 0px;--kvn-scroller-item-size: calc( (100% - (var(--kvn-customer-photos-columns) - 2) * var(--kvn-customer-photos-gap)) / (var(--kvn-customer-photos-columns) - 1) )}}.kvn-customer-photo{display:flex;flex-direction:column;gap:var(--kvn-space-2);margin:0}.kvn-customer-photo__open{display:flex;flex-direction:column;gap:var(--kvn-space-2);padding:0;border:0;background:none;color:inherit;text-align:start;cursor:pointer}.kvn-customer-photo__image{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border:var(--kvn-border-width-thin) solid var(--kvn-color-border-subtle);border-radius:var(--kvn-radius-lg);background:var(--kvn-color-surface)}.kvn-customer-photo__image img{inline-size:100%;block-size:100%;object-fit:cover}.kvn-customer-photo__count{position:absolute;inset-block-end:var(--kvn-space-2);inset-inline-end:var(--kvn-space-2);display:inline-flex;align-items:center;gap:var(--kvn-space-1);padding:0 var(--kvn-space-2);block-size:var(--kvn-size-control-sm);border-radius:var(--kvn-radius-full);background:var(--kvn-color-overlay);color:var(--kvn-color-text-inverse);font-size:var(--kvn-type-meta)}.kvn-customer-photo__caption{display:flex;align-items:center;gap:var(--kvn-space-1);font-size:var(--kvn-type-caption);line-height:var(--kvn-font-line-height-snug);color:var(--kvn-color-text-muted)}.kvn-customer-photo__mark{flex:none;font-size:var(--kvn-size-icon-sm);color:var(--kvn-color-success)}.kvn-customer-photo__full{position:fixed;inline-size:min(100% - 2 * var(--kvn-space-4),var(--kvn-size-dialog-md));max-block-size:90dvh;overflow:auto;margin:auto;padding:0;border:0;border-radius:var(--kvn-radius-lg);background:var(--kvn-color-surface);color:var(--kvn-color-text)}.kvn-customer-photo__full::backdrop{background:var(--kvn-color-overlay)}.kvn-customer-photo__full-media{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none}.kvn-customer-photo__full-media img{flex:none;inline-size:100%;block-size:auto;max-block-size:60dvh;object-fit:contain;scroll-snap-align:center;background:var(--kvn-color-surface-raised)}.kvn-customer-photo__dots{display:flex;justify-content:center;gap:var(--kvn-space-1);margin-block-start:var(--kvn-space-3)}.kvn-customer-photo__dot{inline-size:var(--kvn-space-2);block-size:var(--kvn-space-2);border-radius:var(--kvn-radius-full);background:var(--kvn-color-border);transition:inline-size var(--kvn-motion-duration-fast) var(--kvn-motion-easing-standard)}.kvn-customer-photo__dot.is-current{inline-size:var(--kvn-space-5);background:var(--kvn-color-primary)}.kvn-customer-photo__full-body{display:flex;flex-direction:column;gap:var(--kvn-space-1);padding:var(--kvn-space-4)}.kvn-customer-photo__full-name{margin:0;font-size:var(--kvn-type-section-title);font-weight:var(--kvn-font-weight-bold)}.kvn-customer-photo__full-city{margin:0 0 var(--kvn-space-3);font-size:var(--kvn-type-caption);color:var(--kvn-color-text-muted)}.kvn-customer-photo__full-product{margin:var(--kvn-space-2) 0 0;font-size:var(--kvn-type-caption);color:var(--kvn-color-text-muted)}.kvn-customer-photo__close.kvn-btn{position:absolute;inset-block-start:var(--kvn-space-2);inset-inline-end:var(--kvn-space-2);color:var(--kvn-color-text-inverse);filter:drop-shadow(var(--kvn-shadow-icon))}.kvn-customer-photo__close.kvn-btn:hover:not(:disabled){color:var(--kvn-color-text-inverse-muted)}.kvn-customer-photo__name{font-weight:var(--kvn-font-weight-semibold);color:var(--kvn-color-text)}.kvn-customer-photos--strip .kvn-customer-photos__rail{--kvn-scroller-item-size: var(--kvn-size-photo-strip-item);--kvn-scroller-gap: var(--kvn-space-2);padding-block:var(--kvn-space-3)}.kvn-customer-photos--strip .kvn-customer-photo__open{align-items:center;inline-size:100%;text-align:center;text-decoration:none}.kvn-customer-photos--strip .kvn-customer-photo__image{inline-size:var(--kvn-size-photo-strip-image);aspect-ratio:1 / 1;padding:calc(2 * var(--kvn-space-px));border:calc(2 * var(--kvn-space-px)) solid transparent;border-radius:var(--kvn-radius-full);background:linear-gradient(var(--kvn-color-surface),var(--kvn-color-surface)) padding-box,conic-gradient(var(--kvn-color-primary-300),var(--kvn-color-primary),var(--kvn-color-primary-800),var(--kvn-color-primary-300)) border-box;box-shadow:var(--kvn-shadow-card-brand);transition:background var(--kvn-motion-duration-fast) var(--kvn-motion-easing-standard)}.kvn-customer-photos--strip .kvn-customer-photo__image img{border-radius:var(--kvn-radius-full)}.kvn-customer-photos--strip .is-seen .kvn-customer-photo__image{background:linear-gradient(var(--kvn-color-surface),var(--kvn-color-surface)) padding-box,linear-gradient(var(--kvn-color-border),var(--kvn-color-border)) border-box}.kvn-customer-photos--strip .kvn-customer-photo__count{inset-block-end:calc(-1 * var(--kvn-space-1));inset-inline-end:calc(-1 * var(--kvn-space-1));gap:0;min-inline-size:var(--kvn-space-5);block-size:var(--kvn-space-5);justify-content:center;padding:0 var(--kvn-space-1);border:calc(2 * var(--kvn-space-px)) solid var(--kvn-color-surface);background:var(--kvn-color-primary);color:var(--kvn-color-primary-on-brand);font-size:var(--kvn-type-micro);font-weight:var(--kvn-font-weight-bold)}.kvn-customer-photos--strip .kvn-customer-photo__count .kvn-icon{display:none}.kvn-customer-photos--strip .kvn-customer-photo__image{overflow:visible}.kvn-customer-photos--strip .kvn-customer-photo__caption{flex-direction:column;gap:0;inline-size:100%}.kvn-customer-photos--strip .kvn-customer-photo__name{overflow:hidden;max-inline-size:100%;font-size:var(--kvn-type-caption);white-space:nowrap;text-overflow:ellipsis}.kvn-customer-photos--strip .kvn-customer-photo__answer{display:inline-flex;align-items:center;gap:var(--kvn-space-1);font-size:var(--kvn-type-micro)}.kvn-customer-photos--strip .kvn-customer-photo__invite .kvn-customer-photo__image{display:flex;align-items:center;justify-content:center;border:var(--kvn-border-width-thin) dashed var(--kvn-color-primary);background:var(--kvn-color-primary-soft);color:var(--kvn-color-primary);font-size:var(--kvn-size-icon-md)}.kvn-customer-photos--strip .kvn-customer-photo__invite .kvn-customer-photo__name{color:var(--kvn-color-primary-strong)}@media(min-width:1024px){.kvn-customer-photos--strip .kvn-customer-photos__rail{--kvn-scroller-item-size: var(--kvn-size-photo-strip-item-lg);--kvn-scroller-gap: var(--kvn-space-3)}.kvn-customer-photos--strip .kvn-customer-photo__image{inline-size:var(--kvn-size-photo-strip-image-lg)}}.kvn-customer-photos__invite{display:flex;align-items:center;gap:var(--kvn-space-3);margin-block-start:var(--kvn-space-4);margin-inline:var(--kvn-grid-container-padding-inline);padding:var(--kvn-space-3) var(--kvn-space-4);border:var(--kvn-border-width-thin) dashed var(--kvn-color-border-strong);border-radius:var(--kvn-radius-lg);color:var(--kvn-color-text);text-decoration:none}.kvn-customer-photos__invite:hover{border-color:var(--kvn-color-primary);color:var(--kvn-color-text)}.kvn-customer-photos__invite-icon{flex:none;font-size:var(--kvn-size-icon-lg);color:var(--kvn-color-primary)}.kvn-customer-photos__invite-body{display:flex;flex:1;flex-direction:column;gap:var(--kvn-space-1)}.kvn-customer-photos__invite-title{font-size:var(--kvn-type-meta);font-weight:var(--kvn-font-weight-bold)}.kvn-customer-photos__invite-text{font-size:var(--kvn-type-caption);line-height:var(--kvn-font-line-height-snug);color:var(--kvn-color-text-muted)}.kvn-customer-photos__invite-arrow{flex:none;font-size:var(--kvn-size-icon-md);color:var(--kvn-color-text-muted)}@media(min-width:1024px){.kvn-customer-photos__invite{flex-direction:column;justify-content:center;gap:var(--kvn-space-2);aspect-ratio:4 / 5;margin:0;padding:var(--kvn-space-3);text-align:center}.kvn-customer-photos__invite-body{flex:none;align-items:center}.kvn-customer-photos__invite-arrow{display:none}}