/* WPI Assist styles from github.com/Blakew316/repequipment @ da9358e, scoped to the Equipment tab by tools/sync-equipment.mjs. Do not edit; re-run the tool. */ /* cost comparison styles: b7c0ec6e25f7 */ /* 1. the cost comparison’s rules cancelled inside the app */ :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.icon-btn){display:revert;align-items:revert;justify-content:revert;width:revert;height:revert;border-radius:revert;border:revert;background:revert;color:revert;cursor:revert;transition:revert;-webkit-tap-highlight-color:revert;flex-shrink:revert;padding:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.icon-btn:hover){background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.icon-btn:active){transform:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tab-btn.active){color:revert;border-bottom-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tab-btn:hover){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(thead th){color:revert;background:revert;font-weight:revert;text-transform:revert;font-size:revert;letter-spacing:revert;padding:revert;text-align:revert;border-bottom:revert;white-space:revert;position:revert;top:revert;z-index:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(tbody tr.section-header td){color:revert;background:revert;font-weight:revert;padding-top:revert;font-size:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(tbody tr:hover){background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi-value.brand-blue){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi-value.brand-teal){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi-value.brand-green){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi-value.red){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi-value.orange){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card .savings-monthly){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card .savings-pct){background:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.residual-val.trad){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.residual-val.cdp){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.comparison-col h4){font-size:revert;font-weight:revert;text-transform:revert;letter-spacing:revert;margin-bottom:revert;padding-bottom:revert;border-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.equip-card h4){color:revert;font-size:revert;font-weight:revert;text-transform:revert;letter-spacing:revert;margin-bottom:revert;padding-bottom:revert;border-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.proposal-section h3){color:revert;font-size:revert;font-weight:revert;margin-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.edit-hint){color:revert;background:revert;border-color:revert;display:revert;align-items:revert;gap:revert;border:revert;border-radius:revert;padding:revert;margin-bottom:revert;font-size:revert;font-weight:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.ic-input.cost-cell){color:revert;font-weight:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.ic-input){color:revert;width:revert;min-height:revert;border-radius:revert;border-bottom-width:revert;-webkit-tap-highlight-color:revert;border:revert;border-bottom:revert;background:revert;padding:revert;font-size:revert;font-family:revert;font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-weight:revert;text-align:revert;transition:revert;-webkit-appearance:revert;appearance:revert;outline:revert;caret-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.ic-text-input){color:revert;width:revert;min-height:revert;border-radius:revert;border-bottom-width:revert;-webkit-tap-highlight-color:revert;border:revert;border-bottom:revert;background:revert;padding:revert;font-size:revert;font-family:revert;font-weight:revert;letter-spacing:revert;text-align:revert;transition:revert;-webkit-appearance:revert;appearance:revert;outline:revert;caret-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(select){background:revert;color:revert;min-height:revert;font-size:revert;-webkit-tap-highlight-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.editable.placeholder){color:revert;font-size:revert;min-height:revert;font-style:revert;font-weight:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.edit-input){color:revert;padding:revert;margin:revert;min-height:revert;min-width:revert;border-radius:revert;border-bottom-width:revert;border:revert;font-size:revert;font-weight:revert;font-family:revert;background:revert;outline:revert;width:revert;max-width:revert;box-sizing:revert;box-shadow:revert;border-bottom:revert;-webkit-appearance:revert;appearance:revert;line-height:revert;letter-spacing:revert;transition:revert;caret-color:revert;-webkit-tap-highlight-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.logo-sub){color:revert;font-size:revert;letter-spacing:revert;font-weight:revert;white-space:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(*){margin:revert;padding:revert;box-sizing:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.header){background:revert;border-bottom:revert;padding:revert;position:revert;z-index:revert;box-shadow:revert;padding-top:revert;padding-bottom:revert;-webkit-user-select:revert;user-select:revert;-webkit-touch-callout:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.header-inner){max-width:revert;margin:revert;display:revert;align-items:revert;justify-content:revert;gap:revert;flex-wrap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.logo){flex-shrink:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.logo img){height:revert;width:revert;display:revert;filter:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.header-bottom){flex:revert;text-align:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.header-btn){flex-shrink:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tabs-container){background:revert;border-bottom:revert;padding:revert;overflow-x:revert;-webkit-overflow-scrolling:revert;display:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tabs){max-width:revert;margin:revert;display:revert;gap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tab-btn){background:revert;border:revert;color:revert;padding:revert;font-size:revert;font-weight:revert;cursor:revert;white-space:revert;border-bottom:revert;transition:revert;min-height:revert;-webkit-tap-highlight-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.main){max-width:revert;margin:revert;padding:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tab-panel){display:revert;animation:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tab-panel.active){display:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.num){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi-value){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert;font-size:revert;font-weight:revert;line-height:revert;color:revert;display:revert;min-height:revert;margin-top:revert;padding-top:revert;white-space:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi-sub){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert;font-size:revert;color:revert;margin-top:revert;line-height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-monthly){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert;font-size:revert;font-weight:revert;margin-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-yearly){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert;font-size:revert;color:revert;font-weight:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-pct){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert;font-size:revert;font-weight:revert;margin-top:revert;padding:revert;border-radius:revert;display:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.comp-value){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert;font-weight:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.equip-value){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert;font-weight:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.residual-val){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert;font-weight:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.info-value){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert;font-size:revert;font-weight:revert;color:revert;display:revert;min-height:revert;line-height:revert;overflow-wrap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id$="Lg"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id$="Pct"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id$="PctLg"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="Total"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="Cost"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="Rate"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="Fees"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="Sav"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="Vol"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="Txn"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="Avg"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="Monthly"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="Yearly"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="pay"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="rental"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id*="purchase"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id^="ov"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id^="eq"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id^="cdp"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id^="cur"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id^="wpi"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id^="trad"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id^="stl"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where([id^="ic"]){font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.card){background:revert;border:revert;border-radius:revert;padding:revert;margin-bottom:revert;box-shadow:revert;transition:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.card:hover){box-shadow:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.swipe-hint){display:revert;margin:revert;font-size:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.card-title){font-size:revert;font-weight:revert;text-transform:revert;letter-spacing:revert;color:revert;margin-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi-grid){display:revert;grid-template-columns:revert;gap:revert;margin-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi){background:revert;border:revert;border-radius:revert;padding:revert;transition:revert;box-shadow:revert;display:revert;flex-direction:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi:hover){box-shadow:revert;transform:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi-label){font-size:revert;font-weight:revert;text-transform:revert;letter-spacing:revert;color:revert;margin-bottom:revert;line-height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.table-container){overflow-x:revert;-webkit-overflow-scrolling:revert;border-radius:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(table){width:revert;border-collapse:revert;font-size:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(tbody td){padding:revert;border-bottom:revert;color:revert;white-space:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(tbody td.num){text-align:revert;font-weight:revert;font-variant-numeric:revert;font-feature-settings:revert;letter-spacing:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tier-badge){display:revert;font-size:revert;font-weight:revert;padding:revert;border-radius:revert;color:revert;min-width:revert;text-align:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tier-1){background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tier-2){background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tier-3){background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tier-4){background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-grid){display:revert;grid-template-columns:revert;gap:revert;margin-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card){background:revert;border:revert;border-radius:revert;padding:revert;text-align:revert;transition:revert;position:revert;overflow:revert;box-shadow:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card)::before{content:revert;position:revert;top:revert;left:revert;right:revert;height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card.cdp)::before{background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card.stl)::before{background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card.trad)::before{background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card:hover){transform:revert;box-shadow:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-label){font-size:revert;font-weight:revert;text-transform:revert;letter-spacing:revert;color:revert;margin-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card.cdp .savings-monthly){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card.cdp .savings-pct){background:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card.stl .savings-monthly){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card.stl .savings-pct){background:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card.trad .savings-monthly){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.savings-card.trad .savings-pct){background:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.merchant-info){display:revert;grid-template-columns:revert;gap:revert;background:revert;border:revert;border-radius:revert;padding:revert;margin-bottom:revert;box-shadow:revert;row-gap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.info-item){display:revert;flex-direction:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.info-label){font-size:revert;font-weight:revert;text-transform:revert;letter-spacing:revert;color:revert;line-height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(#tab-overview .ra-content){container:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.merchant-info .info-item){display:revert;grid-row:revert;grid-template-rows:revert;align-items:revert;justify-content:revert;gap:revert;min-width:revert;padding:revert;border-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.merchant-info .info-value){overflow-wrap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.proposal-section){background:revert;border:revert;border-radius:revert;padding:revert;margin-bottom:revert;box-shadow:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.proposal-section p){color:revert;font-size:revert;line-height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.comparison-grid){display:revert;grid-template-columns:revert;gap:revert;margin-top:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.comparison-col){background:revert;border-radius:revert;padding:revert;border:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.comparison-col.current h4){color:revert;border-bottom-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.comparison-col.wpi h4){color:revert;border-bottom-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.comp-row){display:revert;justify-content:revert;padding:revert;font-size:revert;border-bottom:revert;min-height:revert;align-items:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.comp-row:last-child){border-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.comp-label){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.equip-cols){display:revert;grid-template-columns:revert;gap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.equip-card){background:revert;border-radius:revert;padding:revert;border:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.equip-row){display:revert;justify-content:revert;padding:revert;font-size:revert;border-bottom:revert;min-height:revert;align-items:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.equip-row:last-child){border-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.equip-label){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.residual-grid){display:revert;grid-template-columns:revert;gap:revert;margin-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.residual-card){background:revert;border:revert;border-radius:revert;padding:revert;box-shadow:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.residual-card h4){font-size:revert;font-weight:revert;text-transform:revert;letter-spacing:revert;color:revert;margin-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.residual-row){display:revert;justify-content:revert;padding:revert;border-bottom:revert;font-size:revert;min-height:revert;align-items:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.residual-row:last-child){border-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.residual-type){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.chart-grid){grid-template-columns:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.tier-grid){grid-template-columns:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.header button[onclick="emailPDF()"]){padding:revert;font-size:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.icon-btn svg){width:revert;height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(#interchangeTable){min-width:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(select.ic-text-input){width:revert;cursor:revert;-webkit-appearance:revert;appearance:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(#equipSelect){font-size:revert;min-height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.merchant-info .info-item:nth-child(-n+3)){grid-column:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.merchant-info .info-item:nth-child(n+4)){border-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.merchant-info .editable){display:revert;min-height:revert;font-size:revert;line-height:revert;overflow-wrap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.merchant-info .editable.placeholder){display:revert;min-height:revert;font-size:revert;line-height:revert;overflow-wrap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi .editable){display:revert;min-height:revert;margin-top:revert;padding-top:revert;font-size:revert;white-space:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(#interchangeTable tfoot td){position:revert;left:revert;z-index:revert;background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(#interchangeTable tfoot td:last-child){left:revert;right:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.merchant-info .edit-input){min-width:revert;min-height:revert;padding:revert;margin:revert;height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi .edit-input){min-width:revert;min-height:revert;padding:revert;margin:revert;height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-sub){font-size:revert;color:revert;margin-bottom:revert;display:revert;flex-wrap:revert;gap:revert;align-items:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-overlay){padding-left:revert;padding-right:revert;padding-bottom:revert;padding-top:revert;position:revert;inset:revert;z-index:revert;background:revert;display:revert;align-items:revert;justify-content:revert;padding:revert;overflow-y:revert;animation:revert;-webkit-overflow-scrolling:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-modal){padding:revert;background:revert;color:revert;border:revert;border-radius:revert;box-shadow:revert;width:revert;max-width:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-actions){position:revert;bottom:revert;z-index:revert;margin:revert;padding:revert;background:revert;border-top:revert;border-radius:revert;display:revert;justify-content:revert;gap:revert;margin-top:revert;flex-wrap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-actions button){flex:revert;min-height:revert;font-size:revert;padding:revert;font:revert;font-weight:revert;border-radius:revert;cursor:revert;border:revert;background:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-actions .spacer){display:revert;flex:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-modal input[type=checkbox]){width:revert;height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.merchant-info .info-item:has(.editable)){cursor:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi:has(.editable)){cursor:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.comp-row:has(.editable)){cursor:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.residual-row:has(.editable)){cursor:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.merchant-info .info-item:has(.editable):active){background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.kpi:has(.editable):active){background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.status-cover){display:revert;position:revert;top:revert;left:revert;right:revert;height:revert;background:revert;z-index:revert;pointer-events:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.offline-bar){padding-top:revert;display:revert;background:revert;color:revert;text-align:revert;padding:revert;font-size:revert;font-weight:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.offline-bar.show + .header){padding-top:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-lightbox){padding-top:revert;position:revert;inset:revert;z-index:revert;background:revert;display:revert;flex-direction:revert;align-items:revert;overflow:revert;padding:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-lightbox-bar){top:revert;position:revert;display:revert;justify-content:revert;align-items:revert;width:revert;max-width:revert;color:revert;font-size:revert;font-weight:revert;padding:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.pwa-tabs){display:revert;position:revert;left:revert;right:revert;bottom:revert;z-index:revert;padding:revert;background:revert;-webkit-backdrop-filter:revert;backdrop-filter:revert;border-top:revert;-webkit-user-select:revert;user-select:revert;-webkit-touch-callout:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(body.dark .pwa-tabs){background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-toast){bottom:revert;position:revert;left:revert;transform:revert;z-index:revert;background:revert;color:revert;padding:revert;border-radius:revert;font-size:revert;font-weight:revert;box-shadow:revert;max-width:revert;animation:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.update-bar){bottom:revert;-webkit-user-select:revert;user-select:revert;-webkit-touch-callout:revert;position:revert;left:revert;transform:revert;z-index:revert;display:revert;align-items:revert;gap:revert;width:revert;max-width:revert;padding:revert;border-radius:revert;background:revert;color:revert;font-size:revert;font-weight:revert;box-shadow:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(body.ra-drawer .pwa-tabs){visibility:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(body:has(:is(input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=file]),textarea,[contenteditable=true]):focus) .pwa-tabs){visibility:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.pwa-tabs button){flex-direction:revert;gap:revert;height:revert;font-size:revert;touch-action:revert;flex:revert;min-width:revert;display:revert;align-items:revert;justify-content:revert;padding:revert;border:revert;background:revert;color:revert;font:revert;font-weight:revert;letter-spacing:revert;cursor:revert;-webkit-tap-highlight-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.pwa-tabs button svg){width:revert;height:revert;flex:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.pwa-tabs button.on){color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.pwa-tabs button:active){opacity:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.update-bar button){border:revert;border-radius:revert;padding:revert;font:revert;font-weight:revert;cursor:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.update-bar .go){background:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.update-bar .later){background:revert;color:revert;padding:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.editable){min-height:revert;display:revert;align-items:revert;-webkit-tap-highlight-color:revert;cursor:revert;min-width:revert;position:revert;background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(button){-webkit-tap-highlight-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.offline-bar.show){display:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.edit-measure){position:revert;visibility:revert;height:revert;overflow:revert;white-space:revert;pointer-events:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.edit-input:focus){background:revert;border-bottom-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.edit-input)::selection{background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.comp-value .edit-input){text-align:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.residual-val .edit-input){text-align:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.equip-value .edit-input){text-align:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.edit-hint svg){flex-shrink:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.ic-input:hover){border-bottom-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.ic-input:focus){background:revert;border-bottom-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.ic-text-input:hover){border-bottom-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.ic-text-input:focus){background:revert;border-bottom-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-btn){display:revert;align-items:revert;gap:revert;background:revert;color:revert;border:revert;padding:revert;border-radius:revert;font-size:revert;font-weight:revert;cursor:revert;transition:revert;letter-spacing:revert;font-family:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-btn:hover){background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-btn:active){transform:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-btn .scan-label-short){display:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-btn .scan-label-full){display:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-modal h2){font-size:revert;font-weight:revert;margin-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-badge){display:revert;font-size:revert;font-weight:revert;text-transform:revert;letter-spacing:revert;padding:revert;border-radius:revert;background:revert;border:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-badge.ai){background:revert;border-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-fields){display:revert;grid-template-columns:revert;gap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-field){display:revert;flex-direction:revert;gap:revert;min-width:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-field.full){grid-column:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-field label){font-size:revert;font-weight:revert;text-transform:revert;letter-spacing:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-field input){font:revert;font-size:revert;font-weight:revert;color:revert;background:revert;border:revert;border-radius:revert;padding:revert;width:revert;outline:revert;transition:revert;font-variant-numeric:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-field input:focus){border-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-field input.missing){border-color:revert;background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-evidence){font-size:revert;color:revert;white-space:revert;overflow:revert;text-overflow:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-alt){font-size:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-alt button){background:revert;border:revert;color:revert;font:revert;font-size:revert;cursor:revert;padding:revert;text-decoration:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-summary){margin-top:revert;display:revert;grid-template-columns:revert;gap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-summary .kpi){padding:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-summary .kpi-value){font-size:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-mix){margin-top:revert;font-size:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-mix table){font-size:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-warn){margin-top:revert;background:revert;border:revert;border-radius:revert;padding:revert;font-size:revert;line-height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-warn ul){margin:revert;padding-left:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-actions button.primary){background:revert;color:revert;border-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-actions button:disabled){opacity:revert;cursor:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-progress){display:revert;flex-direction:revert;align-items:revert;gap:revert;padding:revert;text-align:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-spinner){width:revert;height:revert;border-radius:revert;border:revert;border-top-color:revert;animation:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-progress-msg){font-size:revert;font-weight:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-progress-sub){font-size:revert;color:revert;max-width:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-error){background:revert;border:revert;border-radius:revert;padding:revert;font-size:revert;line-height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-drop){position:revert;inset:revert;z-index:revert;background:revert;border:revert;display:revert;align-items:revert;justify-content:revert;font-size:revert;font-weight:revert;color:revert;pointer-events:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-drop.show){display:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-options){display:revert;gap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-option){display:revert;align-items:revert;gap:revert;text-align:revert;width:revert;padding:revert;border:revert;border-radius:revert;background:revert;color:revert;cursor:revert;font:revert;transition:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-option:hover){background:revert;border-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-option:focus-visible){outline:revert;outline-offset:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-option svg){flex-shrink:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-option strong){display:revert;font-size:revert;font-weight:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-option small){display:revert;font-size:revert;color:revert;margin-top:revert;line-height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-tip){margin-top:revert;font-size:revert;color:revert;line-height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-badge.ocr){background:revert;border-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-tray){display:revert;grid-template-columns:revert;gap:revert;max-height:revert;overflow-y:revert;padding:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-page){margin:revert;display:revert;flex-direction:revert;gap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-page-img){aspect-ratio:revert;border:revert;border-radius:revert;background:revert;overflow:revert;display:revert;align-items:revert;justify-content:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-page-img img){width:revert;height:revert;object-fit:revert;object-position:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-page-noimg){font-size:revert;color:revert;padding:revert;text-align:revert;word-break:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-page figcaption){font-size:revert;font-weight:revert;text-align:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-page-tools){display:revert;justify-content:revert;gap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-page-tools button){width:revert;height:revert;border:revert;border-radius:revert;background:revert;color:revert;cursor:revert;font-size:revert;line-height:revert;padding:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-page-tools button:disabled){opacity:revert;cursor:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-add-col){display:revert;flex-direction:revert;gap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-add){flex:revert;min-height:revert;display:revert;flex-direction:revert;align-items:revert;justify-content:revert;gap:revert;border:revert;border-radius:revert;background:revert;color:revert;font:revert;font-size:revert;font-weight:revert;cursor:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-add:hover){border-color:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-add svg){width:revert;height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-thumbs){display:revert;align-items:revert;gap:revert;flex-wrap:revert;margin:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-thumbs a){position:revert;display:revert;width:revert;height:revert;border:revert;border-radius:revert;overflow:revert;background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-thumbs img){width:revert;height:revert;object-fit:revert;object-position:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-thumbs a span){position:revert;right:revert;bottom:revert;font-size:revert;font-weight:revert;background:revert;color:revert;border-radius:revert;padding:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-thumbs-hint){font-size:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-lightbox-bar button){background:revert;border:revert;color:revert;font-size:revert;line-height:revert;cursor:revert;padding:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-lightbox img){max-width:revert;height:revert;background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.markup-kpis){display:revert;grid-template-columns:revert;gap:revert;margin-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.markup-kpis .kpi){box-shadow:revert;background:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.markup-kpis .kpi-value){font-size:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.markup-table-wrap){max-height:revert;overflow:revert;border:revert;border-radius:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.markup-table-wrap select.ic-text-input){width:revert;max-width:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.markup-notes){margin-top:revert;font-size:revert;color:revert;line-height:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.markup-notes .editable){font-weight:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.markup-head){display:revert;align-items:revert;justify-content:revert;gap:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.markup-close){background:revert;border:revert;color:revert;cursor:revert;font-size:revert;line-height:revert;padding:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.markup-mode){font-size:revert;font-weight:revert;text-transform:revert;letter-spacing:revert;padding:revert;border-radius:revert;border:revert;margin-left:revert;vertical-align:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(tr.markup-sub td){font-size:revert;color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-actions-center){justify-content:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-badge.bank){background:revert;border-color:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-bank){margin-top:revert;font-size:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-bank-title){font-size:revert;font-weight:revert;text-transform:revert;letter-spacing:revert;color:revert;margin-bottom:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-bank table){font-size:revert;width:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-bank td){padding:revert;vertical-align:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-bank label){display:revert;align-items:revert;gap:revert;cursor:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-bank-who){color:revert;font-size:revert;max-width:revert;overflow:revert;text-overflow:revert;white-space:revert;display:revert} :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) :where(.scan-bank-note){margin-top:revert;font-size:revert;color:revert} /* 2. the page as the app’s own page starts: browser defaults for what the cost comparison sets on its page */ :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar){font-size:initial;-moz-osx-font-smoothing:initial;--red:initial} /* 3. the app’s stylesheet */ :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar){ /* Header row height — the sticky filter bar reads this too. */ --hdr-row: 104px; /* Full sticky-header height (brand row + tabs). Measured at runtime because it changes with the breakpoint; the literal below is only the pre-JS fallback. The filter bar parks against this. */ --hdr-h: 161px; /* Brand */ --navy: #10254f; --blue: #1a9bd7; --blue-d:#0f74b0; --green: #29b45b; --green-d:#1f9a4c; --accent-grad: linear-gradient(90deg, #1a9bd7 0%, #29b45b 100%); --accent-grad-v: linear-gradient(180deg, #1a9bd7 0%, #29b45b 100%); /* Light theme (default). Neutral greys, not blue-tinted ones. A page built out of #f4f7fb reads as faintly blue everywhere; these are the same steps with the hue removed, so white stays white and the only colour on screen is the brand. */ --bg: #ffffff; --bg-soft: #f7f7f8; --bg-softer: #f1f1f3; --surface: #ffffff; --card: #ffffff; --card-hover:#fcfcfd; --border: #e6e6e9; --border-2: #f0f0f2; --text: #1d1d1f; --text-soft: #6e6e73; --text-mut: #86868b; --chip-bg: #f4f4f6; --chip-on: var(--navy); --shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.05); --shadow-md: 0 4px 14px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.04); --shadow-lg: 0 18px 48px rgba(0,0,0,.13), 0 6px 18px rgba(0,0,0,.06); --img-bg: #fafafa; --header-bg: rgba(255,255,255,.78); --free-bg: #e9f7ee; --free-fg: #1f7d43; /* ------------------------------ motion ------------------------------ Three durations and two curves, and nothing outside them. Everything that responds to a pointer uses --t-fast; every surface that changes shape uses --t-base; everything that enters the screen uses --t-enter. Entrances all move the same distance in the same direction (up), so the page reads as one system rather than a set of unrelated effects. */ --t-fast: 120ms; --t-base: 200ms; --t-enter: 320ms; --ease: cubic-bezier(.22,.61,.36,1); /* decelerate — for entrances */ --ease-io: cubic-bezier(.4,0,.2,1); /* symmetric — for state changes */ --rise: 10px; /* the one entrance distance */ } body.dark :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar), body.dark :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar){ --bg: #000000; --bg-soft: #1c1c1e; --bg-softer: #232325; --surface: #1c1c1e; --card: #1c1c1e; --card-hover:#242426; --border: #38383a; --border-2: #2c2c2e; --text: #f5f5f7; --text-soft: #aeaeb2; --text-mut: #8e8e93; --chip-bg: #2c2c2e; --chip-on: #f5f5f7; --shadow-sm: 0 1px 2px rgba(0,0,0,.35); --shadow-md: 0 6px 18px rgba(0,0,0,.4); --shadow-lg: 0 22px 52px rgba(0,0,0,.55); --img-bg: #1c1c1e; --header-bg: rgba(0,0,0,.72); --free-bg: #123021; --free-fg: #57d98a; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) *{ box-sizing: border-box; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar){ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar){ margin: 0; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif; background: var(--bg); color: var(--text); line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; letter-spacing: -0.011em; padding-bottom: env(safe-area-inset-bottom); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) h1, :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) h2, :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) h3, :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) h4{ letter-spacing: -0.02em; line-height: 1.12; margin: 0; font-weight: 700; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) a{ color: inherit; text-decoration: none; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) img{ max-width: 100%; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) button{ font-family: inherit; cursor: pointer; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .wrap{ width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 20px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr{ position: sticky; top: 0; z-index: 50; background: transparent; border-bottom: 1px solid var(--border-2); padding-top: env(safe-area-inset-top); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr::before{ content: ""; position: absolute; inset: 0; z-index: 0; background: var(--header-bg); backdrop-filter: saturate(180%) blur(18px); -webkit-backdrop-filter: saturate(180%) blur(18px); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr > .wrap{ position: relative; z-index: 1; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-in{ display: flex; align-items: center; gap: 14px; height: var(--hdr-row); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo{ display: flex; align-items: center; gap: 18px; flex: 0 0 auto; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo img{ height: 88px; width: auto; display: block; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo .rep{ font-weight: 700; font-size: 30px; letter-spacing: -.02em; color: var(--text); padding-left: 20px; margin-left: 1px; border-left: 1px solid var(--border); white-space: nowrap; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo .rep b{ background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; color: transparent; } @media (max-width: 560px){ :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar){ --hdr-row: 92px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo{ gap: 14px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo img{ height: 76px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo .rep{ font-size: 22px; padding-left: 16px; } } @media (max-width: 400px){ :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar){ --hdr-row: 88px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo{ gap: 12px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo img{ height: 72px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo .rep{ font-size: 20px; padding-left: 14px; } } @media (max-width: 359px){ :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar){ --hdr-row: 78px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo{ gap: 10px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo img{ height: 62px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-logo .rep{ font-size: 17px; padding-left: 12px; } } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hdr-spacer{ flex: 1; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .icon-btn{ display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 11px; background: var(--chip-bg); border: 1px solid var(--border-2); color: var(--text); transition: transform var(--t-fast) var(--ease-io), background var(--t-fast) var(--ease-io); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .icon-btn:active{ transform: scale(.94); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .icon-btn svg{ width: 19px; height: 19px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) #installBtn{ display: none; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border-radius: 11px; font-weight: 600; font-size: 13.5px; color: #fff; background: var(--navy); border: none; white-space: nowrap; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) #installBtn.show{ display: inline-flex; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) #installBtn svg{ width: 16px; height: 16px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .subnav{ display: flex; gap: 4px; overflow-x: auto; padding: 8px 0 10px; scrollbar-width: none; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .subnav::-webkit-scrollbar{ display: none; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tab{ position: relative; z-index: 1; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--text-soft); background: transparent; border: 1px solid transparent; transition: color var(--t-fast) var(--ease-io), background var(--t-fast) var(--ease-io), border-color var(--t-fast) var(--ease-io); -webkit-tap-highlight-color: transparent; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tab svg{ width: 16px; height: 16px; opacity: .9; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tab:hover{ color: var(--text); background: var(--bg-soft); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tab.active{ color: #fff; background: var(--navy); border-color: var(--navy); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tab.active svg{ opacity: 1; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .ra-main{ min-height: 60vh; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .home-hero{ padding: 40px 0 8px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .eyebrow{ display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--text-mut); margin-bottom: 14px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .eyebrow::before{ content:""; width: 22px; height: 3px; border-radius: 3px; background: var(--accent-grad); } @keyframes riseIn{ from { opacity: 0; transform: translateY(var(--rise)); } to { opacity: 1; transform: none; } } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .rise{ animation: riseIn var(--t-enter) var(--ease) both; animation-delay: calc(var(--i, 0) * 70ms); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hero-brand{ display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-bottom: 26px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hero-logo{ height: 64px; width: auto; display: block; animation: riseIn var(--t-enter) var(--ease) both; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hero-kit{ position: relative; font-size: 15px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--text-mut); padding-left: 22px; border-left: none; animation: riseIn var(--t-enter) var(--ease) 70ms both; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hero-kit::before{ content: ""; position: absolute; left: 0; top: 50%; width: 2px; height: 118%; border-radius: 2px; background: var(--accent-grad-v); transform: translateY(-50%); } @media (max-width: 520px){ :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hero-logo{ height: 52px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hero-kit{ font-size: 13px; padding-left: 14px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hero-brand{ gap: 14px; } } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .home-hero h1{ font-size: clamp(28px, 6vw, 44px); font-weight: 700; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .home-hero h1 .g{ background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; color: transparent; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .home-hero p{ color: var(--text-soft); font-size: 17px; max-width: 640px; margin: 14px 0 0; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tiles{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 26px 0 10px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tile{ position: relative; display: flex; flex-direction: column; gap: 12px; padding: 24px; border-radius: 20px; background: var(--card); border: 1px solid var(--border); box-shadow: var(--shadow-sm); transition: transform var(--t-base) var(--ease-io), box-shadow var(--t-base) var(--ease-io), border-color var(--t-base) var(--ease-io); overflow: hidden; text-align: left; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tile::before{ content:""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--accent-grad-v); opacity: 0; transition: opacity var(--t-base) var(--ease-io); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tile:hover{ transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--border); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tile:hover::before{ opacity: 1; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tile-ic{ width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; background: var(--bg-soft); color: var(--navy); border: 1px solid var(--border-2); } body.dark :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tile-ic, body.dark :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tile-ic{ color: var(--blue); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tile-ic svg{ width: 24px; height: 24px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tile h3{ font-size: 20px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .tile p{ margin: 0; color: var(--text-soft); font-size: 14.5px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .home-quick{ display: flex; flex-wrap: wrap; gap: 10px; padding: 18px 0 44px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .qlink{ display: inline-flex; align-items: center; gap: 8px; padding: 10px 15px; border-radius: 12px; background: var(--card); border: 1px solid var(--border); font-size: 13.5px; font-weight: 600; color: var(--text-soft); box-shadow: var(--shadow-sm); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .qlink svg{ width: 16px; height: 16px; color: var(--blue); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .qlink:hover{ color: var(--text); border-color: var(--blue); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .sec-head{ padding: 30px 0 6px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .sec-head .back{ display: inline-flex; align-items: center; gap: 6px; color: var(--text-mut); font-weight: 600; font-size: 13.5px; margin-bottom: 14px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .sec-head .back svg{ width: 15px; height: 15px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .sec-head h2{ font-size: clamp(24px, 5vw, 32px); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .sec-head .lead{ color: var(--text-soft); margin-top: 8px; font-size: 15.5px; max-width: 680px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .sec-accent{ width: 30px; height: 4px; border-radius: 4px; background: var(--accent-grad); margin-top: 12px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .filters{ position: sticky; top: var(--hdr-h); z-index: 20; background: var(--bg); padding: 14px 0 8px; margin-top: 6px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .filters::after{ content:""; display:block; height:1px; background: var(--border-2); margin-top: 12px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .search{ display: flex; align-items: center; gap: 9px; padding: 0 13px; height: 42px; background: var(--bg-soft); border: 1px solid var(--border-2); border-radius: 12px; margin-bottom: 10px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .search svg{ width: 17px; height: 17px; color: var(--text-mut); flex: 0 0 auto; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .search input{ flex: 1; border: none; background: transparent; color: var(--text); font-size: 15px; outline: none; min-width: 0; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .search input::placeholder{ color: var(--text-mut); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .filter-row{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .chips{ display: flex; gap: 7px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; flex: 1 1 100%; min-width: 0; -webkit-overflow-scrolling: touch; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .chips::-webkit-scrollbar{ display: none; } @media (min-width: 720px){ :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .chips{ flex: 1 1 auto; } } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .chip{ flex: 0 0 auto; padding: 7px 13px; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--text-soft); background: var(--chip-bg); border: 1px solid transparent; white-space: nowrap; transition: color var(--t-fast) var(--ease-io), background var(--t-fast) var(--ease-io), border-color var(--t-fast) var(--ease-io); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .chip:hover{ color: var(--text); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .chip.active{ color: #fff; background: var(--navy); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hscroll{ position: relative; min-width: 0; flex: 1 1 100%; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .catbar > .hscroll{ flex: 1 1 auto; } @media (min-width: 720px){ :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .filter-row > .hscroll{ flex: 1 1 auto; } } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hscroll::before, :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hscroll::after{ content: ""; position: absolute; top: 0; bottom: 0; width: 44px; pointer-events: none; opacity: 0; transition: opacity var(--t-base) var(--ease-io); z-index: 2; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hscroll::before{ left: 0; background: linear-gradient(to right, var(--bg), transparent); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hscroll::after{ right: 0; background: linear-gradient(to left, var(--bg), transparent); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hscroll.can-l::before, :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hscroll.can-r::after{ opacity: 1; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hs-btn{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 28px; height: 28px; border-radius: 999px; display: none; align-items: center; justify-content: center; padding: 0; cursor: pointer; border: 1px solid var(--border-2); background: var(--bg); color: var(--text-soft); box-shadow: 0 1px 4px rgba(0,0,0,.10); font-family: inherit; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hs-btn svg{ width: 15px; height: 15px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hs-btn:hover{ color: var(--text); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hs-btn.l{ left: 2px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hs-btn.r{ right: 2px; } @media (hover: hover) and (pointer: fine){ :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hscroll.can-l > .hs-btn.l, :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hscroll.can-r > .hs-btn.r{ display: flex; } } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hscroll.dragging{ cursor: grabbing; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hscroll.dragging .chip, :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .hscroll.dragging .cchip{ pointer-events: none; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .selectwrap{ position: relative; flex: 0 0 auto; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .selectwrap select{ appearance: none; -webkit-appearance: none; font-family: inherit; padding: 8px 30px 8px 13px; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--text); background: var(--chip-bg); border: 1px solid var(--border-2); outline: none; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .selectwrap::after{ content:"⌄"; position: absolute; right: 12px; top: 46%; transform: translateY(-50%); color: var(--text-mut); pointer-events: none; font-size: 14px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .count{ color: var(--text-mut); font-size: 13px; padding: 12px 0 4px; } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 6px 0 60px; /* Card geometry. --card-h is derived from these, never typed as a literal, so a change to any one of them keeps the reserved size honest. */ --c-img: 190px; /* image frame */ --c-pad-t: 14px; --c-pad-b: 16px; --c-type: 15px; /* category line, always 1 line */ --c-name: 20px; /* title line-height */ --c-name-n: 2; /* title lines reserved — measured to fit every title */ --c-tag: 19px; /* tagline line-height */ --c-tag-n: 2; /* tagline lines reserved */ --c-foot: 30px; --c-gap: 6px; --c-foot-t: 12px; --card-h: calc( var(--c-img) + 1px /* frame + divider */ + var(--c-pad-t) + var(--c-type) + var(--c-gap) + (var(--c-name-n) * var(--c-name)) + var(--c-gap) + (var(--c-tag-n) * var(--c-tag)) + var(--c-foot-t) + var(--c-foot) + var(--c-pad-b) + 2px /* card border */ ); } :is(#raMain,#raLayer,#raHome,#raQuote,#raPropBar,#anMenu,#anBar) .card{ height: var(--card-h); /* The grid renders every matching device at once. content-visibility lets the browser skip layout and paint for the cards below the fold, which is what keeps a 67-card tab snappy on a phone. The intrinsic size is now the exact card height, so nothing shifts as cards come into view. */ content-visibility: auto; contain-intrinsic-size: var(--card-h); display: flex; flex-direction: column; border-radius: 18px; overflow: hidden; background: var(--card); border: 1px solid var(--border); box-shadow: var(--shadow-sm); transition: transform var(--t-base) var(--ease-io), box-shadow var(--t-base) var(--ease-io), border-color var(--t-base) var(--ease-io); text-align: left; /* The card is a