/* 1a. Containers */





/* 1b. Colors */











  :root {
    --primary-color: #4F01A3;
    --primary-light-color: ;
    --secondary-color: #853DFF;
    --grey-color: #D7D7D7;
    --white-color: #FFFFFF;
    --black-color: #000000;
    --color-black: #000000;
    --spacing: 100px ;
    --spacing-mobile: 70px ;
    --color-light-purple: #BEAAFF;
    --color-purple: #4F01A3;
    --color-deep-purple: #2D0075;
    --color-electric-purple: #853DFF;
    --color-light-orange:#FFB2A0;
    --color-light-teal:#84E8DA;
    --color-light-pink:#E6B1FF;
    --color-line: #D7D7D7;
    --primary-font: "Roku Text", "sans-serif";
    --secondary-font: "Roku Display", "sans-serif";
    --tcl-tv-border: "https://242780958.fs1.hubspotusercontent-na2.net/hubfs/242780958/roku-theme-files/roku-frame.png";
  }

/* 1c. Typography */






































/* 1d. Buttons */





















/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
  max-width: 1200px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 70px 30px;
}
@media (min-width:992px){
  .dnd-section,
  .content-wrapper--vertical-spacing {
    padding: 100px 30px;
  }
}

.dnd-section > .row-fluid {
  max-width: 1200px;
}






@font-face {
  font-family: 'Fallback-Small';
  
   src: local('Noto Sans'), 
       local('Helvetica Neue'), 
       local('Segoe UI'), 
       local('Roboto'), 
       local('Arial');
  
  size-adjust: 104%;
  ascent-override: 90%;
  descent-override: 23%;
  line-gap-override: 0%;
/*   src: local(Arial);
  size-adjust: 104%;
  ascent-override: 85%;
  descent-override: 19%;
  line-gap-override: 9%; */
  
/*   src: local('Helvetica Neue'), local('Helvetica'), local('Arial'), local('Segoe UI'), local('Roboto');
  size-adjust: 90%;
  ascent-override: 90%;
  descent-override: 25%;
  line-gap-override: 0%; */
}
@font-face {
  font-family: 'Fallback-Matcher';
/*   src: local('Helvetica Neue Condensed Black'), 
       local('Helvetica Neue Black'), 
       local('Arial Black'), 
       local('Segoe UI Black'), 
       local('Roboto Black'); */
/*   size-adjust: 89%;
  ascent-override: 95%;
  descent-override: 23%;
  line-gap-override: 0%; */
/*   size-adjust: 110%;
  ascent-override: 90%;
  descent-override: 25%;
  line-gap-override: 0%; */
  
  src: local('Helvetica Neue Condensed Black'), 
    local('Helvetica Neue Black'), 
    local('Arial Black'), 
    local('Segoe UI Black'), 
    local('Roboto Black');
     ascent-override: 70%;
    descent-override: 5%;
    line-gap-override: 5%;
    size-adjust: 88%;
  
}

}
#}
html {
  font-size: 14px;
  
}

body {
  font-family: Roku Text, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #262424;
  font-size: 14px;
  line-height:150%;
  
}

/* Paragraphs */

p {
  font-family: Roku Text, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  line-height:150%;
  
}

/* Anchors */

a {
  font-weight: normal; text-decoration: underline; font-family: Roku Text, sans-serif; font-style: normal;
  color: #853DFF;
  
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: underline; font-family: Roku Text, sans-serif; font-style: normal;
  color: #5d15d7;
}

a:active {
  font-weight: normal; text-decoration: underline; font-family: Roku Text, sans-serif; font-style: normal;
  color: #ad65ff;
}

/* Headings */
body :is(h1,h2,h3,h4,h5)  span {
  line-height:inherit !important;
}
h1,
.h1 {
  font-weight: 900; text-decoration: none; font-family: Roku Display, sans-serif; font-style: normal;
  color: #4F01A3;
  font-size: 47px;
  text-transform: none;
  line-height:110%;
  font-family: 'Roku Display', 'Fallback-Matcher', sans-serif;
}

