.sqs-block-button-container { text-align: center; }
.sqs-block-button.sqs-stretched .sqs-block-content, .sqs-block-button.sqs-stretched .sqs-block-button-element { padding-top: 0px !important; padding-bottom: 0px !important; height: 100%; display: flex; }
.sqs-block-button.sqs-stretched .sqs-block-button-container { flex: 1 1 0%; }
.sqs-block-button.sqs-stretched .sqs-block-button-element { align-items: center; box-sizing: border-box; justify-content: center; }
.sqs-block-button:not(.sqs-stretched) .sqs-block-button-container { display: flex; }
.sqs-block-button:not(.sqs-stretched) .sqs-block-button-container--left { justify-content: flex-start; }
.sqs-block-button:not(.sqs-stretched) .sqs-block-button-container--center { justify-content: center; }
.sqs-block-button:not(.sqs-stretched) .sqs-block-button-container--right { justify-content: flex-end; }
.sqs-block-button-element, .image-button a, .list-item-content__button { display: inline-block; -moz-osx-font-smoothing: grayscale; line-height: normal; padding: var(--primaryButtonPadding) calc(var(--primaryButtonPadding) * 1.67); }
@media (hover: hover) {
  .sqs-block-button-element:hover, .image-button a:hover, .list-item-content__button:hover { opacity: 1; }
}
#siteWrapper.site-wrapper .sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--primary { padding: var(--primary-button-padding-y) var(--primary-button-padding-x); }
#siteWrapper.site-wrapper .sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--primary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { border-width: var(--primary-button-stroke); }
#siteWrapper.site-wrapper .sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--secondary { padding: var(--secondary-button-padding-y) var(--secondary-button-padding-x); }
#siteWrapper.site-wrapper .sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--secondary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-width: var(--secondary-button-stroke); }
#siteWrapper.site-wrapper .sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--tertiary { padding: var(--tertiary-button-padding-y) var(--tertiary-button-padding-x); }
#siteWrapper.site-wrapper .sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--tertiary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-width: var(--tertiary-button-stroke); }
#siteWrapper.site-wrapper .sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--primary, #siteWrapper.site-wrapper .sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--secondary, #siteWrapper.site-wrapper .sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--tertiary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { line-height: normal; border-style: solid; }
#siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockButton { height: auto; line-height: 0; }
#siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockButtonWidgetContainer, #siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockButton-buttonContainer, #siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockInlineButton-container { width: auto; }
#siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockSearchBar-container { align-items: center; }
#siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockInlineButton-container { overflow: hidden; display: flex; align-items: center; justify-content: center; height: 49px; min-width: 180px; padding: 0px; border-radius: 0px 3px 3px 0px; }
#siteWrapper.site-wrapper div#Tock_widget_container.Tock_widget_container-columnLayout > div.TockWidgetWrapper .TockInlineButton-container { border-radius: 3px; }
.sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--primary { border-width: var(--primary-button-stroke); border-style: solid; }
.sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--secondary { border-width: var(--secondary-button-stroke); border-style: solid; }
.sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--tertiary { border-width: var(--tertiary-button-stroke); border-style: solid; }
body.primary-button-style-solid .sqs-button-element--primary, body.primary-button-style-solid .sqs-editable-button.sqs-button-element--primary { transition: opacity 0.1s linear; backface-visibility: hidden; }
@media (hover: hover) {
  body.primary-button-style-solid .sqs-button-element--primary:hover, body.primary-button-style-solid .sqs-editable-button.sqs-button-element--primary:hover { opacity: 0.8; }
}
.primary-button-style-outline .sqs-button-element--primary, .primary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--primary, .primary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--primary, .primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--primary, .primary-button-style-outline .header-menu-cta .btn.sqs-button-element--primary, .primary-button-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, .primary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--primary { transition: background-color 0.1s linear, color 0.1s linear; }
.primary-button-style-outline .sqs-button-element--primary:not(:hover), .primary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--primary:not(:hover), .primary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--primary:not(:hover), .primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--primary:not(:hover), .primary-button-style-outline .header-menu-cta .btn.sqs-button-element--primary:not(:hover), .primary-button-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary:not(:hover), .primary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--primary:not(:hover) { background: transparent; }
.primary-button-style-outline .newsletter-form-button.sqs-system-button.sqs-button-element--primary:not(:hover) { background: transparent !important; }
.primary-button-shape-square .sqs-button-element--primary, .primary-button-shape-square #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 0px; }
.primary-button-shape-rounded .sqs-button-element--primary, .primary-button-shape-rounded #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 0.4rem; }
.primary-button-shape-pill .sqs-button-element--primary, .primary-button-shape-pill #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 300px; }
.primary-button-shape-oval .sqs-button-element--primary, .primary-button-shape-oval #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 100%; }
.primary-button-shape-petal .sqs-button-element--primary, .primary-button-shape-petal #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 16px 0px; }
body.primary-button-shape-underline #siteWrapper .sqs-button-element--primary:not(.ma-pricing-option-button), body.primary-button-shape-underline .sqs-block-form-lightbox .sqs-button-element--primary:not(.ma-pricing-option-button), body.primary-button-shape-underline #siteWrapper .comment-btn-wrapper .comment-btn.sqs-button-element--primary, body.primary-button-shape-underline .sqs-block-form-lightbox .comment-btn-wrapper .comment-btn.sqs-button-element--primary, body.primary-button-shape-underline #siteWrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, body.primary-button-shape-underline .sqs-block-form-lightbox .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { border-top: medium; border-right: medium; border-left: medium; border-style: none none solid; border-radius: 0px; border-bottom-width: var(--primary-button-stroke); }
.primary-button-shape-custom .sqs-button-element--primary, .primary-button-shape-custom .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { border-top-left-radius: var(--primary-button-rounded-border-top-left-radius); border-top-right-radius: var(--primary-button-rounded-border-top-right-radius); border-bottom-left-radius: var(--primary-button-rounded-border-bottom-left-radius); border-bottom-right-radius: var(--primary-button-rounded-border-bottom-right-radius); }
.secondary-button-style-solid .sqs-button-element--secondary, .secondary-button-style-solid .sqs-editable-button.sqs-button-element--secondary, .secondary-button-style-solid .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { transition: opacity 0.1s linear; backface-visibility: hidden; }
.secondary-button-style-solid .sqs-button-element--secondary:hover, .secondary-button-style-solid .sqs-editable-button.sqs-button-element--secondary:hover, .secondary-button-style-solid .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary:hover { opacity: 0.8; }
.secondary-button-style-outline .sqs-button-element--secondary, .secondary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--secondary, .secondary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--secondary, .secondary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .secondary-button-style-outline .header-menu-cta .btn.sqs-button-element--secondary, .secondary-button-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, .secondary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--secondary { transition: background-color 0.1s linear, color 0.1s linear; }
.secondary-button-style-outline .sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .header-menu-cta .btn.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--secondary:not(:hover) { background: transparent; }
.secondary-button-style-outline .newsletter-form-button.sqs-system-button.sqs-button-element--secondary { background: transparent !important; }
.secondary-button-shape-square .sqs-button-element--secondary, .secondary-button-shape-square .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 0px; }
.secondary-button-shape-rounded .sqs-button-element--secondary, .secondary-button-shape-rounded .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 0.4rem; }
.secondary-button-shape-pill .sqs-button-element--secondary, .secondary-button-shape-pill .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 300px; }
.secondary-button-shape-oval .sqs-button-element--secondary, .secondary-button-shape-oval .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 100%; }
body.secondary-button-shape-underline #siteWrapper .sqs-button-element--secondary, body.secondary-button-shape-underline .sqs-block-form-lightbox .sqs-button-element--secondary, body.secondary-button-shape-underline #siteWrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, body.secondary-button-shape-underline .sqs-block-form-lightbox .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-top: medium; border-right: medium; border-left: medium; border-style: none none solid; border-radius: 0px; border-bottom-width: var(--secondary-button-stroke); }
.secondary-button-shape-petal .sqs-button-element--secondary, .secondary-button-shape-petal .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 16px 0px; }
.secondary-button-shape-custom .sqs-button-element--secondary, .secondary-button-shape-custom .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-top-left-radius: var(--secondary-button-rounded-border-top-left-radius); border-top-right-radius: var(--secondary-button-rounded-border-top-right-radius); border-bottom-left-radius: var(--secondary-button-rounded-border-bottom-left-radius); border-bottom-right-radius: var(--secondary-button-rounded-border-bottom-right-radius); }
.tertiary-button-style-solid .sqs-button-element--tertiary, .tertiary-button-style-solid .sqs-editable-button.sqs-button-element--tertiary, .tertiary-button-style-solid .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { transition: opacity 0.1s linear; backface-visibility: hidden; }
.tertiary-button-style-solid .sqs-button-element--tertiary:hover, .tertiary-button-style-solid .sqs-editable-button.sqs-button-element--tertiary:hover, .tertiary-button-style-solid .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary:hover { opacity: 0.8; }
.tertiary-button-style-outline .sqs-button-element--tertiary, .tertiary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--tertiary, .tertiary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--tertiary, .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary, .tertiary-button-style-outline .header-menu-cta .btn.sqs-button-element--tertiary, .tertiary-button-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, .tertiary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--tertiary { transition: background-color 0.1s linear, color 0.1s linear; }
.tertiary-button-style-outline .sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .header-menu-cta .btn.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--tertiary:not(:hover) { background: transparent; }
.tertiary-button-style-outline .newsletter-form-button.sqs-system-button.sqs-button-element--tertiary { background: transparent !important; }
.tertiary-button-shape-square .sqs-button-element--tertiary, .tertiary-button-shape-square .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 0px; }
.tertiary-button-shape-rounded .sqs-button-element--tertiary, .tertiary-button-shape-rounded .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 0.4rem; }
.tertiary-button-shape-pill .sqs-button-element--tertiary, .tertiary-button-shape-pill .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 300px; }
.tertiary-button-shape-oval .sqs-button-element--tertiary, .tertiary-button-shape-oval .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 100%; }
body.tertiary-button-shape-underline #siteWrapper .sqs-button-element--tertiary, body.tertiary-button-shape-underline .sqs-block-form-lightbox .sqs-button-element--tertiary, body.tertiary-button-shape-underline #siteWrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, body.tertiary-button-shape-underline .sqs-block-form-lightbox .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-top: medium; border-right: medium; border-left: medium; border-style: none none solid; border-radius: 0px; border-bottom-width: var(--tertiary-button-stroke); }
.tertiary-button-shape-petal .sqs-button-element--tertiary, .tertiary-button-shape-petal .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 16px 0px; }
.tertiary-button-shape-custom .sqs-button-element--tertiary, .tertiary-button-shape-custom .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-top-left-radius: var(--tertiary-button-rounded-border-top-left-radius); border-top-right-radius: var(--tertiary-button-rounded-border-top-right-radius); border-bottom-left-radius: var(--tertiary-button-rounded-border-bottom-left-radius); border-bottom-right-radius: var(--tertiary-button-rounded-border-bottom-right-radius); }
@media (hover: hover) {
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .image-button a:hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-add-to-cart-button:hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-editable-button:not(input):hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-button-element.sqs-block-button-element--primary:hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline .ma-pricing-toggle-wrapper .ma-pricing-option-button:hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline [data-animation-role="header-element"] .btn:hover { background-color: transparent !important; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-simple { background: transparent; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-simple:hover { background-color: transparent; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-carousel { background: transparent; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-carousel:hover { background-color: transparent; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-banner-slideshow { background: transparent; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-banner-slideshow:hover { background-color: transparent; }
}
@media (hover: hover) {
  .tweak-global-animations-animation-type-flex.secondary-button-style-outline .sqs-button-element--secondary:hover, .tweak-global-animations-animation-type-flex.tertiary-button-style-outline .sqs-button-element--tertiary:hover { background: transparent; }
}
.sqs-announcement-bar .sqs-announcement-bar-close { background: transparent; }
div#Tock_widget_container > div.TockWidgetWrapper .InlineWidgetDropDown-NoRightBorder { border-right: 1px solid rgb(231, 231, 231); }
body .sqs-block-form { --fallback-white-hsl: 0,0%,98%; --fallback-black-hsl: 0,0%,0%; --solid-alpha-modifier: 1; --solid-hover-alpha-modifier: 0.6; --outline-hover-alpha-modifier: 0.4; --inverted-solid-hover-alpha-modifier: var(--solid-hover-alpha-modifier); --inverted-outline-hover-alpha-modifier: var(--outline-hover-alpha-modifier); --solid-focus-alpha-modifier: 1; --outline-focus-alpha-modifier: 0.4; --fill-hover-transition: 0.15s background-color cubic-bezier(0.33, 1, 0.68, 1); }
body.form-use-theme-colors .sqs-block-form { --dynamic-fill-color: var(--tweak-form-block-field-fill-color); --dynamic-fill-color-hsl: var(--tweak-form-block-field-fill-color-hsl); --dynamic-fill-color-a: var(--tweak-form-block-field-fill-color-a); --dynamic-border-color: var(--tweak-form-block-field-border-color); --dynamic-border-color-hsl: var(--tweak-form-block-field-border-color-hsl); --dynamic-border-color-a: var(--tweak-form-block-field-border-color-a); --dynamic-input-text-color: var(--tweak-form-block-field-input-color); --dynamic-input-text-color-hsl: var(--tweak-form-block-field-input-color-hsl); --dynamic-input-text-color-a: var(--tweak-form-block-field-input-color-a); --dynamic-accessory-color: var(--tweak-form-block-field-accessory-color); }
body.form-use-theme-colors .sqs-block-form.sqs-background-enabled { --dynamic-fill-color: var(--tweak-form-block-field-fill-color-on-background); --dynamic-fill-color-hsl: var(--tweak-form-block-field-fill-color-on-background-hsl); --dynamic-fill-color-a: var(--tweak-form-block-field-fill-color-on-background-a); --dynamic-border-color: var(--tweak-form-block-field-border-color-on-background); --dynamic-border-color-hsl: var(--tweak-form-block-field-border-color-on-background-hsl); --dynamic-border-color-a: var(--tweak-form-block-field-border-color-on-background-a); --dynamic-input-text-color: var(--tweak-form-block-field-input-color-on-background); --dynamic-input-text-color-hsl: var(--tweak-form-block-field-input-color-on-background-hsl); --dynamic-input-text-color-a: var(--tweak-form-block-field-input-color-a); --dynamic-accessory-color: var(--tweak-form-block-field-accessory-color-on-background); }
.sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .sqs-block-form .form-item textarea, .sqs-block-form .form-item .file-display, .sqs-block-form .form-item select { padding: var(--form-field-padding-vertical) var(--form-field-padding-horizontal); }
.sqs-block-form .form-item select { padding-right: calc(var(--form-field-padding-horizontal) + var(--form-field-dropdown-icon-size) + 4px); }
.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-style-solid .sqs-block-form .form-item textarea, .form-field-style-solid .sqs-block-form .form-item .file-display, .form-field-style-solid .sqs-block-form .form-item select { background-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--solid-alpha-modifier))); transition: var(--fill-hover-transition); }
@media (hover: hover) {
  .form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):hover, .form-field-style-solid .sqs-block-form .form-item textarea:hover, .form-field-style-solid .sqs-block-form .form-item .file-display:hover, .form-field-style-solid .sqs-block-form .form-item select:hover { background-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--solid-hover-alpha-modifier))); }
}
.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):focus, .form-field-style-solid .sqs-block-form .form-item textarea:focus, .form-field-style-solid .sqs-block-form .form-item .file-display:focus, .form-field-style-solid .sqs-block-form .form-item select:focus { background-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--solid-focus-alpha-modifier))); }
.form-field-style-outline .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-style-outline .sqs-block-form .form-item textarea, .form-field-style-outline .sqs-block-form .form-item .file-display, .form-field-style-outline .sqs-block-form .form-item select { border-color: var(--dynamic-border-color, #A9A9A9); background-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), 0); transition: var(--fill-hover-transition); }
@media (hover: hover) {
  .form-field-style-outline .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):hover, .form-field-style-outline .sqs-block-form .form-item textarea:hover, .form-field-style-outline .sqs-block-form .form-item .file-display:hover, .form-field-style-outline .sqs-block-form .form-item select:hover { background-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--outline-hover-alpha-modifier))); }
}
.form-field-style-outline .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):focus, .form-field-style-outline .sqs-block-form .form-item textarea:focus, .form-field-style-outline .sqs-block-form .form-item .file-display:focus, .form-field-style-outline .sqs-block-form .form-item select:focus { background-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--outline-focus-alpha-modifier))); }
.form-field-shape-square { }
.form-field-shape-square.form-field-border-none .sqs-block-form .form-item input, .form-field-shape-square.form-field-border-none .sqs-block-form .form-item textarea, .form-field-shape-square.form-field-border-none .sqs-block-form .form-item .file-display, .form-field-shape-square.form-field-border-none .sqs-block-form .form-item select { border: 1px solid transparent; box-shadow: transparent 0px 0px 0px 1px; }
.form-field-shape-square.form-field-border-all .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-shape-square.form-field-border-all .sqs-block-form .form-item textarea, .form-field-shape-square.form-field-border-all .sqs-block-form .form-item .file-display, .form-field-shape-square.form-field-border-all .sqs-block-form .form-item select { border: solid var(--form-field-border-thickness) var(--dynamic-border-color, #A9A9A9); border-radius: 0px; box-shadow: transparent 0px 0px 0px 1px; }
.form-field-shape-square.form-field-border-bottom .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-shape-square.form-field-border-bottom .sqs-block-form .form-item textarea, .form-field-shape-square.form-field-border-bottom .sqs-block-form .form-item .file-display, .form-field-shape-square.form-field-border-bottom .sqs-block-form .form-item select { border-bottom: var(--form-field-border-thickness) solid var(--dynamic-border-color, #A9A9A9); border-top: 0px; border-right: 0px; border-left: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.form-field-shape-rounded { }
.form-field-shape-rounded .sqs-block-form input:not([type="checkbox"]):not([type="radio"]), .form-field-shape-rounded .sqs-block-form textarea, .form-field-shape-rounded .sqs-block-form .file-upload, .form-field-shape-rounded .sqs-block-form .file-display, .form-field-shape-rounded .sqs-block-form select, .form-field-shape-rounded .sqs-block-form .form-field-error { border-radius: 0.4rem; }
.form-field-shape-rounded .sqs-block-form .form-input-effects { --fx-input-border-radius: 0.4rem; }
.form-field-shape-rounded.form-field-border-none .sqs-block-form .form-item input, .form-field-shape-rounded.form-field-border-none .sqs-block-form .form-item textarea, .form-field-shape-rounded.form-field-border-none .sqs-block-form .form-item .file-display, .form-field-shape-rounded.form-field-border-none .sqs-block-form .form-item select { border: 1px solid transparent; box-shadow: transparent 0px 0px 0px 1px; }
.form-field-shape-rounded.form-field-border-all .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-shape-rounded.form-field-border-all .sqs-block-form .form-item textarea, .form-field-shape-rounded.form-field-border-all .sqs-block-form .form-item .file-display, .form-field-shape-rounded.form-field-border-all .sqs-block-form .form-item select { border: solid var(--form-field-border-thickness) var(--dynamic-border-color, #A9A9A9); box-shadow: transparent 0px 0px 0px 1px; }
.form-field-shape-rounded.form-field-border-bottom .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-shape-rounded.form-field-border-bottom .sqs-block-form .form-item textarea, .form-field-shape-rounded.form-field-border-bottom .sqs-block-form .form-item .file-display, .form-field-shape-rounded.form-field-border-bottom .sqs-block-form .form-item select { border-bottom: var(--form-field-border-thickness) solid var(--dynamic-border-color, #A9A9A9); border-top: 0px; border-right: 0px; border-left: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.form-field-shape-pill { --pill-border-radius: calc(var(--form-field-padding-vertical) + var(--form-block-input-text-font-line-height) * 0.66); }
.form-field-shape-pill .sqs-block-form input:not([type="checkbox"]):not([type="radio"]), .form-field-shape-pill .sqs-block-form textarea, .form-field-shape-pill .sqs-block-form .file-upload, .form-field-shape-pill .sqs-block-form .file-display, .form-field-shape-pill .sqs-block-form select, .form-field-shape-pill .sqs-block-form .form-field-error { border-radius: var(--pill-border-radius); }
.form-field-shape-pill .sqs-block-form .form-input-effects { --fx-input-border-radius: var(--pill-border-radius); }
.form-field-shape-pill.form-field-border-none .sqs-block-form .form-item input, .form-field-shape-pill.form-field-border-none .sqs-block-form .form-item textarea, .form-field-shape-pill.form-field-border-none .sqs-block-form .form-item .file-display, .form-field-shape-pill.form-field-border-none .sqs-block-form .form-item select { border: 1px solid transparent; box-shadow: transparent 0px 0px 0px 1px; }
.form-field-shape-pill.form-field-border-all .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-shape-pill.form-field-border-all .sqs-block-form .form-item textarea, .form-field-shape-pill.form-field-border-all .sqs-block-form .form-item .file-display, .form-field-shape-pill.form-field-border-all .sqs-block-form .form-item select { border: solid var(--form-field-border-thickness) var(--dynamic-border-color, #A9A9A9); box-shadow: transparent 0px 0px 0px 1px; }
.form-field-shape-pill.form-field-border-bottom .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-shape-pill.form-field-border-bottom .sqs-block-form .form-item textarea, .form-field-shape-pill.form-field-border-bottom .sqs-block-form .form-item .file-display, .form-field-shape-pill.form-field-border-bottom .sqs-block-form .form-item select { border-bottom: var(--form-field-border-thickness) solid var(--dynamic-border-color, #A9A9A9); border-top: 0px; border-right: 0px; border-left: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.form-field-shape-custom { }
.form-field-shape-custom .sqs-block-form input:not([type="checkbox"]):not([type="radio"]), .form-field-shape-custom .sqs-block-form textarea, .form-field-shape-custom .sqs-block-form .file-upload, .form-field-shape-custom .sqs-block-form .file-display, .form-field-shape-custom .sqs-block-form select, .form-field-shape-custom .sqs-block-form .form-field-error { border-top-left-radius: var(--form-field-shape-border-top-left-radius); border-top-right-radius: var(--form-field-shape-border-top-right-radius); border-bottom-right-radius: var(--form-field-shape-border-bottom-right-radius); border-bottom-left-radius: var(--form-field-shape-border-bottom-left-radius); }
.form-field-shape-custom .sqs-block-form .form-input-effects { --fx-input-border-radius: var(--form-field-shape-border-top-left-radius) var(--form-field-shape-border-top-right-radius) var(--form-field-shape-border-bottom-right-radius) var(--form-field-shape-border-bottom-left-radius); }
.form-field-shape-custom.form-field-border-none .sqs-block-form .form-item input, .form-field-shape-custom.form-field-border-none .sqs-block-form .form-item textarea, .form-field-shape-custom.form-field-border-none .sqs-block-form .form-item .file-display, .form-field-shape-custom.form-field-border-none .sqs-block-form .form-item select { border: 1px solid transparent; box-shadow: transparent 0px 0px 0px 1px; }
.form-field-shape-custom.form-field-border-all .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-shape-custom.form-field-border-all .sqs-block-form .form-item textarea, .form-field-shape-custom.form-field-border-all .sqs-block-form .form-item .file-display, .form-field-shape-custom.form-field-border-all .sqs-block-form .form-item select { border: solid var(--form-field-border-thickness) var(--dynamic-border-color, #A9A9A9); box-shadow: transparent 0px 0px 0px 1px; }
.form-field-shape-custom.form-field-border-bottom .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-shape-custom.form-field-border-bottom .sqs-block-form .form-item textarea, .form-field-shape-custom.form-field-border-bottom .sqs-block-form .form-item .file-display, .form-field-shape-custom.form-field-border-bottom .sqs-block-form .form-item select { border-bottom: var(--form-field-border-thickness) solid var(--dynamic-border-color, #A9A9A9); border-top: 0px; border-right: 0px; border-left: 0px; }
.form-field-border-all .sqs-block-form .form-item .form-input-prefix { padding: var(--form-field-padding-vertical) 10px var(--form-field-padding-vertical) var(--form-field-padding-horizontal); border-width: var(--form-field-border-thickness) 0; left: var(--form-field-border-thickness); }
.form-field-border-bottom .sqs-block-form .form-item .form-input-prefix { padding: var(--form-field-padding-vertical) 10px var(--form-field-padding-vertical) var(--form-field-padding-horizontal); border-width: 0 0 var(--form-field-border-thickness) 0; left: 0px; }
.form-field-border-none .sqs-block-form .form-item .form-input-prefix { padding: var(--form-field-padding-vertical) 10px var(--form-field-padding-vertical) var(--form-field-padding-horizontal); border-width: 1px 0px; left: 1px; }
.sqs-block-form .form-item.select svg path, .sqs-block-form .form-item.time svg path, .sqs-block-form .form-item.date svg path { fill: var(--dynamic-accessory-color, #000); }
.sqs-block-form .form-item.select select ~ div { right: var(--form-field-padding-horizontal); }
.sqs-block-form .form-item.date input ~ div, .sqs-block-form .form-item.time input ~ div { right: var(--form-field-padding-horizontal); }
.form-field-border-all .sqs-block-form .form-item select ~ div { right: calc(var(--form-field-border-thickness) + var(--form-field-padding-horizontal)); }
.form-field-checkbox-shape-square .sqs-block-form .form-item.checkbox input[type="checkbox"], .form-field-checkbox-shape-square .sqs-block-form .form-item.email input[type="checkbox"] { border-radius: 0px; }
.form-field-checkbox-shape-pill .sqs-block-form .form-item.checkbox input[type="checkbox"], .form-field-checkbox-shape-pill .sqs-block-form .form-item.email input[type="checkbox"] { border-radius: 300px; }
.form-field-checkbox-shape-rounded .sqs-block-form .form-item.checkbox input[type="checkbox"], .form-field-checkbox-shape-rounded .sqs-block-form .form-item.email input[type="checkbox"] { border-radius: 25%; }
.form-field-checkbox-shape-custom .sqs-block-form .form-item.checkbox input[type="checkbox"], .form-field-checkbox-shape-custom .sqs-block-form .form-item.email input[type="checkbox"], .form-field-checkbox-shape-custom .sqs-block-form .form-item.checkbox label span, .form-field-checkbox-shape-custom .sqs-block-form .form-item.email label span { border-top-left-radius: var(--form-field-checkbox-shape-border-top-left-radius); border-top-right-radius: var(--form-field-checkbox-shape-border-top-right-radius); border-bottom-right-radius: var(--form-field-checkbox-shape-border-bottom-right-radius); border-bottom-left-radius: var(--form-field-checkbox-shape-border-bottom-left-radius); }
.form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox, .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .form-item.email { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: var(--dynamic-fill-color-a, 1); --checked-background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --checked-background-color-alpha: var(--dynamic-fill-color-a, 1); --checked-background-color-alpha-default: var(--dynamic-fill-color-a, 1); --checked-foreground-color: var(--dynamic-border-color, #000); --hover-alpha-modifier: var(--solid-hover-alpha-modifier); }
.form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox label, .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .form-item.email label { column-gap: var(--form-field-checkbox-space-between-icon-and-text); cursor: pointer; }
.form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox label input[type="checkbox"], .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .form-item.email label input[type="checkbox"] { cursor: pointer; transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--form-field-checkbox-border-thickness) solid var(--dynamic-border-color, #A9A9A9); width: var(--form-field-checkbox-size); height: var(--form-field-checkbox-size); flex-shrink: 0; margin-right: 0px; }
.form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox label input[type="checkbox"]::before, .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .form-item.email label input[type="checkbox"]::before { width: 75%; height: 75%; background-color: var(--checked-foreground-color)  !important; }
@media (hover: hover) {
  .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox label input[type="checkbox"]:hover, .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .form-item.email label input[type="checkbox"]:hover { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
}
.form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox label input[type="checkbox"]:checked, .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .form-item.email label input[type="checkbox"]:checked { background-color: hsla(var(--checked-background-color-hsl), var(--checked-background-color-alpha-default))  !important; }
@media (hover: hover) {
  .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox label input[type="checkbox"]:checked:hover, .form-field-checkbox-fill-solid.form-field-checkbox-color-normal .form-item.email label input[type="checkbox"]:checked:hover { background-color: hsla(var(--checked-background-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier))))  !important; }
}
.form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox, .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .form-item.email { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: var(--dynamic-fill-color-a, 1); --checked-background-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --checked-background-color-alpha: var(--dynamic-border-color-a, 1); --checked-background-color-alpha-default: var(--dynamic-border-color-a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--solid-hover-alpha-modifier); --checked-hover-alpha-modifier: var(--inverted-solid-hover-alpha-modifier); }
.form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox label, .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .form-item.email label { column-gap: var(--form-field-checkbox-space-between-icon-and-text); cursor: pointer; }
.form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox label input[type="checkbox"], .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .form-item.email label input[type="checkbox"] { cursor: pointer; transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--form-field-checkbox-border-thickness) solid var(--dynamic-border-color, #A9A9A9); width: var(--form-field-checkbox-size); height: var(--form-field-checkbox-size); flex-shrink: 0; margin-right: 0px; }
.form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox label input[type="checkbox"]::before, .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .form-item.email label input[type="checkbox"]::before { width: 75%; height: 75%; background-color: var(--checked-foreground-color)  !important; }
@media (hover: hover) {
  .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox label input[type="checkbox"]:hover, .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .form-item.email label input[type="checkbox"]:hover { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
}
.form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox label input[type="checkbox"]:checked, .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .form-item.email label input[type="checkbox"]:checked { background-color: hsla(var(--checked-background-color-hsl), var(--checked-background-color-alpha-default))  !important; }
@media (hover: hover) {
  .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox label input[type="checkbox"]:checked:hover, .form-field-checkbox-fill-solid.form-field-checkbox-color-inverted .form-item.email label input[type="checkbox"]:checked:hover { background-color: hsla(var(--checked-background-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier))))  !important; }
}
.form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox, .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .form-item.email { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: 0; --checked-background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --checked-background-color-alpha: var(--dynamic-fill-color-a, 1); --checked-background-color-alpha-default: 0; --checked-foreground-color: var(--dynamic-border-color, #000); --hover-alpha-modifier: var(--outline-hover-alpha-modifier); }
.form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox label, .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .form-item.email label { column-gap: var(--form-field-checkbox-space-between-icon-and-text); cursor: pointer; }
.form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox label input[type="checkbox"], .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .form-item.email label input[type="checkbox"] { cursor: pointer; transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--form-field-checkbox-border-thickness) solid var(--dynamic-border-color, #A9A9A9); width: var(--form-field-checkbox-size); height: var(--form-field-checkbox-size); flex-shrink: 0; margin-right: 0px; }
.form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox label input[type="checkbox"]::before, .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .form-item.email label input[type="checkbox"]::before { width: 75%; height: 75%; background-color: var(--checked-foreground-color)  !important; }
@media (hover: hover) {
  .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox label input[type="checkbox"]:hover, .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .form-item.email label input[type="checkbox"]:hover { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
}
.form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox label input[type="checkbox"]:checked, .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .form-item.email label input[type="checkbox"]:checked { background-color: hsla(var(--checked-background-color-hsl), var(--checked-background-color-alpha-default))  !important; }
@media (hover: hover) {
  .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .sqs-block-form .form-item.checkbox label input[type="checkbox"]:checked:hover, .form-field-checkbox-fill-outline.form-field-checkbox-color-normal .form-item.email label input[type="checkbox"]:checked:hover { background-color: hsla(var(--checked-background-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier))))  !important; }
}
.form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox, .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .form-item.email { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: 0; --checked-background-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --checked-background-color-alpha: var(--dynamic-border-color-a, 1); --checked-background-color-alpha-default: var(--dynamic-border-color-a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--outline-hover-alpha-modifier); --checked-hover-alpha-modifier: var(--inverted-outline-hover-alpha-modifier); }
.form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox label, .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .form-item.email label { column-gap: var(--form-field-checkbox-space-between-icon-and-text); cursor: pointer; }
.form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox label input[type="checkbox"], .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .form-item.email label input[type="checkbox"] { cursor: pointer; transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--form-field-checkbox-border-thickness) solid var(--dynamic-border-color, #A9A9A9); width: var(--form-field-checkbox-size); height: var(--form-field-checkbox-size); flex-shrink: 0; margin-right: 0px; }
.form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox label input[type="checkbox"]::before, .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .form-item.email label input[type="checkbox"]::before { width: 75%; height: 75%; background-color: var(--checked-foreground-color)  !important; }
@media (hover: hover) {
  .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox label input[type="checkbox"]:hover, .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .form-item.email label input[type="checkbox"]:hover { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
}
.form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox label input[type="checkbox"]:checked, .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .form-item.email label input[type="checkbox"]:checked { background-color: hsla(var(--checked-background-color-hsl), var(--checked-background-color-alpha-default))  !important; }
@media (hover: hover) {
  .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .sqs-block-form .form-item.checkbox label input[type="checkbox"]:checked:hover, .form-field-checkbox-fill-outline.form-field-checkbox-color-inverted .form-item.email label input[type="checkbox"]:checked:hover { background-color: hsla(var(--checked-background-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier))))  !important; }
}
.form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-block-form .form-item.checkbox { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: var(--dynamic-fill-color-a, 1); --foreground-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --foreground-color-alpha: var(--dynamic-border-color-a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--solid-hover-alpha-modifier); --checked-hover-alpha-modifier: var(--inverted-solid-hover-alpha-modifier); }
.form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-block-form .form-item.checkbox input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; }
.form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-block-form .form-item.checkbox label { cursor: pointer; user-select: none; display: inline-flex; }
.form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-block-form .form-item.checkbox label span { transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); color: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); padding: var(--form-field-checkbox-padding-vertical) var(--form-field-checkbox-padding-horizontal); border: var(--form-field-checkbox-border-thickness) solid hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); }
@media (hover: hover) {
  .form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-block-form .form-item.checkbox label span:hover { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
}
.form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-block-form .form-item.checkbox label input[type="checkbox"]:checked ~ span { background-color: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); color: var(--checked-foreground-color); border-color: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); }
@media (hover: hover) {
  .form-field-checkbox-type-button.form-field-checkbox-fill-solid .sqs-block-form .form-item.checkbox label input[type="checkbox"]:checked ~ span:hover { background-color: hsla(var(--foreground-color-hsl), calc(var(--foreground-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier)))); }
}
.form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-block-form .form-item.checkbox { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: 0; --foreground-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --foreground-color-alpha: var(--dynamic-border-color-a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--outline-hover-alpha-modifier); --checked-hover-alpha-modifier: var(--inverted-outline-hover-alpha-modifier); }
.form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-block-form .form-item.checkbox input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; }
.form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-block-form .form-item.checkbox label { cursor: pointer; user-select: none; display: inline-flex; }
.form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-block-form .form-item.checkbox label span { transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); color: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); padding: var(--form-field-checkbox-padding-vertical) var(--form-field-checkbox-padding-horizontal); border: var(--form-field-checkbox-border-thickness) solid hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); }
@media (hover: hover) {
  .form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-block-form .form-item.checkbox label span:hover { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
}
.form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-block-form .form-item.checkbox label input[type="checkbox"]:checked ~ span { background-color: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); color: var(--checked-foreground-color); border-color: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); }
@media (hover: hover) {
  .form-field-checkbox-type-button.form-field-checkbox-fill-outline .sqs-block-form .form-item.checkbox label input[type="checkbox"]:checked ~ span:hover { background-color: hsla(var(--foreground-color-hsl), calc(var(--foreground-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier)))); }
}
.form-field-checkbox-type-button.form-field-checkbox-shape-square .sqs-block-form .form-item.checkbox label span { border-radius: 0px; }
.form-field-checkbox-type-button.form-field-checkbox-shape-pill { --checkbox-pill-border-radius: calc(var(--form-field-checkbox-padding-vertical) + var(--form-block-option-text-font-line-height) * 0.66); }
.form-field-checkbox-type-button.form-field-checkbox-shape-pill .sqs-block-form .form-item.checkbox label span { border-radius: var(--checkbox-pill-border-radius); }
.form-field-checkbox-type-button.form-field-checkbox-shape-rounded .sqs-block-form .form-item.checkbox label span { border-radius: 0.4rem; }
.form-field-checkbox-layout-stack .sqs-block-form .form-item.checkbox { display: flex; flex-flow: column wrap; gap: var(--form-field-checkbox-row-gap) var(--form-field-checkbox-column-gap); }
.form-field-checkbox-layout-fit .sqs-block-form .form-item.checkbox { display: flex; flex-flow: wrap; gap: var(--form-field-checkbox-row-gap) var(--form-field-checkbox-column-gap); }
.form-field-radio-shape-square .sqs-block-form .form-item.radio .radio-mark, .form-field-radio-shape-square .sqs-block-form .form-item.radio .radio-mark::after, .form-field-radio-shape-square .sqs-block-form .form-item.radio .radio-label, .form-field-radio-shape-square .sqs-block-form .form-item.radio .radio-outline { border-radius: 0px; }
.form-field-radio-shape-pill .sqs-block-form .form-item.radio .radio-mark, .form-field-radio-shape-pill .sqs-block-form .form-item.radio .radio-mark::after, .form-field-radio-shape-pill .sqs-block-form .form-item.radio .radio-label, .form-field-radio-shape-pill .sqs-block-form .form-item.radio .radio-outline { border-radius: 300px; }
.form-field-radio-shape-custom .sqs-block-form .form-item.radio .radio-mark, .form-field-radio-shape-custom .sqs-block-form .form-item.radio .radio-mark::after, .form-field-radio-shape-custom .sqs-block-form .form-item.radio .radio-label, .form-field-radio-shape-custom .sqs-block-form .form-item.radio .radio-outline { border-top-left-radius: var(--form-field-radio-shape-border-top-left-radius); border-top-right-radius: var(--form-field-radio-shape-border-top-right-radius); border-bottom-right-radius: var(--form-field-radio-shape-border-bottom-right-radius); border-bottom-left-radius: var(--form-field-radio-shape-border-bottom-left-radius); }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: var(--dynamic-fill-color-a, 1); --checked-background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --checked-background-color-alpha: var(--dynamic-fill-color-a, 1); --checked-background-color-alpha-default: var(--dynamic-fill-color-a, 1); --checked-foreground-color: var(--dynamic-border-color, #000); --hover-alpha-modifier: var(--solid-hover-alpha-modifier); }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio label { column-gap: var(--form-field-radio-space-between-icon-and-text); }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio label input[type="radio"] { width: var(--form-field-radio-size); height: var(--form-field-radio-size); margin-right: 0px; cursor: pointer; }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio label .radio-mark { transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--form-field-radio-border-thickness) solid var(--dynamic-border-color, #000); width: var(--form-field-radio-size); height: var(--form-field-radio-size); }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio label .radio-mark::after { background-color: var(--checked-foreground-color)  !important; position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio label .radio-outline { width: var(--form-field-radio-size); height: var(--form-field-radio-size); }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio label input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), var(--checked-background-color-alpha-default))  !important; }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio label input[type="radio"]:checked ~ .radio-mark::after { transform: translate(-50%, -50%) scale(1); }
@media (hover: hover) {
  .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio label:hover input[type="radio"] ~ .radio-mark { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
  .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio label:hover input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier))))  !important; }
}
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-normal .sqs-block-form .form-item.radio label input[type="radio"] { flex-shrink: 0; }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-inverted .sqs-block-form .form-item.radio { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: var(--dynamic-fill-color-a, 1); --checked-background-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --checked-background-color-alpha: var(--dynamic-border-color-a, 1); --checked-background-color-alpha-default: var(--dynamic-border-color-a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--solid-hover-alpha-modifier); --checked-hover-alpha-modifier: var(--inverted-solid-hover-alpha-modifier); }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-inverted .sqs-block-form .form-item.radio label { column-gap: var(--form-field-radio-space-between-icon-and-text); }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-inverted .sqs-block-form .form-item.radio label input[type="radio"] { width: var(--form-field-radio-size); height: var(--form-field-radio-size); margin-right: 0px; cursor: pointer; }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-inverted .sqs-block-form .form-item.radio label .radio-mark { transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--form-field-radio-border-thickness) solid var(--dynamic-border-color, #000); width: var(--form-field-radio-size); height: var(--form-field-radio-size); }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-inverted .sqs-block-form .form-item.radio label .radio-mark::after { background-color: var(--checked-foreground-color)  !important; position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-inverted .sqs-block-form .form-item.radio label .radio-outline { width: var(--form-field-radio-size); height: var(--form-field-radio-size); }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-inverted .sqs-block-form .form-item.radio label input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), var(--checked-background-color-alpha-default))  !important; }
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-inverted .sqs-block-form .form-item.radio label input[type="radio"]:checked ~ .radio-mark::after { transform: translate(-50%, -50%) scale(1); }
@media (hover: hover) {
  .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-inverted .sqs-block-form .form-item.radio label:hover input[type="radio"] ~ .radio-mark { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
  .form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-inverted .sqs-block-form .form-item.radio label:hover input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier))))  !important; }
}
.form-field-radio-type-icon.form-field-radio-fill-solid.form-field-radio-color-inverted .sqs-block-form .form-item.radio label input[type="radio"] { flex-shrink: 0; }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-normal .sqs-block-form .form-item.radio { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: 0; --checked-background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --checked-background-color-alpha: var(--dynamic-fill-color-a, 1); --checked-background-color-alpha-default: 0; --checked-foreground-color: var(--dynamic-border-color, #000); --hover-alpha-modifier: var(--outline-hover-alpha-modifier); }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-normal .sqs-block-form .form-item.radio label { column-gap: var(--form-field-radio-space-between-icon-and-text); }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-normal .sqs-block-form .form-item.radio label input[type="radio"] { width: var(--form-field-radio-size); height: var(--form-field-radio-size); margin-right: 0px; cursor: pointer; }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-normal .sqs-block-form .form-item.radio label .radio-mark { transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--form-field-radio-border-thickness) solid var(--dynamic-border-color, #000); width: var(--form-field-radio-size); height: var(--form-field-radio-size); }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-normal .sqs-block-form .form-item.radio label .radio-mark::after { background-color: var(--checked-foreground-color)  !important; position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-normal .sqs-block-form .form-item.radio label .radio-outline { width: var(--form-field-radio-size); height: var(--form-field-radio-size); }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-normal .sqs-block-form .form-item.radio label input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), var(--checked-background-color-alpha-default))  !important; }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-normal .sqs-block-form .form-item.radio label input[type="radio"]:checked ~ .radio-mark::after { transform: translate(-50%, -50%) scale(1); }
@media (hover: hover) {
  .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-normal .sqs-block-form .form-item.radio label:hover input[type="radio"] ~ .radio-mark { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
  .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-normal .sqs-block-form .form-item.radio label:hover input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier))))  !important; }
}
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-normal .sqs-block-form .form-item.radio label input[type="radio"] { flex-shrink: 0; }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-inverted .sqs-block-form .form-item.radio { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: 0; --checked-background-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --checked-background-color-alpha: var(--dynamic-border-color-a, 1); --checked-background-color-alpha-default: var(--dynamic-border-color-a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--outline-hover-alpha-modifier); --checked-hover-alpha-modifier: var(--inverted-outline-hover-alpha-modifier); }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-inverted .sqs-block-form .form-item.radio label { column-gap: var(--form-field-radio-space-between-icon-and-text); }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-inverted .sqs-block-form .form-item.radio label input[type="radio"] { width: var(--form-field-radio-size); height: var(--form-field-radio-size); margin-right: 0px; cursor: pointer; }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-inverted .sqs-block-form .form-item.radio label .radio-mark { transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--form-field-radio-border-thickness) solid var(--dynamic-border-color, #000); width: var(--form-field-radio-size); height: var(--form-field-radio-size); }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-inverted .sqs-block-form .form-item.radio label .radio-mark::after { background-color: var(--checked-foreground-color)  !important; position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-inverted .sqs-block-form .form-item.radio label .radio-outline { width: var(--form-field-radio-size); height: var(--form-field-radio-size); }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-inverted .sqs-block-form .form-item.radio label input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), var(--checked-background-color-alpha-default))  !important; }
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-inverted .sqs-block-form .form-item.radio label input[type="radio"]:checked ~ .radio-mark::after { transform: translate(-50%, -50%) scale(1); }
@media (hover: hover) {
  .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-inverted .sqs-block-form .form-item.radio label:hover input[type="radio"] ~ .radio-mark { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
  .form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-inverted .sqs-block-form .form-item.radio label:hover input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier))))  !important; }
}
.form-field-radio-type-icon.form-field-radio-fill-outline.form-field-radio-color-inverted .sqs-block-form .form-item.radio label input[type="radio"] { flex-shrink: 0; }
.form-field-radio-type-icon.form-field-radio-shape-rounded .sqs-block-form .form-item.radio .radio-mark, .form-field-radio-type-icon.form-field-radio-shape-rounded .sqs-block-form .form-item.radio .radio-mark::after, .form-field-radio-type-icon.form-field-radio-shape-rounded .sqs-block-form .form-item.radio .radio-label, .form-field-radio-type-icon.form-field-radio-shape-rounded .sqs-block-form .form-item.radio .radio-outline { border-radius: 25%; }
.form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .form-item.radio { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: var(--dynamic-fill-color-a, 1); --foreground-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --foreground-color-alpha: var(--dynamic-border-color-a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--solid-hover-alpha-modifier); --checked-hover-alpha-modifier: var(--inverted-solid-hover-alpha-modifier); }
.form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .form-item.radio input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; }
@media (hover: hover) {
  .form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .form-item.radio input[type="radio"]:hover ~ span { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
  .form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .form-item.radio input[type="radio"]:checked:hover ~ span { background-color: hsla(var(--foreground-color-hsl), calc(var(--foreground-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier)))); }
}
.form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .form-item.radio label span:empty { display: none; }
.form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .form-item.radio label { cursor: pointer; user-select: none; display: inline-flex; align-items: center; justify-content: center; }
.form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .form-item.radio label span { transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); color: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); padding: var(--form-field-radio-padding-vertical) var(--form-field-radio-padding-horizontal); border: var(--form-field-radio-border-thickness) solid hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); }
.form-field-radio-type-button.form-field-radio-fill-solid .sqs-block-form .form-item.radio label input[type="radio"]:checked ~ span { background-color: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); color: var(--checked-foreground-color); border-color: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); }
.form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form .form-item.radio { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: 0; --foreground-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --foreground-color-alpha: var(--dynamic-border-color-a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--outline-hover-alpha-modifier); --checked-hover-alpha-modifier: var(--inverted-outline-hover-alpha-modifier); }
.form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form .form-item.radio input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; }
@media (hover: hover) {
  .form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form .form-item.radio input[type="radio"]:hover ~ span { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
  .form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form .form-item.radio input[type="radio"]:checked:hover ~ span { background-color: hsla(var(--foreground-color-hsl), calc(var(--foreground-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier)))); }
}
.form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form .form-item.radio label span:empty { display: none; }
.form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form .form-item.radio label { cursor: pointer; user-select: none; display: inline-flex; align-items: center; justify-content: center; }
.form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form .form-item.radio label span { transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); color: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); padding: var(--form-field-radio-padding-vertical) var(--form-field-radio-padding-horizontal); border: var(--form-field-radio-border-thickness) solid hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); }
.form-field-radio-type-button.form-field-radio-fill-outline .sqs-block-form .form-item.radio label input[type="radio"]:checked ~ span { background-color: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); color: var(--checked-foreground-color); border-color: hsla(var(--foreground-color-hsl), var(--foreground-color-alpha)); }
.form-field-radio-type-button.form-field-radio-shape-rounded .sqs-block-form .form-item.radio .radio-mark, .form-field-radio-type-button.form-field-radio-shape-rounded .sqs-block-form .form-item.radio .radio-mark::after, .form-field-radio-type-button.form-field-radio-shape-rounded .sqs-block-form .form-item.radio .radio-label, .form-field-radio-type-button.form-field-radio-shape-rounded .sqs-block-form .form-item.radio .radio-outline { border-radius: 0.4rem; }
.form-field-radio-type-button.form-field-radio-shape-pill .sqs-block-form .form-item.radio { --radio-pill-border-radius: calc(var(--form-field-radio-padding-vertical) + var(--form-block-option-text-font-line-height) * 0.66); }
.form-field-radio-type-button.form-field-radio-shape-pill .sqs-block-form .form-item.radio .radio-mark, .form-field-radio-type-button.form-field-radio-shape-pill .sqs-block-form .form-item.radio .radio-mark::after, .form-field-radio-type-button.form-field-radio-shape-pill .sqs-block-form .form-item.radio .radio-label, .form-field-radio-type-button.form-field-radio-shape-pill .sqs-block-form .form-item.radio .radio-outline { border-radius: var(--radio-pill-border-radius); }
.form-field-radio-layout-stack .sqs-block-form .form-item.radio { display: flex; flex-flow: column wrap; gap: var(--form-field-radio-row-gap) var(--form-field-radio-column-gap); }
.form-field-radio-layout-stack .sqs-block-form .form-item.radio .radio-mark { left: unset; }
.form-field-radio-layout-fit .sqs-block-form .form-item.radio { display: flex; flex-flow: wrap; gap: var(--form-field-radio-row-gap) var(--form-field-radio-column-gap); }
.form-field-radio-layout-fit .sqs-block-form .form-item.radio .radio-mark { left: unset; }
.form-field-survey-shape-square .sqs-block-form .form-item.likert .radio-mark, .form-field-survey-shape-square .sqs-block-form .form-item.likert .radio-mark::after, .form-field-survey-shape-square .sqs-block-form .form-item.likert .radio-label, .form-field-survey-shape-square .sqs-block-form .form-item.likert .radio-outline { border-radius: 0px; }
.form-field-survey-shape-rounded .sqs-block-form .form-item.likert .radio-mark, .form-field-survey-shape-rounded .sqs-block-form .form-item.likert .radio-mark::after, .form-field-survey-shape-rounded .sqs-block-form .form-item.likert .radio-label, .form-field-survey-shape-rounded .sqs-block-form .form-item.likert .radio-outline { border-radius: 25%; }
.form-field-survey-shape-pill .sqs-block-form .form-item.likert .radio-mark, .form-field-survey-shape-pill .sqs-block-form .form-item.likert .radio-mark::after, .form-field-survey-shape-pill .sqs-block-form .form-item.likert .radio-label, .form-field-survey-shape-pill .sqs-block-form .form-item.likert .radio-outline { border-radius: 300px; }
.form-field-survey-shape-custom .sqs-block-form .form-item.likert .radio-mark, .form-field-survey-shape-custom .sqs-block-form .form-item.likert .radio-mark::after, .form-field-survey-shape-custom .sqs-block-form .form-item.likert .radio-label, .form-field-survey-shape-custom .sqs-block-form .form-item.likert .radio-outline { border-top-left-radius: var(--form-field-survey-shape-border-top-left-radius); border-top-right-radius: var(--form-field-survey-shape-border-top-right-radius); border-bottom-right-radius: var(--form-field-survey-shape-border-bottom-right-radius); border-bottom-left-radius: var(--form-field-survey-shape-border-bottom-left-radius); }
.form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-form .form-item.likert { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: var(--dynamic-fill-color-a, 1); --checked-background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --checked-background-color-alpha: var(--dynamic-fill-color-a, 1); --checked-background-color-alpha-default: var(--dynamic-fill-color-a, 1); --checked-foreground-color: var(--dynamic-border-color, #000); --hover-alpha-modifier: var(--solid-hover-alpha-modifier); }
.form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title) input[type="radio"] { width: var(--form-field-survey-size); height: var(--form-field-survey-size); margin-right: 0px; cursor: pointer; }
.form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title) .radio-mark { transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--form-field-survey-border-thickness) solid var(--dynamic-border-color, #000); width: var(--form-field-survey-size); height: var(--form-field-survey-size); }
.form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title) .radio-mark::after { background-color: var(--checked-foreground-color)  !important; position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); }
.form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title) .radio-outline { width: var(--form-field-survey-size); height: var(--form-field-survey-size); }
.form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title) input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), var(--checked-background-color-alpha-default))  !important; }
.form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title) input[type="radio"]:checked ~ .radio-mark::after { transform: translate(-50%, -50%) scale(1); }
@media (hover: hover) {
  .form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title):hover input[type="radio"] ~ .radio-mark { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
  .form-field-survey-fill-solid.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title):hover input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier))))  !important; }
}
.form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-form .form-item.likert { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: var(--dynamic-fill-color-a, 1); --checked-background-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --checked-background-color-alpha: var(--dynamic-border-color-a, 1); --checked-background-color-alpha-default: var(--dynamic-border-color-a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--solid-hover-alpha-modifier); --checked-hover-alpha-modifier: var(--inverted-solid-hover-alpha-modifier); }
.form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title) input[type="radio"] { width: var(--form-field-survey-size); height: var(--form-field-survey-size); margin-right: 0px; cursor: pointer; }
.form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title) .radio-mark { transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--form-field-survey-border-thickness) solid var(--dynamic-border-color, #000); width: var(--form-field-survey-size); height: var(--form-field-survey-size); }
.form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title) .radio-mark::after { background-color: var(--checked-foreground-color)  !important; position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); }
.form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title) .radio-outline { width: var(--form-field-survey-size); height: var(--form-field-survey-size); }
.form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title) input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), var(--checked-background-color-alpha-default))  !important; }
.form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title) input[type="radio"]:checked ~ .radio-mark::after { transform: translate(-50%, -50%) scale(1); }
@media (hover: hover) {
  .form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title):hover input[type="radio"] ~ .radio-mark { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
  .form-field-survey-fill-solid.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title):hover input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier))))  !important; }
}
.form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-form .form-item.likert { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: 0; --checked-background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --checked-background-color-alpha: var(--dynamic-fill-color-a, 1); --checked-background-color-alpha-default: 0; --checked-foreground-color: var(--dynamic-border-color, #000); --hover-alpha-modifier: var(--outline-hover-alpha-modifier); }
.form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title) input[type="radio"] { width: var(--form-field-survey-size); height: var(--form-field-survey-size); margin-right: 0px; cursor: pointer; }
.form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title) .radio-mark { transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--form-field-survey-border-thickness) solid var(--dynamic-border-color, #000); width: var(--form-field-survey-size); height: var(--form-field-survey-size); }
.form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title) .radio-mark::after { background-color: var(--checked-foreground-color)  !important; position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); }
.form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title) .radio-outline { width: var(--form-field-survey-size); height: var(--form-field-survey-size); }
.form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title) input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), var(--checked-background-color-alpha-default))  !important; }
.form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title) input[type="radio"]:checked ~ .radio-mark::after { transform: translate(-50%, -50%) scale(1); }
@media (hover: hover) {
  .form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title):hover input[type="radio"] ~ .radio-mark { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
  .form-field-survey-fill-outline.form-field-survey-color-normal .sqs-block-form .form-item.likert label:not(.title):hover input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier))))  !important; }
}
.form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block-form .form-item.likert { --background-color-hsl: var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)); --background-color-alpha: var(--dynamic-fill-color-a, 1); --background-color-alpha-default: 0; --checked-background-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --checked-background-color-alpha: var(--dynamic-border-color-a, 1); --checked-background-color-alpha-default: var(--dynamic-border-color-a, 1); --checked-foreground-color: var(--dynamic-fill-color, #FAFAFA); --hover-alpha-modifier: var(--outline-hover-alpha-modifier); --checked-hover-alpha-modifier: var(--inverted-outline-hover-alpha-modifier); }
.form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title) input[type="radio"] { width: var(--form-field-survey-size); height: var(--form-field-survey-size); margin-right: 0px; cursor: pointer; }
.form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title) .radio-mark { transition: var(--fill-hover-transition); background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha-default) * var(--solid-alpha-modifier))); border: var(--form-field-survey-border-thickness) solid var(--dynamic-border-color, #000); width: var(--form-field-survey-size); height: var(--form-field-survey-size); }
.form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title) .radio-mark::after { background-color: var(--checked-foreground-color)  !important; position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); }
.form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title) .radio-outline { width: var(--form-field-survey-size); height: var(--form-field-survey-size); }
.form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title) input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), var(--checked-background-color-alpha-default))  !important; }
.form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title) input[type="radio"]:checked ~ .radio-mark::after { transform: translate(-50%, -50%) scale(1); }
@media (hover: hover) {
  .form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title):hover input[type="radio"] ~ .radio-mark { background-color: hsla(var(--background-color-hsl), calc(var(--background-color-alpha) * var(--hover-alpha-modifier))); }
  .form-field-survey-fill-outline.form-field-survey-color-inverted .sqs-block-form .form-item.likert label:not(.title):hover input[type="radio"]:checked ~ .radio-mark { background-color: hsla(var(--checked-background-color-hsl), calc(var(--checked-background-color-alpha) * var(--checked-hover-alpha-modifier, var(--hover-alpha-modifier))))  !important; }
}
.form-wrapper .react-form-contents .field-list .title { padding-bottom: var(--form-label-spacing-bottom); }
.form-wrapper .react-form-contents .field-list p.description { margin-bottom: var(--form-description-spacing-bottom)  !important; }
.form-wrapper .react-form-contents .field-list .description.required { padding: 0px; }
.form-wrapper .react-form-contents .field-list .caption-text:not(:empty) { padding-bottom: var(--form-caption-spacing-bottom); margin-top: 4px; }
.form-wrapper .react-form-contents .field-list .address .field .caption-text { padding-top: 0px; }
.form-wrapper .react-form-contents .field-list .address .field:first-of-type .caption-text { padding-top: 4px; }
.form-wrapper .react-form-contents .field-list .field { margin: 0 0 var(--form-field-spacing-bottom)  !important; }
.form-wrapper .react-form-contents .field-list .field.likert { margin-bottom: 0px !important; padding-bottom: 12px; }
.form-wrapper .react-form-contents .field-list .field.likert .item { margin: var(--form-field-spacing-bottom) 0; }
.form-wrapper .react-form-contents .field-list .field.likert .item:first-of-type { margin: calc(var(--form-field-spacing-bottom) / 2) 0; }
.form-wrapper .react-form-contents .field-list .field.likert .question { margin-bottom: 4px; }
.form-wrapper .react-form-contents .field-list .field .option { margin-top: 4px; }
.form-wrapper .react-form-contents .field-list .field .option label { padding: 0px 4px 0px 0px; }
.form-wrapper .react-form-contents .field-list .field.radio .option, .form-wrapper .react-form-contents .field-list .field.checkbox .option { margin-bottom: 0px; }
.form-wrapper .react-form-contents .field-list .line-field { margin: calc(var(--form-field-spacing-bottom) + 12px) 0  !important; }
.form-wrapper .react-form-contents .field-list .section { padding-bottom: 0px; margin: 0px; }
.form-wrapper .react-form-contents .field-list .fields { column-gap: var(--form-field-column-gap); }
.form-wrapper .react-form-contents .field-list fieldset { row-gap: 0px; }
.form-wrapper .react-form-contents .field-list legend { padding: 0px !important; }
input:focus, select:focus, textarea:focus, input[type="radio"]:focus-visible ~ .radio-outline, .form-field-checkbox-type-button .field.checkbox input[type="checkbox"]:focus-visible + span, .form-field-radio-type-button input[type="radio"]:focus-visible + .radio-label { outline-style: solid; outline-color: var(--dynamic-border-color, var(--navigationLinkColor)); outline-width: 2px; outline-offset: 2px !important; }
.form-wrapper .react-form-contents .field-list input:not([type="checkbox"]):not([type="radio"]), .form-wrapper .react-form-contents .field-list textarea, .form-wrapper .react-form-contents .field-list select { color: var(--dynamic-input-text-color, #000); }
.form-wrapper .react-form-contents .field-list input::placeholder, .form-wrapper .react-form-contents .field-list textarea::placeholder, .form-wrapper .react-form-contents .field-list select.show-placeholder { color: hsla(var(--dynamic-input-text-color-hsl, var(--fallback-black-hsl)), calc(var(--dynamic-input-text-color-a, 1) * 0.55)); }
.form-wrapper .react-form-contents .field-list .form-input-prefix { color: var(--dynamic-input-text-color, #000); opacity: 0.55; pointer-events: none; }
.sqs-block-form .form-item.likert .option, .sqs-block-form .form-item.line-field { border-color: var(--dynamic-border-color)  !important; }
.form-use-theme-colors .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-form-content-background { background-color: var(--tweak-form-block-background-color); }
.form-use-theme-colors .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-form-content-background .sqs-block-form { background-color: transparent; }
.form-use-theme-colors .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-form-content-background .form-title, .form-use-theme-colors .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-form-content-background .lightbox-close { color: var(--tweak-form-block-title-color-on-background); }
.form-use-theme-colors .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-form-content-background .lightbox-close { top: 18px; right: 18px; }
body:not(.form-use-theme-colors) .sqs-modal-lightbox-content .lightbox-inner .sqs-block-form { --tweak-form-block-title-color-on-background: #000; --tweak-form-block-description-color-on-background: #000; --tweak-form-block-caption-color-on-background: #000; --tweak-form-block-option-color-on-background: #000; --tweak-form-block-survey-title-color-on-background: #000; --tweak-form-block-button-text-color-on-background: #fff; --tweak-form-block-button-background-color-on-background: #000; background-color: rgb(255, 255, 255); }
.sqs-block-form * { }
.sqs-block-form textarea { height: 4em; }
.sqs-block-form .field-list { }
.sqs-block-form .field-list .field:not(.checkbox, .radio, .likert) { display: grid; align-content: flex-start; align-items: flex-start; grid-auto-flow: row; grid-template-columns: min-content auto; grid-template-rows: auto; }
.sqs-block-form .field-list .field:not(.checkbox, .radio, .likert) > * { grid-column: 1 / span 2; }
.sqs-block-form .field-list .field:not(.checkbox, .radio, .likert) .form-input-prefix, .sqs-block-form .field-list .field:not(.checkbox, .radio, .likert) .form-input-effects { grid-row: 2 / span 1; }
.sqs-block-form .field-list .field:not(.checkbox, .radio, .likert) .description ~ .form-input-prefix, .sqs-block-form .field-list .field:not(.checkbox, .radio, .likert) .description ~ .form-input-effects { grid-row: 3; }
.sqs-block-form .field-list .caption, .sqs-block-form .field-list .caption > * { display: block; height: auto; word-break: break-word; }
.sqs-block-form .field-list .caption .caption-text:empty { display: none; }
.sqs-block-form .field-list .radio-label, .sqs-block-form .field-list .radio-mark, .sqs-block-form .field-list .radio-outline { pointer-events: none; }
.sqs-block-form { --fx-ease-out: cubic-bezier(0.33, 1, 0.68, 1); --fx-input-border-width: 0px; --fx-input-border-width-increase: 1px; --fx-input-border-width-active: 0px; --fx-input-border-radius: 0px; --fx-border-color-hsl: var(--dynamic-border-color-hsl, var(--fallback-black-hsl)); --fx-border-color-a: var(--dynamic-border-color-a, 1); --fx-border-color-accent-hsl: var(--tweak-form-block-field-accent-color-hsl); --fx-border-color-accent-a: var(--tweak-form-block-field-accent-color-a); --fx-radio-border-width-default: var(--form-field-radio-border-thickness); --fx-radio-border-width: var(--fx-radio-border-width-default); --fx-radio-border-width-active: var(--fx-radio-border-width-default); --fx-checkbox-border-width-default: var(--form-field-checkbox-border-thickness); --fx-checkbox-border-width: var(--fx-checkbox-border-width-default); --fx-checkbox-border-width-active: var(--fx-checkbox-border-width-default); --fx-border-transition-duration-border-width: 0.075s; --fx-border-transition-transform: transform 0.15s var(--fx-ease-out); --fx-border-transition-border-width: border-width var(--fx-border-transition-duration-border-width) var(--fx-ease-out); --fx-border-transition-border-color: border-color 0.2s var(--fx-ease-out); --fx-border-transition-opacity: opacity 0.2s var(--fx-ease-out); --fx-radio-transition-transform: transform 0.1s 0.1s var(--fx-ease-out); --fx-checkbox-transition-mask-position: mask-position 0.2s 0.1s var(--fx-ease-out),
    -webkit-mask-position 0.2s 0.1s var(--fx-ease-out); --fx-highlight-input-border-width-increase: 1px; --fx-highlight-input-border-width: calc(var(--form-field-border-thickness) + var(--fx-highlight-input-border-width-increase)); --fx-highlight-input-color: var(--dynamic-border-color, var(--navigationLinkColor)); --fx-highlight-input-single-trace-animation-duration: 5s; --fx-highlight-input-double-trace-animation-duration: 6s; --fx-highlight-input-border-bottom-single-trace-animation-duration: 3s; --fx-highlight-input-border-bottom-double-trace-animation-duration: 4s; --fx-highlight-input-glow-animation-duration: 2.5s; }
.sqs-block-form.sqs-background-enabled { --fx-border-color-accent-hsl: var(--tweak-form-block-field-accent-color-on-background-hsl); --fx-border-color-accent-a: var(--tweak-form-block-field-accent-color-on-background-a); }
.form-item .form-input-effects { position: absolute; inset: 0px !important; pointer-events: none; content-visibility: auto; display: block; }
.form-field-border-all .sqs-block-form { --fx-input-border-width: var(--form-field-border-thickness); --fx-input-border-width-active: var(--form-field-border-thickness); }
.form-field-border-bottom .sqs-block-form { --fx-input-border-width: 0 0 var(--form-field-border-thickness) 0; --fx-input-border-width-active: 0 0 var(--form-field-border-thickness) 0; }
.form-field-hover-focus-accent, .form-field-hover-focus-opacity, .form-field-hover-focus-scale-up { }
.form-field-hover-focus-accent .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-hover-focus-opacity .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-hover-focus-scale-up .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-hover-focus-accent .sqs-block-form .form-item textarea, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea, .form-field-hover-focus-accent .sqs-block-form .form-item select, .form-field-hover-focus-opacity .sqs-block-form .form-item select, .form-field-hover-focus-scale-up .sqs-block-form .form-item select { z-index: 1; background: transparent !important; }
.form-field-hover-focus-accent .sqs-block-form .form-item input, .form-field-hover-focus-opacity .sqs-block-form .form-item input, .form-field-hover-focus-scale-up .sqs-block-form .form-item input, .form-field-hover-focus-accent .sqs-block-form .form-item textarea, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea, .form-field-hover-focus-accent .sqs-block-form .form-item select, .form-field-hover-focus-opacity .sqs-block-form .form-item select, .form-field-hover-focus-scale-up .sqs-block-form .form-item select { border-color: transparent !important; }
@media (hover: hover) {
  .form-field-hover-focus-accent .sqs-block-form .form-item input:hover ~ :not(.option), .form-field-hover-focus-opacity .sqs-block-form .form-item input:hover ~ :not(.option), .form-field-hover-focus-scale-up .sqs-block-form .form-item input:hover ~ :not(.option), .form-field-hover-focus-accent .sqs-block-form .form-item textarea:hover ~ :not(.option), .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:hover ~ :not(.option), .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:hover ~ :not(.option), .form-field-hover-focus-accent .sqs-block-form .form-item select:hover ~ :not(.option), .form-field-hover-focus-opacity .sqs-block-form .form-item select:hover ~ :not(.option), .form-field-hover-focus-scale-up .sqs-block-form .form-item select:hover ~ :not(.option), .form-field-hover-focus-accent .sqs-block-form .form-item input:hover[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item input:hover[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:hover[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:hover[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:hover[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:hover[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item select:hover[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item select:hover[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:hover[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item input:hover[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:hover[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:hover[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:hover[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:hover[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:hover[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item select:hover[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item select:hover[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:hover[type="checkbox"] ~ * { --fx-input-border-width: var(--fx-input-border-width-active); --fx-radio-border-width: var(--fx-radio-border-width-active); --fx-checkbox-border-width: var(--fx-checkbox-border-width-active); }
  .form-field-hover-focus-accent .sqs-block-form .form-item input:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity .sqs-block-form .form-item input:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent .sqs-block-form .form-item select:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity .sqs-block-form .form-item select:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent .sqs-block-form .form-item input:hover[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:hover[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:hover[type="radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:hover[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:hover[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:hover[type="radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item select:hover[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item select:hover[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:hover[type="radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item input:hover[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item input:hover[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:hover[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:hover[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:hover[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:hover[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item select:hover[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item select:hover[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:hover[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item input:hover[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:hover[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:hover[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:hover[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:hover[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:hover[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item select:hover[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item select:hover[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:hover[type="checkbox"] ~ * { --fx-border-alpha: var(--fx-border-alpha-hover, 1); }
}
.form-field-hover-focus-accent .sqs-block-form .form-item input:focus, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus, .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus, .form-field-hover-focus-accent .sqs-block-form .form-item input:focus-visible, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus-visible, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus-visible, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus-visible, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus-visible, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus-visible, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus-visible, .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus-visible, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus-visible, .form-field-hover-focus-accent .sqs-block-form .form-item input:focus[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus[type="radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus[type="radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus[type="radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item input:focus-visible[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus-visible[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus-visible[type="radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus-visible[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus-visible[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus-visible[type="radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus-visible[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus-visible[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus-visible[type="radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item input:focus[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item input:focus-visible[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus-visible[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus-visible[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus-visible[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus-visible[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus-visible[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus-visible[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus-visible[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus-visible[type="checkbox"] ~ * { outline-color: transparent !important; }
.form-field-hover-focus-accent .sqs-block-form .form-item input:focus ~ :not(.option), .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus ~ :not(.option), .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus ~ :not(.option), .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus ~ :not(.option), .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus ~ :not(.option), .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus ~ :not(.option), .form-field-hover-focus-accent .sqs-block-form .form-item select:focus ~ :not(.option), .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus ~ :not(.option), .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus ~ :not(.option), .form-field-hover-focus-accent .sqs-block-form .form-item input:focus[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item input:focus[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus[type="checkbox"] ~ * { --fx-input-border-width: var(--fx-input-border-width-active); --fx-radio-border-width: var(--fx-radio-border-width-active); --fx-checkbox-border-width: var(--fx-checkbox-border-width-active); }
.form-field-hover-focus-accent .sqs-block-form .form-item input:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent .sqs-block-form .form-item input:focus[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus[type="radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus[type="radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus[type="radio"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item input:focus[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item input:focus[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input:focus[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item textarea:focus[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus[type="checkbox"] ~ *, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus[type="checkbox"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item select:focus[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus[type="checkbox"] ~ * { --fx-border-alpha: var(--fx-border-alpha-focus, 1); }
.form-field-hover-focus-accent .sqs-block-form .form-item .radio-mark, .form-field-hover-focus-opacity .sqs-block-form .form-item .radio-mark, .form-field-hover-focus-scale-up .sqs-block-form .form-item .radio-mark { border-width: var(--fx-radio-border-width-active)  !important; border-color: transparent !important; }
.form-field-hover-focus-accent .sqs-block-form .form-item .radio-mark::before, .form-field-hover-focus-opacity .sqs-block-form .form-item .radio-mark::before, .form-field-hover-focus-scale-up .sqs-block-form .form-item .radio-mark::before { position: absolute; border-style: solid; border-width: var(--fx-radio-border-width); border-color: hsla(var(--fx-border-color-hsl), calc(var(--fx-border-color-a) * var(--fx-border-alpha, 1))); border-radius: inherit; content: ""; inset: calc(var(--fx-radio-border-width-active) * -1); transition: var(--fx-border-transition-border-width), var(--fx-border-transition-border-color), var(--fx-border-transition-transform); }
.form-field-hover-focus-accent .sqs-block-form .form-item .radio-mark::after, .form-field-hover-focus-opacity .sqs-block-form .form-item .radio-mark::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item .radio-mark::after { transition: var(--fx-radio-transition-transform); }
.form-field-hover-focus-accent .sqs-block-form .form-item input[type="checkbox"], .form-field-hover-focus-opacity .sqs-block-form .form-item input[type="checkbox"], .form-field-hover-focus-scale-up .sqs-block-form .form-item input[type="checkbox"] { border-width: var(--fx-checkbox-border-width-active)  !important; overflow: visible; }
.form-field-hover-focus-accent .sqs-block-form .form-item input[type="checkbox"]::before, .form-field-hover-focus-opacity .sqs-block-form .form-item input[type="checkbox"]::before, .form-field-hover-focus-scale-up .sqs-block-form .form-item input[type="checkbox"]::before { mask-image: linear-gradient(90deg, transparent 0px, transparent 50%, rgb(255, 255, 255) 50%); mask-position: 0px 0px; mask-size: 200% 100%; transform: scale(1); transition: var(--fx-checkbox-transition-mask-position); }
.form-field-hover-focus-accent .sqs-block-form .form-item input[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item input[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item input[type="checkbox"]::after { position: absolute; border: solid var(--fx-checkbox-border-width) hsla(var(--fx-border-color-hsl), calc(var(--fx-border-color-a) * var(--fx-border-alpha, 1))); border-radius: inherit; content: ""; inset: calc(var(--fx-checkbox-border-width-active) * -1); transition: var(--fx-border-transition-border-width), var(--fx-border-transition-border-color), var(--fx-border-transition-transform); }
.form-field-hover-focus-accent .sqs-block-form .form-item input[type="checkbox"]:checked::before, .form-field-hover-focus-opacity .sqs-block-form .form-item input[type="checkbox"]:checked::before, .form-field-hover-focus-scale-up .sqs-block-form .form-item input[type="checkbox"]:checked::before { mask-position: -100% 0px; }
.form-field-hover-focus-accent .sqs-block-form .form-item .form-input-effects-border, .form-field-hover-focus-opacity .sqs-block-form .form-item .form-input-effects-border, .form-field-hover-focus-scale-up .sqs-block-form .form-item .form-input-effects-border { position: absolute; border-radius: var(--fx-input-border-radius); inset: 0px; border-width: var(--fx-input-border-width); border-style: solid; border-color: hsla(var(--fx-border-color-hsl), calc(var(--fx-border-color-a) * var(--fx-border-alpha, 1))); transition: var(--fx-border-transition-border-width), var(--fx-border-transition-border-color), var(--fill-hover-transition); }
.form-field-hover-focus-accent.form-field-radio-type-button .sqs-block-form .form-item .radio-label, .form-field-hover-focus-opacity.form-field-radio-type-button .sqs-block-form .form-item .radio-label, .form-field-hover-focus-scale-up.form-field-radio-type-button .sqs-block-form .form-item .radio-label { position: relative; border-color: transparent !important; }
.form-field-hover-focus-accent.form-field-radio-type-button .sqs-block-form .form-item .radio-label::before, .form-field-hover-focus-opacity.form-field-radio-type-button .sqs-block-form .form-item .radio-label::before, .form-field-hover-focus-scale-up.form-field-radio-type-button .sqs-block-form .form-item .radio-label::before { position: absolute; border: solid var(--fx-radio-border-width) hsla(var(--fx-border-color-hsl), calc(var(--fx-border-color-a) * var(--fx-border-alpha, 1))); border-radius: inherit; content: ""; inset: calc(var(--fx-radio-border-width-default) * -1); transition: var(--fx-border-transition-border-width), var(--fx-border-transition-border-color), var(--fx-border-transition-transform); }
.form-field-hover-focus-accent.form-field-checkbox-type-button .sqs-block-form .form-item.checkbox label span, .form-field-hover-focus-opacity.form-field-checkbox-type-button .sqs-block-form .form-item.checkbox label span, .form-field-hover-focus-scale-up.form-field-checkbox-type-button .sqs-block-form .form-item.checkbox label span { position: relative; border-color: transparent !important; }
.form-field-hover-focus-accent.form-field-checkbox-type-button .sqs-block-form .form-item.checkbox label span::before, .form-field-hover-focus-opacity.form-field-checkbox-type-button .sqs-block-form .form-item.checkbox label span::before, .form-field-hover-focus-scale-up.form-field-checkbox-type-button .sqs-block-form .form-item.checkbox label span::before { position: absolute; border: solid var(--fx-checkbox-border-width) hsla(var(--fx-border-color-hsl), calc(var(--fx-border-color-a) * var(--fx-border-alpha, 1))); border-radius: inherit; content: ""; inset: calc(var(--fx-checkbox-border-width-default) * -1); transition: var(--fx-border-transition-border-width), var(--fx-border-transition-border-color), var(--fx-border-transition-transform); }
.form-field-hover-focus-accent.form-field-checkbox-fill-outline .sqs-block-form .form-item.checkbox, .form-field-hover-focus-opacity.form-field-checkbox-fill-outline .sqs-block-form .form-item.checkbox, .form-field-hover-focus-scale-up.form-field-checkbox-fill-outline .sqs-block-form .form-item.checkbox, .form-field-hover-focus-accent.form-field-checkbox-fill-outline .sqs-block-form .form-item.email, .form-field-hover-focus-opacity.form-field-checkbox-fill-outline .sqs-block-form .form-item.email, .form-field-hover-focus-scale-up.form-field-checkbox-fill-outline .sqs-block-form .form-item.email, .form-field-hover-focus-accent.form-field-radio-fill-outline .sqs-block-form .form-item.radio, .form-field-hover-focus-opacity.form-field-radio-fill-outline .sqs-block-form .form-item.radio, .form-field-hover-focus-scale-up.form-field-radio-fill-outline .sqs-block-form .form-item.radio, .form-field-hover-focus-accent.form-field-survey-fill-outline .sqs-block-form .form-item.likert, .form-field-hover-focus-opacity.form-field-survey-fill-outline .sqs-block-form .form-item.likert, .form-field-hover-focus-scale-up.form-field-survey-fill-outline .sqs-block-form .form-item.likert { --outline-hover-alpha-modifier: 0; --outline-focus-alpha-modifier: 0; }
.form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]) ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]) ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]) ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form-item textarea ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item textarea ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-item textarea ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form-item select ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item select ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-item select ~ .form-input-effects .form-input-effects-border { background-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--solid-alpha-modifier))); }
@media (hover: hover) {
  .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form-item textarea:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item textarea:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-item textarea:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form-item select:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item select:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-item select:hover ~ .form-input-effects .form-input-effects-border { background-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--solid-hover-alpha-modifier))); }
}
.form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form-item textarea:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item textarea:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-item textarea:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form-item select:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item select:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-item select:focus ~ .form-input-effects .form-input-effects-border { background-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--solid-focus-alpha-modifier))); }
.form-field-hover-focus-accent.form-field-style-outline .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]) ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-outline .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]) ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-outline .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]) ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-outline .sqs-block-form .form-item textarea ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-outline .sqs-block-form .form-item textarea ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-outline .sqs-block-form .form-item textarea ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-outline .sqs-block-form .form-item select ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-outline .sqs-block-form .form-item select ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-outline .sqs-block-form .form-item select ~ .form-input-effects .form-input-effects-border { --outline-hover-alpha-modifier: 0; --outline-focus-alpha-modifier: 0; background-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), 0); }
@media (hover: hover) {
  .form-field-hover-focus-accent.form-field-style-outline .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-outline .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-outline .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-outline .sqs-block-form .form-item textarea:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-outline .sqs-block-form .form-item textarea:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-outline .sqs-block-form .form-item textarea:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-outline .sqs-block-form .form-item select:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-outline .sqs-block-form .form-item select:hover ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-outline .sqs-block-form .form-item select:hover ~ .form-input-effects .form-input-effects-border { background-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--outline-hover-alpha-modifier))); }
}
.form-field-hover-focus-accent.form-field-style-outline .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-outline .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-outline .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]):focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-outline .sqs-block-form .form-item textarea:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-outline .sqs-block-form .form-item textarea:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-outline .sqs-block-form .form-item textarea:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-outline .sqs-block-form .form-item select:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-outline .sqs-block-form .form-item select:focus ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-outline .sqs-block-form .form-item select:focus ~ .form-input-effects .form-input-effects-border { background-color: hsla(var(--dynamic-fill-color-hsl, var(--fallback-white-hsl)), calc(var(--dynamic-fill-color-a, 1) * var(--outline-focus-alpha-modifier))); }
.form-field-hover-focus-accent .sqs-block-form, .form-field-hover-focus-opacity .sqs-block-form { --fx-input-border-width-active: var(--fx-input-border-width-increase); --fx-radio-border-width-active: calc(var(--fx-radio-border-width-default) + var(--fx-input-border-width-increase)); --fx-checkbox-border-width-active: calc(var(--fx-checkbox-border-width-default) + var(--fx-input-border-width-increase)); }
.form-field-hover-focus-accent.form-field-border-all .sqs-block-form, .form-field-hover-focus-opacity.form-field-border-all .sqs-block-form { --fx-input-border-width-active: calc(var(--form-field-border-thickness) + var(--fx-input-border-width-increase)); }
.form-field-hover-focus-accent.form-field-border-bottom .sqs-block-form, .form-field-hover-focus-opacity.form-field-border-bottom .sqs-block-form { --fx-input-border-width-active: 0 0 calc(var(--form-field-border-thickness) + var(--fx-input-border-width-increase)) 0; }
.form-field-hover-focus-opacity .sqs-block-form .form-item .form-input-effects-border, .form-field-hover-focus-scale-up .sqs-block-form .form-item .form-input-effects-border, .form-field-hover-focus-opacity .sqs-block-form .form-item input[type="radio"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input[type="radio"] ~ *, .form-field-hover-focus-opacity .sqs-block-form .form-item input[type="checkbox"]::after, .form-field-hover-focus-scale-up .sqs-block-form .form-item input[type="checkbox"]::after, .form-field-hover-focus-opacity .sqs-block-form .form-item input[type="checkbox"] ~ *, .form-field-hover-focus-scale-up .sqs-block-form .form-item input[type="checkbox"] ~ * { --fx-border-alpha: 0.55; --fx-border-alpha-hover: 0.55; --fx-border-alpha-focus: 1; }
.form-field-hover-focus-opacity.form-field-border-none .sqs-block-form .form-item .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-border-none .sqs-block-form .form-item .form-input-effects-border { --fx-border-alpha: 0; --fx-border-alpha-hover: 0.55; --fx-border-alpha-focus: 1; }
.form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]) ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]) ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item textarea ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-item textarea ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-opacity.form-field-style-solid .sqs-block-form .form-item select ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-scale-up.form-field-style-solid .sqs-block-form .form-item select ~ .form-input-effects .form-input-effects-border { --solid-alpha-modifier: 0.8; --solid-hover-alpha-modifier: 1; }
.form-field-hover-focus-opacity.form-field-checkbox-fill-solid .sqs-block-form .form-item.checkbox, .form-field-hover-focus-scale-up.form-field-checkbox-fill-solid .sqs-block-form .form-item.checkbox, .form-field-hover-focus-opacity.form-field-checkbox-fill-solid .sqs-block-form .form-item.email, .form-field-hover-focus-scale-up.form-field-checkbox-fill-solid .sqs-block-form .form-item.email, .form-field-hover-focus-opacity.form-field-radio-fill-solid .sqs-block-form .form-item.radio, .form-field-hover-focus-scale-up.form-field-radio-fill-solid .sqs-block-form .form-item.radio, .form-field-hover-focus-opacity.form-field-survey-fill-solid .sqs-block-form .form-item.likert, .form-field-hover-focus-scale-up.form-field-survey-fill-solid .sqs-block-form .form-item.likert { --solid-alpha-modifier: 0.8; --solid-hover-alpha-modifier: 1; }
.form-field-hover-focus-accent .sqs-block-form .form-item input:focus ~ :not(.option), .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus ~ :not(.option), .form-field-hover-focus-accent .sqs-block-form .form-item select:focus ~ :not(.option), .form-field-hover-focus-accent .sqs-block-form .form-item input:focus[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item textarea:focus[type="checkbox"]::after, .form-field-hover-focus-accent .sqs-block-form .form-item select:focus[type="checkbox"]::after { --fx-border-color-hsl: var(--fx-border-color-accent-hsl); --fx-border-color-a: var(--fx-border-color-accent-a); }
.form-field-hover-focus-accent.form-field-border-none .sqs-block-form .form-item .form-input-effects-border { --fx-border-alpha: 0; }
.form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]) ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form-item textarea ~ .form-input-effects .form-input-effects-border, .form-field-hover-focus-accent.form-field-style-solid .sqs-block-form .form-item select ~ .form-input-effects .form-input-effects-border { --solid-alpha-modifier: 1; --solid-hover-alpha-modifier: 1; }
.form-field-hover-focus-accent.form-field-checkbox-fill-solid .sqs-block-form .form-item.checkbox, .form-field-hover-focus-accent.form-field-checkbox-fill-solid .sqs-block-form .form-item.email, .form-field-hover-focus-accent.form-field-radio-fill-solid .sqs-block-form .form-item.radio, .form-field-hover-focus-accent.form-field-survey-fill-solid .sqs-block-form .form-item.likert { --solid-alpha-modifier: 1; --solid-hover-alpha-modifier: 1; }
.form-field-hover-focus-scale-up .sqs-block-form .form-item { --inverted-solid-hover-alpha-modifier: 1; --inverted-outline-hover-alpha-modifier: 1; }
.form-field-hover-focus-scale-up .sqs-block-form .form-item .form-input-effects { transition: var(--fx-border-transition-transform); }
.form-field-hover-focus-scale-up .sqs-block-form .form-item input, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea, .form-field-hover-focus-scale-up .sqs-block-form .form-item select { transition: var(--fill-hover-transition), var(--fx-border-transition-transform)  !important; }
@media (hover: hover) {
  .form-field-hover-focus-scale-up .sqs-block-form .form-item input:hover ~ .form-input-effects, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:hover ~ .form-input-effects, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:hover ~ .form-input-effects { transform: scale(1.025); }
  .form-field-hover-focus-scale-up .sqs-block-form .form-item input:hover ~ .radio-mark, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:hover ~ .radio-mark, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:hover ~ .radio-mark, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:hover[type="checkbox"], .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:hover[type="checkbox"], .form-field-hover-focus-scale-up .sqs-block-form .form-item select:hover[type="checkbox"] { transform: scale(1.1); }
}
.form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus ~ .form-input-effects, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus ~ .form-input-effects, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus ~ .form-input-effects { transform: scale(1.025); }
.form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus-visible ~ .radio-mark, .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus-visible ~ .radio-mark, .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus-visible ~ .radio-mark, .form-field-hover-focus-scale-up .sqs-block-form .form-item input:focus-visible[type="checkbox"], .form-field-hover-focus-scale-up .sqs-block-form .form-item textarea:focus-visible[type="checkbox"], .form-field-hover-focus-scale-up .sqs-block-form .form-item select:focus-visible[type="checkbox"] { transform: scale(1.1); }
.form-field-hover-focus-scale-up.form-field-checkbox-type-button .sqs-block-form .form-item:not(.email) input[type="checkbox"] ~ span { transition: var(--fill-hover-transition), var(--fx-border-transition-transform)  !important; }
@media (hover: hover) {
  .form-field-hover-focus-scale-up.form-field-checkbox-type-button .sqs-block-form .form-item:not(.email) input[type="checkbox"]:hover ~ span { transform: scale(1.05); }
}
.form-field-hover-focus-scale-up.form-field-checkbox-type-button .sqs-block-form .form-item:not(.email) input[type="checkbox"]:focus-visible ~ span { transform: scale(1.05); }
.form-field-hover-focus-scale-up.form-field-radio-type-button .sqs-block-form .form-item input[type="radio"] ~ .radio-label { transition: var(--fill-hover-transition), var(--fx-border-transition-transform)  !important; }
@media (hover: hover) {
  .form-field-hover-focus-scale-up.form-field-radio-type-button .sqs-block-form .form-item input[type="radio"]:hover ~ .radio-label { transform: scale(1.05); }
}
.form-field-hover-focus-scale-up.form-field-radio-type-button .sqs-block-form .form-item input[type="radio"]:focus-visible ~ .radio-label { transform: scale(1.05); }
.sqs-block-form .field-list { }
.sqs-block-form .field-list .form-input-effects-highlight { position: absolute; display: none; border-radius: var(--fx-input-border-radius); inset: 0px; transition: var(--fx-border-transition-opacity); }
.sqs-block-form .field-list > .form-item.field:first-child input[value=""] ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-list > .form-item.field:first-child select.show-placeholder ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-list > .form-item.field:first-child textarea:empty ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-list > .form-item.fields.name:first-child > .field:first-of-type input[value=""] ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-list > .form-item.fields.address:first-child > .field:nth-of-type(3) input[value=""] ~ .form-input-effects .form-input-effects-highlight { display: block; --fx-highlight-input-animation-play-state: running; }
@media (prefers-reduced-motion) {
  .sqs-block-form .field-list > .form-item.field:first-child input[value=""] ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-list > .form-item.field:first-child select.show-placeholder ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-list > .form-item.field:first-child textarea:empty ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-list > .form-item.fields.name:first-child > .field:first-of-type input[value=""] ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-list > .form-item.fields.address:first-child > .field:nth-of-type(3) input[value=""] ~ .form-input-effects .form-input-effects-highlight { display: none; --fx-highlight-input-animation-play-state: paused; }
}
.sqs-block-form .field-list > .form-item.field:first-child input[value=""]:focus ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-list > .form-item.field:first-child select.show-placeholder:focus ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-list > .form-item.field:first-child textarea:empty:focus ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-list > .form-item.fields.name:first-child > .field:first-of-type input[value=""]:focus ~ .form-input-effects .form-input-effects-highlight, .sqs-block-form .field-list > .form-item.fields.address:first-child > .field:nth-of-type(3) input[value=""]:focus ~ .form-input-effects .form-input-effects-highlight { opacity: 0; }
@keyframes animation-form-field-fx-highlight-trace {
0% { left: 50%; transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(3) rotate(0deg); }
25% { left: min(50%, 2.5em); transform: translate3d(-50%, -50%, 0px) scaleY(1.5) scaleX(1) rotate(90deg); }
50% { transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(3) rotate(180deg); }
75% { left: calc(100% + max(-2.5em, -50%)); transform: translate3d(-50%, -50%, 0px) scaleY(1.5) scaleX(1) rotate(270deg); }
100% { left: 50%; transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(3) rotate(360deg); }
}
@keyframes animation-form-field-fx-highlight-double-trace {
0% { left: 50%; transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(3) rotate(0deg); }
25% { left: min(50%, 2.5em); transform: translate3d(-50%, -50%, 0px) scaleY(1.5) scaleX(1) rotate(90deg); }
50% { transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(3) rotate(180deg); }
75% { left: calc(100% + max(-2.5em, -50%)); transform: translate3d(-50%, -50%, 0px) scaleY(1.5) scaleX(1) rotate(270deg); }
100% { left: 50%; transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(3) rotate(360deg); }
}
@keyframes animation-form-field-fx-highlight-trace-bottom {
0% { left: calc(100% + 2.5em); transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(3) rotate(0deg); }
100% { left: -2.5em; transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(3) rotate(0deg); }
}
@keyframes animation-form-field-fx-highlight-double-trace-bottom {
0% { left: calc(100% + 2.5em); transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(3) rotate(0deg); }
100% { left: -2.5em; transform: translate3d(-50%, -50%, 0px) scaleY(1) scaleX(3) rotate(0deg); }
}
.form-field-border-all .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-single-trace, .form-field-border-none .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-single-trace, .form-field-border-all .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-double-trace, .form-field-border-none .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-double-trace { --fx-animation-form-field-fx-highlight-trace: animation-form-field-fx-highlight-trace; --fx-animation-form-field-fx-highlight-double-trace: animation-form-field-fx-highlight-double-trace; overflow: hidden; padding: var(--fx-highlight-input-border-width); border: 0px solid transparent; inset: 0px; mask-mode: match-source, match-source; mask-repeat: repeat, repeat; mask-clip: content-box, border-box; mask-origin: content-box, border-box; mask-position: 0% 0%, 0% 0%; mask-size: auto, auto; mask-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px), linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); mask-composite: exclude; transition: padding var(--fx-border-transition-duration-border-width) var(--fx-ease-out), var(--fx-border-transition-opacity); }
.form-field-border-bottom .sqs-block-form { --fx-highlight-input-single-trace-animation-duration: var(--fx-highlight-input-border-bottom-single-trace-animation-duration); --fx-highlight-input-double-trace-animation-duration: var(--fx-highlight-input-border-bottom-double-trace-animation-duration); }
.form-field-border-bottom .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-single-trace, .form-field-border-bottom .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-double-trace { --fx-animation-form-field-fx-highlight-trace: animation-form-field-fx-highlight-trace-bottom; --fx-animation-form-field-fx-highlight-double-trace: animation-form-field-fx-highlight-double-trace-bottom; overflow: hidden; clip-path: polygon(0% calc(100% - var(--fx-highlight-input-border-width)), 100% calc(100% - var(--fx-highlight-input-border-width)), 100% 100%, 0% 100%); inset: 0px; transition: clip-path var(--fx-border-transition-duration-border-width) var(--fx-ease-out), var(--fx-border-transition-opacity); }
.form-field-border-bottom .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-single-trace::before, .form-field-border-bottom .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-double-trace::before, .form-field-border-bottom .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-single-trace::after, .form-field-border-bottom .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-double-trace::after { animation-direction: reverse; }
.sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-single-trace::before { position: absolute; top: 50%; left: 50%; height: max(20em, 300%); aspect-ratio: 1 / 1; background: conic-gradient(from 0deg at 50% 50%, transparent 40%, var(--fx-highlight-input-color), transparent 60%); content: ""; mask-image: linear-gradient(to right, transparent 40%, var(--fx-highlight-input-color), transparent 60%); transform: translate3d(-50%, -50%, 0px) rotate(0deg); transform-origin: 50% 50% 0px; animation-name: ; animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: var(--fx-highlight-input-animation-play-state, paused); }
.sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-double-trace::before, .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-double-trace::after { position: absolute; top: 50%; left: 50%; height: max(20em, 300%); aspect-ratio: 1 / 1; background: conic-gradient(from 0deg at 50% 50%, transparent 40%, var(--fx-highlight-input-color), transparent 60%); content: ""; mask-image: linear-gradient(to right, transparent 40%, var(--fx-highlight-input-color), transparent 60%); transform: translate3d(-50%, -50%, 0px) rotate(0deg); transform-origin: 50% 50% 0px; }
.sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-double-trace::before { animation-name: ; animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: var(--fx-highlight-input-animation-play-state, paused); }
.sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-double-trace::after { animation-name: ; animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: var(--fx-highlight-input-animation-play-state, paused); }
@keyframes animation-form-field-fx-highlight-glow {
0% { opacity: 0.1; }
50% { opacity: 1; }
100% { opacity: 0.1; }
}
.sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-glow::before { position: absolute; border: solid var(--fx-highlight-input-border-width) var(--fx-highlight-input-color); border-radius: inherit; animation-name: ; animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: var(--fx-highlight-input-animation-play-state, paused); content: ""; inset: 0px; }
.form-field-border-bottom .sqs-block-form .form-item .form-input-effects-highlight.form-field-highlight-glow::before { border-width: 0 0 var(--fx-highlight-input-border-width); }
@keyframes shake-three {
0% { transform: translate3d(0px, 0px, 0px); }
16.666% { transform: translate3d(0.333rem, 0px, 0px); }
33.333% { transform: translate3d(-0.333rem, 0px, 0px); }
50% { transform: translate3d(0.333rem, 0px, 0px); }
66.666% { transform: translate3d(-0.333rem, 0px, 0px); }
83.333% { transform: translate3d(0.333rem, 0px, 0px); }
100% { transform: translate3d(0px, 0px, 0px); }
}
.form-submit-button-state { display: none; }
.form-submit-button-style-spinner .form-submit-button-label, .form-submit-button-style-ellipsis .form-submit-button-label, .form-submit-button-style-bar .form-submit-button-label, .form-submit-button-style-circle .form-submit-button-label { display: none; }
.form-submit-button-style-spinner .form-submit-button.error, .form-submit-button-style-ellipsis .form-submit-button.error, .form-submit-button-style-bar .form-submit-button.error, .form-submit-button-style-circle .form-submit-button.error { animation: 0.4s cubic-bezier(0.37, 0, 0.63, 1) forwards shake-three; }
.form-submit-button-style-spinner .form-submit-button.none .form-submit-button-state > :nth-child(1), .form-submit-button-style-ellipsis .form-submit-button.none .form-submit-button-state > :nth-child(1), .form-submit-button-style-bar .form-submit-button.none .form-submit-button-state > :nth-child(1), .form-submit-button-style-circle .form-submit-button.none .form-submit-button-state > :nth-child(1), .form-submit-button-style-spinner .form-submit-button.error .form-submit-button-state > :nth-child(1), .form-submit-button-style-ellipsis .form-submit-button.error .form-submit-button-state > :nth-child(1), .form-submit-button-style-bar .form-submit-button.error .form-submit-button-state > :nth-child(1), .form-submit-button-style-circle .form-submit-button.error .form-submit-button-state > :nth-child(1), .form-submit-button-style-spinner .form-submit-button.submitting .form-submit-button-state > :nth-child(2), .form-submit-button-style-ellipsis .form-submit-button.submitting .form-submit-button-state > :nth-child(2), .form-submit-button-style-bar .form-submit-button.submitting .form-submit-button-state > :nth-child(2), .form-submit-button-style-circle .form-submit-button.submitting .form-submit-button-state > :nth-child(2), .form-submit-button-style-spinner .form-submit-button.submitted .form-submit-button-state > :nth-child(3), .form-submit-button-style-ellipsis .form-submit-button.submitted .form-submit-button-state > :nth-child(3), .form-submit-button-style-bar .form-submit-button.submitted .form-submit-button-state > :nth-child(3), .form-submit-button-style-circle .form-submit-button.submitted .form-submit-button-state > :nth-child(3) { animation-play-state: running; opacity: 1; visibility: visible; transition-delay: 0.1s; }
.form-submit-button-style-spinner .form-submit-button-state, .form-submit-button-style-ellipsis .form-submit-button-state, .form-submit-button-style-bar .form-submit-button-state, .form-submit-button-style-circle .form-submit-button-state { display: grid; align-items: center; justify-content: center; grid-template-areas: "state"; pointer-events: none; }
.form-submit-button-style-spinner .form-submit-button-state > span, .form-submit-button-style-ellipsis .form-submit-button-state > span, .form-submit-button-style-bar .form-submit-button-state > span, .form-submit-button-style-circle .form-submit-button-state > span { display: flex; align-items: center; justify-content: center; animation-play-state: paused; place-self: center; grid-area: state; opacity: 0; visibility: hidden; transition: opacity 0.2s cubic-bezier(0.61, 1, 0.88, 1), visibility 0.2s cubic-bezier(0.61, 1, 0.88, 1); }
.form-submit-button-style-spinner .form-submit-button-state > span span, .form-submit-button-style-ellipsis .form-submit-button-state > span span, .form-submit-button-style-bar .form-submit-button-state > span span, .form-submit-button-style-circle .form-submit-button-state > span span { animation-play-state: inherit; }
.form-submit-button-style-spinner .form-submit-button-state { --thickness: 0.12em; }
@keyframes keyframes-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes keyframes-spinner-check {
0% { transform: translate3d(-100%, 0px, 0px); }
100% { transform: translate3d(0%, 0px, 0px); }
}
.form-submit-button-style-spinner .form-submit-button-state :nth-child(2) span { position: relative; width: 1.3em; height: 1.3em; border-radius: 50%; animation-name: keyframes-spinner; animation-duration: 0.75s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: inherit; background: conic-gradient(from 0.25turn, transparent, currentcolor 75%); mask-image: radial-gradient(closest-side, transparent 0% calc(100% - var(--thickness) - 1px), currentcolor calc(100% - var(--thickness))); pointer-events: none !important; }
.form-submit-button-style-spinner .form-submit-button-state :nth-child(3) { position: relative; width: 1.3em; height: 1.3em; }
.form-submit-button-style-spinner .form-submit-button-state :nth-child(3)::before { position: absolute; border: solid var(--thickness) currentcolor; border-radius: 50%; content: ""; inset: 0px; }
.form-submit-button-style-spinner .form-submit-button-state :nth-child(3) span { position: absolute; border-radius: 50%; inset: 0px; mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><polyline points='26.7,45.1 45.7,63.7 73.3,36.3' fill='none' stroke='black' stroke-width='8' /></svg>"); mask-size: 100%; }
.form-submit-button-style-spinner .form-submit-button-state :nth-child(3) span::before { position: absolute; animation-name: keyframes-spinner-check; animation-duration: 0.25s; animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1); animation-delay: 0.15s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: inherit; background-color: currentcolor; content: ""; inset: 0px; transform: translate3d(-100%, 0px, 0px); }
.form-submit-button-style-circle .form-submit-button-state { }
@keyframes keyframes-circle {
0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); }
0% { transform: rotateY(0deg); }
100% { transform: rotateY(1440deg); }
}
@keyframes keyframes-circle-check {
0% { transform: translate3d(0%, 0px, 0px); }
100% { transform: translate3d(100%, 0px, 0px); }
}
.form-submit-button-style-circle .form-submit-button-state :nth-child(2) span { width: 1.3em; height: 1.3em; border-radius: 50%; animation-name: keyframes-circle; animation-duration: 2.4s; animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: inherit; background: currentcolor; }
.form-submit-button-style-circle .form-submit-button-state :nth-child(3) span { position: relative; overflow: hidden; width: 1.3em; height: 1.3em; border-radius: 50%; }
.form-submit-button-style-circle .form-submit-button-state :nth-child(3) span::before, .form-submit-button-style-circle .form-submit-button-state :nth-child(3) span::after { position: absolute; content: ""; inset: 0px; }
.form-submit-button-style-circle .form-submit-button-state :nth-child(3) span::before { animation-name: keyframes-circle-check; animation-duration: 0.25s; animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1); animation-delay: 0.15s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: inherit; background-color: currentcolor; }
.form-submit-button-style-circle .form-submit-button-state :nth-child(3) span::after { background-color: currentcolor; inset: 0px; mask-image: url("data:image/svg+xml;utf8,<svg width='100' height='100' xmlns='http://www.w3.org/2000/svg'><defs><mask id='check'><rect width='100%' height='100%' fill='white' /><polyline points='26.7,45.1 45.7,63.7 73.3,36.3' fill='none' stroke='black' stroke-width='8' /></mask></defs><rect width='100%' height='100%' fill='black' mask='url(%23check)' /></svg>"); mask-size: 100%; }
.form-submit-button-style-bar .form-submit-button-state, .form-submit-button-style-ellipsis .form-submit-button-state { }
@keyframes keyframes-check {
0% { transform: translate3d(-100%, 0px, 0px); }
100% { transform: translate3d(0%, 0px, 0px); }
}
.form-submit-button-style-bar .form-submit-button-state :nth-child(3) span, .form-submit-button-style-ellipsis .form-submit-button-state :nth-child(3) span { position: relative; width: 1.3em; height: 1.3em; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpolyline points='10.3,41.6 42.6,73.3 89.7,26.7' fill='none' stroke='black' stroke-width='8' /%3E%3C/svg%3E"); mask-size: 100%; }
.form-submit-button-style-bar .form-submit-button-state :nth-child(3) span::before, .form-submit-button-style-ellipsis .form-submit-button-state :nth-child(3) span::before { position: absolute; animation-name: keyframes-check; animation-duration: 0.25s; animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1); animation-delay: 0.15s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: inherit; background-color: currentcolor; content: ""; inset: 0px; transform: translate3d(-100%, 0px, 0px); }
.form-submit-button-style-bar .form-submit-button-state { }
@keyframes keyframes-bar {
0% { transform: translate3d(-200%, 0px, 0px); }
100% { transform: translate3d(100%, 0px, 0px); }
}
.form-submit-button-style-bar .form-submit-button-state :nth-child(2) { width: 100%; }
.form-submit-button-style-bar .form-submit-button-state :nth-child(2) span { position: relative; overflow: hidden; width: 100%; height: max(2px, 0.12em); border-radius: 1em; }
.form-submit-button-style-bar .form-submit-button-state :nth-child(2) span::before, .form-submit-button-style-bar .form-submit-button-state :nth-child(2) span::after { position: absolute; border-radius: inherit; background: currentcolor; content: ""; }
.form-submit-button-style-bar .form-submit-button-state :nth-child(2) span::before { inset: 0px; opacity: 0.5; }
.form-submit-button-style-bar .form-submit-button-state :nth-child(2) span::after { position: absolute; top: 0px; bottom: 0px; left: 50%; width: 50%; animation-name: keyframes-bar; animation-duration: 0.75s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: inherit; }
.form-submit-button-style-ellipsis .form-submit-button-state { }
@keyframes keyframes-ellipsis-grow {
0% { transform: scale(0); }
100% { transform: scale(1); }
}
@keyframes keyframes-ellipsis-shrink {
0% { transform: scale(1); }
100% { transform: scale(0); }
}
@keyframes keyframes-ellipsis-shift {
0% { transform: translate(0px); }
100% { transform: translate(calc(0.7em)); }
}
.form-submit-button-style-ellipsis .form-submit-button-state :nth-child(2) { position: relative; display: flex; width: calc(1.75em); justify-content: space-between; }
.form-submit-button-style-ellipsis .form-submit-button-state :nth-child(2) span { position: absolute; inset: 0px; }
.form-submit-button-style-ellipsis .form-submit-button-state :nth-child(2)::before { animation: 0.75s infinite keyframes-ellipsis-grow; }
.form-submit-button-style-ellipsis .form-submit-button-state :nth-child(2)::after { animation: 0.75s infinite keyframes-ellipsis-shrink; }
.form-submit-button-style-ellipsis .form-submit-button-state :nth-child(2) span::before, .form-submit-button-style-ellipsis .form-submit-button-state :nth-child(2) span::after { position: absolute; animation: 0.75s infinite keyframes-ellipsis-shift; }
.form-submit-button-style-ellipsis .form-submit-button-state :nth-child(2)::before, .form-submit-button-style-ellipsis .form-submit-button-state :nth-child(2)::after, .form-submit-button-style-ellipsis .form-submit-button-state :nth-child(2) span::before, .form-submit-button-style-ellipsis .form-submit-button-state :nth-child(2) span::after { display: block; width: 0.35em; height: 0.35em; border-radius: 50%; animation-play-state: inherit; background: currentcolor; content: ""; }
.form-submit-button-style-ellipsis .form-submit-button-state :nth-child(2) span::before { left: 0px; }
.form-submit-button-style-ellipsis .form-submit-button-state :nth-child(2) span::after { right: calc(0.7em); }
@keyframes anim-form-post-submit {
0% { opacity: 0; transform: translate3d(0px, 0.5rem, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
body .sqs-block-form { --form-post-submit-animation-duration: 0.25s; --form-post-submit-animation-delay: 0.25s; }
.form-wrapper .form-submission-text, .form-wrapper .form-submission-html { opacity: 0; transform: translate3d(0px, 0.5rem, 0px); animation: anim-form-post-submit var(--form-post-submit-animation-duration) var(--form-post-submit-animation-delay) cubic-bezier(0.61, 1, 0.88, 1) forwards; }
@media (prefers-reduced-motion: reduce) {
  .form-wrapper .form-submission-text, .form-wrapper .form-submission-html { opacity: 1; transform: initial; animation: none; }
}
.sqs-block-form.sqs-edit-dialog-open .form-wrapper .form-submission-text, .sqs-block-form.sqs-edit-dialog-open .form-wrapper .form-submission-html { opacity: 1; transform: initial; animation: none; }
.sqs-block-button-container { text-align: center; }
.sqs-block-button.sqs-stretched .sqs-block-content, .sqs-block-button.sqs-stretched .sqs-block-button-element { padding-top: 0px !important; padding-bottom: 0px !important; height: 100%; display: flex; }
.sqs-block-button.sqs-stretched .sqs-block-button-container { flex: 1 1 0%; }
.sqs-block-button.sqs-stretched .sqs-block-button-element { align-items: center; box-sizing: border-box; justify-content: center; }
.sqs-block-button:not(.sqs-stretched) .sqs-block-button-container { display: flex; }
.sqs-block-button:not(.sqs-stretched) .sqs-block-button-container--left { justify-content: flex-start; }
.sqs-block-button:not(.sqs-stretched) .sqs-block-button-container--center { justify-content: center; }
.sqs-block-button:not(.sqs-stretched) .sqs-block-button-container--right { justify-content: flex-end; }
.sqs-block-button-element, .image-button a, .list-item-content__button { display: inline-block; -moz-osx-font-smoothing: grayscale; line-height: normal; padding: var(--primaryButtonPadding) calc(var(--primaryButtonPadding) * 1.67); }
@media (hover: hover) {
  .sqs-block-button-element:hover, .image-button a:hover, .list-item-content__button:hover { opacity: 1; }
}
#siteWrapper.site-wrapper .sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--primary { padding: var(--primary-button-padding-y) var(--primary-button-padding-x); }
#siteWrapper.site-wrapper .sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--primary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { border-width: var(--primary-button-stroke); }
#siteWrapper.site-wrapper .sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--secondary { padding: var(--secondary-button-padding-y) var(--secondary-button-padding-x); }
#siteWrapper.site-wrapper .sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--secondary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-width: var(--secondary-button-stroke); }
#siteWrapper.site-wrapper .sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--tertiary { padding: var(--tertiary-button-padding-y) var(--tertiary-button-padding-x); }
#siteWrapper.site-wrapper .sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--tertiary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-width: var(--tertiary-button-stroke); }
#siteWrapper.site-wrapper .sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--primary, #siteWrapper.site-wrapper .sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--secondary, #siteWrapper.site-wrapper .sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--tertiary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { line-height: normal; border-style: solid; }
#siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockButton { height: auto; line-height: 0; }
#siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockButtonWidgetContainer, #siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockButton-buttonContainer, #siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockInlineButton-container { width: auto; }
#siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockSearchBar-container { align-items: center; }
#siteWrapper.site-wrapper div#Tock_widget_container > div.TockWidgetWrapper .TockInlineButton-container { overflow: hidden; display: flex; align-items: center; justify-content: center; height: 49px; min-width: 180px; padding: 0px; border-radius: 0px 3px 3px 0px; }
#siteWrapper.site-wrapper div#Tock_widget_container.Tock_widget_container-columnLayout > div.TockWidgetWrapper .TockInlineButton-container { border-radius: 3px; }
.sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--primary { border-width: var(--primary-button-stroke); border-style: solid; }
.sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--secondary { border-width: var(--secondary-button-stroke); border-style: solid; }
.sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--tertiary { border-width: var(--tertiary-button-stroke); border-style: solid; }
body.primary-button-style-solid .sqs-button-element--primary, body.primary-button-style-solid .sqs-editable-button.sqs-button-element--primary { transition: opacity 0.1s linear; backface-visibility: hidden; }
@media (hover: hover) {
  body.primary-button-style-solid .sqs-button-element--primary:hover, body.primary-button-style-solid .sqs-editable-button.sqs-button-element--primary:hover { opacity: 0.8; }
}
.primary-button-style-outline .sqs-button-element--primary, .primary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--primary, .primary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--primary, .primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--primary, .primary-button-style-outline .header-menu-cta .btn.sqs-button-element--primary, .primary-button-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, .primary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--primary { transition: background-color 0.1s linear, color 0.1s linear; }
.primary-button-style-outline .sqs-button-element--primary:not(:hover), .primary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--primary:not(:hover), .primary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--primary:not(:hover), .primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--primary:not(:hover), .primary-button-style-outline .header-menu-cta .btn.sqs-button-element--primary:not(:hover), .primary-button-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary:not(:hover), .primary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--primary:not(:hover) { background: transparent; }
.primary-button-style-outline .newsletter-form-button.sqs-system-button.sqs-button-element--primary:not(:hover) { background: transparent !important; }
.primary-button-shape-square .sqs-button-element--primary, .primary-button-shape-square #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 0px; }
.primary-button-shape-rounded .sqs-button-element--primary, .primary-button-shape-rounded #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 0.4rem; }
.primary-button-shape-pill .sqs-button-element--primary, .primary-button-shape-pill #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 300px; }
.primary-button-shape-oval .sqs-button-element--primary, .primary-button-shape-oval #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 100%; }
.primary-button-shape-petal .sqs-button-element--primary, .primary-button-shape-petal #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 16px 0px; }
body.primary-button-shape-underline #siteWrapper .sqs-button-element--primary:not(.ma-pricing-option-button), body.primary-button-shape-underline .sqs-block-form-lightbox .sqs-button-element--primary:not(.ma-pricing-option-button), body.primary-button-shape-underline #siteWrapper .comment-btn-wrapper .comment-btn.sqs-button-element--primary, body.primary-button-shape-underline .sqs-block-form-lightbox .comment-btn-wrapper .comment-btn.sqs-button-element--primary, body.primary-button-shape-underline #siteWrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, body.primary-button-shape-underline .sqs-block-form-lightbox .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { border-top: medium; border-right: medium; border-left: medium; border-style: none none solid; border-radius: 0px; border-bottom-width: var(--primary-button-stroke); }
.primary-button-shape-custom .sqs-button-element--primary, .primary-button-shape-custom .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { border-top-left-radius: var(--primary-button-rounded-border-top-left-radius); border-top-right-radius: var(--primary-button-rounded-border-top-right-radius); border-bottom-left-radius: var(--primary-button-rounded-border-bottom-left-radius); border-bottom-right-radius: var(--primary-button-rounded-border-bottom-right-radius); }
.secondary-button-style-solid .sqs-button-element--secondary, .secondary-button-style-solid .sqs-editable-button.sqs-button-element--secondary, .secondary-button-style-solid .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { transition: opacity 0.1s linear; backface-visibility: hidden; }
.secondary-button-style-solid .sqs-button-element--secondary:hover, .secondary-button-style-solid .sqs-editable-button.sqs-button-element--secondary:hover, .secondary-button-style-solid .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary:hover { opacity: 0.8; }
.secondary-button-style-outline .sqs-button-element--secondary, .secondary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--secondary, .secondary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--secondary, .secondary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .secondary-button-style-outline .header-menu-cta .btn.sqs-button-element--secondary, .secondary-button-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, .secondary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--secondary { transition: background-color 0.1s linear, color 0.1s linear; }
.secondary-button-style-outline .sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .header-menu-cta .btn.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--secondary:not(:hover) { background: transparent; }
.secondary-button-style-outline .newsletter-form-button.sqs-system-button.sqs-button-element--secondary { background: transparent !important; }
.secondary-button-shape-square .sqs-button-element--secondary, .secondary-button-shape-square .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 0px; }
.secondary-button-shape-rounded .sqs-button-element--secondary, .secondary-button-shape-rounded .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 0.4rem; }
.secondary-button-shape-pill .sqs-button-element--secondary, .secondary-button-shape-pill .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 300px; }
.secondary-button-shape-oval .sqs-button-element--secondary, .secondary-button-shape-oval .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 100%; }
body.secondary-button-shape-underline #siteWrapper .sqs-button-element--secondary, body.secondary-button-shape-underline .sqs-block-form-lightbox .sqs-button-element--secondary, body.secondary-button-shape-underline #siteWrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, body.secondary-button-shape-underline .sqs-block-form-lightbox .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-top: medium; border-right: medium; border-left: medium; border-style: none none solid; border-radius: 0px; border-bottom-width: var(--secondary-button-stroke); }
.secondary-button-shape-petal .sqs-button-element--secondary, .secondary-button-shape-petal .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 16px 0px; }
.secondary-button-shape-custom .sqs-button-element--secondary, .secondary-button-shape-custom .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-top-left-radius: var(--secondary-button-rounded-border-top-left-radius); border-top-right-radius: var(--secondary-button-rounded-border-top-right-radius); border-bottom-left-radius: var(--secondary-button-rounded-border-bottom-left-radius); border-bottom-right-radius: var(--secondary-button-rounded-border-bottom-right-radius); }
.tertiary-button-style-solid .sqs-button-element--tertiary, .tertiary-button-style-solid .sqs-editable-button.sqs-button-element--tertiary, .tertiary-button-style-solid .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { transition: opacity 0.1s linear; backface-visibility: hidden; }
.tertiary-button-style-solid .sqs-button-element--tertiary:hover, .tertiary-button-style-solid .sqs-editable-button.sqs-button-element--tertiary:hover, .tertiary-button-style-solid .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary:hover { opacity: 0.8; }
.tertiary-button-style-outline .sqs-button-element--tertiary, .tertiary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--tertiary, .tertiary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--tertiary, .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary, .tertiary-button-style-outline .header-menu-cta .btn.sqs-button-element--tertiary, .tertiary-button-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, .tertiary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--tertiary { transition: background-color 0.1s linear, color 0.1s linear; }
.tertiary-button-style-outline .sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .header-menu-cta .btn.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--tertiary:not(:hover) { background: transparent; }
.tertiary-button-style-outline .newsletter-form-button.sqs-system-button.sqs-button-element--tertiary { background: transparent !important; }
.tertiary-button-shape-square .sqs-button-element--tertiary, .tertiary-button-shape-square .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 0px; }
.tertiary-button-shape-rounded .sqs-button-element--tertiary, .tertiary-button-shape-rounded .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 0.4rem; }
.tertiary-button-shape-pill .sqs-button-element--tertiary, .tertiary-button-shape-pill .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 300px; }
.tertiary-button-shape-oval .sqs-button-element--tertiary, .tertiary-button-shape-oval .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 100%; }
body.tertiary-button-shape-underline #siteWrapper .sqs-button-element--tertiary, body.tertiary-button-shape-underline .sqs-block-form-lightbox .sqs-button-element--tertiary, body.tertiary-button-shape-underline #siteWrapper .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, body.tertiary-button-shape-underline .sqs-block-form-lightbox .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-top: medium; border-right: medium; border-left: medium; border-style: none none solid; border-radius: 0px; border-bottom-width: var(--tertiary-button-stroke); }
.tertiary-button-shape-petal .sqs-button-element--tertiary, .tertiary-button-shape-petal .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 16px 0px; }
.tertiary-button-shape-custom .sqs-button-element--tertiary, .tertiary-button-shape-custom .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-top-left-radius: var(--tertiary-button-rounded-border-top-left-radius); border-top-right-radius: var(--tertiary-button-rounded-border-top-right-radius); border-bottom-left-radius: var(--tertiary-button-rounded-border-bottom-left-radius); border-bottom-right-radius: var(--tertiary-button-rounded-border-bottom-right-radius); }
@media (hover: hover) {
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .image-button a:hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-add-to-cart-button:hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-editable-button:not(input):hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-button-element.sqs-block-button-element--primary:hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline .ma-pricing-toggle-wrapper .ma-pricing-option-button:hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline [data-animation-role="header-element"] .btn:hover { background-color: transparent !important; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-simple { background: transparent; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-simple:hover { background-color: transparent; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-carousel { background: transparent; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-carousel:hover { background-color: transparent; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-banner-slideshow { background: transparent; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-banner-slideshow:hover { background-color: transparent; }
}
@media (hover: hover) {
  .tweak-global-animations-animation-type-flex.secondary-button-style-outline .sqs-button-element--secondary:hover, .tweak-global-animations-animation-type-flex.tertiary-button-style-outline .sqs-button-element--tertiary:hover { background: transparent; }
}
.sqs-announcement-bar .sqs-announcement-bar-close { background: transparent; }
div#Tock_widget_container > div.TockWidgetWrapper .InlineWidgetDropDown-NoRightBorder { border-right: 1px solid rgb(231, 231, 231); }
[data-animation-role="image"] { min-height: 1px; }
@keyframes clipAnimation {
0% { clip-path: polygon(0px 0px, 10% 0px, 0% 100%, 0% 100%); }
100% { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%); }
}
.preClip { clip-path: ellipse(0% 100% at 0px 0px); transition-property: clip-path, clip-path; transform: translateZ(0px); }
.clipIn { animation: forwards clipAnimation; transform: translateZ(0px); }
@supports not (clip-path: ellipse(0% 100% at 0 0)) {
  .preClip { opacity: 0; transition-property: opacity; }
  .clipIn:not([data-override-initial-global-animation]) { opacity: 1 !important; }
}
.preFade { opacity: 0; transition-property: opacity; }
.fadeIn:not([data-override-initial-global-animation]) { opacity: 1 !important; }
.preScale { opacity: 0; transform: scale(0.9); transition-property: transform, opacity; }
.scaleIn { transform: scale(1) !important; }
.scaleIn:not([data-override-initial-global-animation]) { opacity: 1 !important; }
.preSlide { opacity: 0; transform: translate(0%, 30%); transition-property: transform, opacity; }
.slideIn { transform: translate(0px) !important; }
.slideIn:not([data-override-initial-global-animation]) { opacity: 1 !important; }
.tweak-global-animations-animation-type-fade header, .tweak-global-animations-animation-type-slide header, .tweak-global-animations-animation-type-scale header, .tweak-global-animations-animation-type-clip header, .tweak-global-animations-animation-type-flex header, .tweak-global-animations-animation-type-fade footer, .tweak-global-animations-animation-type-slide footer, .tweak-global-animations-animation-type-scale footer, .tweak-global-animations-animation-type-clip footer, .tweak-global-animations-animation-type-flex footer, .tweak-global-animations-animation-type-fade section > .content-wrapper, .tweak-global-animations-animation-type-slide section > .content-wrapper, .tweak-global-animations-animation-type-scale section > .content-wrapper, .tweak-global-animations-animation-type-clip section > .content-wrapper, .tweak-global-animations-animation-type-flex section > .content-wrapper { opacity: 0; }
.tweak-global-animations-animation-type-fade[data-animation-state="booted"] header, .tweak-global-animations-animation-type-slide[data-animation-state="booted"] header, .tweak-global-animations-animation-type-scale[data-animation-state="booted"] header, .tweak-global-animations-animation-type-clip[data-animation-state="booted"] header, .tweak-global-animations-animation-type-flex[data-animation-state="booted"] header, .tweak-global-animations-animation-type-fade[data-animation-state="booted"] footer, .tweak-global-animations-animation-type-slide[data-animation-state="booted"] footer, .tweak-global-animations-animation-type-scale[data-animation-state="booted"] footer, .tweak-global-animations-animation-type-clip[data-animation-state="booted"] footer, .tweak-global-animations-animation-type-flex[data-animation-state="booted"] footer, .tweak-global-animations-animation-type-fade[data-animation-state="booted"] section > .content-wrapper, .tweak-global-animations-animation-type-slide[data-animation-state="booted"] section > .content-wrapper, .tweak-global-animations-animation-type-scale[data-animation-state="booted"] section > .content-wrapper, .tweak-global-animations-animation-type-clip[data-animation-state="booted"] section > .content-wrapper, .tweak-global-animations-animation-type-flex[data-animation-state="booted"] section > .content-wrapper { opacity: 1; }
.tweak-global-animations-animation-type-flex { }
.tweak-global-animations-animation-type-flex .preFlex { opacity: 0; transition-property: transform, opacity, clip-path; transform: translate(0%, 2vh); }
.tweak-global-animations-animation-type-flex .flexIn { opacity: 1; transform: translate(0%, 0%); }
.tweak-global-animations-animation-type-flex [data-animation-role="image"].preFlex { transform: none; clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }
.tweak-global-animations-animation-type-flex [data-animation-role="image"].flexIn { transform: none; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
.tweak-global-animations-animation-type-flex .image-position-right [data-animation-role="image"].preFlex { clip-path: polygon(101% 0%, 99.9% 0%, 101% 100%, calc(125%) 100%); }
.tweak-global-animations-animation-type-flex .image-position-right [data-animation-role="image"].flexIn { clip-path: polygon(0% 0%, 101% 0%, 101% 101%, 0% 101%); }
.tweak-global-animations-animation-type-flex .image-position-left [data-animation-role="image"].preFlex { clip-path: polygon(-1% 0%, 0.1% 0%, -25% 100%, 0% 100%); }
.tweak-global-animations-animation-type-flex .image-position-left [data-animation-role="image"].flexIn { clip-path: polygon(0% 0%, 101% 0%, 101% 101%, 0% 101%); }
.tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"], .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper { overflow: hidden; }
.tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].preFlex .sqs-button-element--primary, .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.preFlex .sqs-button-element--primary, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.preFlex .sqs-button-element--primary, .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].preFlex .sqs-add-to-cart-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.preFlex .sqs-add-to-cart-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.preFlex .sqs-add-to-cart-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].preFlex .sqs-editable-button:not(input), .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.preFlex .sqs-editable-button:not(input), .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.preFlex .sqs-editable-button:not(input), .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].preFlex .image-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.preFlex .image-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.preFlex .image-button { transition: inherit; transform: translate(0%, 100%); }
.tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].flexIn .sqs-button-element--primary, .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.flexIn .sqs-button-element--primary, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.flexIn .sqs-button-element--primary, .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].flexIn .sqs-add-to-cart-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.flexIn .sqs-add-to-cart-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.flexIn .sqs-add-to-cart-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].flexIn .sqs-editable-button:not(input), .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.flexIn .sqs-editable-button:not(input), .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.flexIn .sqs-editable-button:not(input), .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].flexIn .image-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.flexIn .image-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.flexIn .image-button { transform: translate(0%, 0%); }
.tweak-global-animations-animation-type-flex.primary-button-style-solid .header-actions-action--cta { overflow: hidden; }
.tweak-global-animations-animation-type-flex.primary-button-style-solid .header-actions-action--cta.preFlex .btn { transition: inherit; transform: translate(0%, 100%); }
.tweak-global-animations-animation-type-flex.primary-button-style-solid .header-actions-action--cta.flexIn .btn { transform: translate(0%, 0%); }
.tweak-global-animations-animation-type-flex.secondary-button-style-solid [data-button-type="secondary"] { overflow: hidden; }
.tweak-global-animations-animation-type-flex.secondary-button-style-solid [data-button-type="secondary"].preFlex .sqs-button-element--secondary { transition: inherit; transform: translate(0%, 100%); }
.tweak-global-animations-animation-type-flex.secondary-button-style-solid [data-button-type="secondary"].flexIn .sqs-button-element--secondary { transform: translate(0%, 0%); }
.tweak-global-animations-animation-type-flex.tertiary-button-styled-solid [data-button-type="tertiary"] { overflow: hidden; }
.tweak-global-animations-animation-type-flex.tertiary-button-styled-solid [data-button-type="tertiary"].preFlex .sqs-button-element--tertiary { transition: inherit; transform: translate(0%, 100%); }
.tweak-global-animations-animation-type-flex.tertiary-button-styled-solid [data-button-type="tertiary"].flexIn .sqs-button-element--tertiary { transform: translate(0%, 0%); }
@media (hover: hover) {
  .tweak-global-animations-animation-type-flex { }
  .tweak-global-animations-animation-type-flex a[data-animation-role="image"] { overflow: hidden; }
  .tweak-global-animations-animation-type-flex a[data-animation-role="image"] img { transition: inherit; transform: translate(0%, 0%); transform-origin: center top 0px; }
  .tweak-global-animations-animation-type-flex a[data-animation-role="image"]:hover img { transform: scale(1.05) translate(0%, -2.5%); }
  .tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input), .tweak-global-animations-animation-type-flex .sqs-button-element--secondary:not(input), .tweak-global-animations-animation-type-flex .sqs-button-element--tertiary:not(input) { transform: scaleY(1); transition: color 0.6s cubic-bezier(0.19, 1, 0.22, 1); position: relative; }
  .tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input)::before, .tweak-global-animations-animation-type-flex .sqs-button-element--secondary:not(input)::before, .tweak-global-animations-animation-type-flex .sqs-button-element--tertiary:not(input)::before { z-index: -1; position: absolute; content: ""; inset: 0px; border-style: solid; border-width: 2px; transition: clip-path 0.6s cubic-bezier(0.19, 1, 0.22, 1); clip-path: polygon(-2% 102%, 102% 102%, 102% 102%, -2% 102%); transform: translateZ(0px); }
  .tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input):hover, .tweak-global-animations-animation-type-flex .sqs-button-element--secondary:not(input):hover, .tweak-global-animations-animation-type-flex .sqs-button-element--tertiary:not(input):hover { opacity: 1; }
  .tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input):hover::before, .tweak-global-animations-animation-type-flex .sqs-button-element--secondary:not(input):hover::before, .tweak-global-animations-animation-type-flex .sqs-button-element--tertiary:not(input):hover::before { clip-path: polygon(-2% -2%, 102% -2%, 102% 102%, -2% 102%); }
  .tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input).ma-pricing-option-button.right-button::before { border-radius: 0px 300px 300px 0px; border-width: var(--primary-button-stroke); }
  .tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input).ma-pricing-option-button.left-button::before { border-radius: 300px 0px 0px 300px; border-width: var(--primary-button-stroke); }
  .tweak-global-animations-animation-type-flex .has-background .sqs-button-element--primary:not(input)::before, .tweak-global-animations-animation-type-flex .has-background .sqs-button-element--secondary:not(input)::before, .tweak-global-animations-animation-type-flex .has-background .sqs-button-element--tertiary:not(input)::before { border-width: 0px; }
  .tweak-global-animations-animation-type-flex .has-background .sqs-button-element--primary:not(input)::before { inset: calc(-1 * var(--primary-button-stroke)); }
  .tweak-global-animations-animation-type-flex .has-background .sqs-button-element--secondary:not(input)::before { inset: calc(-1 * var(--secondary-button-stroke)); }
  .tweak-global-animations-animation-type-flex .has-background .sqs-button-element--tertiary:not(input)::before { inset: calc(-1 * var(--tertiary-button-stroke)); }
  .tweak-global-animations-animation-type-flex.primary-button-style-solid .tock-block div#Tock_widget_container > div.TockWidgetWrapper .TockInlineButton-container.sqs-button-element--primary .MainLabelSpan { background: transparent !important; }
  .tweak-global-animations-animation-type-flex.primary-button-shape-rounded .sqs-button-element--primary:not(.ma-pricing-option-button)::before { border-radius: 0.4rem; }
  .tweak-global-animations-animation-type-flex.secondary-button-shape-rounded .sqs-button-element--secondary::before, .tweak-global-animations-animation-type-flex.tertiary-button-shape-rounded .sqs-button-element--tertiary::before { border-radius: 0.4rem; }
  .tweak-global-animations-animation-type-flex.primary-button-shape-pill .sqs-button-element--primary:not(.ma-pricing-option-button)::before { border-radius: 300px; }
  .tweak-global-animations-animation-type-flex.secondary-button-shape-pill .sqs-button-element--secondary::before, .tweak-global-animations-animation-type-flex.tertiary-button-shape-pill .sqs-button-element--tertiary::before { border-radius: 300px; }
  .tweak-global-animations-animation-type-flex.primary-button-shape-oval .sqs-button-element--primary:not(.ma-pricing-option-button)::before { border-radius: 100%; }
  .tweak-global-animations-animation-type-flex.secondary-button-shape-oval .sqs-button-element--secondary::before, .tweak-global-animations-animation-type-flex.tertiary-button-shape-oval .sqs-button-element--tertiary::before { border-radius: 100%; }
  .tweak-global-animations-animation-type-flex.primary-button-shape-petal .sqs-button-element--primary:not(.ma-pricing-option-button)::before { border-radius: 16px 0px; }
  .tweak-global-animations-animation-type-flex.secondary-button-shape-petal .sqs-button-element--secondary::before, .tweak-global-animations-animation-type-flex.tertiary-button-shape-petal .sqs-button-element--tertiary::before { border-radius: 16px 0px; }
  .tweak-global-animations-animation-type-flex.primary-button-style-outline:not(.primary-button-shape-underline) .image-button a::before, .tweak-global-animations-animation-type-flex.primary-button-style-outline:not(.primary-button-shape-underline) .sqs-add-to-cart-button::before, .tweak-global-animations-animation-type-flex.primary-button-style-outline:not(.primary-button-shape-underline) .sqs-editable-button:not(input):not(.ma-pricing-option-button)::before, .tweak-global-animations-animation-type-flex.primary-button-style-outline:not(.primary-button-shape-underline) .sqs-button-element--primary:not(.ma-pricing-option-button)::before, .tweak-global-animations-animation-type-flex.primary-button-style-outline:not(.primary-button-shape-underline) [data-animation-role="header-element"] .btn::before { border-width: 0px; inset: -2px; }
  .tweak-global-animations-animation-type-flex.secondary-button-style-outline .sqs-button-element--secondary:not(input)::before { border-width: 0px; inset: -2px; }
  .tweak-global-animations-animation-type-flex.tertiary-button-style-outline .sqs-button-element--tertiary:not(input)::before { border-width: 0px; inset: -2px; }
  .tweak-global-animations-animation-type-flex.primary-button-shape-custom .sqs-button-element--primary:not(.ma-pricing-option-button)::before { border-top-left-radius: var(--primary-button-rounded-border-top-left-radius); border-top-right-radius: var(--primary-button-rounded-border-top-right-radius); border-bottom-left-radius: var(--primary-button-rounded-border-bottom-left-radius); border-bottom-right-radius: var(--primary-button-rounded-border-bottom-right-radius); }
  .tweak-global-animations-animation-type-flex.secondary-button-shape-custom .sqs-button-element--secondary::before { border-top-left-radius: var(--secondary-button-rounded-border-top-left-radius); border-top-right-radius: var(--secondary-button-rounded-border-top-right-radius); border-bottom-left-radius: var(--secondary-button-rounded-border-bottom-left-radius); border-bottom-right-radius: var(--secondary-button-rounded-border-bottom-right-radius); }
  .tweak-global-animations-animation-type-flex.tertiary-button-shape-custom .sqs-button-element--tertiary::before { border-top-left-radius: var(--tertiary-button-rounded-border-top-left-radius); border-top-right-radius: var(--tertiary-button-rounded-border-top-right-radius); border-bottom-left-radius: var(--tertiary-button-rounded-border-bottom-left-radius); border-bottom-right-radius: var(--tertiary-button-rounded-border-bottom-right-radius); }
}
.tweak-global-animations-animation-type-flex .animation-segment-parent-hidden { opacity: 0; }
.tweak-global-animations-animation-type-flex .animation-segment-wrapper { display: inline-flex; overflow: hidden; }
.tweak-global-animations-animation-type-flex .animation-segment-wrapper .animation-segment-interior { display: inline-block; }
.tweak-global-animations-animation-type-flex .animation-segmented-flex-primed .animation-segment-interior { opacity: 0; transition-property: transform, opacity, clip-path; transform: translate(0%, 100%); }
.tweak-global-animations-animation-type-flex .animation-segmented-flex-fired .animation-segment-interior { opacity: 1; transform: translate(0%, 0%); }
.sqs-announcement-bar { position: relative; top: 0px; left: 0px; z-index: 10000; text-align: center; }
.sqs-announcement-bar-url { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.sqs-announcement-bar-text { padding: 0.8em 3em; }
.sqs-announcement-bar-text p { margin: 0px; }
.sqs-announcement-bar-text a { position: relative; text-decoration: underline !important; }
.sqs-announcement-bar-close { cursor: pointer; position: absolute; top: 0px; right: 0px; width: 2.8em; height: 2.78em; background: rgba(0, 0, 0, 0.15); }
.sqs-announcement-bar-close::after { content: "×"; display: block; font-family: helvetica, arial, sans-serif; font-size: 1em; font-weight: 100; line-height: 2.7em; letter-spacing: normal; padding: 0px; }
.sqs-announcement-bar-hidden { display: none; }
@media screen and (max-width: 1024px) {
  .sqs-announcement-bar-text, .sqs-announcement-bar-text p { font-size: 13px; }
}
.gdpr-cookie-banner, .manage-cookies-overlay, .manage-cookies-bar { background-color: var(--siteBackgroundColor); }
.gdpr-cookie-banner p, .manage-cookies-overlay p, .manage-cookies-bar p { color: var(--paragraphSmallColor); }
.gdpr-cookie-banner .close-icon svg > path, .manage-cookies-overlay .close-icon svg > path, .manage-cookies-bar .close-icon svg > path { fill: var(--paragraphSmallColor); }
.gdpr-cookie-banner hr, .manage-cookies-overlay hr, .manage-cookies-bar hr { background-color: var(--paragraphSmallColor); }
.manage-cookies-bar .manage-bar-action { color: var(--paragraphSmallColor); }
.product-list { padding-top: var(--sqs-site-gutter); padding-bottom: var(--sqs-site-gutter); }
.product-list.product-list-width-full { padding-left: var(--sqs-site-gutter); padding-right: var(--sqs-site-gutter); }
.product-list.product-list-width-inset { max-width: var(--sqs-site-max-width); padding-left: var(--sqs-site-gutter); padding-right: var(--sqs-site-gutter); margin: 0px auto; }
@media screen and (max-width: 767px) {
  .product-list.product-list-width-full { padding-left: var(--sqs-mobile-site-gutter); padding-right: var(--sqs-mobile-site-gutter); }
  .product-list.product-list-width-inset { padding-left: var(--sqs-mobile-site-gutter); padding-right: var(--sqs-mobile-site-gutter); }
}
.product-list-items { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 3vw 3.5vw; padding: 0px; }
@media screen and (max-width: 767px) {
  .product-list-items { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media screen and (max-width: 575px) {
  .product-list-items { grid-template-columns: minmax(0px, 1fr); }
}
.product-list-items .product-list-item-link { display: flex; flex-direction: column; gap: 1vw; }
.sqs-tweak-overlays-active .product-list-items .product-list-item-link { pointer-events: none; }
.product-list-items .product-list-item-link .product-list-item-image { position: relative; aspect-ratio: 1 / 1; }
.product-list-items .product-list-item-link .product-list-item-image img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; transition: opacity 1s, transform 1s; }
.product-list-items .product-list-item-link .product-list-item-title { color: var(--tweak-product-grid-text-below-list-title-color); }
.product-list-items .product-list-item-link .product-list-item-price { color: var(--tweak-product-grid-text-below-list-price-color); margin-top: 0.5rem; }
.product-list-items .product-list-item-link .product-list-item-price .original-price { text-decoration: line-through; }
.product-list-items .product-list-item-link .product-list-item-status { color: var(--tweak-product-grid-text-below-list-status-color); font-weight: bold; text-transform: uppercase; }
.product-list-items .product-list-item-link .product-list-item-status .sale-status { color: var(--tweak-product-grid-text-below-list-sale-price-color); }
.product-list-items .product-list-item-link .product-list-item-status .grid-meta-status .product-scarcity { color: var(--tweak-product-grid-text-below-list-scarcity-color); }
.mixin-clear-input-styles { appearance: none; border: 0px; border-radius: 0px; padding: 0px; background: transparent; }
.product-detail { padding-top: var(--sqs-site-gutter); padding-bottom: var(--sqs-site-gutter); }
.product-detail.product-detail-width-full { padding-left: var(--sqs-site-gutter); padding-right: var(--sqs-site-gutter); }
.product-detail.product-detail-width-inset { max-width: var(--sqs-site-max-width); padding-left: var(--sqs-site-gutter); padding-right: var(--sqs-site-gutter); margin: 0px auto; }
@media screen and (max-width: 767px) {
  .product-detail.product-detail-width-full { padding-left: var(--sqs-mobile-site-gutter); padding-right: var(--sqs-mobile-site-gutter); }
  .product-detail.product-detail-width-inset { padding-left: var(--sqs-mobile-site-gutter); padding-right: var(--sqs-mobile-site-gutter); }
}
.product-detail .product-detail-simple-layout-container { display: flex; flex-direction: row; align-items: start; gap: 4vw; }
.product-detail .product-detail-simple-layout-container[data-content-vertical-alignment="center"]:not([data-gallery-design="stacked"]) { align-items: center; }
.product-detail .product-detail-simple-layout-container[data-content-horizontal-alignment="left"] .product-meta { text-align: left; }
.product-detail .product-detail-simple-layout-container[data-content-horizontal-alignment="left"] .product-afterpay { justify-content: flex-start; }
.product-detail .product-detail-simple-layout-container[data-content-horizontal-alignment="left"] .variant-radiobtn-wrapper { justify-content: flex-start; }
.product-detail .product-detail-simple-layout-container[data-content-horizontal-alignment="center"] .product-meta { text-align: center; }
.product-detail .product-detail-simple-layout-container[data-content-horizontal-alignment="center"] .product-afterpay { justify-content: center; }
.product-detail .product-detail-simple-layout-container[data-content-horizontal-alignment="center"] .variant-radiobtn-wrapper { justify-content: center; }
.product-detail .product-detail-simple-layout-container[data-content-horizontal-alignment="right"] .product-meta { text-align: right; }
.product-detail .product-detail-simple-layout-container[data-content-horizontal-alignment="right"] .product-afterpay { justify-content: flex-end; }
.product-detail .product-detail-simple-layout-container[data-content-horizontal-alignment="right"] .variant-radiobtn-wrapper { justify-content: flex-end; }
@media screen and (max-width: 767px) {
  .product-detail .product-detail-simple-layout-container { flex-direction: column; }
}
@media screen and (min-width: 768px) {
  .product-detail .product-detail-simple-layout-container[data-gallery-placement="right"] { flex-direction: row-reverse; }
  .product-detail .product-detail-simple-layout-container[data-gallery-design="stacked"] .product-meta { position: sticky; top: calc(var(--header-fixed-top-offset, 0px) + 20px); }
}
.product-detail .product-meta { display: flex; flex-direction: column; gap: 25px; }
.product-detail .product-meta > .product-title { order: 1; }
.product-detail .product-meta > .product-price { order: 2; }
.product-detail .product-meta > .product-scarcity { order: 3; }
.product-detail .product-meta > .product-status { order: 4; }
@media screen and (max-width: 767px) {
  .product-detail .product-meta[data-description-position-mobile="below-add-to-cart-button"] > .product-variants { order: 5; }
  .product-detail .product-meta[data-description-position-mobile="below-add-to-cart-button"] > .product-restock-notification { order: 6; }
  .product-detail .product-meta[data-description-position-mobile="below-add-to-cart-button"] > .product-add-to-cart { order: 7; }
  .product-detail .product-meta[data-description-position-mobile="below-add-to-cart-button"] > .product-description { order: 8; }
  .product-detail .product-meta[data-description-position-mobile="below-add-to-cart-button"] > .product-add-ons { order: 9; }
  .product-detail .product-meta[data-description-position-mobile="below-add-ons"] > .product-variants { order: 5; }
  .product-detail .product-meta[data-description-position-mobile="below-add-ons"] > .product-restock-notification { order: 6; }
  .product-detail .product-meta[data-description-position-mobile="below-add-ons"] > .product-add-to-cart { order: 7; }
  .product-detail .product-meta[data-description-position-mobile="below-add-ons"] > .product-add-ons { order: 8; }
  .product-detail .product-meta[data-description-position-mobile="below-add-ons"] > .product-description { order: 9; }
}
@media screen and (min-width: 768px) {
  .product-detail .product-meta { width: 50%; }
  .product-detail .product-meta[data-description-position-desktop="below-price"] > .product-description { order: 5; }
  .product-detail .product-meta[data-description-position-desktop="below-price"] > .product-variants { order: 6; }
  .product-detail .product-meta[data-description-position-desktop="below-price"] > .product-restock-notification { order: 7; }
  .product-detail .product-meta[data-description-position-desktop="below-price"] > .product-add-to-cart { order: 8; }
  .product-detail .product-meta[data-description-position-desktop="below-price"] > .product-add-ons { order: 9; }
  .product-detail .product-meta[data-description-position-desktop="below-add-to-cart-button"] > .product-variants { order: 5; }
  .product-detail .product-meta[data-description-position-desktop="below-add-to-cart-button"] > .product-restock-notification { order: 6; }
  .product-detail .product-meta[data-description-position-desktop="below-add-to-cart-button"] > .product-add-to-cart { order: 7; }
  .product-detail .product-meta[data-description-position-desktop="below-add-to-cart-button"] > .product-description { order: 8; }
  .product-detail .product-meta[data-description-position-desktop="below-add-to-cart-button"] > .product-add-ons { order: 9; }
  .product-detail .product-meta[data-description-position-desktop="below-add-ons"] > .product-variants { order: 5; }
  .product-detail .product-meta[data-description-position-desktop="below-add-ons"] > .product-restock-notification { order: 6; }
  .product-detail .product-meta[data-description-position-desktop="below-add-ons"] > .product-add-to-cart { order: 7; }
  .product-detail .product-meta[data-description-position-desktop="below-add-ons"] > .product-add-ons { order: 8; }
  .product-detail .product-meta[data-description-position-desktop="below-add-ons"] > .product-description { order: 9; }
  [data-gallery-design="stacked"].product-detail .product-meta { position: sticky; top: calc(var(--header-fixed-top-offset, 0px) + 20px); }
}
.product-detail .product-meta .product-title { color: var(--tweak-product-basic-item-title-color); margin: 0px; }
.product-detail .product-meta .product-price { color: var(--tweak-product-basic-item-price-color); }
.product-detail .product-meta .product-price .original-price { text-decoration: line-through; }
.product-detail .product-meta .product-price .product-afterpay { display: flex; flex-direction: row; align-items: center; gap: 5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 14px; margin-top: 3px; }
@media screen and (max-width: 767px) {
  .product-detail .product-meta .product-price .product-afterpay { font-size: 12px; }
}
.product-detail .product-meta .product-price .product-afterpay[hidden] { display: none; }
.product-detail .product-meta .product-price .product-afterpay[data-out-of-range="false"] .afterpay-message { order: 1; }
.product-detail .product-meta .product-price .product-afterpay[data-out-of-range="false"] .afterpay-pill-button { order: 2; }
.product-detail .product-meta .product-price .product-afterpay[data-out-of-range="false"] .afterpay-info-button { order: 3; }
.product-detail .product-meta .product-price .product-afterpay[data-out-of-range="true"] .afterpay-pill-button { order: 1; }
.product-detail .product-meta .product-price .product-afterpay[data-out-of-range="true"] .afterpay-message { order: 2; }
.product-detail .product-meta .product-price .product-afterpay[data-out-of-range="true"] .afterpay-info-button { order: 3; }
.product-detail .product-meta .product-price .product-afterpay .afterpay-pill-button { position: relative; height: 21px; width: 100px; border: 0px; }
@media screen and (max-width: 767px) {
  .product-detail .product-meta .product-price .product-afterpay .afterpay-pill-button { padding: 0px; height: 14px; width: 68px; }
}
.product-detail .product-meta .product-price .product-afterpay .afterpay-pill-button[data-is-clearpay="false"] .afterpay-logo { display: flex; }
.product-detail .product-meta .product-price .product-afterpay .afterpay-pill-button[data-is-clearpay="false"] .afterpay-sr-label { display: block; }
.product-detail .product-meta .product-price .product-afterpay .afterpay-pill-button[data-is-clearpay="true"] .clearpay-logo { display: flex; }
.product-detail .product-meta .product-price .product-afterpay .afterpay-pill-button[data-is-clearpay="true"] .clearpay-sr-label { display: block; }
.product-detail .product-meta .product-price .product-afterpay .afterpay-pill-button .afterpay-logo, .product-detail .product-meta .product-price .product-afterpay .afterpay-pill-button .clearpay-logo { display: none; border-radius: 100px; overflow: hidden; width: 100%; height: 100%; align-items: center; justify-content: center; }
.product-detail .product-meta .product-price .product-afterpay .afterpay-pill-button .afterpay-sr-label, .product-detail .product-meta .product-price .product-afterpay .afterpay-pill-button .clearpay-sr-label { display: none; position: absolute; z-index: -1; opacity: 0; }
.product-detail .product-meta .product-price .product-afterpay .afterpay-info-button { background: none; border: 0px; color: inherit; font-weight: 400; padding: 0px; }
.product-detail .product-meta .product-scarcity { color: var(--tweak-product-basic-item-scarcity-color); }
.product-detail .product-meta .product-status { color: var(--tweak-product-basic-item-description-color); font-weight: bold; text-transform: uppercase; }
.product-detail .product-meta .product-description { color: var(--tweak-product-basic-item-description-color); margin: 0px; }
.product-detail .product-meta .product-variants .variant-option { display: flex; flex-direction: column; gap: 0.5rem; box-sizing: border-box; width: 100%; color: var(--tweak-product-basic-item-variant-fields-color); margin-bottom: 40px; }
.product-detail .product-meta .product-variants .variant-select-wrapper { position: relative; display: flex; align-items: center; font-size: 1rem; min-height: 50px; text-align: left; box-sizing: border-box; padding: 1.5rem; line-height: normal; color: inherit; }
.product-detail .product-meta .product-variants .variant-select-wrapper::before { content: attr(data-selected-value); display: inline-block; z-index: 1; }
.product-detail .product-meta .product-variants .variant-select-wrapper::after { content: ""; position: absolute; right: 1rem; transform: rotate(45deg); border-bottom: 1px solid; border-right: 1px solid; height: 1rem; width: 1rem; transform-origin: center top 0px; pointer-events: none; font-size: 1rem; }
.product-detail .product-meta .product-variants .variant-select-wrapper select { appearance: none; border-radius: 0px; padding: 0px 3.5rem 0px 0px; background: transparent; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; font-size: 1rem; color: rgba(0, 0, 0, 0); border: 1px solid grey; }
.product-detail .product-meta .product-variants .variant-select-wrapper select:focus option { color: black; }
.product-detail .product-meta .product-variants .variant-radiobtn-wrapper { display: flex; flex-wrap: wrap; gap: 11px; width: 100%; }
.product-detail .product-meta .product-variants .variant-radiobtn-wrapper input[type="radio"] { display: none; }
.product-detail .product-meta .product-variants .variant-radiobtn-wrapper input[type="radio"]:disabled + label { opacity: 0.3; cursor: not-allowed; }
.product-detail .product-meta .product-variants .variant-radiobtn-wrapper input[type="radio"]:checked + label { cursor: default; }
.secondary-button-style-solid .product-detail .product-meta .product-variants .variant-radiobtn-wrapper input[type="radio"]:checked + label { background: var(--secondaryButtonTextColor); color: var(--secondaryButtonBackgroundColor); }
.secondary-button-style-outline .product-detail .product-meta .product-variants .variant-radiobtn-wrapper input[type="radio"]:checked + label, .secondary-button-style-solid.secondary-button-shape-underline .product-detail .product-meta .product-variants .variant-radiobtn-wrapper input[type="radio"]:checked + label { background: var(--secondaryButtonBackgroundColor); color: var(--secondaryButtonTextColor); }
.product-detail .product-meta .product-variants .variant-radiobtn-wrapper label { cursor: pointer; }
.product-detail .product-meta .product-restock-notification { display: flex; flex-direction: column; gap: 1rem; }
.product-detail .product-meta .product-restock-notification .product-restock-cta { line-height: 1; font-size: 1rem; color: var(--tweak-product-basic-item-description-color); }
.product-detail .product-meta .product-restock-notification .product-restock-form { display: flex; flex-direction: row; align-items: center; gap: 0.5rem; }
@media screen and (max-width: 575px) {
  .product-detail .product-meta .product-restock-notification .product-restock-form { display: block; }
  .product-detail .product-meta .product-restock-notification .product-restock-form input[type="submit"] { margin-top: 1rem; }
}
.product-detail .product-meta .product-restock-notification .product-restock-form input { font-size: 1rem; border: 1px solid; padding: 0.75rem; }
.product-detail .product-meta .product-restock-notification .product-restock-form input[type="text"] { min-width: 250px; width: 100%; border: 1px solid rgba(0, 0, 0, 0.12); padding: 1.2rem 2rem; box-sizing: border-box; }
.product-detail .product-meta .product-restock-notification .product-restock-form input[type="text"]::placeholder { color: rgba(0, 0, 0, 0.3); }
.product-detail .product-meta .product-restock-notification .product-restock-form input[type="submit"] { line-height: 1.25; padding: 1.2rem 2rem; }
.product-detail .product-meta .product-restock-notification .product-restock-mailing-list { line-height: normal; font-size: 0.75rem; }
.product-detail .product-meta .product-restock-notification .product-restock-mailing-list input { margin-right: 0.3rem; vertical-align: text-bottom; }
.product-detail .product-meta .product-restock-notification .product-restock-success-message { padding: 14px; background-color: rgba(0, 0, 0, 0.05); font-size: 1rem; text-align: center; overflow-wrap: break-word; }
.product-detail .product-meta .product-restock-notification .product-restock-error-message { font-size: 1rem; line-height: normal; color: rgb(240, 82, 61); }
.product-detail .product-meta .product-restock-notification .captcha-container:empty { display: none; }
.product-detail .product-meta .product-restock-notification:not([hidden]) ~ .add-to-cart { display: none !important; }
.product-detail .product-meta .product-add-ons { display: flex; flex-direction: column; gap: 22px; }
.product-detail .product-meta .product-add-ons .add-on-card { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; border: 1px solid grey; padding: 16px; }
.product-detail .product-meta .product-add-ons .product-variants { flex: 1 1 0%; }
@media screen and (max-width: 767px) {
  .product-detail .product-meta .product-add-ons .product-variants { flex-basis: 100%; order: 100; }
}
.product-detail .product-meta .product-add-ons .product-variants .variant-option { margin-bottom: 0px; }
.product-detail .product-meta .product-add-ons .product-variants .variant-option select { font-size: 15px; position: relative; color: var(--tweak-product-basic-item-description-color); padding: 13px; text-wrap: wrap; line-height: normal; }
.product-detail .product-meta .product-add-ons .product-variants .variant-option-title, .product-detail .product-meta .product-add-ons .product-variants .variant-out-of-stock { display: none; }
.product-detail .product-meta .product-add-ons .product-variants .variant-select-wrapper { display: flex; align-items: center; padding: 0px; }
.product-detail .product-meta .product-add-ons .product-variants .variant-select-wrapper::before { display: none; }
.product-detail .product-meta .product-add-ons .product-variants .variant-select-wrapper::after { height: 0.7rem; width: 0.7rem; }
.product-detail .product-meta .product-add-ons .product-variants .variant-radiobtn-wrapper { display: none; }
.product-detail .product-meta .product-add-ons .add-on-details { flex: 1 1 0%; text-align: start; }
.product-detail .product-meta .product-add-ons .add-on-details .add-on-title-link { display: block; }
.product-detail .product-meta .product-add-ons .add-on-details .add-on-title { font-size: 18px; margin-bottom: 6px; color: var(--tweak-product-basic-item-description-color); }
.product-detail .product-meta .product-add-ons .add-on-details .product-price { font-size: 15px; color: var(--tweak-product-basic-item-description-color); }
.product-detail .product-meta .product-add-ons .add-on-thumbnail { width: 66px; height: 66px; object-fit: cover; }
.product-detail .product-meta .product-add-ons .sqs-add-to-cart-button-wrapper { margin: auto; width: auto; }
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper.hidden, .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper::before { display: none; }
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button { border-radius: 50%; padding: 0px !important; height: 43px; width: 43px; display: flex; align-items: center; justify-content: center; min-height: 0px; }
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .icons-container > * { display: none; }
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .icons-container[data-icon-state="add"] > .add-icon { display: block; }
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .icons-container[data-icon-state="loading"] > .loading-icon { display: flex; }
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .icons-container[data-icon-state="complete"] > .complete-icon { display: block; }
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .complete-icon { margin-left: 2px; }
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .loading-icon { flex-direction: row; justify-content: center; align-items: center; gap: 4px; }
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .loading-icon .loading-dot { background: var(--primaryButtonTextColor); width: 5px; height: 5px; border-radius: 50%; position: relative; }
.primary-button-style-outline .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .loading-icon .loading-dot, .primary-button-style-solid.primary-button-shape-underline .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .loading-icon .loading-dot { background: var(--primaryButtonBackgroundColor); }
@keyframes loading-dot-2 {
0% { opacity: 0; }
25% { opacity: 1; }
}
@keyframes loading-dot-3 {
0% { opacity: 0; }
50% { opacity: 1; }
}
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .loading-icon .loading-dot:nth-child(2) { animation: 2.1s steps(1) infinite loading-dot-2; }
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .loading-icon .loading-dot:nth-child(3) { animation: 2.1s steps(1) infinite loading-dot-3; }
.primary-button-style-outline .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button:hover .loading-dot { background: var(--primaryButtonTextColor); }
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg { border-radius: 100%; width: 15px; height: 15px; fill: var(--primaryButtonTextColor); }
.primary-button-style-outline .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg, .primary-button-style-solid.primary-button-shape-underline .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg { fill: var(--primaryButtonBackgroundColor); }
.product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg.add-icon { stroke: var(--primaryButtonTextColor); stroke-width: 2px; }
.primary-button-style-outline .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg.add-icon, .primary-button-style-solid.primary-button-shape-underline .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg.add-icon { stroke: var(--primaryButtonBackgroundColor); }
.primary-button-style-outline .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button:hover svg { fill: var(--primaryButtonTextColor); }
.primary-button-style-outline .product-detail .product-meta .product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button:hover svg.add-icon { stroke: var(--primaryButtonTextColor); }
.afterpay-modal-overlay { position: fixed; display: none; width: 100%; height: 100%; inset: 0px; background-color: black; opacity: 0.4; z-index: 99; }
.afterpay-modal { visibility: hidden; position: fixed; top: 50%; left: 0px; right: 0px; z-index: 100; transform: translate(50%, -50%); width: 50%; background-color: white; justify-content: center; align-items: center; overflow: scroll; }
.afterpay-modal h3 { color: black; text-transform: none; }
.afterpay-modal .afterpay-modal-close-button { background-color: transparent; top: 0px; right: 0px; margin: 22px; position: absolute; border: 0px; }
@media screen and (max-width: 991px) {
  .afterpay-modal { height: 100%; width: 100%; inset: 0px; transform: none; }
}
@keyframes gallery-image-enter-from-right {
0% { transform: translateX(101%); }
100% { transform: translateX(0px); }
}
@keyframes gallery-image-exit-to-left {
0% { transform: translateX(0px); }
100% { transform: translateX(-101%); }
}
@keyframes gallery-image-enter-from-left {
0% { transform: translateX(-101%); }
100% { transform: translateX(0px); }
}
@keyframes gallery-image-exit-to-right {
0% { transform: translateX(0px); }
100% { transform: translateX(101%); }
}
.product-gallery { display: flex; gap: 10px; align-items: flex-start; overflow: hidden; user-select: none; margin: 0px; }
@media screen and (max-width: 767px) {
  .product-gallery { padding-bottom: 25px; width: 100%; }
}
@media screen and (min-width: 768px) {
  .product-gallery { width: var(--product-gallery-width); }
}
.product-gallery[data-gallery-placement="right"] { flex-direction: row-reverse; }
.product-gallery[data-thumbnail-placement="below"] { flex-flow: column-reverse; }
.product-gallery[data-gallery-placement="right"][data-thumbnail-placement="below"] { align-items: flex-end; }
.product-gallery .enable-on-first-image-load { opacity: 0; transition: opacity 0.5s; pointer-events: none; }
.product-gallery .enable-on-first-image-load.enabled { opacity: 1; pointer-events: auto; }
.product-gallery-current-slide-indicator { position: absolute; top: 18px; right: 20px; display: inline-block; z-index: 3; font-size: 12px; color: var(--tweak-product-basic-item-gallery-controls-color); }
@media screen and (min-width: 768px) {
  .product-gallery-current-slide-indicator { display: none; }
}
.product-gallery-carousel-controls { --product-gallery-carousel-control-click-area-size: calc(var(--product-gallery-carousel-arrow-size) + 20px); position: absolute; width: 100%; left: 0px; z-index: 3; justify-content: space-between; top: 50%; transform: translateY(-50%); display: none; }
.product-gallery-carousel-controls.enable-on-first-image-load.enabled { pointer-events: none; }
@media screen and (max-width: 767px) {
  .product-gallery-carousel-controls { display: flex; }
}
@media screen and (min-width: 768px) {
  [data-gallery-design="carousel"] .product-gallery-carousel-controls, [data-gallery-design="slideshow"] .product-gallery-carousel-controls { display: flex; }
}
[data-carousel-controls-hidden="true"] .product-gallery-carousel-controls { display: none; }
.product-gallery-carousel-controls .product-gallery-carousel-control { padding: 0px; border: medium; background-color: transparent; width: var(--product-gallery-carousel-control-click-area-size); height: var(--product-gallery-carousel-control-click-area-size); min-width: 50px; min-height: 50px; cursor: pointer; margin: 0px 1.5vw; display: flex; align-items: center; pointer-events: auto; }
.product-gallery-carousel-controls .product-gallery-carousel-control::after { display: block; content: ""; width: var(--product-gallery-carousel-arrow-size); height: var(--product-gallery-carousel-arrow-size); border-style: solid; border-color: var(--tweak-product-basic-item-gallery-controls-color); border-width: 1px 1px 0px 0px; margin: calc((var(--product-gallery-carousel-control-click-area-size) - var(--product-gallery-carousel-arrow-size)) / 2); }
.product-gallery-carousel-controls .product-gallery-carousel-control:focus { outline-color: var(--tweak-product-basic-item-gallery-controls-color); }
.product-gallery-carousel-controls .product-gallery-carousel-control.product-gallery-prev { left: 0px; justify-content: flex-start; }
.product-gallery-carousel-controls .product-gallery-carousel-control.product-gallery-prev::after { transform: rotate(225deg); }
.product-gallery-carousel-controls .product-gallery-carousel-control.product-gallery-next { right: 0px; justify-content: flex-end; }
.product-gallery-carousel-controls .product-gallery-carousel-control.product-gallery-next::after { transform: rotate(45deg); }
.product-gallery-slides { position: relative; flex-grow: 1; max-width: 100%; aspect-ratio: var(--product-gallery-aspect-ratio); }
@media screen and (min-width: 768px) {
  .product-gallery-slides { overflow: hidden; }
  [data-gallery-design="stacked"] .product-gallery-slides { aspect-ratio: unset; }
}
[data-thumbnail-placement="below"] .product-gallery-slides { width: 100%; }
.product-gallery-slides-item { width: 100%; }
.product-gallery-slides-item.selected { z-index: 2; }
.product-gallery-slides-item:focus { outline-width: 0px; }
.product-gallery-slides-item:focus::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; outline-width: var(--sqs-focus-outline-width); outline-style: var(--sqs-focus-outline-style); outline-offset: var(--sqs-focus-outline-offset-flush); outline-color: currentcolor; }
.product-gallery-slides-item:focus:not(:focus-visible)::after { outline-style: none; }
@media screen and (max-width: 767px) {
  .product-gallery-slides-item { visibility: hidden; }
  .product-gallery-slides-item.going-prev.next-slide { display: block; visibility: visible; }
  .product-gallery-slides-item.going-prev.next-slide.prev-loaded { animation: 0.5s ease-in-out both gallery-image-exit-to-right; z-index: 1; }
  .product-gallery-slides-item.going-prev.selected { display: block; visibility: visible; }
  .product-gallery-slides-item.going-prev.selected.loaded { animation: 0.5s ease-in-out both gallery-image-enter-from-left; }
  .product-gallery-slides-item.going-next.prev-slide { display: block; visibility: visible; }
  .product-gallery-slides-item.going-next.prev-slide.next-loaded { animation: 0.5s ease-in-out both gallery-image-exit-to-left; z-index: 1; }
  .product-gallery-slides-item.going-next.selected { display: block; visibility: visible; }
  .product-gallery-slides-item.going-next.selected.loaded { animation: 0.5s ease-in-out both gallery-image-enter-from-right; }
}
@media screen and (min-width: 768px) {
  [data-gallery-design="slideshow"] .product-gallery-slides-item:not(.selected) { opacity: 0; }
  [data-gallery-design="carousel"] .product-gallery-slides-item { visibility: hidden; }
  [data-gallery-design="carousel"] .product-gallery-slides-item.going-prev.next-slide { display: block; visibility: visible; }
  [data-gallery-design="carousel"] .product-gallery-slides-item.going-prev.next-slide.prev-loaded { animation: 0.5s ease-in-out both gallery-image-exit-to-right; z-index: 1; }
  [data-gallery-design="carousel"] .product-gallery-slides-item.going-prev.selected { display: block; visibility: visible; }
  [data-gallery-design="carousel"] .product-gallery-slides-item.going-prev.selected.loaded { animation: 0.5s ease-in-out both gallery-image-enter-from-left; }
  [data-gallery-design="carousel"] .product-gallery-slides-item.going-next.prev-slide { display: block; visibility: visible; }
  [data-gallery-design="carousel"] .product-gallery-slides-item.going-next.prev-slide.next-loaded { animation: 0.5s ease-in-out both gallery-image-exit-to-left; z-index: 1; }
  [data-gallery-design="carousel"] .product-gallery-slides-item.going-next.selected { display: block; visibility: visible; }
  [data-gallery-design="carousel"] .product-gallery-slides-item.going-next.selected.loaded { animation: 0.5s ease-in-out both gallery-image-enter-from-right; }
  [data-gallery-design="stacked"] .product-gallery-slides-item { margin-bottom: 25px; position: relative; height: 100%; overflow: hidden; }
  [data-gallery-design="stacked"] .product-gallery-slides-item:last-child { margin-bottom: 0px; }
}
[data-gallery-design="slideshow"] .product-gallery-slides-item, [data-gallery-design="carousel"] .product-gallery-slides-item { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; padding-bottom: 0px; display: none; }
[data-gallery-design="slideshow"] .product-gallery-slides-item.selected, [data-gallery-design="carousel"] .product-gallery-slides-item.selected, [data-gallery-design="slideshow"] .product-gallery-slides-item.thumbnail-hovered, [data-gallery-design="carousel"] .product-gallery-slides-item.thumbnail-hovered { display: block; }
[data-gallery-design="slideshow"] .product-gallery-slides-item.prev-slide, [data-gallery-design="carousel"] .product-gallery-slides-item.prev-slide, [data-gallery-design="slideshow"] .product-gallery-slides-item.next-slide, [data-gallery-design="carousel"] .product-gallery-slides-item.next-slide { display: block; }
@media screen and (max-width: 767px) {
  .product-gallery-slides-item { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; padding-bottom: 0px; display: none; }
  .product-gallery-slides-item.selected, .product-gallery-slides-item.thumbnail-hovered { display: block; }
  .product-gallery-slides-item.prev-slide, .product-gallery-slides-item.next-slide { display: block; }
}
[data-click-action="lightbox"] .product-gallery-slides-item { cursor: pointer; }
[data-click-action="zoom"]:not([data-hover-action="zoom"]) .product-gallery-slides-item, [data-click-action="zoom"][data-gallery-design="carousel"] .product-gallery-slides-item { cursor: zoom-in; }
[data-click-action="zoom"]:not([data-hover-action="zoom"]) .product-gallery-slides-item.is-zoomed, [data-click-action="zoom"][data-gallery-design="carousel"] .product-gallery-slides-item.is-zoomed { cursor: zoom-out; }
.is-zoomed .product-gallery-slides-item-image { visibility: hidden; }
@media screen and (min-width: 768px) {
  [data-gallery-design="stacked"] .product-gallery-slides-item-image { display: block; width: 100%; left: 0px !important; right: 0px !important; }
}
.product-gallery-slides-item:not(.loaded) .product-gallery-slides-item-image { opacity: 0; }
.product-gallery-scroll { display: none; position: relative; scrollbar-width: none; }
.product-gallery-scroll::after { display: block; content: ""; height: 10vh; width: 100%; position: sticky; bottom: 0px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--siteBackgroundColor) 100%); }
@media screen and (min-width: 768px) {
  [data-gallery-design="slideshow"] .product-gallery-scroll { display: block; }
}
[data-thumbnail-placement="side"] .product-gallery-scroll { width: auto; max-height: 80vh; overflow-y: auto; }
@media screen and (max-width: 767px) {
  [data-thumbnail-placement="side"] .product-gallery-scroll { margin-right: 0px; }
}
[data-thumbnail-placement="below"] .product-gallery-scroll { width: 100%; }
[data-thumbnail-placement="below"] .product-gallery-scroll::after { display: none; }
.product-gallery-thumbnails { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; line-height: 0; }
[data-thumbnail-placement="below"] .product-gallery-thumbnails { flex-direction: row; }
[data-gallery-design="slideshow"] .product-gallery-thumbnails { margin-bottom: 10vh; }
[data-gallery-design="slideshow"][data-thumbnail-placement="below"] .product-gallery-thumbnails { overflow-x: auto; white-space: nowrap; }
.product-gallery-thumbnails-item { background: transparent; border: 0px; width: 50px; cursor: pointer; padding: 0px; aspect-ratio: var(--product-gallery-aspect-ratio); transition: opacity 0.3s ease-in; }
.product-gallery-thumbnails-item:not(.loaded) { opacity: 0; }
.product-gallery .product-image-zoom-duplicate { position: absolute; inset: 0px; height: 100%; width: 100%; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.product-gallery .product-image-zoom-duplicate img { width: 100%; }
.product-gallery .product-gallery-slides-item.loaded.is-zoomed .product-image-zoom-duplicate { opacity: 1; }