.svato-vc{position:relative;display:block;aspect-ratio:9 / 16;overflow:hidden;border-radius:16px;background:color-mix(in srgb,var(--color-foreground) 8%,var(--color-background));color:var(--color-foreground);font-family:var(--font-body--family);isolation:isolate}.svato-vc__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.svato-vc:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(to top,color-mix(in srgb,var(--color-foreground) 35%,transparent),transparent);pointer-events:none}.svato-vc__play{display:none!important}@media(prefers-reduced-motion:reduce){.svato-vc__play{display:inline-flex!important}}.svato-vc__play{position:absolute;top:50%;left:50%;z-index:2;align-items:center;justify-content:center;width:48px;height:48px;margin:-24px 0 0 -24px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--color-background) 90%,transparent);color:var(--color-foreground);cursor:pointer}.svato-vc__play .icon{font-size:24px}.svato-vc.is-playing .svato-vc__play{opacity:0;pointer-events:none}.svato-vc__pill{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:4px;border-radius:999px;background:var(--color-background);color:var(--color-foreground);text-decoration:none;box-shadow:0 2px 10px color-mix(in srgb,var(--color-foreground) 15%,transparent);transition:transform var(--animation-speed-medium) var(--animation-easing)}.svato-vc__thumb{width:32px;height:32px;flex-shrink:0;overflow:hidden;border-radius:50%;background:var(--color-border)}.svato-vc__thumb img{display:block;width:100%;height:100%;object-fit:cover}.svato-vc__price{font-family:var(--font-subheading--family);font-weight:var(--font-subheading--weight);font-size:var(--font-body--size-small);line-height:1;white-space:nowrap}.svato-vc__plus{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--color-primary-button-background);color:var(--color-primary-button-text);transition:all var(--animation-speed-medium) var(--animation-easing)}@media(hover:hover){.svato-vc__pill:hover .svato-vc__plus{background:var(--color-secondary-button-background);color:var(--color-secondary-button-text)}}.svato-vc__pill:focus-visible{outline:2px solid var(--color-background);outline-offset:2px}.svato-vc__sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.svato-ig-sub p{margin:0;color:color-mix(in srgb,var(--color-foreground) 75%,transparent)}.svato-ig-handle,.svato-ig-handle:visited,.svato-ig-sub a,.svato-ig-sub a:visited{display:inline-block;margin-left:4px;padding:4px 12px;border-radius:999px;background:var(--color-secondary-badge-background);color:var(--color-secondary-badge-text)!important;font-family:var(--font-subheading--family);font-weight:var(--font-subheading--weight);text-decoration:none;transition:opacity var(--animation-speed-medium) var(--animation-easing)}.svato-ig-handle:hover,.svato-ig-sub a:hover{opacity:.75}.svato-ig-title,.svato-ig-title h2{white-space:nowrap}.svato-ig-title h2{font-size:min(var(--font-h2--size),calc((100vw - 2 * var(--page-margin-mobile)) / 7.8))}.svato-ig-head,.svato-ig-head .group{overflow:visible}.svato-ig-track{flex-wrap:nowrap!important;width:calc(100% + var(--page-margin-desktop))!important;max-width:none!important;align-self:stretch;margin-right:calc(-1 * var(--page-margin-desktop));padding:0 var(--page-margin-desktop) 0 0!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab}.svato-ig-track::-webkit-scrollbar{display:none}.svato-ig-track.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.svato-ig-track.is-dragging a{pointer-events:none}.svato-ig-track>svato-video-card{flex:0 0 270px;width:270px;scroll-snap-align:start}.svato-ig-head{align-items:flex-end}.svato-ig-aside{display:flex;flex-shrink:0;align-items:center;gap:16px;margin-left:auto}.svato-ig-aside .svato-ig-handle{margin:0}.svato-ig-nav{display:flex;flex-shrink:0;gap:8px}.svato-ig-nav[hidden]{display:none}.svato-ig-nav .svato-ig-arrow{flex:0 0 44px;width:44px;max-width:none;height:44px;min-width:0;min-height:0;padding:0;border-radius:50%}.svato-ig-nav .svato-ig-arrow:disabled{opacity:.35;cursor:default}.svato-ig-arrow:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.svato-eyebrow,.svato-eyebrow p{margin:0}.svato-eyebrow a,.svato-eyebrow a:visited{display:inline-flex;align-items:center;gap:8px;color:var(--color-stars-icons)!important;font-family:var(--font-subheading--family);font-weight:var(--font-subheading--weight);font-size:var(--font-body--size-small);line-height:1;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:opacity var(--animation-speed-medium) var(--animation-easing)}.svato-eyebrow a:hover{opacity:.75}.svato-eyebrow a:before{--svato-ig: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='5.5'/%3E%3Ccircle cx='12' cy='12' r='4.3'/%3E%3Ccircle cx='17.4' cy='6.6' r='1.3' fill='black' stroke='none'/%3E%3C/svg%3E");content:"";width:20px;height:20px;flex-shrink:0;background:currentColor;-webkit-mask:var(--svato-ig) center / contain no-repeat;mask:var(--svato-ig) center / contain no-repeat}@media not (min-width:750px){.svato-ig-track{width:calc(100% + 2 * var(--page-margin-mobile))!important;margin-left:calc(-1 * var(--page-margin-mobile));margin-right:calc(-1 * var(--page-margin-mobile));padding-left:var(--page-margin-mobile)!important;padding-right:var(--page-margin-mobile)!important;scroll-padding-inline:var(--page-margin-mobile);scroll-snap-type:x mandatory}.svato-ig-track>svato-video-card{flex-basis:220px;width:220px}.svato-ig-nav{display:none}}@media not (min-width:750px){.svato-ig-head .group:has(.svato-ig-sub){width:100%!important;max-width:none}.svato-ig-sub,.svato-ig-sub p{width:100%}.svato-ig-sub p{line-height:1.9}.svato-ig-sub .svato-ig-handle{margin-left:2px;padding:3px 10px}.svato-ig-aside{display:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/svato-video-card.css.map */