h2,
.h2 {
  font-weight: 900; text-decoration: none; font-family: Roku Display, sans-serif; font-style: normal;
  color: #4F01A3;
  font-size: 40px;
  text-transform: none;
  line-height:110%;
  font-family: 'Roku Display', 'Fallback-Matcher', sans-serif;
}

h3,
.h3 {
  font-weight: 900; text-decoration: none; font-family: Roku Display, sans-serif; font-style: normal;
  color: #4F01A3;
  font-size: 33px;
  text-transform: none;
  line-height:110%;
  font-family: 'Roku Display', 'Fallback-Matcher', sans-serif;
}

h4,
.h4 {
  font-weight: 200; text-decoration: none; font-family: Roku Display, sans-serif; font-style: normal;
  color: #4F01A3;
  font-size: 25px;
  text-transform: none;
  line-height:110%;
  font-family: 'Roku Display', 'Fallback-Matcher', sans-serif;
}

h5,
.h5 {
  font-weight: 100; text-decoration: none; font-family: Roku Display, sans-serif; font-style: normal;
  color: #4F01A3;
  font-size: 20px;
  text-transform: none;
  line-height:140%;
  font-family: 'Roku Display', 'Fallback-Matcher', sans-serif;
}

h6,
.h6 {
  font-weight: 700; text-decoration: none; font-family: Roku Display, sans-serif; font-style: normal;
  color: #262424;
  font-size: 13px;
  text-transform: uppercase;
  line-height:110%;
  font-family: 'Roku Display', 'Fallback-Matcher', sans-serif;
}

.font-body-lg {
  font-size: 17px;
  line-height:150%;
}

.font-body-sm {
  font-size: 11px;
  line-height:150%;
}

/* Blockquote */

blockquote {
  border-left-color: #853DFF;
}

@media (min-width: 992px) {
  body {
    font-size: 17px;
  }
  h1,
  .h1 {
    font-size: 95px;
  }

  h2,
  .h2 {
    font-size: 70px;
  }

  h3,
  .h3 {
    font-size: 50px;
  }

  h4,
  .h4 {
    font-size: 35px;
  }

  h5,
  .h5 {
    font-size: 25px;
  }

  h6,
  .h6 {
    font-size: 15px;
  }

  .font-body-lg {
    font-size: 20px;
    line-height:140%;
  }

  .font-body-sm {
    font-size: 13px;
  }
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  
  padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;

  font-family: Roku Text, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  border:2px solid #853dff;
  font-weight: 500;
  border-radius: 75px;
  color: 

  
  
    
  


  rgba(133, 61, 255, 1.0)

;
  font-size: 16px;
  text-transform: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active,
.button.is-active,
.hs-button:hover,
.hs-button:focus,
.hs-button:active,
.hs-blog-post-listing__post-button:active,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border: 2px solid #853DFF;
;
  font-weight: 500;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 75px;
  background-color: 

  
  
    
  


  rgba(133, 61, 255, 1.0)

;
  text-decoration: none;
}


