.macros-basics-video{align-items:center;background-color:rgb(var(--color-surface-dark-primary)/.1);display:flex;height:100%;justify-content:center;position:relative;width:100%}.macros-basics-video .video-media{display:block;height:100%;width:100%}.macros-basics-video.back-video .video-media,.macros-basics-video.is-adaptive .video-media,.macros-basics-video.is-covered .video-media{-o-object-fit:cover;object-fit:cover}.macros-basics-video.is-adaptive.is-playing{overflow:visible}.macros-basics-video.is-adaptive.is-playing .video-media{height:auto;-o-object-fit:contain;object-fit:contain}.macros-basics-video .video-poster{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:1;pointer-events:none;position:absolute;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.macros-basics-video .play-trigger{display:flex;height:60px;left:50%;position:absolute;top:50%;width:60px;z-index:2;--tw-translate-x:-50%;--tw-translate-y:-50%;align-items:center;background-color:rgb(var(--color-brand-ink)/.7);border-radius:9999px;border-width:0;cursor:pointer;justify-content:center;padding:0;transform:translate(-50%,-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.macros-basics-video .play-trigger .play-icon{border-bottom-color:transparent;border-bottom-width:11px;border-left-width:18px;border-top-color:transparent;border-top-width:11px;display:block;height:0;margin-left:.25rem;width:0;--tw-border-opacity:1;border-left-color:#fff}@supports (color:rgb(0 0 0/0)) and (top:var(--f )){.macros-basics-video .play-trigger .play-icon{border-left-color:rgb(255 255 255/var(--tw-border-opacity,1))}}.macros-basics-video .play-trigger:hover{background-color:rgb(var(--color-brand-ink)/.85)}.macros-basics-video.is-playing .video-poster{opacity:0}.macros-basics-video.is-playing .play-trigger{display:none}