.gform_wrapper.gravity-theme .gfield_label{display:block;font-size:16px;font-weight:700;margin-bottom:8px;padding:0}.gform_wrapper.gravity-theme .gform-field-label .gform-field-label__text{display:inline;padding-inline-end:0.125em}.gform_wrapper.gravity-theme .gform-field-label>.gfield_required{display:inline}.gform_wrapper.gravity-theme .gfield_header_item,.gform_wrapper.gravity-theme .gform_fileupload_rules,.gform_wrapper.gravity-theme .ginput_complex label{font-size:15px;padding-top:5px}.gform_wrapper.gravity-theme .left_label .gform-field-label>.gfield_required:where([\:has\(.gfield_required_long\)]),.gform_wrapper.gravity-theme .right_label .gform-field-label>.gfield_required:where([\:has\(.gfield_required_long\)]){display:block}.gform_wrapper.gravity-theme .left_label .gform-field-label>.gfield_required:where(:has(.gfield_required_long)),.gform_wrapper.gravity-theme .right_label .gform-field-label>.gfield_required:where(:has(.gfield_required_long)){display:block}@media (max-width:640px){.gform_wrapper.gravity-theme .left_label .gform-field-label>.gfield_required:where([\:has\(.gfield_required_long\)]),.gform_wrapper.gravity-theme .right_label .gform-field-label>.gfield_required:where([\:has\(.gfield_required_long\)]){display:inline}.gform_wrapper.gravity-theme .left_label .gform-field-label>.gfield_required:where(:has(.gfield_required_long)),.gform_wrapper.gravity-theme .right_label .gform-field-label>.gfield_required:where(:has(.gfield_required_long)){display:inline}}.gform_wrapper.gravity-theme:not(.top_label) .ginput_container.ginput_single_email{margin-left:0}.gform_wrapper.gravity-theme .gform_validation_errors{background:#fff9f9;border-radius:5px;border:1.5px solid #c02b0a;box-shadow:0 1px 4px rgba(0,0,0,.11),0 0 4px rgba(18,25,97,.0405344);margin-block-end:8px;margin-block-start:8px;padding-block:16px;padding-inline-end:16px;padding-inline-start:48px;position:relative;width:100%}.gform_wrapper.gravity-theme .gform_validation_errors:focus{outline:2px solid #c02b0a;outline-offset:2px}.gform_wrapper.gravity-theme .gform_validation_errors>h2{color:#c02b0a;font-size:13.2px;font-weight:500;line-height:17.6px;margin-block-end:12px;margin-block-start:0;margin-inline:0}.gform_wrapper.gravity-theme .gform_validation_errors>h2::before{display:none}.gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon{align-items:center;display:flex;font-size:28px;height:100%;inset-inline-start:12px;position:absolute;inset-block-start:0}.gform_wrapper.gravity-theme .gform_validation_errors>h2.hide_summary{margin:0;padding:0}.gform_wrapper.gravity-theme .gform_validation_errors>ol{padding-inline-start:20px}.gform_wrapper.gravity-theme .gform_validation_errors>ol a{color:#c02b0a;font-size:13.2px}.gform_wrapper.gravity-theme .gform_validation_errors>ol a:focus{outline:2px solid #c02b0a;outline-offset:2px}.gform_wrapper.gravity-theme .gform_validation_errors>ol li{color:#c02b0a;font-size:13.2px;list-style-type:disc!important;margin-block-end:8px;margin-block-start:0;margin-inline:0}.gform_wrapper.gravity-theme .gform_validation_errors>ol li:last-of-type{margin-block-end:0}.gform_wrapper.gravity-theme .gfield_required{color:#c02b0a;display:inline;font-size:13.008px}.gform_wrapper.gravity-theme .gfield_required .gfield_required_custom,.gform_wrapper.gravity-theme .gfield_required .gfield_required_text{font-style:italic;font-weight:400}.gform_wrapper.gravity-theme .gform_required_legend .gfield_required{padding-inline-start:0}.gform_wrapper.gravity-theme .validation_error{border-block-end:2px solid #c02b0a;border-block-start:2px solid #c02b0a;color:#c02b0a;font-size:1em;font-weight:700;margin-block-end:32px;padding:16px;text-align:center}.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_item>.gfield label,.gform_wrapper.gravity-theme .gfield_error label,.gform_wrapper.gravity-theme .gfield_error legend,.gform_wrapper.gravity-theme .gfield_validation_message,.gform_wrapper.gravity-theme .validation_message,.gform_wrapper.gravity-theme [aria-invalid=true]+label,.gform_wrapper.gravity-theme label+[aria-invalid=true]{color:#c02b0a}.gform_wrapper.gravity-theme .gfield_validation_message,.gform_wrapper.gravity-theme .validation_message{background:#fff9f9;border:1px solid #c02b0a;font-size:14.992px;margin-block-start:8px;padding:12.992px 24px}.gform_wrapper.gravity-theme .left_label.validation_above fieldset .gfield_validation_message,.gform_wrapper.gravity-theme .left_label.validation_above fieldset .validation_message,.gform_wrapper.gravity-theme .right_label.validation_above fieldset .gfield_validation_message,.gform_wrapper.gravity-theme .right_label.validation_above fieldset .validation_message{clear:right}.gform_wrapper.gravity-theme .validation_above .gfield_validation_message,.gform_wrapper.gravity-theme .validation_above .validation_message{margin-block-end:16px}.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]{border:1px solid #c02b0a}.gform_wrapper.gravity-theme .gform_previous_button.button,.gform_wrapper.gravity-theme .gform_save_link.button{-webkit-appearance:none!important;background-color:#fff;color:#6b7280;text-decoration:none}.gform_wrapper.gravity-theme .gform_previous_button.button svg,.gform_wrapper.gravity-theme .gform_save_link.button svg{display:inline-block;margin-right:4px}.gform_wrapper.gravity-theme button.button:disabled{opacity:.6}.gform_wrapper.gravity-theme button.gform-button.gform-has-spinner,.gform_wrapper.gravity-theme button.gform-theme-button.gform-has-spinner,.gform_wrapper.gravity-theme button.gform_button.gform-has-spinner{color:transparent;position:relative}.gform_wrapper.gravity-theme #field_submit,.gform_wrapper.gravity-theme .gfield--type-submit,.gform_wrapper.gravity-theme .gform_footer{display:flex}.gform_wrapper.gravity-theme #field_submit button,.gform_wrapper.gravity-theme .gfield--type-submit button,.gform_wrapper.gravity-theme .gform_footer button{align-self:flex-end;position:relative}.gform_wrapper.gravity-theme #field_submit .gform_image_button,.gform_wrapper.gravity-theme .gfield--type-submit .gform_image_button,.gform_wrapper.gravity-theme .gform_footer .gform_image_button{background-color:transparent;border:none;border-radius:0;height:auto;padding:0;width:auto}.gform_wrapper.gravity-theme #field_submit .gform-button--width-full,.gform_wrapper.gravity-theme .gfield--type-submit .gform-button--width-full,.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full{text-align:center;width:100%}.gform_wrapper.gravity-theme .ginput_complex{display:flex;flex-flow:row wrap}.gform_wrapper.gravity-theme .ginput_complex fieldset,.gform_wrapper.gravity-theme .ginput_complex span{flex:1}.gform_wrapper.gravity-theme .ginput_complex .ginput_full{flex:0 0 100%}.gform_wrapper.gravity-theme .ginput_complex .clear-multi{display:flex}.gform_wrapper.gravity-theme .ginput_complex label,.gform_wrapper.gravity-theme .ginput_complex legend{display:block}.gform_wrapper.gravity-theme .ginput_complex input,.gform_wrapper.gravity-theme .ginput_complex select{width:100%}.gform_wrapper.gravity-theme .ginput_container_address{margin-left:-1%;margin-right:-1%}.gform_wrapper.gravity-theme .ginput_container_address span{flex:0 0 50%;padding-left:.9804%;padding-right:.9804%}@media (min-width:641px){.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full){padding-right:1%}.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full){padding-left:1%;padding-right:0}.gform_wrapper.gravity-theme .ginput_container_address span,.gform_wrapper.gravity-theme .ginput_full:not(:last-of-type){margin-bottom:8px}.gform_wrapper.gravity-theme .ginput_container_address{margin-bottom:-8px}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full){padding-left:1%;padding-right:0}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full){padding-left:0;padding-right:1%}}@media (max-width:640px){.gform_wrapper.gravity-theme .ginput_complex span{flex:0 0 100%;margin-bottom:8px;padding-left:0}.gform_wrapper.gravity-theme .ginput_complex.ginput_container_address span{padding-left:.9804%}}.gform_wrapper.gravity-theme .description,.gform_wrapper.gravity-theme .gfield_description,.gform_wrapper.gravity-theme .gsection_description,.gform_wrapper.gravity-theme .instruction{font-family:inherit;font-size:15px;letter-spacing:normal;line-height:inherit;padding-top:13px;width:100%}.gform_wrapper.gravity-theme .field_description_above .description,.gform_wrapper.gravity-theme .field_description_above .gfield_description,.gform_wrapper.gravity-theme .field_description_above .gsection_description,.gform_wrapper.gravity-theme .field_description_above .instruction{padding-bottom:16px}.gform_wrapper.gravity-theme .field_sublabel_above .description,.gform_wrapper.gravity-theme .field_sublabel_above .gfield_description,.gform_wrapper.gravity-theme .field_sublabel_above .gsection_description{margin-top:9.008px}.gform_wrapper.gravity-theme .top_label .gsection_description{margin-bottom:9.008px;width:100%}.gform_wrapper.gravity-theme .gfield_consent_description_text{border:1px solid #ddd;font-size:14.4px;max-height:240px;overflow-y:auto;padding:6.4px 8px;width:100%}.gform_wrapper.gravity-theme .field_description_above .gfield_choice_limit_message,.gform_wrapper.gravity-theme .field_sublabel_above .gfield_choice_limit_message,.gform_wrapper.gravity-theme .gfield_choice_limit_message{display:block;margin-bottom:8px;margin-top:0;padding-bottom:0;padding-top:0}.gform_wrapper.gravity-theme .left_label .description,.gform_wrapper.gravity-theme .left_label .gfield_description,.gform_wrapper.gravity-theme .left_label .instruction,.gform_wrapper.gravity-theme .right_label .description,.gform_wrapper.gravity-theme .right_label .gfield_description,.gform_wrapper.gravity-theme .right_label .instruction{float:inline-end}@media (max-width:640px){.gform_wrapper.gravity-theme .left_label .description,.gform_wrapper.gravity-theme .left_label .gfield_description,.gform_wrapper.gravity-theme .left_label .instruction,.gform_wrapper.gravity-theme .right_label .description,.gform_wrapper.gravity-theme .right_label .gfield_description,.gform_wrapper.gravity-theme .right_label .instruction{float:none}}.gform_wrapper.gravity-theme .gfield_creditcard_warning{background-color:rgba(255,223,224,.25);border-bottom:4px solid #c02b0a;border-top:2px solid #c02b0a;padding:16px}.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message{color:#c02b0a;font-family:inherit;font-size:16px;font-weight:700;min-height:32px;position:relative}.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMTA2NyAyODY1IDI0IDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xMDY3IDI4NjUgMjQgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3OTAwMDA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTA1MywyODY1Yy01LjUsMC0xMCw0LjUtMTAsMTBoNGMwLTMuMywyLjctNiw2LTZjMy4zLDAsNiwyLjcsNiw2djJoLTIwdjE0YzAsMy4zLDIuNyw2LDYsNmgxMg0KCWMzLjMsMCw2LTIuNyw2LTZ2LTE2Qy0xMDQzLDI4NjkuNS0xMDQ3LjUsMjg2NS0xMDUzLDI4NjV6IE0tMTA0OSwyODkzaC0xMmMtMS4xLDAtMi0wLjktMi0ydi0xMGgxNnYxMA0KCUMtMTA0NywyODkyLjEtMTA0Ny45LDI4OTMtMTA0OSwyODkzeiBNLTEwNTMsMjg4N2MwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJTLTEwNTMsMjg4NS45LTEwNTMsMjg4N3oiLz4NCjwvc3ZnPg0K);background-position:0 3.2px;background-repeat:no-repeat;background-size:24px 16px;border-bottom:1px solid #c02b0a;display:block;letter-spacing:.1pt;margin-bottom:16px;padding:0 0 16px 24px;text-transform:uppercase}.gform_wrapper.gravity-theme .ginput_cardextras{display:flex;flex-wrap:wrap}.gform_wrapper.gravity-theme .ginput_complex .ginput_cardinfo_right input{max-width:112px;width:30%}.gform_wrapper.gravity-theme .ginput_card_expiration_container{display:flex;flex-wrap:wrap}.gform_wrapper.gravity-theme .ginput_card_expiration_month{flex:1;margin-right:16px}.gform_wrapper.gravity-theme .ginput_card_expiration_year{flex:1}.gform_wrapper.gravity-theme .ginput_cardinfo_left label,.gform_wrapper.gravity-theme .ginput_cardinfo_left legend,.gform_wrapper.gravity-theme .ginput_cardinfo_right label,.gform_wrapper.gravity-theme .ginput_cardinfo_right legend{flex:1 1 100%}.gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left{display:flex;flex-direction:column}.gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left legend{float:left;padding-top:5px}.gform_wrapper.gravity-theme .field_sublabel_below fieldset.ginput_cardinfo_left{flex-direction:column-reverse}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_card_expiration_month{margin-left:16px;margin-right:0}html[dir=rtl] .gform_wrapper.gravity-theme .gform_card_icon{float:right}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span{background-position:right 3.2px;background-repeat:no-repeat;background-size:24px 16px;display:block;margin-bottom:16px;padding:0 24px 16px 0}html[dir=rtl] .gform_wrapper.gravity-theme fieldset.ginput_cardinfo_left{display:flex}@media (max-width:640px){.gform_wrapper.gravity-theme .ginput_card_expiration{flex:none}.gform_wrapper.gravity-theme .ginput_card_expiration_month{margin-bottom:8px}}.gform_wrapper.gravity-theme .ginput_container_date+.ginput_container_date{margin-left:2%}.gform_wrapper.gravity-theme .ginput_container_date[style*="display:none"]+.ginput_container_date{margin-left:0}.gform_wrapper.gravity-theme .ginput_container_date label{display:block}.gform_wrapper.gravity-theme .gfield--datepicker-custom-icon .ginput_container_date .gform-calendar-icon::before,.gform_wrapper.gravity-theme .gfield--datepicker-default-icon .ginput_container_date .gform-calendar-icon::before{font-family:gform-icons-theme!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;color:#686e77;content:"\e911";font-size:24px}.gform_wrapper.gravity-theme .gfield--datepicker-custom-icon .ginput_container_date button,.gform_wrapper.gravity-theme .gfield--datepicker-default-icon .ginput_container_date button{background:0 0;border:none;padding:0}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date+.ginput_container_date{margin-left:0;margin-right:16px}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date[style*="display:none"]+.ginput_container_date{margin-right:0}.gravity-theme .ginput_container_date{position:relative}.gravity-theme .gform-datepicker-calendar{background:#fff;border:1px solid #d0d1d3;border-radius:3px;box-shadow:0 .0625rem .25rem rgba(0,0,0,.11),0 0 .25rem rgba(18,25,97,.0405344);color:#607382;font-size:.8125rem;font-weight:var(--gform-theme-font-weight-medium);inset-block-start:36px;margin-top:5px;max-width:400px;padding:15px;position:absolute;width:auto;z-index:99}.gravity-theme .gform-datepicker-calendar td,.gravity-theme .gform-datepicker-calendar th{padding:5px}.gravity-theme .gform-datepicker-calendar .nav.next,.gravity-theme .gform-datepicker-calendar .nav.prev{align-items:center;background:0 0;border:0;color:#607382;cursor:pointer;font-family:gform-icons-theme!important;font-size:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;speak:never;text-align:center;text-decoration:none;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;width:30px}.gravity-theme .gform-datepicker-calendar .nav.next:focus::before,.gravity-theme .gform-datepicker-calendar .nav.next:hover::before,.gravity-theme .gform-datepicker-calendar .nav.prev:focus::before,.gravity-theme .gform-datepicker-calendar .nav.prev:hover::before{color:#2f4054}.gravity-theme .gform-datepicker-calendar .nav.next span,.gravity-theme .gform-datepicker-calendar .nav.prev span{display:none}.gravity-theme .gform-datepicker-calendar .nav.prev::before{content:"\e910"}.gravity-theme .gform-datepicker-calendar .nav.next::before{content:"\e91b"}.gravity-theme .gform-datepicker-calendar .monthSelector .month span.current,.gravity-theme .gform-datepicker-calendar .yearSelector .year span.current{display:none}.gravity-theme .gform-datepicker-calendar select{-webkit-appearance:none;background-color:transparent;background-position:100% 50%;background-repeat:no-repeat;background-size:24px 24px;box-shadow:none;color:#585e6a;cursor:pointer;display:inline-block;text-align:center;width:100%}.gravity-theme .gform-datepicker-calendar table.calendar th span{align-items:center;color:#2f4054;display:flex;font-size:.8125rem;font-weight:var(--gform-theme-font-weight-medium);height:40px;justify-content:center;width:40px}.gravity-theme .gform-datepicker-calendar table.calendar td{font-size:.8125rem;height:50px}.gravity-theme .gform-datepicker-calendar table.calendar td span{align-items:center;background:0 0;border:1px solid transparent;border-radius:100%;box-shadow:none;color:#2f4054;display:flex;height:40px;justify-content:center;text-decoration:none;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;width:40px}.gravity-theme .gform-datepicker-calendar table.calendar td span:focus,.gravity-theme .gform-datepicker-calendar table.calendar td span:hover{background:0 0;border-color:#607382;outline:0}.gravity-theme .gform-datepicker-calendar table.calendar td span:active{background:#f2f3f5;border-color:#607382}.gravity-theme .gform-datepicker-calendar table.calendar .dayToday span{background:#607382;border-color:#607382;box-shadow:0 .125rem .125rem rgba(58,58,87,.0596411);color:#fff}.gravity-theme .gform-datepicker-calendar table.calendar .dayToday span:focus,.gravity-theme .gform-datepicker-calendar table.calendar .dayToday span:hover{background:0 0;border-color:#607382;color:#2f4054;outline:0}.gravity-theme .gform-datepicker-calendar table.calendar .disabled{background:0 0}.gravity-theme .gform-datepicker-calendar table.calendar .disabled span{background:#f2f3f5;border:1px solid rgba(32,32,46,.079);box-shadow:0 .125rem .125rem rgba(58,58,87,.0596411);color:#686e77;cursor:text}@media (max-width:640px){.gravity-theme .gform-datepicker-calendar{max-width:235px}.gravity-theme .gform-datepicker-calendar table.calendar td,.gravity-theme .gform-datepicker-calendar table.calendar th{height:20px;padding:3px}.gravity-theme .gform-datepicker-calendar table.calendar td span,.gravity-theme .gform-datepicker-calendar table.calendar th span{height:20px;width:20px}}.gform_wrapper.gravity-theme .gform_footer,.gform_wrapper.gravity-theme .gform_page_footer{margin:6px 0 0;padding:16px 0}.gform_wrapper.gravity-theme .gform_footer.left_label,.gform_wrapper.gravity-theme .gform_footer.right_label,.gform_wrapper.gravity-theme .gform_page_footer.left_label,.gform_wrapper.gravity-theme .gform_page_footer.right_label{padding-block:16px 10px;padding-inline:30% 0}@media (max-width:640px){.gform_wrapper.gravity-theme .gform_footer.left_label,.gform_wrapper.gravity-theme .gform_footer.right_label,.gform_wrapper.gravity-theme .gform_page_footer.left_label,.gform_wrapper.gravity-theme .gform_page_footer.right_label{padding-inline:0}}.gform_wrapper.gravity-theme .gform_footer button,.gform_wrapper.gravity-theme .gform_footer input,.gform_wrapper.gravity-theme .gform_page_footer button,.gform_wrapper.gravity-theme .gform_page_footer input{margin-bottom:8px}.gform_wrapper.gravity-theme .gform_footer button.button:disabled,.gform_wrapper.gravity-theme .gform_footer input.button:disabled,.gform_wrapper.gravity-theme .gform_page_footer button.button:disabled,.gform_wrapper.gravity-theme .gform_page_footer input.button:disabled{opacity:.6}.gform_wrapper.gravity-theme .gform_footer button+button,.gform_wrapper.gravity-theme .gform_footer button+input,.gform_wrapper.gravity-theme .gform_footer input+button,.gform_wrapper.gravity-theme .gform_footer input+input,.gform_wrapper.gravity-theme .gform_page_footer button+button,.gform_wrapper.gravity-theme .gform_page_footer button+input,.gform_wrapper.gravity-theme .gform_page_footer input+button,.gform_wrapper.gravity-theme .gform_page_footer input+input{margin-inline-start:8px}.gform_wrapper.gravity-theme .gfield_checkbox label,.gform_wrapper.gravity-theme .gfield_radio label{display:inline-block;font-size:15px}.gform_wrapper.gravity-theme .gfield_checkbox button,.gform_wrapper.gravity-theme .gfield_checkbox input[type=text],.gform_wrapper.gravity-theme .gfield_radio button,.gform_wrapper.gravity-theme .gfield_radio input[type=text]{margin-top:16px}.gform_wrapper.gravity-theme .gfield-choice-input{display:inline-block;margin-top:0;top:0;vertical-align:middle}.gform_wrapper.gravity-theme .gfield-choice-input+label{margin-bottom:0;max-width:calc(100% - 32px);vertical-align:middle}.gform_wrapper.gravity-theme .gfield-choice-input:disabled+label{color:#757575}.gform_wrapper.gravity-theme input[type=number]{display:inline-block}.gform_wrapper.gravity-theme input[type=color],.gform_wrapper.gravity-theme input[type=date],.gform_wrapper.gravity-theme input[type=datetime-local],.gform_wrapper.gravity-theme input[type=datetime],.gform_wrapper.gravity-theme input[type=email],.gform_wrapper.gravity-theme input[type=month],.gform_wrapper.gravity-theme input[type=number],.gform_wrapper.gravity-theme input[type=password],.gform_wrapper.gravity-theme input[type=search],.gform_wrapper.gravity-theme input[type=tel],.gform_wrapper.gravity-theme input[type=text],.gform_wrapper.gravity-theme input[type=time],.gform_wrapper.gravity-theme input[type=url],.gform_wrapper.gravity-theme input[type=week],.gform_wrapper.gravity-theme select,.gform_wrapper.gravity-theme textarea{font-size:15px;margin-bottom:0;margin-top:0;padding:8px}.gform_wrapper.gravity-theme .chosen-container-multi,.gform_wrapper.gravity-theme .ginput_product_price,.gform_wrapper.gravity-theme .ginput_product_price_label,.gform_wrapper.gravity-theme .ginput_quantity_label{font-size:15px}.gform_wrapper.gravity-theme .chosen-choices{padding:8px}.gform_wrapper.gravity-theme .ginput_container_date{align-content:flex-start;align-items:center;display:flex}.gform_wrapper.gravity-theme .ginput_container_date input{width:auto}.gform_wrapper.gravity-theme .ginput_container_date .datepicker_with_icon.large{width:calc(100% - 48px)}.gform_wrapper.gravity-theme .ginput_container_date button{margin-left:12.8px}.gform_wrapper.gravity-theme .ginput_container_date .gform-datepicker-toggle-icon{display:block;max-height:25.6px;max-width:25.6px}.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date{flex-basis:min-content;flex-flow:row wrap;max-width:30%}.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date input,.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date select{min-width:84px;width:100%}.gform_wrapper.gravity-theme .gfield_chainedselect.horizontal select{min-width:100px}.gform_wrapper.gravity-theme .gform_show_password{align-items:center;background:0 0;color:inherit;display:flex;height:100%}.gform_wrapper.gravity-theme .gform_show_password:focus,.gform_wrapper.gravity-theme .gform_show_password:hover{background:0 0}.gform_wrapper.gravity-theme .ginput_container_consent{line-height:1.2}.gform_wrapper.gravity-theme .gfield .ginput_quantity{width:auto}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield_checkbox,.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield_radio{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice{align-self:start;display:block;inline-size:200px;max-inline-size:200px;min-inline-size:200px;position:relative}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .gfield-image-choice-wrapper-outer{display:block}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice label{display:inline;margin:0}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice input{margin-inline-start:0}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after{font-family:gform-icons-theme!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;align-items:center;background-color:#607382;block-size:38px;border-radius:50%;color:#fff;content:"\e917";display:flex;filter:drop-shadow(0 1px 1px rgba(18, 25, 97, .15)) drop-shadow(0 2px 5px rgba(18, 25, 97, .1)) drop-shadow(0 0 0 rgba(18, 25, 97, .05));font-size:32px;inline-size:38px;inset-block-start:10px;inset-inline-end:10px;justify-content:center;position:absolute;z-index:5}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after{font-family:gform-icons-theme!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;align-items:center;background-color:#607382;block-size:38px;border-radius:50%;color:#fff;content:"\e917";display:flex;filter:drop-shadow(0 1px 1px rgba(18, 25, 97, .15)) drop-shadow(0 2px 5px rgba(18, 25, 97, .1)) drop-shadow(0 0 0 rgba(18, 25, 97, .05));font-size:32px;inline-size:38px;inset-block-start:10px;inset-inline-end:10px;justify-content:center;position:absolute;z-index:5}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after{font-family:gform-icons-theme!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;align-items:center;background-color:#607382;block-size:38px;border-radius:50%;color:#fff;content:"\e917";display:flex;filter:drop-shadow(0 1px 1px rgba(18, 25, 97, .15)) drop-shadow(0 2px 5px rgba(18, 25, 97, .1)) drop-shadow(0 0 0 rgba(18, 25, 97, .05));font-size:32px;inline-size:38px;inset-block-start:10px;inset-inline-end:10px;justify-content:center;position:absolute;z-index:5}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:has(input:checked))::after{font-family:gform-icons-theme!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;align-items:center;background-color:#607382;block-size:38px;border-radius:50%;color:#fff;content:"\e917";display:flex;filter:drop-shadow(0 1px 1px rgba(18, 25, 97, .15)) drop-shadow(0 2px 5px rgba(18, 25, 97, .1)) drop-shadow(0 0 0 rgba(18, 25, 97, .05));font-size:32px;inline-size:38px;inset-block-start:10px;inset-inline-end:10px;justify-content:center;position:absolute;z-index:5}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:focus-within) .gfield-choice-image-wrapper::before{border-color:currentcolor}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where([\:has\(.gfield-choice-input\:disabled\)]) .gfield-choice-image-wrapper{opacity:.5}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:has(.gfield-choice-input:disabled)) .gfield-choice-image-wrapper{opacity:.5}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-wrapper{aspect-ratio:1/1;margin-block-end:8px;opacity:1;overflow:hidden;position:relative}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-wrapper::before{border:2px solid transparent;content:"";display:block;inset-block:0;inset-inline:0;position:absolute;z-index:1}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-no-image{font-family:gform-icons-theme!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;background-color:#d0d1d3;block-size:100%;color:#607382;display:block;inline-size:100%;position:relative}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-no-image::before{content:"\e91e";font-size:60px;inset-block-start:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image-no-image span{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image{block-size:100%!important;display:block;inline-size:100%;max-block-size:100%;max-inline-size:100%;-o-object-fit:cover;object-fit:cover}.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice_other_control{margin-block-start:16px;max-inline-size:100%}.gform_wrapper.gravity-theme .gfield_error .ginput_container_image_choice .gfield-choice-image-wrapper::before{border-color:#c02b0a}.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--label-hide .gchoice .gfield-choice-image-wrapper{margin-block-end:0}.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--label-hide .gchoice .gfield-choice-input,.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--label-hide .gchoice .gfield-image-choice-wrapper-inner,.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--label-hide .gchoice .gform-field-label{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--input-hide .gchoice .gform-field-label{margin-inline-start:0}.gform_wrapper.gravity-theme:where(:not(.gform_wrapper_edit_form_entry)) .ginput_container_image_choice.ginput_container_image_choice--input-hide .gchoice .gfield-choice-input{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after{font-family:gform-icons-common!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;content:"\e904";font-size:20px}.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after{font-family:gform-icons-common!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;content:"\e904";font-size:20px}.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gchoice:where([\:has\(input\:checked\)])::after{font-family:gform-icons-common!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;content:"\e904";font-size:20px}.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gchoice:where(:has(input:checked))::after{font-family:gform-icons-common!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;content:"\e904";font-size:20px}.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gfield-choice-image-no-image{font-family:gform-icons-common!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none}.gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gfield-choice-image-no-image::before{content:"\e90f"}.gforms_edit_form.gf_browser_safari .gform_wrapper.gravity-theme:where(.gform_wrapper_edit_form_entry) .ginput_container_image_choice .gfield-choice-image{max-block-size:-webkit-fill-available}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date img.gform-datepicker-toggle-icon{margin-left:0;margin-right:12.8px;order:1}.gform_wrapper.gravity-theme .gsection{border-bottom:1px solid #ccc;padding:0 16px 8px 0}html[dir=rtl] .gform_wrapper.gravity-theme .gsection{padding:0 0 8px 16px}.gform_wrapper.gravity-theme .gf_progressbar_title{color:#767676;font-size:12.992px;font-weight:400;margin:0 0 4.8px 0}.gform_wrapper.gravity-theme .gf_progressbar{background:#e8e8e8;border-radius:10.5px;margin-bottom:16px;position:relative}.gform_wrapper.gravity-theme .gf_progressbar_percentage{border-radius:10.5px;height:20.992px;text-align:right;vertical-align:middle}.gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100){border-radius:10.5px 0 0 10.5px}.gform_wrapper.gravity-theme .gf_progressbar_percentage span{display:block;float:right;font-size:13px;line-height:21px;margin-left:8px;margin-right:8px;min-width:2em;width:auto}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_0 span{color:#959595;float:none;margin-left:9.6px;text-shadow:none}.gform_wrapper.gravity-theme .gf_progressbar_blue{background:#d2d6dc}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue{background-color:#1e7ac4;color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_gray{background:#d2d6dc}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_gray{background-color:#6b7280;color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_green{background:#e8e8e8}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_green{background-color:#aac138;color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_orange{background:#e8eaec}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_orange{background-color:#ff5d38;color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_red{background:#e8eaec}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_red{background-color:#ec1e31;color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_spring{background:#d2d6dc}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_spring{background:linear-gradient(270deg,#9cd790 0,#76d7db 100%);color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_blues{background:#d2d6dc}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blues{background:linear-gradient(270deg,#00c2ff 0,#7838e2 100%);color:#fff}.gform_wrapper.gravity-theme .gf_progressbar_rainbow{background:#d2d6dc}.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_rainbow{background:linear-gradient(270deg,#1dbeea 0,#cd6ad6 50%,#f35160 100%);color:#fff}html[dir=rtl] .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100){border-radius:0 10.5px 10.5px 0}.gform_wrapper.gravity-theme .gf_page_steps{border-bottom:1px solid #e5e7eb;margin-bottom:16px}.gform_wrapper.gravity-theme .gf_step{display:inline-block;margin:8px 32px 8px 0}.gform_wrapper.gravity-theme .gf_step_label,.gform_wrapper.gravity-theme .gf_step_number{display:table-cell;vertical-align:middle}.gform_wrapper.gravity-theme .gf_step_number{background:0 0;border:2px solid #cfd3d9;border-radius:20px;color:#585e6a;font-size:14px;font-weight:500;height:40px;text-align:center;width:40px}.gform_wrapper.gravity-theme .gf_step_active .gf_step_number{background:#cfd3d9;color:#607382}.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number{position:relative}.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before{background:#607382;border:2px solid #607382;border-radius:20px;content:"";display:table-cell;height:40px;left:-2px;position:absolute;top:-2px;width:40px}.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::after{align-items:center;color:#fff;content:"\e917";display:flex;font-family:gform-icons-theme;font-size:24px;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:5}.gform_wrapper.gravity-theme .gf_step_label{color:inherit;font-size:14px;font-weight:600;line-height:16px;padding-left:16px}.gform_wrapper.gravity-theme .gf_step_hidden{display:none}.gform_wrapper.gravity-theme .ginput_product_price_wrapper{display:inline-block}.gform_wrapper.gravity-theme .ginput_product_price_wrapper input:-moz-read-only{background:0 0;border:none;padding:0}.gform_wrapper.gravity-theme .ginput_product_price_wrapper input:read-only{background:0 0;border:none;padding:0}.gform_wrapper.gravity-theme .ginput_product_price,.gform_wrapper.gravity-theme .ginput_shipping_price{color:#900}.gform_wrapper.gravity-theme .ginput_total{color:#060}.gform_wrapper.gravity-theme .gfield_repeater_item{grid-column-gap:16px;-moz-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:repeat(12,1fr)}.gform_wrapper.gravity-theme .gfield_repeater_items{border:1px solid #c5c6c5;border-radius:4px;padding:16px}.gform_wrapper.gravity-theme .gfield_repeater_item>.gfield label{color:#9b9a9a;font-size:12.8px;font-weight:400;padding-top:8px}.gform_wrapper.gravity-theme .gfield_repeater_wrapper input{border:1px solid #c5c6c5;border-radius:4px}.gform_wrapper.gravity-theme .gfield_repeater_buttons{display:flex;gap:8px;grid-column:1/-1;padding-top:16px}.gform_wrapper.gravity-theme .gfield_repeater .gfield_repeater_items .gfield_repeater_item:not(:last-child){border-bottom:2px solid #e0e0e6;margin-bottom:20px;margin-right:8px;padding-bottom:20px}.gform_wrapper.gravity-theme .gfield_repeater_item_removed_message{border:1px solid #c5c6c5;border-radius:4px;font-size:12.8px;margin-block:10px;outline-width:0;padding:5px}.gform_wrapper.gravity-theme .gform-loader{align-self:center;animation:gformLoader 1.1s infinite linear;block-size:8em;border-block-end:1.1em solid #000;border-block-start:1.1em solid #fff;border-inline-end:1.1em solid #fff;border-inline-start:1.1em solid #000;border-radius:50%;display:inline-block;font-size:2px;inline-size:8em;inset:0;margin:auto;position:absolute;transform:translateZ(0);vertical-align:middle}@keyframes gformLoader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.gform_wrapper.gravity-theme .gfield_time_hour label.hour_label,.gform_wrapper.gravity-theme .gfield_time_minute label.minute_label{display:block;font-size:15px;margin:0;padding-top:5px}.gform_wrapper.gravity-theme .ginput_container_time{flex-basis:min-content;max-width:64px;min-width:64px}.gform_wrapper.gravity-theme .ginput_container_time input{margin-left:0;margin-right:0;min-width:100%}.gform_wrapper.gravity-theme .gfield_time_minute{position:relative}.gform_wrapper.gravity-theme .hour_minute_colon{line-height:2;padding:0 8px}.gform_wrapper.gravity-theme .field_sublabel_above .hour_minute_colon{align-self:flex-end}.gform_wrapper.gravity-theme .gfield_time_ampm{align-items:flex-end;display:flex;margin-left:16px}.gform_wrapper.gravity-theme .gfield_time_ampm.below,.gform_wrapper.gravity-theme .hour_minute_colon.below{align-items:flex-start}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_time_ampm{margin-left:16px;margin-right:0}html[dir=rtl] .gform_wrapper.gravity-theme .gfield--type-time .gform-grid-row{flex-direction:row-reverse;justify-content:flex-end} /** * Swipe View — Reels Viewer (SMASH-1851 / SMASH-1978 / SMASH-1979) * * Restyled 2026-09-08 to Aman's FINAL reference build (HEAD 0334f13), per the * decision log at local-notes/swipe-view-launch/aman-final-porting-decisions-2026-09-08.md. * Rule ids in comments below (1.1, IG-4, …) are that log's. * * ── Viewport-unit convention (team feedback 2026-08-24, UNCHANGED) ───────── * EVERY viewport-height value in this file is declared TWICE, `vh` first and * `dvh` second. `100vh` is the LARGE viewport — it deliberately excludes mobile * browsers' collapsible toolbars from its measurement, so on a phone the viewer * sized itself taller than the visible area and the bottom-right rail rendered * underneath the browser chrome (the reported clipping). `100dvh` tracks the * viewport as the toolbars come and go, which is what "full screen" has to mean * here. * * The two-declaration order is the whole mechanism, not styling: a browser that * doesn't parse `dvh` discards the second declaration and keeps the `vh` value, * and one that does parse it takes the later declaration per the cascade. Never * collapse a pair into just the dvh line, and never reverse the order. Rule 1.1 * of the porting log is explicit that the reference's bare `100dvh` is NOT * ported: we keep this pair convention, and a test guards it. * * The JS side is coupled to this: goToIndex() translates the track by one * viewport height per slide and uses the SAME vh-then-dvh assignment pair (see * its comment). A unit mismatch between the two files desyncs the track from the * slides progressively — slide N lands N * (100vh - 100dvh) off. * * ── Capability-query convention (rule 1.2) ───────────────────────────────── * The desktop-vs-touch switch is INPUT CAPABILITY, never viewport width. The * reference expresses it as ten `max-width: 768px` branches; every one of them * is really "does this pointer hover" — chevrons and tooltips need a mouse, the * in-frame rail and the rail-mounted CTA are touch layouts. So: * * BASE rules in this file are the TOUCH layout (full-bleed frame, no rail * column, no chevrons, no tooltips, CTA in the rail). * `@media (hover: hover) and (pointer: fine)` at the END of the file adds the * DESKTOP layout (framed 9:16 stage, rail column beside it, chevrons, * tooltips, CTA pill in the top row). * * ZERO width media queries ship from this file, and no `dvh` value appears * without its `vh` partner. tests/js/swipe-css-conventions.test.js fails the * build on either. * * ── @media placement is load-bearing, not tidiness ──────────────────────── * Every @media block lives BELOW every top-level rule. The geometry suites read * the stylesheet as `stripCssComments(css).split('@media')[0]`, so a mid-file * @media block silently truncates their view of the file and every rule after it * reads as missing. (Recorded in the survey's harness-blind-spot table; it has * bitten three times.) Narrow-viewport overrides fold into the existing blocks. */ /* ── Body lock ───────────────────────────────────────────────────────────── */ .sbi-qs-scroll-locked { overflow: hidden !important; height: 100vh; height: 100dvh; } /* ── Overlay root ────────────────────────────────────────────────────────── * * Rule 1.13 — the BACKDROP. Base (touch) is opaque with no blur: a blurred * backdrop on a full-bleed viewer paints nothing but itself, and the filter * costs a compositor pass on the least capable hardware. The desktop block * below swaps in the reference's translucent-plus-blur treatment, where the host * page staying faintly visible is Aman's stated intent. * * Rule 1.15 — TYPE SCALE without the webfont. The reference loads Inter * Variable from rsms.me; a third-party font request from a WP plugin is a new * external dependency (and self-hosting is a new bundled asset), so neither * ships. `Inter, InterVariable` lead the stack so the design's own face is used * wherever the host site already serves it, and the system stack carries the * rest. `liga`/`calt` on, matching the reference. Deliberately does NOT inherit * the host theme's font — the viewer is a self-contained surface. */ .sbi-qs-overlay { position: fixed; inset: 0; background: #000; z-index: 999999; display: none; overflow: hidden; color: #fff; color-scheme: dark; font-family: Inter, InterVariable, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif; font-feature-settings: 'liga' 1, 'calt' 1; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; user-select: none; /* Viewer root fades in over 180ms (rule 1.13). Fade-IN only: close() tears * the DOM down synchronously so focus restoration, the scroll-lock release * and the analytics flush all stay on one tick. A fade-OUT would have to * defer teardown behind a timer, which is a new failure mode (an interrupted * close leaving the body locked) for 180ms of polish on the way out. */ opacity: 0; transition: opacity 180ms ease; /* ── Geometry tokens ──────────────────────────────────────────────────── * Base values are the TOUCH layout: full-bleed frame, square corners, no * rail column reserved beside the stage. The desktop block at the end of * this file overrides all four. * * --sbi-qs-frame-shift is HALF the horizontal space the rail column plus * the stage gap occupy. Rule 1.1 centres the frame and the rail column * TOGETHER, not the frame alone, so the frame's centre sits that far left of * the window's centre. Holding it as one token is what keeps the frame, the * session-level frame chrome, the rail column and the chevrons agreeing: * five rules derive from it and none of them repeats the arithmetic. */ --sbi-qs-stage-radius: 0px; --sbi-qs-rail-w: 0px; --sbi-qs-stage-gap: 0px; --sbi-qs-frame-shift: 0px; /* ── Stage-relative anchoring (unchanged mechanism, new formula) ───────── * Half the PAINTED frame's width. This is what lets overlay-level chrome * anchor to the FRAME's edges rather than the WINDOW's: * * right: calc(50% - var(--sbi-qs-frame-shift) - var(--sbi-qs-stage-half)) * * is the frame's left inset — and, because the frame+gap+rail trio is * centred, it is also the rail column's RIGHT inset. That symmetry is why * the rail column and the chevrons can anchor off the same one expression. * * On touch the frame is full-bleed, so half of it is exactly 50vw and the * min()/ratio clamp has nothing to clamp. The desktop block restores the * continuous `min()` form — rule 1.2's clamp-not-breakpoint requirement, and * the reason a real iPhone SE (320x568, a quarter pixel above 9/16) can't * fall off a threshold. The 9/16 ratio there MUST stay the same ratio * .sbi-qs-media sizes with; a test asserts every occurrence agrees. */ --sbi-qs-stage-half: 50vw; /* Expanded-caption cap (rule IG-5). See .sbi-qs-caption-text. */ --sbi-qs-caption-cap: calc(18.2px * 12); } .sbi-qs-overlay.sbi-qs-active { display: block; } .sbi-qs-overlay.sbi-qs-visible { opacity: 1; } .sbi-qs-overlay:focus { outline: 0; } /* ── Close — window-anchored, TOP-LEFT (rule 1.4) ────────────────────────── * * MOVED from top-right (2026-09-08). Two things changed and both are the * design's: the corner, and the rest-state paint. * * Still window-anchored, and that reasoning is unchanged and still the right * one: close dismisses the VIEWER, a window-level object, so it belongs to the * window; mute and play/pause act on the VIDEO, so they belong to the frame. * Anchoring a control by what it acts on keeps deciding correctly as chrome is * added. What the reference changes is which corner — the frame's top-LEFT is * now deliberately empty (rule 1.5: no wordmark, no counter), so the window's * top-left is free and the frame's top-right belongs to mute + CTA. * * The 2026-08-18 bare-glyph decision is REVERSED here, deliberately rather than * by drift: rule 1.4 gives every circular control in this design one paint — * `rgba(255,255,255,.16)` at rest, `.28` on hover — and close, the chevrons and * the TikTok rail circles all share it. The reference's own mobile IG override * to `.14` is a specificity accident (spec §4.4 item 1, confirmed against his * "all circular buttons share one style" commit), so `.16` is used uniformly on * both viewports. * * 40x40 is the design's box and is BELOW the 44px convention this file uses * elsewhere. Recorded, not silently accepted: 40px clears WCAG 2.5.8 (24px) and * 2.5.5's AAA target is 44px, which this viewer's other controls meet. The * design's number wins per the authority split (visual design = Aman), and the * gap is one line in the change log rather than a silent 4px. */ .sbi-qs-close { /* ── The UA's form-control defaults, refused explicitly ────────────────── * A