istoria-video-commerce{--istoria-vc-columns: 4;--istoria-vc-gap: 10px;--istoria-vc-radius: 14px;--istoria-vc-mobile-width: 34%;--istoria-vc-play-size: 48px;--istoria-vc-play-bg: #fff;--istoria-vc-play-bg-opacity: .55;--istoria-vc-play-color: #fff;--istoria-vc-modal-bg: #111;--istoria-vc-modal-text: #fff;--istoria-vc-heading-size: 18px;--istoria-vc-padding-top: 8px;--istoria-vc-padding-bottom: 8px;display:block;width:100%;min-width:0}.istoria-video-commerce__section{width:100%;min-width:0;padding-block:var(--istoria-vc-padding-top) var(--istoria-vc-padding-bottom)}.istoria-video-commerce__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.istoria-video-commerce__heading{margin:0;color:inherit;font-family:inherit;font-size:var(--istoria-vc-heading-size);font-weight:500;line-height:1.25}.istoria-video-commerce__viewport{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.istoria-video-commerce__viewport::-webkit-scrollbar{display:none}.istoria-video-commerce__track{display:flex;gap:var(--istoria-vc-gap);width:100%}.istoria-video-commerce__item{flex:0 0 calc((100% - (var(--istoria-vc-gap) * (var(--istoria-vc-columns) - 1))) / var(--istoria-vc-columns));min-width:0;scroll-snap-align:start}.istoria-video-commerce__card{display:block;width:100%;margin:0;padding:0;border:0;border-radius:var(--istoria-vc-radius);background:transparent;color:inherit;cursor:pointer;overflow:hidden;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.istoria-video-commerce__media{position:relative;display:block;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:inherit;background:#ececec;isolation:isolate}.istoria-video-commerce__cover,.istoria-video-commerce__placeholder{display:block;width:100%;height:100%}.istoria-video-commerce__cover{object-fit:cover;transition:transform .24s ease}.istoria-video-commerce__placeholder{background:linear-gradient(145deg,#efefef,#d8d8d8)}.istoria-video-commerce__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,transparent 50%,rgb(0 0 0 / 14%));pointer-events:none}.istoria-video-commerce__play{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:var(--istoria-vc-play-size);height:var(--istoria-vc-play-size);border:1px solid rgb(255 255 255 / 78%);border-radius:999px;background:transparent;box-shadow:0 3px 16px #0000002e;color:var(--istoria-vc-play-color);transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;transition:transform .18s ease,background .18s ease}.istoria-video-commerce__play:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--istoria-vc-play-bg);opacity:var(--istoria-vc-play-bg-opacity)}.istoria-video-commerce__play svg{position:relative;z-index:1;width:54%;height:54%;fill:currentcolor;stroke:none}@media(hover:hover){.istoria-video-commerce__card:hover .istoria-video-commerce__cover{transform:scale(1.025)}.istoria-video-commerce__card:hover .istoria-video-commerce__play{transform:translate(-50%,-50%) scale(1.06)}}.istoria-video-commerce__card:focus-visible{outline:2px solid currentcolor;outline-offset:3px}.istoria-video-commerce__desktop-nav{display:flex;gap:6px}.istoria-video-commerce__nav-button,.istoria-video-commerce__modal-nav,.istoria-video-commerce__close{display:grid;place-items:center;margin:0;padding:0;border:0;cursor:pointer;-webkit-appearance:none;appearance:none}.istoria-video-commerce__nav-button{width:32px;height:32px;border:1px solid rgb(0 0 0 / 12%);border-radius:999px;background:transparent;color:currentcolor}.istoria-video-commerce__nav-button svg,.istoria-video-commerce__modal-nav svg,.istoria-video-commerce__close svg{width:20px;height:20px;fill:none;stroke:currentcolor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.istoria-video-commerce__mobile-hint{display:none;margin:9px 0 0;opacity:.6;font-size:11px;line-height:1.2}.istoria-video-commerce__dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--istoria-vc-modal-text);overflow:visible}.istoria-video-commerce__dialog::backdrop{background:#000000c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.istoria-video-commerce__modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(44px,1fr) minmax(0,430px) minmax(44px,1fr);align-items:center;gap:18px;padding:24px;pointer-events:none}.istoria-video-commerce__modal-card{grid-column:2;width:min(430px,100%);max-height:calc(100dvh - 48px);margin-inline:auto;overflow:hidden;border-radius:18px;background:var(--istoria-vc-modal-bg);box-shadow:0 22px 70px #00000061;pointer-events:auto}.istoria-video-commerce__player-wrap{position:relative;width:100%;aspect-ratio:9 / 16;max-height:calc(100dvh - 48px);background:#000}.istoria-video-commerce__player-wrap video,.istoria-video-commerce__player{display:block;width:100%;height:100%;object-fit:contain;background:#000}.istoria-video-commerce__modal-copy{padding:14px 16px 16px;color:var(--istoria-vc-modal-text)}.istoria-video-commerce__modal-title{display:block;font-size:14px;line-height:1.3}.istoria-video-commerce__modal-caption{margin:6px 0 0;opacity:.8;font-size:13px;line-height:1.4;white-space:pre-line}.istoria-video-commerce__close{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:3;width:42px;height:42px;border-radius:999px;background:#ffffff24;color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.istoria-video-commerce__modal-nav{position:relative;z-index:2;width:46px;height:46px;border-radius:999px;background:#ffffff24;color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.istoria-video-commerce__modal-nav--prev{grid-column:1;justify-self:end}.istoria-video-commerce__modal-nav--next{grid-column:3;justify-self:start}.istoria-video-commerce__modal-nav:disabled{cursor:default;opacity:.25}@media screen and (max-width:749px){.istoria-video-commerce__desktop-nav{display:none}.istoria-video-commerce__viewport{scroll-snap-type:x mandatory}.istoria-video-commerce__track{width:100%;padding-inline-end:8%}.istoria-video-commerce__item{flex-basis:var(--istoria-vc-mobile-width)}.istoria-video-commerce__mobile-hint{display:block}.istoria-video-commerce__modal-shell{display:flex;align-items:center;justify-content:center;padding:max(54px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom))}.istoria-video-commerce__modal-card{width:min(100%,430px);max-height:calc(100dvh - 70px);border-radius:14px}.istoria-video-commerce__player-wrap{max-height:calc(100dvh - 70px)}.istoria-video-commerce__modal-nav{position:fixed;top:50%;width:38px;height:38px;transform:translateY(-50%)}.istoria-video-commerce__modal-nav--prev{left:14px}.istoria-video-commerce__modal-nav--next{right:14px}.istoria-video-commerce__close{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.istoria-video-commerce__cover,.istoria-video-commerce__play{transition:none}}html.istoria-video-commerce-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/22/assets/istoria-video-commerce.css.map */