.button-secondary {
  border: 2px solid #853DFF;
;
  background-color: 

  
  
    
  


  rgba(133, 61, 255, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.button-secondary:hover,
.button-secondary.is-active{
  border: 2px solid #4F01A3;
;
  background-color: 

  
  
    
  


  rgba(79, 1, 163, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.link {
  font-weight: normal; text-decoration: underline; font-family: Roku Text, sans-serif; font-style: normal;
  display:inline-flex;
  align-items:center;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  text-transform: none;
  color: #853DFF;
  transition: all 0.3s ease;
  position:relative;
  border-bottom:0px;
}
.link:hover,
.link.is-active {
  font-weight: 500;
  color: #853DFF;
  text-decoration: none;
  border-bottom:0px;
}

.link:before {
  content:"";
  position:absolute;
  top:100%;
  height:2px;
  width:calc(100% - 22px);
  background: #853DFF;
}

.link.backward-arrow:before {
  display:none;
}

.link svg {
  color: 

  
  
    
  


  rgba(133, 61, 255, 1.0)

;
  margin-left: 10px;
}
.link.backward-arrow svg {
  margin-left: 0px;
  margin-right: 10px;
}

.link--white {
  color: #FFFFFF;
}
.link--white svg {
  color: #FFFFFF;
}
.link--white:before {
  background: #FFFFFF;
}

.link:hover:before {
  background: var(--color-light-purple);
}
.link:hover svg path {
  stroke: var(--color-light-purple);
}
.link--white:hover {
  color: #FFFFFF;
}
.link.is-svg {
  position:static;
}
.link.is-svg:before {
  display:none;
}
@media (max-width:500px){
  form .hs-button, form input[type=submit],
  .multiple-buttons__item,
  .button-wrapper,
  .button {
    width:100%;
  }
}





form,
.submitted-message {
  font-family: Roku Text, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  ;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: 

  
  
    
  


  rgba(79, 1, 163, 0.0)

;
  padding: 0px;
;
}

/* Form title */

.form-title {
  border: 0px solid rgba(255, 255, 255, 0%);
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: Roku Display; font-style: normal; font-weight: 900; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 50px;
  color: #000000;
  background-color: 

  
  
    
  


  rgba(133, 61, 255, 0.0)

;
}


/* Labels */

form label {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 325; font-style: normal; text-decoration: none;
}

/* Help text */
form legend {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500; font-style: normal; text-decoration: none;
}

/* Error */
.hs-input.invalid.error {
  border-color: 

  
  
    
  


  rgba(255, 201, 137, 1.0)

;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 2px solid #FFFFFF;

  background-color: 

  
  
    
  


  rgba(79, 1, 163, 1.0)

;
  border-radius: 6px;
  font-weight: 325; font-style: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
}

form input[type=checkbox] {
  border-radius: 6px;
}

form input[type=checkbox],
form input[type=radio] {
  background-color: 

  
  
    
  


  rgba(79, 1, 163, 1.0)

;
}
.questionaire__wrapper input[type=radio],
form input[type=radio] {
  background: var(--color-electric-purple);
  accent-color: var(--color-electric-purple) !important;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #FFFFFF;
}

::-moz-placeholder {
  color: #FFFFFF;
}

:-ms-input-placeholder {
  color: #FFFFFF;
}

::placeholder {
  color: #FFFFFF;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #FFFFFF;
}

.fn-date-picker td.is-selected .pika-button {
  background: #4F01A3;
}

.fn-date-picker td .pika-button:hover {
  background-color: #4F01A3 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #4F01A3;
}

/* Submit button */

form input[type=submit],
form .hs-button,
[data-hsfc-id=Renderer] .hsfc-Button {
  ;
  padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
;
  font-family: Roku Text, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #853DFF;
  font-size: 16px;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 75px;
  text-transform: none;
  font-weight:500;
  border:2px solid #853dff;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus,
[data-hsfc-id=Renderer] .hsfc-Button:hover,
[data-hsfc-id=Renderer] .hsfc-Button:focus {
  background-color: 

  
  
    
  


  rgba(133, 61, 255, 1.0)

;
  color: #ffffff;
  ;
  font-weight:500;
  border:2px solid #853dff;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(255, 255, 255, 1.0);
  border-color: ;
}

@media (min-width: 992px) {
  form,
  .submitted-message {
    font-family: Roku Text, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  }
}

/* HS New form overrides */
:root {
  --hsf-global__font-family: Roku Text, sans-serif;
  --hsf-field-input__background-color: 

  
  
    
  


  rgba(79, 1, 163, 1.0)

;
  --hsf-field-textarea__background-color: 

  
  
    
  


  rgba(79, 1, 163, 1.0)

;
  --hsf-field-input__font-family: Roku Text, sans-serif;
  --hsf-field-textarea__font-family: Roku Text, sans-serif;
  --hsf-field-input__color: #FFFFFF;
  --hsf-field-textarea__color: #FFFFFF;
  --hsf-field-input__border-color: #FFFFFF;
  --hsf-field-textarea__border-color: #FFFFFF;
  --hsf-field-input__border-style: solid;
  --hsf-field-textarea__border-style: solid;
  --hsf-field-input__border-width: 2px;
  --hsf-field-textarea__border-width: 2px;
  --hsf-field-input__border-radius: 6px;
  --hsf-field-textarea__border-radius: 6px;
  --hsf-field-input__font-size: 18px;
  --hsf-field-textarea__font-size: 18px;
  --hsf-field-label__font-family: Roku Text, sans-serif;
  --hsf-field-label__font-size: 18px;
  --hsf-field-label__color: #FFFFFF;
  --hsf-button__font-family: Roku Text, sans-serif;
  --hsf-button__font-size: 16px;
  --hsf-button__color: #853DFF;--hsf-button__padding: 15px 30px 15px 30px;
  --hsf-button__border-radius: 75px;
  --hsf-button__border-style: solid;
  --hsf-button__border-color: #853dff;
  --hsf-button__background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  --hsf-button__background-image: none;
  --hsf-button__box-shadow: none;
  --hsf-button__font-weight: 500;
  --hsf-button__border-width:  2px;
  --hsf-button--hover__color: #ffffff;
  --hsf-button--hover__background-color: 

  
  
    
  


  rgba(133, 61, 255, 1.0)

;
  --hsf-button--hover__border-color: #853dff;
  --hsf-navigationrow-buttons-single__justify-content: start;
}





/* Table */

table {
  border: 1px solid #808080;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #808080;

  padding: 18px;

  color: #262424;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(79, 1, 163, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #262424;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #853DFF;
  font-family: ;
}

.menu__child-toggle-icon {
  border-top-color: #853DFF;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  /*   color: #5d15d7; */
}


.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #5d15d7;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #ad65ff;
}

.menu__child-toggle-icon:active {
  border-top-color: #ad65ff;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #853DFF;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #4F01A3;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #4F01A3;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #262424;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #4F01A3;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: ;
}

.header__language-switcher-label-current:after {
  border-top-color: #853DFF;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #853DFF;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #262424;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 70px 0;
}
@media (min-width:992px){
  .blog-post,
  .blog-header__inner,
  .blog-related-posts {
    padding: 100px 0;
  }
}

/* Blog post */

.blog-post__meta a {
  color: #262424;
}

.blog-post__tag-link {
  color: #262424;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000000;
}

.blog-post__tag-link:active {
  color: #4e4c4c;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 900; text-decoration: none; font-family: Roku Display, sans-serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #4F01A3;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #27007b;
}

.blog-related-posts__title-link:active {
  color: #7729cb;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 70px;
}
@media (min-width:992px){
  .blog-comments {
    margin-bottom: 100px;
  }
}

#comments-listing .comment-reply-to {
  color: #853DFF;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #5d15d7;
}

#comments-listing .comment-reply-to:active {
  color: #ad65ff;
}





.hs-search-results__title {
  font-weight: 900; text-decoration: none; font-family: Roku Display, sans-serif; font-style: normal;
  color: #4F01A3;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-weight: 900; text-decoration: none; font-family: Roku Display, sans-serif; font-style: normal;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #4F01A3;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #27007b;
}

.hs-blog-post-listing__post-title-link:active {
  color: #7729cb;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #262424;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #262424;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #000000;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #4e4c4c;
}

.hs-pagination__link-icon svg {
  fill: #262424;
}

/* Pricing card */

.card__price {
  font-weight: 900; text-decoration: none; font-family: Roku Display, sans-serif; font-style: normal;
  color: #4F01A3;
  font-size: 33px;
}

.card__body svg {
  fill: #4F01A3;
}

/* Social follow */

.social-links__icon {
  background-color: #4F01A3;
}
main.body-container-wrapper {
  overflow-x:hidden;
}
[id] {
  scroll-margin-top:85px;
}
.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #27007b;
}

.social-links__icon:active {
  background-color: #7729cb;
  font-weight: 900; text-decoration: none; font-family: Roku Display, sans-serif; font-style: normal;
  color: #4F01A3;
  font-size: 33px;
}

/* LP Right Copy */
@media (max-width: 420px) {
  .lp-offset-right {
    margin-left: -100px;
  }
}

.slick-dots {
  list-style:none;
}




.blog-listing__pagination ul li a svg {
/*   stroke: var(--color-light-purple) !important; */
  transition:0.3s ease all;
}
.blog-listing__pagination ul li a:hover svg {
/*   stroke: #853DFF !important; */
  scale:1.15;
}



.arrow-right svg,
.arrow-right-fake svg,
.arrow-left svg,
.arrow-left-fake svg {
/*   stroke: var(--color-light-purple) !important; */
  transition:0.3s ease all;
}

.arrow-right:hover svg,
.arrow-right-fake:hover svg,
.arrow-left:hover svg,
.arrow-left-fake:hover svg {
/*   stroke: #853DFF !important; */
  scale:1.15;
}


@media (min-width:600px){
  .orphan-no-wrap {
    white-space: nowrap;
  }
}


#hs-banner-parent {
  --hs-banner-color: #FFFFFF;
  --hs-banner-text-color: #15295a;
  --hs-banner-settings-text-color: #15295a;
  --hs-banner-width: 67em;
  --hs-banner-padding: 2em;
  --hs-banner-corners: 12px;
  --hs-banner-button-corners: 3em;
  --hs-banner-accept-color: #FFF;
  --hs-banner-accept-text-color: #853dff;
  --hs-banner-accept-border-color: #853dff;
  --hs-banner-decline-color: #425b76;
  --hs-banner-decline-text-color: #ffffff;
  --hs-banner-decline-border-color: #425b76;
  --hs-banner-close-button-display: flex;
  --hs-banner-inset: auto 50% 32px;
  --hs-banner-translate-x: -50%;
  --hs-banner-translate-y: 0;
  --hs-banner-modal-color: #FFFFFF;
  --hs-banner-modal-text-color: #000000;
  --hs-banner-modal-padding: 2em;
  --hs-banner-modal-width: 50em;
  --hs-banner-modal-corners: 12px;
  --hs-banner-modal-button-corners: 3em;
  --hs-banner-modal-accept-color: #853dff;
  --hs-banner-modal-accept-text-color: #fafbff;
  --hs-banner-modal-accept-border-color: #853dff;
  --hs-banner-modal-save-color: #fafbff;
  --hs-banner-modal-save-text-color: #425b76;
  --hs-banner-modal-save-border-color: #425b76;
  --hs-banner-modal-category-corners: 12px;
  --hs-banner-modal-cateogry-color: #4F01A3;
  --hs-banner-modal-category-text-color: #FFFFFF;
  --hs-banner-modal-toggle-on-color: #853dff;
  --hs-banner-modal-toggle-off-color: #f1f1f1;
  --hs-banner-font-family: "Roku Text", "sans-serif" !important;
  --hs-banner-font-size: 14px;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Optional: reveal when focused, e.g. "Skip to content" links */
.sr-only-focusable:focus,
.sr-only-focusable:focus-within {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
}

#hs-banner-parent button {
/*   background-color: rgb(255, 255, 255) !important;
  color: rgb(133, 61, 255) !important;
  font-family: "Roku Text", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  text-transform: none !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgb(133, 61, 255) !important;
  border-image: initial !important;
  border-radius: 75px !important;
  padding: 15px 30px !important;
  text-decoration: none !important; */
}


div[data-global-resource-path="roku-s2/templates/partials/header.html"] {
  min-height:112.84px;
}
/* body.scrolled div[data-global-resource-path="roku-s2/templates/partials/header.html"] {
  min-height:78.84px;
} */

@media (min-width:992px){
  div[data-global-resource-path="roku-s2/templates/partials/header.html"] {
    min-height:113.5px;
  }
/*   body.scrolled div[data-global-resource-path="roku-s2/templates/partials/header.html"] {
    min-height:82.5px;
  } */
}

@media (max-width:600px){
  div[data-global-resource-path="roku-s2/templates/partials/header.html"] {
    min-height:96.03px;
  }
/*   body.scrolled div[data-global-resource-path="roku-s2/templates/partials/header.html"] {
    min-height:62.03px;
  } */
}


@media (max-width: 767px) {
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}