.sia{display:block}.sia__header{display:flex;flex-direction:column;gap:.8rem;margin-bottom:var(--sia-header-space, 4rem)}.sia__header--center{align-items:center;text-align:center}.sia__header--end{align-items:flex-end;text-align:end}.sia__heading,.sia__subheading,.sia__description{margin:0}.sia__description>*:first-child{margin-top:0}.sia__description>*:last-child{margin-bottom:0}.sia__grid{display:grid;grid-template-columns:repeat(var(--sia-columns, 3),minmax(0,1fr));gap:var(--sia-gap, 2rem);justify-content:var(--sia-justify, start)}.sia--fixed-width .sia__grid{grid-template-columns:repeat(var(--sia-columns, 3),minmax(0,var(--sia-card-max-width, 1fr)))}.sia-card{position:relative;min-width:0}.sia-card__frame{position:relative;padding:var(--sia-frame-width, 8px);border-radius:calc(var(--sia-radius, 20px) + var(--sia-frame-width, 8px));background-color:var(--sia-frame-color, rgb(var(--color-background)));border:1px solid rgba(var(--color-foreground) / .07)}.sia--shadow .sia-card__frame{box-shadow:0 2px 6px rgba(var(--color-foreground) / .05),0 12px 28px rgba(var(--color-foreground) / .07)}.sia--no-frame .sia-card__frame{padding:0;border:0;background-color:transparent;border-radius:var(--sia-radius, 20px)}.sia-card__media{position:relative;overflow:hidden;border-radius:var(--sia-radius, 20px);aspect-ratio:var(--sia-ratio, 9 / 16);background-color:rgba(var(--color-foreground) / .06);cursor:pointer}.sia-card__media video,.sia-card__media img,.sia-card__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.sia-card__media video{background-color:rgba(var(--color-foreground) / .06)}.sia-card__badge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:.5rem;max-width:calc(100% - 2rem);padding:.5rem .9rem;border-radius:999px;font-size:1.1rem;line-height:1.2;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sia-card__badge svg{flex:none;width:1.2rem;height:1.2rem;fill:currentColor}.sia-card__badge--light{background-color:#ffffffeb;color:#1a1a1a;box-shadow:0 1px 4px #00000024}.sia-card__badge--dark{background-color:#00000080;color:#fff}.sia-card__badge--top-left{inset-block-start:var(--sia-edge, 1rem);inset-inline-start:var(--sia-edge, 1rem)}.sia-card__badge--top-right{inset-block-start:var(--sia-edge, 1rem);inset-inline-end:var(--sia-edge, 1rem)}.sia-card__badge--bottom-left{inset-block-end:var(--sia-edge, 1rem);inset-inline-start:var(--sia-edge, 1rem)}.sia-card__badge--bottom-right{inset-block-end:var(--sia-edge, 1rem);inset-inline-end:var(--sia-edge, 1rem)}.sia-card__controls{position:absolute;z-index:2;inset-inline-end:var(--sia-edge, 1rem);inset-block-end:var(--sia-edge, 1rem);display:flex;gap:.6rem}.sia--badge-bottom-right .sia-card__controls{inset-inline-end:auto;inset-inline-start:var(--sia-edge, 1rem)}.sia-card__button{display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;padding:0;border:0;cursor:pointer;color:#fff;background-color:#0000006b;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:50%;transition:background-color .2s ease,opacity .2s ease,transform .2s ease}.sia-card__button:hover{background-color:#0000009e}.sia-card__button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.sia-card__button svg{width:45%;height:45%;fill:currentColor;pointer-events:none}.sia-card__sound .sia-icon--off{display:block}.sia-card__sound .sia-icon--on,.sia-card__sound[aria-pressed=true] .sia-icon--off{display:none}.sia-card__sound[aria-pressed=true] .sia-icon--on{display:block}.sia-card__play{position:absolute;z-index:2;inset-inline-start:50%;inset-block-start:50%;width:5.4rem;height:5.4rem;transform:translate(-50%,-50%) scale(.9);opacity:0;pointer-events:none}[dir=rtl] .sia-card__play{transform:translate(50%,-50%) scale(.9)}.sia-card.is-paused .sia-card__play{opacity:1;transform:translate(-50%,-50%) scale(1)}[dir=rtl] .sia-card.is-paused .sia-card__play{transform:translate(50%,-50%) scale(1)}.sia-card__progress{position:absolute;z-index:2;inset-inline:1rem;height:.2rem;border-radius:999px;overflow:hidden;background-color:#00000026;opacity:0;pointer-events:none;transition:opacity .2s ease}.sia--progress .sia-card__progress{opacity:1}.sia-card__progress__fill{display:block;width:0;height:100%;background:#fff;transition:width .25s linear}.sia--progress-top .sia-card__progress{inset-block-start:.9rem}.sia--progress-bottom .sia-card__progress{inset-block-end:.9rem}@media(prefers-reduced-motion:reduce){.sia-card__progress,.sia-card__progress__fill{transition:none}}@media screen and (min-width:750px){.sia--zoom .sia-card__media{cursor:zoom-in}}.sia-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:fit-content;height:fit-content;max-width:92vw;max-height:96vh;padding:0;border:0;overflow:visible;background-color:transparent}.sia-lightbox__inner{position:relative;width:fit-content}.sia-lightbox:focus,.sia-lightbox:focus-visible{outline:none}.sia-lightbox::backdrop{background-color:#000000bd;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.sia-lightbox__stage{position:relative;aspect-ratio:var(--sia-ratio, 9 / 16);height:min(86vh,88rem);max-width:92vw;border-radius:var(--sia-radius, 20px);overflow:hidden;background-color:#000;line-height:0}.sia-lightbox__stage video{width:100%;height:100%;object-fit:contain;background-color:#000}.sia-lightbox__close{position:absolute;z-index:2;inset-block-start:1rem;inset-inline-end:1rem}@media screen and (max-width:749px){.sia{--sia-edge: .8rem}.sia__header{margin-bottom:var(--sia-header-space-mobile, 2.4rem)}.sia__grid{gap:var(--sia-gap-mobile, 1.2rem);justify-content:start}.sia--mobile-grid .sia__grid,.sia--fixed-width.sia--mobile-grid .sia__grid{grid-template-columns:repeat(var(--sia-columns-mobile, 2),minmax(0,1fr))}.sia--mobile-carousel .sia__grid{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.4rem}.sia--mobile-carousel .sia__grid::-webkit-scrollbar{display:none}.sia--mobile-carousel .sia-card{flex:0 0 var(--sia-card-width-mobile, 72%);scroll-snap-align:center}.sia-card__button{width:3rem;height:3rem}.sia-card__play{width:4.4rem;height:4.4rem}.sia-card__badge{font-size:1rem;padding:.4rem .7rem;gap:.4rem}}.product__see-it-in-action{width:100%}@media(prefers-reduced-motion:reduce){.sia-card__button,.sia-card__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/see-it-in-action.css.map */