@layer custom-components{.HardwarePromoModal.svelte-1v5cl5y{position:fixed;left:50%;bottom:var(--space-none);z-index:9999;height:var(--space-none);width:100%;max-width:var(--body-width-max);border-top:none;overflow:visible;transform:translate3d(-50%,0,0)}.HardwarePromoModal__modal.svelte-1v5cl5y{position:absolute;left:var(--space-10);bottom:var(--space-10);right:var(--space-10);width:auto;max-width:100%;margin-left:var(--space-none);padding:var(--space-20);background-color:#121212e6;border-radius:var(--space-10);box-shadow:0 8px 16px var(--color-drop-shadow),0 4px 32px var(--color-drop-shadow);overflow:hidden}@media (min-width: 740px){.HardwarePromoModal__modal.svelte-1v5cl5y{left:auto;bottom:var(--space-20);right:var(--space-20);width:var(--container-width-extra-small)}}@media (min-width: 1024px){.HardwarePromoModal__modal.svelte-1v5cl5y{bottom:var(--space-30);right:var(--space-30)}}.HardwarePromoModal--is-sticky.svelte-1v5cl5y .HardwarePromoModal__modal:where(.svelte-1v5cl5y){transform:translate3d(0,-65px,0);transition:transform var(--duration-quick) var(--easing-decelerate)}@media (min-width: 1024px){.HardwarePromoModal--is-sticky.svelte-1v5cl5y .HardwarePromoModal__modal:where(.svelte-1v5cl5y){transform:translate3d(0,-63px,0)}}@media (min-width: 1280px){.HardwarePromoModal--is-sticky.svelte-1v5cl5y .HardwarePromoModal__modal:where(.svelte-1v5cl5y){transform:translateZ(0)}}.HardwarePromoModal__close.svelte-1v5cl5y{position:absolute;top:var(--space-20);right:var(--space-20);cursor:pointer}.HardwarePromoModal.svelte-1v5cl5y .RichTextFieldComponent{--color: var(--color-white)}@media (min-width: 740px){.HardwarePromoModal.svelte-1v5cl5y .RichTextFieldComponent.sq-custom-margin-bottom-none{margin-top:var(--space-10)}}.HardwarePromoModal.svelte-1v5cl5y .VideoComponent{margin:var(--space-10) calc(-1 * var(--space-30))}.HardwarePromoModal.svelte-1v5cl5y .VideoComponent video{max-width:100%;width:100%}.HardwarePromoModal.svelte-1v5cl5y .ImageWithLinkPartial{margin:var(--space-10) calc(-1 * var(--space-30))}.HardwarePromoModal.sq-custom-hardware-promo-invert.svelte-1v5cl5y .HardwarePromoModal__modal:where(.svelte-1v5cl5y){background-color:var(--color-white)}.HardwarePromoModal.sq-custom-hardware-promo-invert.svelte-1v5cl5y .HardwarePromoModal__modal:where(.svelte-1v5cl5y) .RichTextFieldComponent{--color: var(--color-black)}.HardwarePromoModal.sq-custom-hardware-promo-invert.svelte-1v5cl5y .HardwarePromoModal__modal:where(.svelte-1v5cl5y) .HardwarePromoModal__close:where(.svelte-1v5cl5y) svg:where(.svelte-1v5cl5y){filter:brightness(0)}}
