:root{--iphone-width-xs: 240px;--iphone-width-sm: 280px;--iphone-width-md: 320px;--iphone-height-ratio: 2.0375;--badge-padding-mobile: .5rem .75rem;--badge-padding-desktop: .625rem 1.25rem;--badge-font-size-mobile: 10px;--badge-font-size-desktop: 12px;--video-container-padding-mobile: 1rem;--video-container-padding-desktop: 2rem}@media (max-width: 374px){.video-iphone-container{max-width:var(--iphone-width-xs);padding-left:.75rem;padding-right:.75rem}.video-results-badge{font-size:9px!important;padding:.375rem .625rem!important}.video-results-badge svg{width:10px!important;height:10px!important}}@media (min-width: 375px) and (max-width: 479px){.video-iphone-container{max-width:var(--iphone-width-sm)}}@media (min-width: 480px) and (max-width: 639px){.video-iphone-container{max-width:var(--iphone-width-md)}}@media (max-width: 639px){.video-results-badge{min-height:28px;white-space:nowrap}.video-results-badge-container{max-width:calc(100% - 2rem)}}@media (min-width: 1024px){.video-iphone-container{max-width:none}}.video-iphone-container{transition:max-width .3s ease-in-out}.video-results-badge{transition:all .15s ease-in-out}.video-iphone-container:focus-within{outline:2px solid rgba(59,130,246,.5);outline-offset:4px;border-radius:12px}.video-iphone-container.loading{opacity:.6;pointer-events:none}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-iphone-container{animation:fadeInScale .4s ease-out}@media (max-height: 500px) and (orientation: landscape){.video-iphone-container{max-width:200px}.video-results-badge{font-size:8px!important;padding:.25rem .5rem!important}}.video-iphone-container img,.video-iphone-container svg{max-width:100%;height:auto}@media (prefers-reduced-motion: reduce){.video-iphone-container,.video-results-badge{animation:none;transition:none}}@media (prefers-color-scheme: dark){.video-results-badge{border-color:#ffffff4d}}.video-iphone-container,.video-results-badge{transform:translateZ(0);will-change:transform;backface-visibility:hidden}@media (hover: none) and (pointer: coarse){.video-iphone-container{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}