.wi-ts{display:block;width:100%;min-width:0;padding-block:var(--wi-space-section-mobile, 28px);background:var(--color-background, #ffffff);color:var(--color-foreground, #111111);--wi-media-max: calc(100vh - 96px) ;--wi-media-max: calc(100dvh - 96px) }.wi-ts *{box-sizing:border-box}.wi-ts__inner{width:100%;min-width:0}.wi-ts__head{margin-bottom:var(--wi-space-content, 22px)}.wi-ts__head .wi-heading{margin-bottom:0}.wi-ts__heading-copy{width:min(100%,720px);margin-top:10px;color:var(--color-foreground, inherit);line-height:1.55;opacity:.78}.wi-ts__heading-copy>:first-child{margin-top:0}.wi-ts__heading-copy>:last-child{margin-bottom:0}.wi-ts__rail{display:flex;gap:var(--wi-gap);margin-inline:-4px;padding:10px 4px 20px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--wi-color-accent, currentColor) transparent;-webkit-overflow-scrolling:touch;cursor:grab}.wi-ts__rail:focus-visible{outline:2px solid var(--wi-color-focus, currentColor);outline-offset:2px}.wi-ts__rail.is-drag{cursor:grabbing;-webkit-user-select:none;user-select:none}.wi-ts__rail.is-drag .wi-ts__card{pointer-events:none}.wi-ts__card{flex:0 0 var(--wi-cw);width:var(--wi-cw);padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;scroll-snap-align:start}.wi-ts__card:focus-visible{outline:none}.wi-ts__card:focus-visible .wi-ts__thumb{outline:2px solid var(--wi-color-focus, currentColor);outline-offset:3px}.wi-ts__thumb{position:relative;display:block;width:100%;aspect-ratio:9 / 16;overflow:hidden;border:1px solid var(--wi-color-border, #e5e5e5);border-radius:var(--wi-radius-media, 14px);background:var(--wi-color-surface-alt, #f6f6f4);box-shadow:var(--wi-shadow-card, 0 8px 24px rgb(17 24 39 / .07));transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .28s}.wi-ts__thumb:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgb(0 0 0 / .6));pointer-events:none}.wi-ts__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-position:center;-webkit-user-drag:none}.wi-ts__img-bg{z-index:0;object-fit:cover;filter:blur(12px) brightness(.78) saturate(.9);transform:scale(1.1);opacity:.72}.wi-ts__img-main{z-index:1;object-fit:contain;background:transparent}.wi-ts__img--ph{opacity:.35}.wi-ts__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--wi-color-accent, currentColor);font-size:40px;font-weight:600}.wi-ts__avatar{position:absolute;top:10px;left:10px;z-index:3;width:42px;height:42px;padding:2px;overflow:hidden;border:2px solid var(--wi-color-accent, #ffffff);border-radius:50%;background:var(--wi-color-surface, #ffffff)}.wi-ts__avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.wi-ts__name{position:absolute;inset:auto 12px 12px;z-index:3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#fff;font-family:var(--font-accent-family, var(--font-body-family, inherit));font-size:var(--font-accent-size, 14px);font-style:var(--font-accent-style, normal);font-weight:var(--font-accent-weight, 600);line-height:1.15;text-shadow:0 1px 3px rgb(0 0 0 / .25);transition:opacity .16s ease}.wi-ts__card-hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:18px 14px 16px;overflow:hidden;color:#fff;background:linear-gradient(180deg,#0000001a,#000000c2 56%,#000000eb);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .22s ease,visibility 0s linear .22s;pointer-events:none}.wi-ts__card-hover-quote{display:-webkit-box;overflow:hidden;font-family:var(--font-body-family, inherit);font-size:calc(var(--font-body-size, 16px) * .84);font-weight:var(--font-body-weight, 400);line-height:1.4;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:7;line-clamp:7}.wi-ts__card-hover-name{font-family:var(--font-accent-family, var(--font-body-family, inherit));font-size:calc(var(--font-accent-size, 14px) * .9);font-weight:var(--font-accent-weight, 600);line-height:1.2}@media(hover:hover)and (pointer:fine){.wi-ts__card:hover .wi-ts__thumb{transform:translateY(-4px);border-color:color-mix(in srgb,var(--wi-color-accent, #111111) 60%,transparent);box-shadow:0 12px 30px #00000024}.wi-ts__card:hover .wi-ts__card-hover,.wi-ts__card:focus-visible .wi-ts__card-hover{opacity:1;visibility:visible;transform:none;transition-delay:0s}.wi-ts__card:hover .wi-ts__name,.wi-ts__card:focus-visible .wi-ts__name{opacity:0}}.wi-ts__card:focus-visible .wi-ts__card-hover{opacity:1;visibility:visible;transform:none;transition-delay:0s}.wi-ts__empty{margin:0;padding:32px;border:1px dashed currentColor;opacity:.6;text-align:center}.wi-ts__modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:max(44px,calc(env(safe-area-inset-top) + 16px)) max(24px,calc(env(safe-area-inset-right) + 12px)) max(44px,calc(env(safe-area-inset-bottom) + 16px)) max(24px,calc(env(safe-area-inset-left) + 12px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:0;background:none;color:#fff}.wi-ts__modal[open]{display:grid;place-items:center}.wi-ts__modal::backdrop{background:#000000d9}html:has(.wi-ts__modal[open]),body:has(.wi-ts__modal[open]){overflow:hidden;overscroll-behavior:none}.wi-ts__dialog{position:relative;display:grid;place-items:center;width:min(100%,calc(var(--wi-mw) + 140px));min-width:0;min-height:0;padding-bottom:30px}.wi-ts__slides{width:min(100%,calc(var(--wi-mw) + 72px));min-width:0}.wi-ts__slide{display:flex;width:100%;min-width:0;flex-direction:column;align-items:center;gap:14px;animation:wi-ts-in .24s ease both}.wi-ts__slide[hidden]{display:none}.wi-ts__frame{position:relative;isolation:isolate;display:flex;justify-content:center;width:100%;max-height:var(--wi-media-max);overflow:hidden;border-radius:var(--wi-radius-media, 14px);background:#000;box-shadow:0 24px 70px #00000073}.wi-ts__frame--media{height:min(78dvh,820px);min-height:min(60dvh,560px)}.wi-ts__media-bg{position:absolute;z-index:0;top:-4%;right:-4%;bottom:-4%;left:-4%;display:block;width:108%;height:108%;object-fit:cover;object-position:center;filter:blur(20px) brightness(.68) saturate(.9);transform:scale(1.04);pointer-events:none;-webkit-user-select:none;user-select:none}.wi-ts__media{display:block;width:100%;max-width:100%;height:100%;max-height:var(--wi-media-max);object-fit:contain;object-position:center}.wi-ts__media--foreground{position:relative;z-index:1;background:transparent}.wi-ts__video-shell{position:relative;isolation:isolate;display:flex;width:100%;height:100%;max-height:var(--wi-media-max);justify-content:center;overflow:hidden}.wi-ts__video{width:100%;max-width:100%;height:100%;max-height:var(--wi-media-max);object-fit:contain;background:transparent}.wi-ts__play{position:absolute;z-index:2;top:50%;left:50%;translate:-50% -50%;display:grid;place-items:center;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:#0009;color:#fff;cursor:pointer}.wi-ts__play[hidden]{display:none}.wi-ts__play svg{width:28px;height:28px;margin-left:3px;fill:currentColor}.wi-ts__text{width:100%;max-height:var(--wi-media-max);padding:clamp(32px,7vw,72px);overflow:auto;overscroll-behavior:contain;background:var(--wi-color-surface, #fff);color:var(--color-foreground, #111);text-align:center;-webkit-overflow-scrolling:touch}.wi-ts__quote{margin:0;font-family:var(--font-heading-family, var(--font-body-family, inherit));font-size:clamp(calc(var(--font-body-size, 16px) * 1.25),3.5vw,calc(var(--font-heading-size, 44px) * .78));font-weight:var(--font-heading-weight, 600);line-height:1.3}.wi-ts__quote-name{margin:var(--wi-space-content, 22px) 0 0;font-family:var(--font-accent-family, var(--font-body-family, inherit));font-size:var(--font-accent-size, 14px);font-weight:var(--font-accent-weight, 600)}.wi-ts__popup-content{display:grid;width:100%;gap:10px;padding:16px 18px 18px;color:var(--color-foreground, #111111);background:var(--wi-color-surface, #ffffff);border:1px solid var(--wi-color-border, #e5e5e5);border-radius:var(--wi-radius-card, 14px);box-shadow:0 16px 44px #00000038}.wi-ts__popup-quote{margin:0;color:inherit;font-family:var(--font-body-family, inherit);font-size:var(--font-body-size, 16px);font-weight:var(--font-body-weight, 400);line-height:1.5;text-wrap:pretty}.wi-ts__popup-name{margin:0;color:var(--wi-color-muted, #666a70);font-family:var(--font-accent-family, var(--font-body-family, inherit));font-size:var(--font-accent-size, 14px);font-weight:var(--font-accent-weight, 600);line-height:1.25}.wi-ts__link--popup{width:100%;justify-content:center;margin-top:2px}.wi-ts__link{display:inline-flex;align-items:center;gap:8px;min-height:var(--wi-button-min-height, 48px);padding:10px 20px;border:1px solid var(--wi-color-accent, #111111);border-radius:var(--wi-radius-button, 8px);background:var(--wi-color-accent, #111111);color:var(--wi-color-accent-text, #ffffff);font-family:var(--font-accent-family, var(--font-body-family, inherit));font-size:var(--font-accent-size, 14px);font-weight:var(--wi-button-font-weight, 700);line-height:1;text-decoration:none}.wi-ts__link:hover{filter:brightness(.92)}.wi-ts__btn{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--wi-color-surface, #ffffff);color:var(--color-foreground, #111111);box-shadow:0 4px 16px #0003;cursor:pointer;transition:scale .2s}.wi-ts__btn:hover{scale:1.06}.wi-ts__btn svg,.wi-ts__link svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wi-ts__btn svg{width:22px;height:22px}.wi-ts__link svg{width:16px;height:16px}.wi-ts__prev,.wi-ts__next{top:50%;translate:0 -50%}.wi-ts__prev{left:0}.wi-ts__next{right:0}.wi-ts__close{top:0;right:0;width:36px;height:36px}.wi-ts__close svg{width:16px;height:16px}.wi-ts__count{position:absolute;bottom:4px;left:50%;translate:-50%;margin:0;font-size:13px;line-height:1}.wi-ts__btn:focus-visible,.wi-ts__play:focus-visible,.wi-ts__link:focus-visible{outline:2px solid #fff;outline-offset:3px}@keyframes wi-ts-in{0%{opacity:0;scale:.985}}@media(max-width:749px){.wi-ts{--wi-media-max: calc(100vh - 112px) ;--wi-media-max: calc(100dvh - 112px) }.wi-ts__frame--media{height:min(72dvh,720px);min-height:min(56dvh,500px)}.wi-ts__popup-content{padding:14px 14px 16px}.wi-ts__popup-quote{font-size:calc(var(--font-body-size, 16px) * .94)}.wi-ts__card{flex-basis:var(--wi-cwm);width:var(--wi-cwm)}.wi-ts__avatar{top:8px;left:8px;width:36px;height:36px}.wi-ts__name{inset:auto 10px 10px}.wi-ts__modal{padding:max(56px,calc(env(safe-area-inset-top) + 12px)) max(12px,calc(env(safe-area-inset-right) + 8px)) max(44px,calc(env(safe-area-inset-bottom) + 12px)) max(12px,calc(env(safe-area-inset-left) + 8px))}.wi-ts__dialog{width:100%;padding-bottom:28px}.wi-ts__prev,.wi-ts__next{width:44px;height:44px;background:color-mix(in srgb,var(--wi-color-surface, #ffffff) 90%,transparent)}.wi-ts__prev{left:4px}.wi-ts__next{right:4px}.wi-ts__close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}}@media(min-width:990px){.wi-ts{padding-block:var(--wi-space-section, 36px)}}@media(hover:none),(pointer:coarse){.wi-ts__card-hover{display:none}}@media(max-height:620px)and (orientation:landscape){.wi-ts{--wi-media-max: calc(100dvh - 36px) }.wi-ts__frame--media{height:min(88dvh,620px);min-height:0}.wi-ts__modal{padding:max(12px,env(safe-area-inset-top)) max(56px,calc(env(safe-area-inset-right) + 12px)) max(12px,env(safe-area-inset-bottom)) max(56px,calc(env(safe-area-inset-left) + 12px))}.wi-ts__dialog{width:min(100%,calc(var(--wi-mw) + 120px));padding-bottom:24px}.wi-ts__close{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}.wi-ts__count{bottom:2px}}@media(prefers-reduced-motion:reduce){.wi-ts *,.wi-ts *:before{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/200/assets/wi-testimonial-stories.css.map */