see-it-in-action{display:block;padding:2.5rem 0 2rem;--siia-gap: .5rem}.siia__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.25rem}.siia__title{font-size:1.125rem;font-weight:400;letter-spacing:.01em;margin:0}.siia__nav{display:flex;gap:.375rem;flex-shrink:0}.siia__btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:1px solid currentColor;cursor:pointer;color:inherit;padding:0;transition:opacity .2s ease}.siia__btn:disabled{opacity:.25;cursor:not-allowed}.siia__btn svg{width:.75rem;height:.75rem}.siia__viewport{overflow:hidden}.siia__track{display:flex;gap:var(--siia-gap);transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform}.siia__item{flex:0 0 calc((100% - 3 * var(--siia-gap)) / 4);min-width:0}@media screen and (max-width:1023px){.siia__item{flex:0 0 calc((100% - 2 * var(--siia-gap)) / 3)}}@media screen and (max-width:767px){.siia__item{flex:0 0 calc(65% - var(--siia-gap) / 2)}see-it-in-action{--siia-gap: .375rem}}.siia__card{display:block;width:100%;background:none;border:none;padding:0;cursor:pointer;outline-offset:3px}.siia__thumb-wrap{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#f0f0f0}.siia__thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.siia__card:hover .siia__thumb,.siia__card:focus-visible .siia__thumb{transform:scale(1.03)}.siia__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transition:opacity .2s ease;background:#0000001f}.siia__play svg{width:2.75rem;height:2.75rem;color:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.3))}.siia__card:hover .siia__play,.siia__card:focus-visible .siia__play{opacity:1}.siia__modal{padding:0;margin:auto;border:none;background:transparent;max-width:100vw;max-height:100vh;overflow:visible;opacity:0;transition:opacity .25s ease}.siia__modal[open]{opacity:1}.siia__modal::backdrop{background:#000000d9;cursor:pointer;opacity:0;transition:opacity .25s ease}.siia__modal[open]::backdrop{opacity:1}.siia__modal-content{position:relative;height:min(90vh,760px);width:auto;aspect-ratio:9 / 16;background:#000;overflow:hidden;border-radius:4px;transform:scale(.96);transition:transform .25s ease}.siia__modal[open] .siia__modal-content{transform:scale(1)}.siia__modal-close{position:absolute;top:.75rem;right:.75rem;z-index:2;background:#00000073;border:none;color:#fff;cursor:pointer;padding:.45rem;line-height:0;border-radius:50%;transition:background .15s}.siia__modal-close:hover{background:#000000bf}.siia__modal-close svg{width:1.125rem;height:1.125rem;display:block}.siia__modal-player{width:100%;height:100%}.siia__iframe{width:100%;height:100%;border:none;display:block;object-fit:cover}@media screen and (max-width:767px){.siia__modal-content{height:92vh;width:100vw;aspect-ratio:auto;border-radius:12px 12px 0 0;margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/1185/assets/component-see-it-in-action.css.map */