.esri-1711584474845026QQuU-proxyregistration-dynamicForm-customercheck .rf-feedback-alert.danger { background-color: transparent !important; border-color: transparent !important; } /* Removes ArcGIS Sign In/AGOL | DO NOT TOUCH */ .gnav_top-nav-user-profile-button.gnav_top-nav-user-profile-button_login-button, .gnav_top-nav-user-profile-button.gnav_top-nav-user-profile-button_view-profile-button { display: none; visibility: hidden; } /* END Removes ArcGIS Sign In/AGOL | DO NOT TOUCH */ /* Adds dynamic width for banner content | DO NOT TOUCH */ .half-content .flex-box-child.rf-grid-layout-100 { inline-size: 100%; margin-inline: auto; } @media (min-width: 760px){ .half-content .flex-box-child.rf-grid-layout-100 { inline-size: 50%; margin-inline: auto; } } /* END Adds dynamic width for banner content | DO NOT TOUCH */ /* Brings over default Esri RF Styles, copied from esri-rf-styles.css | DO NOT TOUCH */ :root { /* Calcite defaults */ --calcite-ui-brand: #007ac2; --calcite-ui-brand-hover: #00619B; --calcite-ui-brand-press: #004874; --calcite-ui-background: #f8f8f8; --calcite-ui-foreground-1: #ffffff; --calcite-ui-foreground-2: #f3f3f3; --calcite-ui-foreground-3: #eaeaea; --calcite-ui-text-1: #151515; --calcite-ui-text-2: #4a4a4a; --calcite-ui-text-3: #6a6a6a; --calcite-ui-text-inverse: #FFFFFF; --calcite-ui-text-link: #00619b; --calcite-ui-border-1: #cacaca; --calcite-ui-border-2: #d4d4d4; --calcite-ui-border-3: #dfdfdf; --calcite-ui-border-input: #949494; --calcite-ui-info: #00619b; --calcite-ui-success: #35ac46; --calcite-ui-warning: #edd317; --calcite-ui-danger: #D83020; --calcite-ui-danger-hover: #A82B1E; --calcite-ui-danger-press: #7C1D13; --calcite-theme-name: "light"; --calcite-ui-foreground-current: #c7eaff; --calcite-ui-inverse: #353535; --calcite-ui-inverse-hover: #2b2b2b; --calcite-ui-inverse-press: #202020; --calcite-alert-dismiss-progress-background: rgba(255, 255, 255, 0.8); --calcite-button-transparent-hover: rgba(0, 0, 0, 0.05); --calcite-button-transparent-press: rgba(0, 0, 0, 0.08); --calcite-link-blue-underline: rgba(0, 97, 155, 0.4); --calcite-scrim-background: rgba(255, 255, 255, 0.85); /* RF event defaults */ --event-prime: #007AC2; --event-prime-alt: #00619B; --event-second: #000000; --event-second-alt: #00619B; --event-third: #FFFFFF; --event-third-alt: #009AF2; --event-font-weight: normal; --event-font-style: normal; --event-text-transform: none; --event-border-radius: 0px; --event-card-border-radius: var(--space-2); --event-cta-color: var(--calcite-ui-brand); --event-cta-color-hover: var(--calcite-ui-brand-hover); --event-calendar-color: var(--calcite-ui-brand); /* Gradient colors */ --event-gradient-primary: initial; --event-gradient-tertiary: initial; --event-gradient-divider: initial; /* Button Controls */ --button-start: var(--event-prime); --button-end: var(--button-start); --button-start-hover: var(--event-prime-alt); --button-end-hover: var(--button-start-hover); --button-secondary-start: var(--event-prime); --button-secondary-end: var(--button-secondary-start); --button-secondary-start-hover: var(--event-second-alt); --button-secondary-end-hover: var(--button-secondary-start-hover); --button-secondary-text: var(--event-prime); --button-secondary-text-hover: #ffffff; --rf-brand-primary-hover: var(--event-prime-alt); --footer-gradient-start: #151515; --footer-gradient-end: var(--footer-gradient-start); /* RF default overrides */ --rf-brand-font-family: "Avenir Next", "Avenir", "Helvetica Neue", sans-serif !important; --rf-system-font-family: "Avenir Next", "Avenir", "Helvetica Neue", sans-serif !important; --rf-brand-font-global-color: var(--calcite-ui-text-1); --rf-brand-color-text-body: var(--calcite-ui-text-1); --rf-brand-max-width: 1400px; --rf-brand-primary: var(--event-prime, #0079C1); --rf-brand-primary-hover: var(--event-prime-alt, #0079C1); --rf-brand-secondary: var(--event-second, #000000); --rf-brand-secondary-hover: var(--event-second-alt, #0079C1); --rf-brand-tertiary: var(--event-third, #FFFFFF); --rf-brand-tertiary-hover: var(--event-third-alt, #0079C1); --rf-gradient-primary: var(--event-gradient-primary, #0079C1); --rf-gradient-secondary: var(--event-gradient-secondary, #0079C1); --rf-gradient-tertiary: var(--event-gradient-tertiary, #000000); --rf-gradient-divider: var(--event-gradient-divider); --rf-brand-accessibility-color: rgba(61,130,224,0.4); --rf-brand-border-color: var(--calcite-ui-border-1); --rf-brand-blue: #003EBE; --rf-brand-color-on-primary: var(--calcite-ui-foreground-1); --rf-brand-color-primary: var(--calcite-ui-brand, #0079C1); --rf-brand-color-primary-hover: var(--calcite-ui-brand-hover, #00619B); --rf-brand-color-surface: var(--calcite-ui-foreground-1); --rf-brand-color-surface-2: var(--calcite-ui-foreground-2); --rf-brand-color-surface-3: var(--calcite-ui-foreground-3); --rf-brand-color-border: var(--calcite-ui-border-1); --rf-brand-color-midnight: #001737; --rf-brand-danger: var(--calcite-ui-danger); --rf-brand-success: var(--calcite-ui-success); --rf-brand-warning: var(--calcite-ui-warning); --rf-brand-on-primary: #fff; --rf-brand-on-primary-hover: #fff; --rf-on-brand-secondary: #000; --rf-brand-radius: var(--event-card-border-radius); --rf-brand-neutral-50: #fff; --rf-brand-neutral-40: #f8f8f8; --rf-brand-neutral-30: #cacaca; --rf-brand-neutral-20: #2b2b2b; --rf-brand-neutral-10: #151515; --rf-brand-neutral-0: #000; --rf-brand-calendar-grid-border: 2px solid #fff; --rf-brand-calendar-item: var(--event-prime); --rf-brand-calendar-on-item: var(--calcite-ui-text-inverse); --rf-brand-calendar-meeting: var(--event-prime); --rf-brand-calendar-on-meeting: var(--calcite-ui-text-inverse); --rf-brand-calendar-waitlist: var(--event-prime); --rf-brand-calendar-on-waitlist: var(--calcite-ui-text-inverse); --rf-brand-calendar-speaker: var(--event-prime); --rf-brand-calendar-on-speaker: var(--calcite-ui-text-inverse); --rf-brand-calendar-interest: var(--event-prime); --rf-brand-calendar-timeslot: #E9E9E9; --rf-brand-calendar-timeslot-hover: #DFDFDF; --rf-brand-calendar-timeslot-disabled: var(--calcite-ui-background); --rf-comp-link-color: var(--calcite-ui-text-1); --rf-comp-link-hover-color: var(--calcite-ui-text-2); --rf-comp-link-font-decoration: none; --rf-comp-link-hover-font-decoration: none; --button-start: initial; --button-end: initial; --button-start-hover: initial; --button-end-hover: initial; --button-border-radius: var(--event-border-radius); /* Dynamic font sizes */ --font--3: clamp(.625rem, .625rem + 0vw, .625rem); /* 10px */ --font--2: clamp(.625rem, 0.568181818rem + 0.252525253vw, .75rem); /* 10-12 */ --font--1: clamp(0.75rem, 0.693181818rem + 0.252525253vw, 0.875rem); /* 12-14 */ --font-0: clamp(0.875rem, 0.818181818rem + 0.252525253vw, 1rem); /* 14-16px */ --font-1: clamp(1rem, 0.943181818rem + 0.252525253vw, 1.125rem); /* 16-18 */ --font-2: clamp(1.125rem, 1.068181818rem + 0.252525253vw, 1.25rem); /* 18-20 */ --font-3: clamp(1.25rem, 1.079545455rem + 0.757575758vw, 1.625rem); /* 20-26 */ --font-4: clamp(1.625rem, 1.454545455rem + 0.757575758vw, 2rem); /* 26-32 */ --font-5: clamp(1.625rem, 1.227272727rem + 1.767676768vw, 2.5rem); /* 26-40 */ --font-6: clamp(2rem, 1.545454545rem + 2.02020202vw, 3rem); /* 32-48 */ --font-7: clamp(2.5rem, 2.045454545rem + 2.02020202vw, 3.5rem); /* 40-56 */ --font-8: clamp(2.5rem, 1.818181818rem + 3.03030303vw, 4rem); /* 40-64 */ /* Dynamic spacing */ --unit: 1rem; /* 16px */ --space-px: calc(0.625 * var(--unit)); /* 10px */ --space-1: calc(0.25 * 1rem); /* 4px */ --space-2: calc(0.5 * var(--unit)); /* 8px */ --space-3: calc(0.75 * var(--unit)); /* 12px */ --space-4: calc(1 * var(--unit)); /* 16px */ --space-5: calc(1.25 * var(--unit)); /* 20px */ --space-6: calc(1.5 * var(--unit)); /* 24px */ --space-8: calc(2 * var(--unit)); /* 32px */ --space-10: calc(2.5 * var(--unit)); /* 40px */ --space-12: calc(3 * var(--unit)); /* 48px */ --space-16: calc(4 * var(--unit)); /* 64px */ --space-24: calc(6 * var(--unit)); /* 96px */ --space-20: calc(5 * var(--unit)); /* 80px */ --space-32: calc(8 * var(--unit)); /* 128px */ --space-40: calc(10 * var(--unit)); /* 160px */ --space-48: calc(12 * var(--unit)); /* 192px */ --space-56: calc(14 * var(--unit)); /* 224px */ --space-64: calc(16 * var(--unit)); /* 256px */ --inline-end: right; --inline-start: left } [dir=ltr] { --inline-end: right; --inline-start: left } [dir=rtl] { --inline-end: left; --inline-start: right } .rf-admin-content *, .rfComp-canvas *, .rf-workflow *, .rf-default-modal *, [id*=rf-].rf-widget *, .rf-body, html, body { font-family: "Avenir Next", "Avenir", "Helvetica Neue", sans-serif; color: var(--calcite-ui-text-1); } h1, h2, h3, h4, h5, h6 { color: var(--calcite-ui-text-1); --rf-brand-color-text-heading: var(--calcite-ui-text-1); font-weight: var(--event-font-weight) !important; font-style: var(--event-font-style) !important; text-transform: var(--event-text-transform) !important; } h1 { font-size: var(--font-6) !important; } h2 { font-size: var(--font-3) !important; } h3 { font-size: var(--font-2) !important; } h4 { font-size: var(--font-1) !important; } h5, h6 { font-size: var(--font-0) !important; } .seminar-main-container { display: flex; gap: var(--space-5, 40px); flex-direction: column; } .seminar-description :where(h2, h3, h4, h5 h6) { margin-block-start: var(--space-3, 20px) !important; margin-block-end: 0 !important; } .seminar-description { display: flex; row-gap: var(--space-2, 16px); flex-direction: column; } #globalnav a, .gnav_footer_left-col.gnav_footer_brand-social a { background-image: none; } .gnav_top-nav-column-based-menu_top-nav-menu-cta-button { --rf-comp-link-color: var(--calcite-ui-text-link); --rf-comp-link-hover-color: var(--calcite-ui-brand-hover); } .gnav_top-nav-column-based-menu_arrow-right_svg { right: 23px !important; } .gnav_footer_bottom-row .gnav_footer-bottom-links_link:after { position: relative; } a,.mdBtnR.mdBtnR-link,a.mdBtnR.mdBtnR-link { position: relative; display: inline; border-style: none; padding: 0px; transition: background 350ms ease-in-out 0s; text-decoration: none !important; line-height: inherit; white-space: initial; background-color: transparent; background-image: linear-gradient(currentColor, transparent),linear-gradient(currentColor, currentColor); background-position: 100% 100%,0 100%; background-repeat: no-repeat,no-repeat; background-size: 100% 1px,0% 1px; } :where(a,.mdBtnR.mdBtnR-link,a.mdBtnR.mdBtnR-link):hover, :where(a,.mdBtnR.mdBtnR-link,a.mdBtnR.mdBtnR-link):focus { background-image: linear-gradient(currentColor, transparent),linear-gradient(currentColor, currentColor); background-size: 0% 1px,100% 1px; background-position: 100% 100%,0 100%; transition: background 350ms ease-in-out 0s' } :where(h1,h2,h3,h4,h5,h6) a { --caclite-link-blue-underline: transparent; } :is(#rf-catalog,#rf-exhibitorcatalog,#rf-speakercatalog).rf-widget .exhibitor-details-content a { background-image: linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline)),linear-gradient(var(--calcite-ui-brand-hover), var(--calcite-ui-brand-hover)) !important; } [id*=rf-].rf-widget .mdBtnR-link { border-radius: initial !important; background-image: linear-gradient(var(--event-cta-color), transparent),linear-gradient(var(--event-cta-color-hover), var(--event-cta-color-hover)); background-position: 100% 100%,0% 100%; background-repeat: no-repeat,no-repeat; background-size: 100% 1px,0% 1px; transition: background 350ms ease-in-out 0s; } [id*=rf-].rf-widget .mdBtnR-link:hover { background-image: linear-gradient(var(--event-cta-color), var(--event-cta-color)),linear-gradient(var(--event-cta-color-hover), var(--event-cta-color-hover)); background-size: 0% 1px,100% 1px; background-position: 100% 100%,0 100%; transition: background 350ms ease-in-out 0s; } [id*=rf-].rf-widget .mdBtnR-link:hover span { text-decoration: none; } [id*=rf-].rf-widget .session-actions .mdBtnR, [id*=rf-].rf-widget .search-container .search-content .show-more-btn, :where(#rf-catalog,#rf-exhibitorcatalog,#rf-speakercatalog).rf-widget .session-actions .mdBtnR, :where(#rf-catalog,#rf-exhibitorcatalog,#rf-speakercatalog).rf-widget .search-container .search-content .show-more-btn, .rf-default-modal .catalog-result ul.session-actions>li .session-action, .modal-body .search-container .search-content .show-more-btn, .modal-body .session-actions .mdBtnR { block-size: auto; } [id*=rf-].rf-widget :is(a.mdBtnR-primary,.mdBtnR-primary), #rf-catalog :is(a.mdBtnR-primary,.mdBtnR-primary), :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,.mdBtnR-primary) { background-color: var(--event-cta-color); border-color: var(--event-cta-color); } [id*=rf-].rf-widget .mdBtnR, #rf-catalog .mdBtnR, :is(.rf-body,.rf-default-modal) .mdBtnR { border-radius: var(--event-border-radius); letter-spacing: 0; } [id*=rf-].rf-widget :is(a.mdBtnR-outline-primary,.mdBtnR-outline-primary), #rf-catalog :is(a.mdBtnR-outline-primary,.mdBtnR-outline-primary), :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-outline-primary,.mdBtnR-outline-primary) { border-color: var(--event-cta-color); background: transparent; color: var(--event-cta-color); } [id*=rf-].rf-widget :is(.mdBtnR-add-a-thing,.mdBtnR-adv), #rf-catalog :is(.mdBtnR-add-a-thing,.mdBtnR-adv), :is(.rf-body,.rf-default-modal) :is(.mdBtnR-add-a-thing,.mdBtnR-adv) { display: flex; align-items: center; } [id*=rf-].rf-widget .mdBtnR.mdBtnR-sm, #rf-catalog .mdBtnR.mdBtnR-sm, :is(.rf-body,.rf-default-modal) .mdBtnR.mdBtnR-sm { padding: var(--space-2) var(--space-3); } [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary), #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary), :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary) { padding: var(--space-3) var(--space-6); } [id*=rf-].rf-widget :is(a.mdBtnR-primary,.mdBtnR-primary) .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary,.mdBtnR-primary) .mdBtnR-text, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,.mdBtnR-primary) .mdBtnR-text { color: var(--calcite-ui-text-inverse); } .dark-theme :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover .mdBtnR-text, .dark-theme :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):focus .mdBtnR-text { --calcite-ui-text-inverse: #FFFFFF; } [id*=rf-].rf-widget :is(a.mdBtnR-outline-primary,.mdBtnR-outline-primary) .mdBtnR-text, #rf-catalog :is(a.mdBtnR-outline-primary, .mdBtnR-outline-primary) .mdBtnR-text, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-outline-primary,.mdBtnR-outline-primary) .mdBtnR-text { color: var(--event-cta-color); } [id*=rf-].rf-widget .mdBtnR.mdBtnR-link .mdBtnR-text, #rf-catalog .mdBtnR.mdBtnR-link .mdBtnR-text, :is(.rf-body,.rf-default-modal) .mdBtnR.mdBtnR-link .mdBtnR-text { font-size: var(--font-0); } [id*=rf-].rf-widget .mdBtnR .mdBtnR-text, [id*=rf-].rf-widget .mdBtnR, #rf-catalog .mdBtnR .mdBtnR-text, #rf-catalog .mdBtnR, :is(.rf-body,.rf-default-modal) .mdBtnR .mdBtnR-text, :is(.rf-body,.rf-default-modal) .mdBtnR { font-weight: var(--event-font-weight); font-size: var(--font--1); text-transform: var(--event-text-transform); font-style: var(--event-font-style); } [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover .mdBtnR-text, [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):focus .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):focus .mdBtnR-text, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover .mdBtnR-text, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):focus .mdBtnR-text { color: var(--calcite-ui-text-inverse); text-decoration: none !important; } [id*=rf-].rf-widget :is(a.mdBtnR-text-button,a.mdBtnR-link,a.mdBtnR-add-a-thing,.mdBtnR-text-button,.mdBtnR-link,.mdBtnR-add-a-thing) .mdBtnR-text, #rf-catalog :is(a.mdBtnR-text-button,a.mdBtnR-link,a.mdBtnR-add-a-thing,.mdBtnR-text-button,.mdBtnR-link,.mdBtnR-add-a-thing) .mdBtnR-text, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-text-button,a.mdBtnR-link,a.mdBtnR-add-a-thing,.mdBtnR-text-button,.mdBtnR-link,.mdBtnR-add-a-thing) .mdBtnR-text { color: var(--event-cta-color); font-weight: normal !important; font-style: normal !important; text-transform: none; } [id*=rf-].rf-widget .mdBtnR-icon-button, #rf-catalog .mdBtnR-icon-button, :is(.rf-body,.rf-default-modal) .mdBtnR-icon-button { padding: 6px !important; border-radius: 100px !important; } #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary) .rfSI svg, [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary) .rfSI svg, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary) .rfSI svg { color: var(--event-cta-color); } [id*=rf-].rf-widget :is(a.mdBtnR-text-button,a.mdBtnR-link,a.mdBtnR-add-a-thing,.mdBtnR-text-button,.mdBtnR-link,.mdBtnR-add-a-thing) .rfSI svg, #rf-catalog :is(a.mdBtnR-text-button,a.mdBtnR-link,a.mdBtnR-add-a-thing,.mdBtnR-text-button,.mdBtnR-link,.mdBtnR-add-a-thing).rfSI svg, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-text-button,a.mdBtnR-link,a.mdBtnR-add-a-thing,.mdBtnR-text-button,.mdBtnR-link,.mdBtnR-add-a-thing) .rfSI svg { fill: var(--event-cta-color); } [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover .rfSI svg, [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):focus .rfSI svg, #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover .rfSI svg, #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):focus .rfSI svg, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover .rfSI svg, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):focus .rfSI svg { fill: var(--calcite-ui-text-inverse); } [id*=rf-].rf-widget :is(a.mdBtnR-text-button,a.mdBtnR-link,a.mdBtnR-add-a-thing,.mdBtnR-text-button,.mdBtnR-link,.mdBtnR-add-a-thing):hover .rfSI svg, #rf-catalog :is(a.mdBtnR-text-button,a.mdBtnR-link,a.mdBtnR-add-a-thing,.mdBtnR-text-button,.mdBtnR-link,.mdBtnR-add-a-thing):hover .rfSI svg, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-text-button,a.mdBtnR-link,a.mdBtnR-add-a-thing,.mdBtnR-text-button,.mdBtnR-link,.mdBtnR-add-a-thing):hover .rfSI svg { fill: var(--event-cta-color-hover); } [id*=rf-].rf-widget .mdBtnR:focus, #rf-catalog .mdBtnR:focus, :is(.rf-body,.rf-default-modal) .mdBtnR:focus { box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; -webkit-box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; -moz-box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; -ms-box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; -o-box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; } [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover, [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):focus, #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover, #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):focus, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):focus { background-color: var(--event-cta-color-hover); border-color: var(--event-cta-color-hover); text-decoration: none !important; } [id*=rf-].rf-widget :is(a.mdBtnR-text-button,a.mdBtnR-link,a.mdBtnR-add-a-thing,.mdBtnR-text-button,.mdBtnR-link,.mdBtnR-add-a-thing):hover .mdBtnR-text, #rf-catalog :is(a.mdBtnR-text-button,a.mdBtnR-link,a.mdBtnR-add-a-thing,.mdBtnR-text-button,.mdBtnR-link,.mdBtnR-add-a-thing):hover .mdBtnR-text, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-text-button,a.mdBtnR-link,a.mdBtnR-add-a-thing,.mdBtnR-text-button,.mdBtnR-link,.mdBtnR-add-a-thing):hover .mdBtnR-text { color: var(--event-cta-color-hover); } [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary)[disabled], [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover[disabled], [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary).disabled, [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary).disabled:hover, #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary)[disabled], #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover[disabled], #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary).disabled, #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary).disabled:hover, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary)[disabled], :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover[disabled], :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary).disabled, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary).disabled:hover { background: var(--event-cta-color); border-color: var(--event-cta-color); opacity: 30%; } [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary)[disabled] .mdBtnR-text, [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover[disabled] .mdBtnR-text, [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary).disabled .mdBtnR-text, [id*=rf-].rf-widget :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary).disabled:hover .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary)[disabled] .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover[disabled] .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary).disabled .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary).disabled:hover .mdBtnR-text, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary)[disabled] .mdBtnR-text, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary):hover[disabled] .mdBtnR-text, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary).disabled .mdBtnR-text, :is(.rf-body,.rf-default-modal) :is(a.mdBtnR-primary,a.mdBtnR-outline-primary,.mdBtnR-primary,.mdBtnR-outline-primary).disabled:hover .mdBtnR-text { color: #fff; } [id*=rf-].rf-widget .mdBtnR.mdBtnR-sm .mdBtnR-text, #rf-catalog .mdBtnR.mdBtnR-sm .mdBtnR-text, :is(.rf-body,.rf-default-modal) .mdBtnR.mdBtnR-sm .mdBtnR-text { font-size: var(--font--1); } [id*=rf-].rf-widget div[id*=rf-].rf-widget a, [id*=rf-].rf-widget div[id*=rf-].rf-widget a:link, [id*=rf-].rf-widget div[id*=rf-].rf-widget a:visited, [id*=rf-].rf-widget .rf-default-modal a, [id*=rf-].rf-widget .rf-default-modal a:link, [id*=rf-].rf-widget .rf-default-modal a:visited, #rf-catalog div[id*=rf-].rf-widget a, #rf-catalog div[id*=rf-].rf-widget a:link, #rf-catalog div[id*=rf-].rf-widget a:visited, #rf-catalog .rf-default-modal a, #rf-catalog .rf-default-modal a:link, #rf-catalog .rf-default-modal a:visited, :is(.rf-body,.rf-default-modal) div[id*=rf-].rf-widget a, :is(.rf-body,.rf-default-modal) div[id*=rf-].rf-widget a:link, :is(.rf-body,.rf-default-modal) div[id*=rf-].rf-widget a:visited, :is(.rf-body,.rf-default-modal) .rf-default-modal a, :is(.rf-body,.rf-default-modal) .rf-default-modal a:link, :is(.rf-body,.rf-default-modal) .rf-default-modal a:visited { color: var(--event-cta-color) !important; } .rf-admin-content ul li, .rfComp-canvas ul li, .rf-default-modal ul li, [id*=rf-].rf-widget ul li { list-style-type: disc; } .rf-admin-content ol li, .rfComp-canvas ol li, .rf-default-modal ol li, [id*=rf-].rf-widget ol li { list-style-type: decimal; } /* ----------- Registration banner ----------- */ .esri-registration-banner { padding: var(--space-4) 0; margin: 0; } .esri-registration-banner .flex-box-section-full-interior .flex-box-section { align-items: center; text-align: center; } .esri-registration-banner .flex-box-child:where(.rf-grid-layout-100, .rf-grid-layout-50) { margin-block-end: 0; } .esri-registration-banner .flex-box-child.rf-grid-layout-100 .flex-box-section .flex-box-child.rf-grid-layout-50 { display: flex; justify-content: center; align-items: center; text-align: center; align-content: center; } .esri-registration-banner .esri-registration-banner_title { --calcite-ui-text-1: var(--rf-brand-danger); color: var(--calcite-ui-text-1); font-size: var(--font-2); font-weight: var(--calcite-font-weight-bold); } .esri-registration-banner p { color: var(--calcite-ui-text-1); margin-block-end: 0; } /* --- Registration banner | Media Queries --- */ @media all and (min-width:769px) { .esri-registration-banner .flex-box-section-full-interior .flex-box-section, .esri-registration-banner .flex-box-child.rf-grid-layout-100 .flex-box-section .flex-box-child.rf-grid-layout-50 { text-align: initial; } .esri-registration-banner .rf-flex-horizontal-center { justify-content: flex-end; } } /* END Registration banner */ .modal-dialog { border-radius: var(--rf-brand-radius); } .modal-dialog .modal-header .modal-title { font-weight: var(--event-font-weight); font-style: var(--event-font-style); text-transform: var(--event-text-transform); } .dark-theme { --rf-brand-primary: #fff; --rf-brand-on-primary: #000; --rf-brand-on-primary-hover: #fff; --event-cta-color: var(--event-third); --event-cta-color-hover: var(--event-third-alt); --calcite-ui-brand: #009AF2; --calcite-ui-brand-hover: #007AC2; --calcite-ui-brand-press: #00619B; --calcite-ui-background: #353535; --calcite-ui-foreground-1: #2b2b2b; --calcite-ui-foreground-2: #202020; --calcite-ui-foreground-3: #151515; --calcite-ui-text-1: #ffffff; --calcite-ui-text-2: #bfbfbf; --calcite-ui-text-3: #9f9f9f; --calcite-ui-text-inverse: #151515; --calcite-ui-text-link: #00A0FF; --calcite-ui-border-1: #555555; --calcite-ui-border-2: #4a4a4a; --calcite-ui-border-3: #404040; --calcite-ui-border-input: #757575; --calcite-ui-info: #00A0FF; --calcite-ui-success: #36DA43; --calcite-ui-warning: #FFC900; --calcite-ui-danger: #FE583E; --calcite-ui-danger-hover: #FF0015; --calcite-ui-danger-press: #D90012; --calcite-theme-name: "dark"; --calcite-ui-foreground-current: #214155; --calcite-ui-inverse: #f8f8f8; --calcite-ui-inverse-hover: #ffffff; --calcite-ui-inverse-press: #f3f3f3; --calcite-alert-dismiss-progress-background: rgba(43, 43, 43, 0.8); --calcite-button-transparent-hover: rgba(255, 255, 255, 0.05); --calcite-button-transparent-press: rgba(255, 255, 255, 0.08); --calcite-link-blue-underline: rgba(0, 160, 255, 0.4); --calcite-scrim-background: rgba(0, 0, 0, 0.85); --rf-brand-color-text-body: var(--calcite-ui-text-1); --rf-brand-color-surface: var(--calcite-ui-foreground-1); --rf-brand-color-surface-2: var(--calcite-ui-foreground-2); --rf-brand-color-surface-3: var(--calcite-ui-foreground-3); --rf-comp-link-color: var(--calcite-ui-text-1); --rf-comp-link-hover-color: var(--calcite-ui-text-2); } .light-theme { --rf-brand-primary: #000; --calcite-ui-brand: #007ac2; --calcite-ui-brand-hover: #00619B; --calcite-ui-brand-press: #004874; --calcite-ui-background: #f8f8f8; --calcite-ui-foreground-1: #ffffff; --calcite-ui-foreground-2: #f3f3f3; --calcite-ui-foreground-3: #eaeaea; --calcite-ui-text-1: #151515; --calcite-ui-text-2: #4a4a4a; --calcite-ui-text-3: #6a6a6a; --calcite-ui-text-inverse: #FFFFFF; --calcite-ui-text-link: #00619b; --calcite-ui-border-1: #cacaca; --calcite-ui-border-2: #d4d4d4; --calcite-ui-border-3: #dfdfdf; --calcite-ui-border-input: #949494; --calcite-ui-info: #00619b; --calcite-ui-success: #35ac46; --calcite-ui-warning: #edd317; --calcite-ui-danger: #D83020; --calcite-ui-danger-hover: #A82B1E; --calcite-ui-danger-press: #7C1D13; --calcite-theme-name: "light"; --calcite-ui-foreground-current: #c7eaff; --calcite-ui-inverse: #353535; --calcite-ui-inverse-hover: #2b2b2b; --calcite-ui-inverse-press: #202020; --calcite-alert-dismiss-progress-background: rgba(255, 255, 255, 0.8); --calcite-button-transparent-hover: rgba(0, 0, 0, 0.05); --calcite-button-transparent-press: rgba(0, 0, 0, 0.08); --calcite-link-blue-underline: rgba(0, 97, 155, 0.4); --calcite-scrim-background: rgba(255, 255, 255, 0.85); --rf-brand-color-surface: var(--calcite-ui-foreground-1); --rf-brand-color-surface-2: var(--calcite-ui-foreground-2); --rf-brand-color-surface-3: var(--calcite-ui-foreground-3); --rf-brand-color-text-body: var(--calcite-ui-text-1); --rf-comp-link-color: var(--calcite-ui-text-1); --rf-comp-link-hover-color: var(--calcite-ui-text-2); } .warning-theme { --rf-brand-primary: var(--rf-brand-danger); --rf-brand-primary-hover: var(--rf-brand-danger); } /* Margin and Padding Util Classes */ /* Overall Padding */ .p-0 { padding: var(--space-0);} .p-1 { padding: var(--space-1);} .p-2 { padding: var(--space-2);} .p-3 { padding: var(--space-3);} .p-4 { padding: var(--space-4);} .p-5 { padding: var(--space-5);} .p-6 { padding: var(--space-6);} .p-8 { padding: var(--space-8);} .p-10 { padding: var(--space-10);} .p-12 { padding: var(--space-12);} .p-16 { padding: var(--space-16);} .p-20 { padding: var(--space-20);} .p-24 { padding: var(--space-24);} .p-32 { padding: var(--space-32);} .p-40 { padding: var(--space-40);} .p-48 { padding: var(--space-48);} .p-56 { padding: var(--space-56);} .p-64 { padding: var(--space-64);} /* Padding Left Only */ .pl-0 { padding-inline-start: var(--space-0) !important;} .pl-1 { padding-inline-start: var(--space-1) !important;} .pl-2 { padding-inline-start: var(--space-2) !important;} .pl-3 { padding-inline-start: var(--space-3) !important;} .pl-4 { padding-inline-start: var(--space-4) !important;} .pl-5 { padding-inline-start: var(--space-5) !important;} .pl-6 { padding-inline-start: var(--space-6) !important;} .pl-8 { padding-inline-start: var(--space-8) !important;} .pl-10 {padding-inline-start: var(--space-10) !important;} .pl-12 {padding-inline-start: var(--space-12) !important;} .pl-16 {padding-inline-start: var(--space-16) !important;} .pl-20 {padding-inline-start: var(--space-20) !important;} .pl-24 {padding-inline-start: var(--space-24) !important;} .pl-32 {padding-inline-start: var(--space-32) !important;} .pl-40 {padding-inline-start: var(--space-40) !important;} .pl-48 {padding-inline-start: var(--space-48) !important;} .pl-56 {padding-inline-start: var(--space-56) !important;} .pl-64 {padding-inline-start: var(--space-64) !important;} /* Padding Right Only */ .pr-0 { padding-inline-end: var(--space-0) !important;} .pr-1 { padding-inline-end: var(--space-1) !important;} .pr-2 { padding-inline-end: var(--space-2) !important;} .pr-3 { padding-inline-end: var(--space-3) !important;} .pr-4 { padding-inline-end: var(--space-4) !important;} .pr-5 { padding-inline-end: var(--space-5) !important;} .pr-6 { padding-inline-end: var(--space-6) !important;} .pr-8 { padding-inline-end: var(--space-8) !important;} .pr-10 {padding-inline-end: var(--space-10) !important;} .pr-12 {padding-inline-end: var(--space-12) !important;} .pr-16 {padding-inline-end: var(--space-16) !important;} .pr-20 {padding-inline-end: var(--space-20) !important;} .pr-24 {padding-inline-end: var(--space-24) !important;} .pr-32 {padding-inline-end: var(--space-32) !important;} .pr-40 {padding-inline-end: var(--space-40) !important;} .pr-48 {padding-inline-end: var(--space-48) !important;} .pr-56 {padding-inline-end: var(--space-56) !important;} .pr-64 {padding-inline-end: var(--space-64) !important;} /* Padding Top Only */ .pt-0 { padding-block-start: var(--space-0) !important;} .pt-1 { padding-block-start: var(--space-1) !important;} .pt-2 { padding-block-start: var(--space-2) !important;} .pt-3 { padding-block-start: var(--space-3) !important;} .pt-4 { padding-block-start: var(--space-4) !important;} .pt-5 { padding-block-start: var(--space-5) !important;} .pt-6 { padding-block-start: var(--space-6) !important;} .pt-8 { padding-block-start: var(--space-8) !important;} .pt-10 {padding-block-start: var(--space-10) !important;} .pt-12 {padding-block-start: var(--space-12) !important;} .pt-16 {padding-block-start: var(--space-16) !important;} .pt-20 {padding-block-start: var(--space-20) !important;} .pt-24 {padding-block-start: var(--space-24) !important;} .pt-32 {padding-block-start: var(--space-32) !important;} .pt-40 {padding-block-start: var(--space-40) !important;} .pt-48 {padding-block-start: var(--space-48) !important;} .pt-56 {padding-block-start: var(--space-56) !important;} .pt-64 {padding-block-start: var(--space-64) !important;} /* Padding Bottom Only */ .pb-0 { padding-block-end: var(--space-0) !important;} .pb-1 { padding-block-end: var(--space-1) !important;} .pb-2 { padding-block-end: var(--space-2) !important;} .pb-3 { padding-block-end: var(--space-3) !important;} .pb-4 { padding-block-end: var(--space-4) !important;} .pb-5 { padding-block-end: var(--space-5) !important;} .pb-6 { padding-block-end: var(--space-6) !important;} .pb-8 { padding-block-end: var(--space-8) !important;} .pb-10 {padding-block-end: var(--space-10) !important;} .pb-12 {padding-block-end: var(--space-12) !important;} .pb-16 {padding-block-end: var(--space-16) !important;} .pb-20 {padding-block-end: var(--space-20) !important;} .pb-24 {padding-block-end: var(--space-24) !important;} .pb-32 {padding-block-end: var(--space-32) !important;} .pb-40 {padding-block-end: var(--space-40) !important;} .pb-48 {padding-block-end: var(--space-48) !important;} .pb-56 {padding-block-end: var(--space-56) !important;} .pb-64 {padding-block-end: var(--space-64) !important;} /* Padding Left+Right */ .px-1 { padding-inline: var(--space-1) !important;} .px-2 { padding-inline: var(--space-2) !important;} .px-0 { padding-inline: var(--space-0) !important;} .px-3 { padding-inline: var(--space-3) !important;} .px-4 { padding-inline: var(--space-4) !important;} .px-5 { padding-inline: var(--space-5) !important;} .px-6 { padding-inline: var(--space-6) !important;} .px-8 { padding-inline: var(--space-8) !important;} .px-10 { padding-inline: var(--space-10) !important;} .px-12 { padding-inline: var(--space-12) !important;} .px-16 { padding-inline: var(--space-16) !important;} .px-20 { padding-inline: var(--space-20) !important;} .px-24 { padding-inline: var(--space-24) !important;} .px-32 { padding-inline: var(--space-32) !important;} .px-40 { padding-inline: var(--space-40) !important;} .px-48 { padding-inline: var(--space-48) !important;} .px-56 { padding-inline: var(--space-56) !important;} .px-64 { padding-inline: var(--space-64) !important;} /* Padding Top+Bottom */ .py-0 { padding-block: var(--space-0) !important;} .py-1 { padding-block: var(--space-1) !important;} .py-2 { padding-block: var(--space-2) !important;} .py-3 { padding-block: var(--space-3) !important;} .py-4 { padding-block: var(--space-4) !important;} .py-5 { padding-block: var(--space-5) !important;} .py-6 { padding-block: var(--space-6) !important;} .py-8 { padding-block: var(--space-8) !important;} .py-10 {padding-block: var(--space-10) !important;} .py-12 {padding-block: var(--space-12) !important;} .py-16 {padding-block: var(--space-16) !important;} .py-20 {padding-block: var(--space-20) !important;} .py-24 {padding-block: var(--space-24) !important;} .py-32 {padding-block: var(--space-32) !important;} .py-40 {padding-block: var(--space-40) !important;} .py-48 {padding-block: var(--space-48) !important;} .py-56 {padding-block: var(--space-56) !important;} .py-64 {padding-block: var(--space-64) !important;} @media all and (max-width: 767px) { .sm\:p-0 {padding: var(--space-0);} .sm\:p-1 {padding: var(--space-1);} .sm\:p-2 {padding: var(--space-2);} .sm\:p-3 {padding: var(--space-3);} .sm\:p-4 {padding: var(--space-4);} .sm\:p-5 {padding: var(--space-5);} .sm\:p-6 {padding: var(--space-6);} .sm\:p-8 {padding: var(--space-8);} .sm\:p-10 {padding: var(--space-10);} .sm\:p-12 {padding: var(--space-12);} .sm\:p-16 {padding: var(--space-16);} .sm\:p-20 {padding: var(--space-20);} .sm\:p-24 {padding: var(--space-24);} .sm\:p-32 {padding: var(--space-32);} .sm\:p-40 {padding: var(--space-40);} .sm\:p-48 {padding: var(--space-48);} .sm\:p-56 {padding: var(--space-56);} .sm\:p-64 {padding: var(--space-64);} .sm\:pl-0 {padding-inline-start: var(--space-0) !important;} .sm\:pl-1 {padding-inline-start: var(--space-1) !important;} .sm\:pl-2 {padding-inline-start: var(--space-2) !important;} .sm\:pl-3 {padding-inline-start: var(--space-3) !important;} .sm\:pl-4 {padding-inline-start: var(--space-4) !important;} .sm\:pl-5 {padding-inline-start: var(--space-5) !important;} .sm\:pl-6 {padding-inline-start: var(--space-6) !important;} .sm\:pl-8 {padding-inline-start: var(--space-8) !important;} .sm\:pl-10 {padding-inline-start: var(--space-10) !important;} .sm\:pl-12 {padding-inline-start: var(--space-12) !important;} .sm\:pl-16 {padding-inline-start: var(--space-16) !important;} .sm\:pl-20 {padding-inline-start: var(--space-20) !important;} .sm\:pl-24 {padding-inline-start: var(--space-24) !important;} .sm\:pl-32 {padding-inline-start: var(--space-32) !important;} .sm\:pl-40 {padding-inline-start: var(--space-40) !important;} .sm\:pl-48 {padding-inline-start: var(--space-48) !important;} .sm\:pl-56 {padding-inline-start: var(--space-56) !important;} .sm\:pl-64 {padding-inline-start: var(--space-64) !important;} .sm\:pr-0 {padding-inline-end: var(--space-0) !important;} .sm\:pr-1 {padding-inline-end: var(--space-1) !important;} .sm\:pr-2 {padding-inline-end: var(--space-2) !important;} .sm\:pr-3 {padding-inline-end: var(--space-3) !important;} .sm\:pr-4 {padding-inline-end: var(--space-4) !important;} .sm\:pr-5 {padding-inline-end: var(--space-5) !important;} .sm\:pr-6 {padding-inline-end: var(--space-6) !important;} .sm\:pr-8 {padding-inline-end: var(--space-8) !important;} .sm\:pr-10 {padding-inline-end: var(--space-10) !important;} .sm\:pr-12 {padding-inline-end: var(--space-12) !important;} .sm\:pr-16 {padding-inline-end: var(--space-16) !important;} .sm\:pr-20 {padding-inline-end: var(--space-20) !important;} .sm\:pr-24 {padding-inline-end: var(--space-24) !important;} .sm\:pr-32 {padding-inline-end: var(--space-32) !important;} .sm\:pr-40 {padding-inline-end: var(--space-40) !important;} .sm\:pr-48 {padding-inline-end: var(--space-48) !important;} .sm\:pr-56 {padding-inline-end: var(--space-56) !important;} .sm\:pr-64 {padding-inline-end: var(--space-64) !important;} .sm\:pt-0 {padding-block-start: var(--space-0) !important;} .sm\:pt-1 {padding-block-start: var(--space-1) !important;} .sm\:pt-2 {padding-block-start: var(--space-2) !important;} .sm\:pt-3 {padding-block-start: var(--space-3) !important;} .sm\:pt-4 {padding-block-start: var(--space-4) !important;} .sm\:pt-5 {padding-block-start: var(--space-5) !important;} .sm\:pt-6 {padding-block-start: var(--space-6) !important;} .sm\:pt-8 {padding-block-start: var(--space-8) !important;} .sm\:pt-10 {padding-block-start: var(--space-10) !important;} .sm\:pt-12 {padding-block-start: var(--space-12) !important;} .sm\:pt-16 {padding-block-start: var(--space-16) !important;} .sm\:pt-20 {padding-block-start: var(--space-20) !important;} .sm\:pt-24 {padding-block-start: var(--space-24) !important;} .sm\:pt-32 {padding-block-start: var(--space-32) !important;} .sm\:pt-40 {padding-block-start: var(--space-40) !important;} .sm\:pt-48 {padding-block-start: var(--space-48) !important;} .sm\:pt-56 {padding-block-start: var(--space-56) !important;} .sm\:pt-64 {padding-block-start: var(--space-64) !important;} .sm\:pb-0 {padding-block-end: var(--space-0) !important;} .sm\:pb-1 {padding-block-end: var(--space-1) !important;} .sm\:pb-2 {padding-block-end: var(--space-2) !important;} .sm\:pb-3 {padding-block-end: var(--space-3) !important;} .sm\:pb-4 {padding-block-end: var(--space-4) !important;} .sm\:pb-5 {padding-block-end: var(--space-5) !important;} .sm\:pb-6 {padding-block-end: var(--space-6) !important;} .sm\:pb-8 {padding-block-end: var(--space-8) !important;} .sm\:pb-10 {padding-block-end: var(--space-10) !important;} .sm\:pb-12 {padding-block-end: var(--space-12) !important;} .sm\:pb-16 {padding-block-end: var(--space-16) !important;} .sm\:pb-20 {padding-block-end: var(--space-20) !important;} .sm\:pb-24 {padding-block-end: var(--space-24) !important;} .sm\:pb-32 {padding-block-end: var(--space-32) !important;} .sm\:pb-40 {padding-block-end: var(--space-40) !important;} .sm\:pb-48 {padding-block-end: var(--space-48) !important;} .sm\:pb-56 {padding-block-end: var(--space-56) !important;} .sm\:pb-64 {padding-block-end: var(--space-64) !important;} .sm\:px-0 {padding-inline: var(--space-0) !important;} .sm\:px-1 {padding-inline: var(--space-1) !important;} .sm\:px-2 {padding-inline: var(--space-2) !important;} .sm\:px-3 {padding-inline: var(--space-3) !important;} .sm\:px-4 {padding-inline: var(--space-4) !important;} .sm\:px-5 {padding-inline: var(--space-5) !important;} .sm\:px-6 {padding-inline: var(--space-6) !important;} .sm\:px-8 {padding-inline: var(--space-8) !important;} .sm\:px-10 {padding-inline: var(--space-10) !important;} .sm\:px-12 {padding-inline: var(--space-12) !important;} .sm\:px-16 {padding-inline: var(--space-16) !important;} .sm\:px-20 {padding-inline: var(--space-20) !important;} .sm\:px-24 {padding-inline: var(--space-24) !important;} .sm\:px-32 {padding-inline: var(--space-32) !important;} .sm\:px-40 {padding-inline: var(--space-40) !important;} .sm\:px-48 {padding-inline: var(--space-48) !important;} .sm\:px-56 {padding-inline: var(--space-56) !important;} .sm\:px-64 {padding-inline: var(--space-64) !important;} .sm\:py-0 {padding-block: var(--space-0) !important;} .sm\:py-1 {padding-block: var(--space-1) !important;} .sm\:py-2 {padding-block: var(--space-2) !important;} .sm\:py-3 {padding-block: var(--space-3) !important;} .sm\:py-4 {padding-block: var(--space-4) !important;} .sm\:py-5 {padding-block: var(--space-5) !important;} .sm\:py-6 {padding-block: var(--space-6) !important;} .sm\:py-8 {padding-block: var(--space-8) !important;} .sm\:py-10 {padding-block: var(--space-10) !important;} .sm\:py-12 {padding-block: var(--space-12) !important;} .sm\:py-16 {padding-block: var(--space-16) !important;} .sm\:py-20 {padding-block: var(--space-20) !important;} .sm\:py-24 {padding-block: var(--space-24) !important;} .sm\:py-32 {padding-block: var(--space-32) !important;} .sm\:py-40 {padding-block: var(--space-40) !important;} .sm\:py-48 {padding-block: var(--space-48) !important;} .sm\:py-56 {padding-block: var(--space-56) !important;} .sm\:py-64 {padding-block: var(--space-64) !important;} } /* Overall Margin */ .m-0 { margin: var(--space-0);} .m-1 { margin: var(--space-1);} .m-2 { margin: var(--space-2);} .m-3 { margin: var(--space-3);} .m-4 { margin: var(--space-4);} .m-5 { margin: var(--space-5);} .m-6 { margin: var(--space-6);} .m-8 { margin: var(--space-8);} .m-10 { margin: var(--space-10);} .m-12 { margin: var(--space-12);} .m-16 { margin: var(--space-16);} .m-20 { margin: var(--space-20);} .m-24 { margin: var(--space-24);} .m-32 { margin: var(--space-32);} .m-40 { margin: var(--space-40);} .m-48 { margin: var(--space-48);} .m-56 { margin: var(--space-56);} .m-64 { margin: var(--space-64);} /* Margin Left Only */ .ml-0 { margin-inline-start: var(--space-0) !important;} .ml-1 { margin-inline-start: var(--space-1) !important;} .ml-2 { margin-inline-start: var(--space-2) !important;} .ml-3 { margin-inline-start: var(--space-3) !important;} .ml-4 { margin-inline-start: var(--space-4) !important;} .ml-5 { margin-inline-start: var(--space-5) !important;} .ml-6 { margin-inline-start: var(--space-6) !important;} .ml-8 { margin-inline-start: var(--space-8) !important;} .ml-10 {margin-inline-start: var(--space-10) !important;} .ml-12 {margin-inline-start: var(--space-12) !important;} .ml-16 {margin-inline-start: var(--space-16) !important;} .ml-20 {margin-inline-start: var(--space-20) !important;} .ml-24 {margin-inline-start: var(--space-24) !important;} .ml-32 {margin-inline-start: var(--space-32) !important;} .ml-40 {margin-inline-start: var(--space-40) !important;} .ml-48 {margin-inline-start: var(--space-48) !important;} .ml-56 {margin-inline-start: var(--space-56) !important;} .ml-64 {margin-inline-start: var(--space-64) !important;} /* Margin Right Only */ .mr-0 { margin-inline-end: var(--space-0) !important;} .mr-1 { margin-inline-end: var(--space-1) !important;} .mr-2 { margin-inline-end: var(--space-2) !important;} .mr-3 { margin-inline-end: var(--space-3) !important;} .mr-4 { margin-inline-end: var(--space-4) !important;} .mr-5 { margin-inline-end: var(--space-5) !important;} .mr-6 { margin-inline-end: var(--space-6) !important;} .mr-8 { margin-inline-end: var(--space-8) !important;} .mr-10 {margin-inline-end: var(--space-10) !important;} .mr-12 {margin-inline-end: var(--space-12) !important;} .mr-16 {margin-inline-end: var(--space-16) !important;} .mr-20 {margin-inline-end: var(--space-20) !important;} .mr-24 {margin-inline-end: var(--space-24) !important;} .mr-32 {margin-inline-end: var(--space-32) !important;} .mr-40 {margin-inline-end: var(--space-40) !important;} .mr-48 {margin-inline-end: var(--space-48) !important;} .mr-56 {margin-inline-end: var(--space-56) !important;} .mr-64 {margin-inline-end: var(--space-64) !important;} /* Margin Top Only */ .mt-0 { margin-block-start: var(--space-0) !important;} .mt-1 { margin-block-start: var(--space-1) !important;} .mt-2 { margin-block-start: var(--space-2) !important;} .mt-3 { margin-block-start: var(--space-3) !important;} .mt-4 { margin-block-start: var(--space-4) !important;} .mt-5 { margin-block-start: var(--space-5) !important;} .mt-6 { margin-block-start: var(--space-6) !important;} .mt-8 { margin-block-start: var(--space-8) !important;} .mt-10 {margin-block-start: var(--space-10) !important;} .mt-12 {margin-block-start: var(--space-12) !important;} .mt-16 {margin-block-start: var(--space-16) !important;} .mt-20 {margin-block-start: var(--space-20) !important;} .mt-24 {margin-block-start: var(--space-24) !important;} .mt-32 {margin-block-start: var(--space-32) !important;} .mt-40 {margin-block-start: var(--space-40) !important;} .mt-48 {margin-block-start: var(--space-48) !important;} .mt-56 {margin-block-start: var(--space-56) !important;} .mt-64 {margin-block-start: var(--space-64) !important;} /* Margin Bottom Only */ .mb-1 { margin-block-end: var(--space-1) !important;} .mb-0 { margin-block-end: var(--space-0) !important;} .mb-2 { margin-block-end: var(--space-2) !important;} .mb-3 { margin-block-end: var(--space-3) !important;} .mb-4 { margin-block-end: var(--space-4) !important;} .mb-5 { margin-block-end: var(--space-5) !important;} .mb-6 { margin-block-end: var(--space-6) !important;} .mb-8 { margin-block-end: var(--space-8) !important;} .mb-10 {margin-block-end: var(--space-10) !important;} .mb-12 {margin-block-end: var(--space-12) !important;} .mb-16 {margin-block-end: var(--space-16) !important;} .mb-20 {margin-block-end: var(--space-20) !important;} .mb-24 {margin-block-end: var(--space-24) !important;} .mb-32 {margin-block-end: var(--space-32) !important;} .mb-40 {margin-block-end: var(--space-40) !important;} .mb-48 {margin-block-end: var(--space-48) !important;} .mb-56 {margin-block-end: var(--space-56) !important;} .mb-64 {margin-block-end: var(--space-64) !important;} /* Margin Left+Right */ .mx-0 { margin-inline: var(--space-0) !important;} .mx-1 { margin-inline: var(--space-1) !important;} .mx-2 { margin-inline: var(--space-2) !important;} .mx-3 { margin-inline: var(--space-3) !important;} .mx-4 { margin-inline: var(--space-4) !important;} .mx-5 { margin-inline: var(--space-5) !important;} .mx-6 { margin-inline: var(--space-6) !important;} .mx-8 { margin-inline: var(--space-8) !important;} .mx-10 {margin-inline: var(--space-10) !important;} .mx-12 {margin-inline: var(--space-12) !important;} .mx-16 {margin-inline: var(--space-16) !important;} .mx-20 {margin-inline: var(--space-20) !important;} .mx-24 {margin-inline: var(--space-24) !important;} .mx-32 {margin-inline: var(--space-32) !important;} .mx-40 {margin-inline: var(--space-40) !important;} .mx-48 {margin-inline: var(--space-48) !important;} .mx-56 {margin-inline: var(--space-56) !important;} .mx-64 {margin-inline: var(--space-64) !important;} /* Margin Top+Bottom */ .my-0 { margin-block: var(--space-0) !important;} .my-1 { margin-block: var(--space-1) !important;} .my-2 { margin-block: var(--space-2) !important;} .my-3 { margin-block: var(--space-3) !important;} .my-4 { margin-block: var(--space-4) !important;} .my-5 { margin-block: var(--space-5) !important;} .my-6 { margin-block: var(--space-6) !important;} .my-8 { margin-block: var(--space-8) !important;} .my-10 {margin-block: var(--space-10) !important;} .my-12 {margin-block: var(--space-12) !important;} .my-16 {margin-block: var(--space-16) !important;} .my-20 {margin-block: var(--space-20) !important;} .my-24 {margin-block: var(--space-24) !important;} .my-32 {margin-block: var(--space-32) !important;} .my-40 {margin-block: var(--space-40) !important;} .my-48 {margin-block: var(--space-48) !important;} .my-56 {margin-block: var(--space-56) !important;} .my-64 {margin-block: var(--space-64) !important;} @media all and (max-width: 767px) { .sm\:m-0 {margin: var(--space-0);} .sm\:m-1 {margin: var(--space-1);} .sm\:m-2 {margin: var(--space-2);} .sm\:m-3 {margin: var(--space-3);} .sm\:m-4 {margin: var(--space-4);} .sm\:m-5 {margin: var(--space-5);} .sm\:m-6 {margin: var(--space-6);} .sm\:m-8 {margin: var(--space-8);} .sm\:m-10 {margin: var(--space-10);} .sm\:m-12 {margin: var(--space-12);} .sm\:m-16 {margin: var(--space-16);} .sm\:m-20 {margin: var(--space-20);} .sm\:m-24 {margin: var(--space-24);} .sm\:m-32 {margin: var(--space-32);} .sm\:m-40 {margin: var(--space-40);} .sm\:m-48 {margin: var(--space-48);} .sm\:m-56 {margin: var(--space-56);} .sm\:m-64 {margin: var(--space-64);} .sm\:ml-0 {margin-inline-start: var(--space-0) !important;} .sm\:ml-1 {margin-inline-start: var(--space-1) !important;} .sm\:ml-2 {margin-inline-start: var(--space-2) !important;} .sm\:ml-3 {margin-inline-start: var(--space-3) !important;} .sm\:ml-4 {margin-inline-start: var(--space-4) !important;} .sm\:ml-5 {margin-inline-start: var(--space-5) !important;} .sm\:ml-6 {margin-inline-start: var(--space-6) !important;} .sm\:ml-8 {margin-inline-start: var(--space-8) !important;} .sm\:ml-10 {margin-inline-start: var(--space-10) !important;} .sm\:ml-12 {margin-inline-start: var(--space-12) !important;} .sm\:ml-16 {margin-inline-start: var(--space-16) !important;} .sm\:ml-20 {margin-inline-start: var(--space-20) !important;} .sm\:ml-24 {margin-inline-start: var(--space-24) !important;} .sm\:ml-32 {margin-inline-start: var(--space-32) !important;} .sm\:ml-40 {margin-inline-start: var(--space-40) !important;} .sm\:ml-48 {margin-inline-start: var(--space-48) !important;} .sm\:ml-56 {margin-inline-start: var(--space-56) !important;} .sm\:ml-64 {margin-inline-start: var(--space-64) !important;} .sm\:mr-0 {margin-inline-end: var(--space-0) !important;} .sm\:mr-1 {margin-inline-end: var(--space-1) !important;} .sm\:mr-2 {margin-inline-end: var(--space-2) !important;} .sm\:mr-3 {margin-inline-end: var(--space-3) !important;} .sm\:mr-4 {margin-inline-end: var(--space-4) !important;} .sm\:mr-5 {margin-inline-end: var(--space-5) !important;} .sm\:mr-6 {margin-inline-end: var(--space-6) !important;} .sm\:mr-8 {margin-inline-end: var(--space-8) !important;} .sm\:mr-10 {margin-inline-end: var(--space-10) !important;} .sm\:mr-12 {margin-inline-end: var(--space-12) !important;} .sm\:mr-16 {margin-inline-end: var(--space-16) !important;} .sm\:mr-20 {margin-inline-end: var(--space-20) !important;} .sm\:mr-24 {margin-inline-end: var(--space-24) !important;} .sm\:mr-32 {margin-inline-end: var(--space-32) !important;} .sm\:mr-40 {margin-inline-end: var(--space-40) !important;} .sm\:mr-48 {margin-inline-end: var(--space-48) !important;} .sm\:mr-56 {margin-inline-end: var(--space-56) !important;} .sm\:mr-64 {margin-inline-end: var(--space-64) !important;} .sm\:mt-0 {margin-block-start: var(--space-0) !important;} .sm\:mt-1 {margin-block-start: var(--space-1) !important;} .sm\:mt-2 {margin-block-start: var(--space-2) !important;} .sm\:mt-3 {margin-block-start: var(--space-3) !important;} .sm\:mt-4 {margin-block-start: var(--space-4) !important;} .sm\:mt-5 {margin-block-start: var(--space-5) !important;} .sm\:mt-6 {margin-block-start: var(--space-6) !important;} .sm\:mt-8 {margin-block-start: var(--space-8) !important;} .sm\:mt-10 {margin-block-start: var(--space-10) !important;} .sm\:mt-12 {margin-block-start: var(--space-12) !important;} .sm\:mt-16 {margin-block-start: var(--space-16) !important;} .sm\:mt-20 {margin-block-start: var(--space-20) !important;} .sm\:mt-24 {margin-block-start: var(--space-24) !important;} .sm\:mt-32 {margin-block-start: var(--space-32) !important;} .sm\:mt-40 {margin-block-start: var(--space-40) !important;} .sm\:mt-48 {margin-block-start: var(--space-48) !important;} .sm\:mt-56 {margin-block-start: var(--space-56) !important;} .sm\:mt-64 {margin-block-start: var(--space-64) !important;} .sm\:mb-0 {margin-block-end: var(--space-0) !important;} .sm\:mb-1 {margin-block-end: var(--space-1) !important;} .sm\:mb-2 {margin-block-end: var(--space-2) !important;} .sm\:mb-3 {margin-block-end: var(--space-3) !important;} .sm\:mb-4 {margin-block-end: var(--space-4) !important;} .sm\:mb-5 {margin-block-end: var(--space-5) !important;} .sm\:mb-6 {margin-block-end: var(--space-6) !important;} .sm\:mb-8 {margin-block-end: var(--space-8) !important;} .sm\:mb-10 {margin-block-end: var(--space-10) !important;} .sm\:mb-12 {margin-block-end: var(--space-12) !important;} .sm\:mb-16 {margin-block-end: var(--space-16) !important;} .sm\:mb-20 {margin-block-end: var(--space-20) !important;} .sm\:mb-24 {margin-block-end: var(--space-24) !important;} .sm\:mb-32 {margin-block-end: var(--space-32) !important;} .sm\:mb-40 {margin-block-end: var(--space-40) !important;} .sm\:mb-48 {margin-block-end: var(--space-48) !important;} .sm\:mb-56 {margin-block-end: var(--space-56) !important;} .sm\:mb-64 {margin-block-end: var(--space-64) !important;} .sm\:mx-0 {margin-inline: var(--space-0) !important;} .sm\:mx-1 {margin-inline: var(--space-1) !important;} .sm\:mx-2 {margin-inline: var(--space-2) !important;} .sm\:mx-3 {margin-inline: var(--space-3) !important;} .sm\:mx-4 {margin-inline: var(--space-4) !important;} .sm\:mx-5 {margin-inline: var(--space-5) !important;} .sm\:mx-6 {margin-inline: var(--space-6) !important;} .sm\:mx-8 {margin-inline: var(--space-8) !important;} .sm\:mx-10 {margin-inline: var(--space-10) !important;} .sm\:mx-12 {margin-inline: var(--space-12) !important;} .sm\:mx-16 {margin-inline: var(--space-16) !important;} .sm\:mx-20 {margin-inline: var(--space-20) !important;} .sm\:mx-24 {margin-inline: var(--space-24) !important;} .sm\:mx-32 {margin-inline: var(--space-32) !important;} .sm\:mx-40 {margin-inline: var(--space-40) !important;} .sm\:mx-48 {margin-inline: var(--space-48) !important;} .sm\:mx-56 {margin-inline: var(--space-56) !important;} .sm\:mx-64 {margin-inline: var(--space-64) !important;} .sm\:my-0 {margin-block: var(--space-0) !important;} .sm\:my-1 {margin-block: var(--space-1) !important;} .sm\:my-2 {margin-block: var(--space-2) !important;} .sm\:my-3 {margin-block: var(--space-3) !important;} .sm\:my-4 {margin-block: var(--space-4) !important;} .sm\:my-5 {margin-block: var(--space-5) !important;} .sm\:my-6 {margin-block: var(--space-6) !important;} .sm\:my-8 {margin-block: var(--space-8) !important;} .sm\:my-10 {margin-block: var(--space-10) !important;} .sm\:my-12 {margin-block: var(--space-12) !important;} .sm\:my-16 {margin-block: var(--space-16) !important;} .sm\:my-20 {margin-block: var(--space-20) !important;} .sm\:my-24 {margin-block: var(--space-24) !important;} .sm\:my-32 {margin-block: var(--space-32) !important;} .sm\:my-40 {margin-block: var(--space-40) !important;} .sm\:my-48 {margin-block: var(--space-48) !important;} .sm\:my-56 {margin-block: var(--space-56) !important;} .sm\:my-64 {margin-block: var(--space-64) !important;} } /* END Brings over default Esri RF Styles, copied from esri-rf-styles.css | DO NOT TOUCH */