.ts{--ts-card-w: clamp(260px, 24vw, 340px);--ts-peek-scale: .5;--ts-gap: 24px;--ts-line: rgba(255, 255, 255, .1);--ts-radius: 10px;--ts-box-pad: clamp(32px, 5vw, 80px);display:block;color:var(--ts-text)}.ts__inner{padding:var(--ts-pad-top) var(--ts-box-pad) var(--ts-pad-bottom);background:var(--ts-bg);border-radius:var(--border-radius-cards);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto 1fr auto;grid-template-areas:"head   stage" "quotes stage" "foot   stage";column-gap:clamp(40px,6vw,96px)}.ts__head{grid-area:head;align-self:end;padding-bottom:28px;border-bottom:1px solid var(--ts-line)}.ts__eyebrow{margin:0 0 14px;color:var(--ts-accent);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ts .ts__heading{margin:0 0 16px;color:var(--ts-text);font-family:var(--font-stack-headings);font-size:calc(32px / 60 * var(--base-headings-size) + 0px);font-weight:800;line-height:1.05;text-transform:uppercase;letter-spacing:-.005em}.ts__rating{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14px;opacity:.9}.ts__rating strong{font-weight:700}.ts__stars{display:inline-flex;gap:3px;color:#fc0}.ts__quotes{grid-area:quotes;display:grid;padding-top:36px}.ts__quote{grid-area:1 / 1;margin:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}.ts__quote.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease .05s,transform .35s ease .05s,visibility 0s}.ts__quote-text{margin:0 0 18px;padding:0;border:0;color:var(--ts-text);font-family:var(--font-stack-headings);font-weight:700;font-style:normal;line-height:1.32;text-wrap:pretty}.ts__quote-text--l{font-size:clamp(22px,2.2vw,30px)}.ts__quote-text--m{font-size:clamp(19px,1.8vw,24px)}.ts__quote-text--s{font-size:clamp(16px,1.4vw,19px);line-height:1.45}.ts__byline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:14px}.ts__byline strong{font-weight:700}.ts__verified{display:inline-flex;align-items:center;gap:4px;opacity:.85}.ts__verified svg{color:var(--ts-accent)}.ts__uses{opacity:.75}.ts__foot{grid-area:foot;display:flex;align-items:center;gap:24px;margin-top:40px}.ts__atc{--color-text-main: var(--ts-accent);--color-foreground-main: var(--ts-accent-text);--color-accent-main: var(--ts-accent);--color-foreground-accent-main: var(--ts-accent-text)}.ts__atc .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 32px;border-radius:6px;background:var(--ts-accent);border-color:var(--ts-accent);color:var(--ts-accent-text);font-size:17px;font-weight:700;white-space:nowrap;transition:filter .2s ease,transform .2s ease}.ts__atc .button:hover{background:var(--ts-accent);border-color:var(--ts-accent);color:var(--ts-accent-text);filter:brightness(1.08)}.ts__atc .button:active{transform:translateY(1px)}.ts__atc .button svg *{stroke:currentColor}.ts .ts__atc .button--solid:not(.facet--button-toggle):after{background-color:var(--ts-text);content:none!important}.ts__nav{display:flex;align-items:center;gap:4px}.ts__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:var(--ts-text);cursor:pointer;transition:border-color .2s ease,background .2s ease,opacity .2s ease}.ts__nav-btn:hover:not(:disabled){border-color:var(--ts-accent);background:#ffffff0f}.ts__nav-btn:disabled{opacity:.3;cursor:default}.ts__counter{min-width:48px;font-size:14px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;opacity:.85}.ts__stage{grid-area:stage;position:relative;align-self:center;min-width:0}.ts__progress{position:absolute;z-index:4;top:12px;left:0;display:flex;gap:4px;width:var(--ts-card-w);padding:0 12px;box-sizing:border-box}.ts__seg{flex:1;height:14px;padding:5px 0;border:0;background:none;cursor:pointer}.ts__seg:before,.ts__seg-fill{display:block;height:3px;border-radius:3px}.ts__seg:before{content:"";background:#ffffff4d}.ts__seg-fill{margin-top:-3px;width:0;background:var(--ts-accent)}.ts__seg.is-done .ts__seg-fill{width:100%}.ts__seg.is-active .ts__seg-fill{width:var(--ts-progress, 0%)}.ts__seg.is-done .ts__seg-fill{background:#ffffffd9}.ts__track{display:flex;gap:var(--ts-gap);padding-right:calc(100% - var(--ts-card-w));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none}.ts__track::-webkit-scrollbar{display:none}.ts__track:focus-visible .ts__card.is-active{outline:2px solid var(--ts-accent);outline-offset:3px}.ts__card{position:relative;flex:0 0 var(--ts-card-w);aspect-ratio:9 / 16;border:1px solid rgba(255,255,255,.08);border-radius:var(--ts-radius);overflow:hidden;background:#ffffff0d;scroll-snap-align:start;transform:scale(var(--ts-peek-scale));transform-origin:left center;opacity:.45;cursor:pointer;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s ease;-webkit-tap-highlight-color:transparent}.ts__card.is-prev{transform-origin:right center}.ts__card.is-active{transform:none;opacity:1;cursor:default}.ts__card[data-ts-video].is-active{cursor:pointer}.ts__card.is-active:not([data-ts-video]){cursor:default}.ts__card.is-next:hover{opacity:.7}.ts__card:before,.ts__card:after{content:"";position:absolute;z-index:1;left:0;right:0;pointer-events:none}.ts__card:before{top:0;height:30%;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.ts__card:after{bottom:0;height:35%;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);opacity:0;transition:opacity .3s ease}.ts__card.is-next:after{opacity:1}.ts__media,.ts__media video,.ts__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ts__card-head{position:absolute;z-index:2;top:32px;left:14px;right:14px;display:flex;align-items:center;gap:8px;font-size:13px;opacity:0;transition:opacity .3s ease}.ts__card.is-active .ts__card-head{opacity:1}.ts__avatar{flex:0 0 28px;width:28px;height:28px;border-radius:50%;object-fit:cover;background:#ffffffe6}.ts__avatar--blank{display:inline-flex;align-items:center;justify-content:center;color:var(--ts-bg);font-weight:700}.ts__card-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts__card-duration{opacity:.8;font-variant-numeric:tabular-nums}.ts__play{position:absolute;z-index:2;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin:-32px 0 0 -32px;padding:0;border:0;border-radius:50%;background:#ffffffeb;color:var(--ts-bg);box-shadow:0 6px 24px #00000040;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.ts__play .ts__icon-play{margin-left:3px}.ts__play .ts__icon-play,.ts.is-paused .ts__play .ts__icon-pause{display:none}.ts.is-paused .ts__play .ts__icon-play{display:block}.ts__card.is-active .ts__play{pointer-events:auto}.no-touchevents .ts__card.is-active:hover .ts__play,.ts__card.is-active .ts__play:focus-visible{opacity:.85}.ts.is-paused .ts__card.is-active .ts__play{opacity:1}.ts__card.is-active .ts__play:hover{transform:scale(1.06)}.ts__card-duration{margin-right:auto}.ts__mute{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#0006;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease}.ts__mute:hover{background:#0009}.ts__mute .ts__icon-sound,.ts.is-unmuted .ts__mute .ts__icon-muted{display:none}.ts.is-unmuted .ts__mute .ts__icon-sound{display:block}.ts__card-next{position:absolute;z-index:2;left:calc(14px / var(--ts-peek-scale));bottom:calc(14px / var(--ts-peek-scale));width:calc(var(--ts-card-w) * var(--ts-peek-scale) - 28px);display:flex;flex-direction:column;gap:2px;font-size:12px;transform:scale(calc(1 / var(--ts-peek-scale)));transform-origin:left bottom;opacity:0;transition:opacity .3s ease}.ts__card-next span{opacity:.75}.ts__card-next strong{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts__card.is-next .ts__card-next{opacity:1}@media screen and (max-width:989px){.ts{--ts-card-w: min(66vw, 300px, 32.625vh );--ts-card-w: min(66vw, 300px, 25.3125svh );--ts-peek-scale: .78;--ts-gap: 12px;--ts-box-pad: 20px}.ts__inner{padding-top:min(var(--ts-pad-top),48px);padding-bottom:min(var(--ts-pad-bottom),48px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"head" "stage" "quotes" "foot"}.ts__head{padding-bottom:0;border-bottom:0}.ts__stage{margin-top:28px}.ts__track{margin-inline:calc(-1 * var(--ts-box-pad));padding-left:var(--ts-box-pad);padding-right:calc(100% + var(--ts-box-pad) - var(--ts-card-w));scroll-padding-inline:var(--ts-box-pad)}.ts__card{opacity:.5}.ts__card-next{display:none}.ts__quotes{padding-top:24px}.ts__foot{gap:12px;margin-top:24px}.ts__atc{flex:1 1 auto}.ts__atc .button{width:100%;min-height:52px;padding:0 20px;font-size:16px}.ts__quote-text--l,.ts__quote-text--m{font-size:18px}.ts__quote-text--s{font-size:15.5px}}@media screen and (max-width:599px){.ts__nav{display:none}}@media screen and (max-width:989px)and (min-width:600px){.ts{--ts-card-w: min(46vw, 320px, 36svh )}.ts__atc{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){.ts__card,.ts__quote,.ts__card-head,.ts__card-next,.ts__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/section-testimonial-stories.css.map */
