Get started with Videoly
Fill in your email below and we’ll get back to you with the presentation deck, an implementation guide and your order confirmation.
.hbspt-form { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; //background: #F4F4F5!important; //padding: 48px!important; //border-radius: 24px; } .hbspt-form form{ display: flex; flex-direction: column; grid-gap: 24px; } .hs-form-field label { font-size: 18px!important; line-height: 28px!important; color: #262329!important; font-family: 'TT Fors', serif!important; font-weight: 600!important; margin-bottom: 8px!important; pointer-events:none; } .hs-form-required { color: #262329!important; } .hs-input { background: #FFFFFF!important; box-shadow: 0 0 0 1px #D2D2DA!important; border-radius: 12px!important; font-family: 'TT Fors', serif!important; font-weight: 500!important; font-size: 16px!important; line-height: 24px; letter-spacing: 0.16px; color: #262329!important; border: 0!important; transition: outline-color 200ms cubic-bezier(.23, 1, .32, 1); padding: 16px 24px; max-width: none!important; width: 100%!important; } input.hs-input, select { height: 56px!important; } textarea.hs-input { min-height: 56px; height: 80px; } .hs-input:focus, .hs-input:hover { box-shadow: 0 0 0 2px #7A7FE8!important; } .hs-input.error { box-shadow: 0 0 0 1px #FF9F9F!important; } .hs-input.error:focus, .hs-input.error:hover { box-shadow: 0 0 0 2px #FF9F9F!important; } select.is-placeholder, .hs-input::-webkit-input-placeholder { font-family: 'TT Fors', serif!important; font-weight: 500!important; font-size: 16px!important; line-height: 24px!important; letter-spacing: 0.16px!important; color: #73738C!important; } select.hs-input { appearance: none; background-repeat: no-repeat!important; background-position: right 16px center!important; background-size: 24px!important; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_4213_5943' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Cpath d='M8 10L12 14L16 10' stroke='%23004F4F' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4213_5943)'%3E%3Crect width='24' height='24' fill='%23262329'/%3E%3C/g%3E%3C/svg%3E%0A")!important; } label.hs-error-msg { font-size: 14px!important; line-height: 24px!important; margin-bottom: 0!important; color: #FF8585!important; font-weight: 500!important; } .hs-button { width: 100%!important; padding: 16px 32px 16px 0!important; background: #262329!important; border-radius: 12px!important; border: 0!important; font-family: 'TT Fors', serif!important; font-weight: 600!important; font-size: 16px!important; line-height: 24px!important; letter-spacing: 0.16px; transition: color 200ms cubic-bezier(.23, 1, .32, 1), background-color 200ms cubic-bezier(.23, 1, .32, 1); /* Icon in the button */ background-repeat: no-repeat!important; background-position: calc(50% + 32px) center!important; background-size: 24px!important; background-image: url("https://cdn.prod.website-files.com/626fed2e5e890f2bd90da643/627d31eeb939a7060d1b65eb_Stars.svg")!important; } .hs-button:hover, .hs-button:focus { background-color: #7A7FE8!important; } .hs-richtext { font-family: 'TT Fors', serif!important; font-weight: 500!important; font-size: 14px!important; line-height: 20px!important; color: #73738C!important; letter-spacing: 0.14px; } .field { margin-bottom: 0; width: 100%; } fieldset { display: block; margin-inline-start: 2px; margin-inline-end: 2px; padding-block-start: 0px; padding-inline-start: 0px; padding-inline-end: 0px; padding-block-end: 0px; min-inline-size: min-content; border-width: none; border-style: none; border-color: transparent; border-image: initial; display: flex; gap: 24px; } .actions { margin: 0; padding: 0; } .hs-error-msgs .hs-main-font-element { font-family: 'TT Fors', serif!important; font-weight: 500!important; font-size: 14px!important; line-height: 20px!important; color: #FF8585!important; } /* mobile */ @media screen and (max-width: 479px) { .hbspt-form { background: #F4F4F5!important; padding: 24px!important; border-radius: 16px; } .hs-form-field label { font-size: 16px!important; line-height: 24px!important; } .hs-input { padding: 12px 24px; } label.hs-error-msg { font-size: 14px!important; line-height: 24px!important; } .hs-richtext { font-size: 12px!important; line-height: 16px!important; letter-spacing: 0.12px!important; } textarea.hs-input { min-height: 72px; height: 72px; } } @font-face { font-family: 'TT Fors'; src: url('https://assets.website-files.com/626fed2e5e890f2bd90da643/6270defb467f54be534a8a1f_font.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'TT Fors'; src: url('https://assets.website-files.com/626fed2e5e890f2bd90da643/6270df1fe3b6868d50b3bb4d_font.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
Trusted by 400+ retailers and brands
No items found.
.svg)
