1<!DOCTYPE html><html lang="en"><head> 2 <meta charset="utf-8"> 3 <title>Car Insurance Calculator Malaysia | PolicyStreet</title> 4 <base href="/"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <!-- Only for staging --> 8 <meta name="robots" content="noindex, nofollow"> 9 10 <meta name="description" content="Use our free car insurance calculator to estimate your premium in Malaysia. Quickly compare costs & find the right coverage that fits your needs & budget."> 11 <meta name="keywords" content="car insurance calculator, calculate car insurance premium, car insurance price malaysia, online car insurance calculator"> 12 13 <meta property="og:locale" content="en_US"> 14 <meta property="og:type" content="website"> 15 <meta property="og:title" content="Car Insurance Calculator Malaysia | PolicyStreet"> 16 <meta property="og:description" content="Use our free car insurance calculator to estimate your premium in Malaysia. Quickly compare costs & find the right coverage that fits your needs & budget."> 17 <!-- <meta property="og:image" content="" /> --> 18 19 <meta property="og:url" content="https://policystreet.com.my/en/car-insurance-calculator"> 20 <meta property="og:site_name" content="PolicyStreet"> 21 22 <meta name="twitter:card" content="summary_large_image"> 23 <meta name="twitter:title" content="Car Insurance Calculator Malaysia | PolicyStreet"> 24 <meta name="twitter:description" content="Use our free car insurance calculator to estimate your premium in Malaysia. Quickly compare costs & find the right coverage that fits your needs & budget."> 25 26 <link rel="icon" type="image/x-icon" href="assets/favicon.ico"> 27 <link rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico"> 28 29 <link rel="preconnect" href="https://fonts.googleapis.com"> 30 <link rel="preconnect" href="https://fonts.gstatic.com"> 31 <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 32 <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> 33 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 34 <link rel="stylesheet" href="styles.css"><style ng-app-id="ng"> 35.spinner-container[_ngcontent-ng-c1245769907] { 36 background-color: #000; 37 position: absolute; 38 opacity: 0.5; 39 transition: 0.2s ease-in-out; 40 width: 100%; 41 height: 100vh; 42 display: flex; 43 justify-content: center; 44 align-items: center; 45 z-index: 999999; 46} 47/*# sourceMappingURL=/loading-spinner.component.css.map */</style><style ng-app-id="ng"> 48[_nghost-ng-c952322260] { 49 display: block; 50 height: 100vh; 51} 52.dashboard[_ngcontent-ng-c952322260] { 53 height: 100%; 54} 55.dashboard__content[_ngcontent-ng-c952322260] { 56 min-height: 100%; 57 margin: auto; 58} 59/*# sourceMappingURL=/full-layout.component.css.map */</style><style ng-app-id="ng">.mat-drawer-container { 60 position: relative; 61 z-index: 1; 62 color: var(--mat-sidenav-content-text-color, var(--mat-sys-on-background)); 63 background-color: var(--mat-sidenav-content-background-color, var(--mat-sys-background)); 64 box-sizing: border-box; 65 display: block; 66 overflow: hidden; 67} 68.mat-drawer-container[fullscreen] { 69 top: 0; 70 left: 0; 71 right: 0; 72 bottom: 0; 73 position: absolute; 74} 75.mat-drawer-container[fullscreen].mat-drawer-container-has-open { 76 overflow: hidden; 77} 78.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side { 79 z-index: 3; 80} 81.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop, 82.mat-drawer-container.ng-animate-disabled .mat-drawer-content, .ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop, 83.ng-animate-disabled .mat-drawer-container .mat-drawer-content { 84 transition: none; 85} 86 87.mat-drawer-backdrop { 88 top: 0; 89 left: 0; 90 right: 0; 91 bottom: 0; 92 position: absolute; 93 display: block; 94 z-index: 3; 95 visibility: hidden; 96} 97.mat-drawer-backdrop.mat-drawer-shown { 98 visibility: visible; 99 background-color: var(--mat-sidenav-scrim-color, color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent)); 100} 101.mat-drawer-transition .mat-drawer-backdrop { 102 transition-duration: 400ms; 103 transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); 104 transition-property: background-color, visibility; 105} 106@media (forced-colors: active) { 107 .mat-drawer-backdrop { 108 opacity: 0.5; 109 } 110} 111 112.mat-drawer-content { 113 position: relative; 114 z-index: 1; 115 display: block; 116 height: 100%; 117 overflow: auto; 118} 119.mat-drawer-content.mat-drawer-content-hidden { 120 opacity: 0; 121} 122.mat-drawer-transition .mat-drawer-content { 123 transition-duration: 400ms; 124 transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); 125 transition-property: transform, margin-left, margin-right; 126} 127 128.mat-drawer { 129 position: relative; 130 z-index: 4; 131 color: var(--mat-sidenav-container-text-color, var(--mat-sys-on-surface-variant)); 132 box-shadow: var(--mat-sidenav-container-elevation-shadow, none); 133 background-color: var(--mat-sidenav-container-background-color, var(--mat-sys-surface)); 134 border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 135 border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 136 width: var(--mat-sidenav-container-width, 360px); 137 display: block; 138 position: absolute; 139 top: 0; 140 bottom: 0; 141 z-index: 3; 142 outline: 0; 143 box-sizing: border-box; 144 overflow-y: auto; 145 transform: translate3d(-100%, 0, 0); 146} 147@media (forced-colors: active) { 148 .mat-drawer, [dir=rtl] .mat-drawer.mat-drawer-end { 149 border-right: solid 1px currentColor; 150 } 151} 152@media (forced-colors: active) { 153 [dir=rtl] .mat-drawer, .mat-drawer.mat-drawer-end { 154 border-left: solid 1px currentColor;
155 border-right: none; 156 } 157} 158.mat-drawer.mat-drawer-side { 159 z-index: 2; 160} 161.mat-drawer.mat-drawer-end { 162 right: 0; 163 transform: translate3d(100%, 0, 0); 164 border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 165 border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 166 border-top-right-radius: 0; 167 border-bottom-right-radius: 0; 168} 169[dir=rtl] .mat-drawer { 170 border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 171 border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 172 border-top-right-radius: 0; 173 border-bottom-right-radius: 0; 174 transform: translate3d(100%, 0, 0); 175} 176[dir=rtl] .mat-drawer.mat-drawer-end { 177 border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 178 border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); 179 border-top-left-radius: 0; 180 border-bottom-left-radius: 0; 181 left: 0; 182 right: auto; 183 transform: translate3d(-100%, 0, 0); 184} 185.mat-drawer-transition .mat-drawer { 186 transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); 187} 188.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) { 189 visibility: hidden; 190 box-shadow: none; 191} 192.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container { 193 display: none; 194} 195.mat-drawer.mat-drawer-opened.mat-drawer-opened { 196 transform: none; 197} 198 199.mat-drawer-side { 200 box-shadow: none; 201 border-right-color: var(--mat-sidenav-container-divider-color, transparent); 202 border-right-width: 1px; 203 border-right-style: solid; 204} 205.mat-drawer-side.mat-drawer-end { 206 border-left-color: var(--mat-sidenav-container-divider-color, transparent); 207 border-left-width: 1px; 208 border-left-style: solid; 209 border-right: none; 210} 211[dir=rtl] .mat-drawer-side { 212 border-left-color: var(--mat-sidenav-container-divider-color, transparent); 213 border-left-width: 1px; 214 border-left-style: solid; 215 border-right: none; 216} 217[dir=rtl] .mat-drawer-side.mat-drawer-end { 218 border-right-color: var(--mat-sidenav-container-divider-color, transparent); 219 border-right-width: 1px; 220 border-right-style: solid; 221 border-left: none; 222} 223 224.mat-drawer-inner-container { 225 width: 100%; 226 height: 100%; 227 overflow: auto; 228} 229 230.mat-sidenav-fixed { 231 position: fixed; 232} 233</style><style ng-app-id="ng">.cdk-visually-hidden { 234 border: 0; 235 clip: rect(0 0 0 0); 236 height: 1px; 237 margin: -1px; 238 overflow: hidden; 239 padding: 0; 240 position: absolute; 241 width: 1px; 242 white-space: nowrap; 243 outline: 0; 244 -webkit-appearance: none; 245 -moz-appearance: none; 246 left: 0; 247} 248[dir=rtl] .cdk-visually-hidden { 249 left: auto; 250 right: 0; 251} 252</style><style ng-app-id="ng"> 253.list__icon[_ngcontent-ng-c3935147848] { 254 height: 24px; 255} 256.list__label[_ngcontent-ng-c3935147848] { 257 margin-left: 5px; 258} 259.site-root-panel.route-active[_ngcontent-ng-c3935147848] > .mat-expansion-panel-header.site-root-header[_ngcontent-ng-c3935147848] { 260 border-radius: 0.5rem; 261 --tw-bg-opacity: 1; 262 background-color: rgb(0 145 255 / var(--tw-bg-opacity, 1)); 263 padding-left: 1rem; 264 padding-right: 1rem; 265 padding-top: 0.5rem; 266 padding-bottom: 0.5rem; 267 --tw-text-opacity: 1; 268 color: rgb(255 255 255 / var(--tw-text-opacity, 1)); 269} 270.site-nav-accordion[_ngcontent-ng-c3935147848] .main-title[_ngcontent-ng-c3935147848] { 271 font-weight: 500 !important; 272 font-size: 16px !important; 273} 274.site-nav-accordion[_ngcontent-ng-c3935147848] .second-title[_ngcontent-ng-c3935147848] { 275 font-weight: 500 !important; 276 font-size: 14px !important; 277} 278.normal-title[_ngcontent-ng-c3935147848] { 279 font-weight: unset !important; 280 font-size: unset !important; 281} 282.active[_ngcontent-ng-c3935147848] .mat-expansion-panel-header-title[_ngcontent-ng-c3935147848] { 283 background-color: #0091ff !important; 284 color: #fff !important; 285 border-radius: 8px; 286 padding: 10px; 287} 288/*# sourceMappingURL=/site-nav.component.css.map */</style><style ng-app-id="ng"> 289.container[_ngcontent-ng-c3635789579] { 290 height: var(--header-height); 291} 292/*# sourceMappingURL=/header.component.css.map */</style><style ng-app-id="ng"> 293.disabled[_ngcontent-ng-c2711685700] { 294 opacity: 0.4; 295} 296/*# sourceMappingURL=/footer.component.css.map */</style><style ng-app-id="ng">mat-icon, mat-icon.mat-primary, mat-icon.mat-accent, mat-icon.mat-warn { 297 color: var(--mat-icon-color, inherit); 298} 299 300.mat-icon { 301 -webkit-user-select: none; 302 user-select: none; 303 background-repeat: no-repeat; 304 display: inline-block; 305 fill: currentColor; 306 height: 24px; 307 width: 24px; 308 overflow: hidden; 309} 310.mat-icon.mat-icon-inline { 311 font-size: inherit; 312 height: inherit; 313 line-height: inherit; 314 width: inherit; 315} 316.mat-icon.mat-ligature-font[fontIcon]::before { 317 content: attr(fontIcon); 318} 319 320[dir=rtl] .mat-icon-rtl-mirror { 321 transform: scale(-1, 1); 322} 323 324.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon, 325.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon { 326 display: block; 327} 328.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon, 329.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon { 330 margin: auto; 331} 332</style><style ng-app-id="ng"> 333.lang-outer-toggle[_ngcontent-ng-c1746833094] { 334 background: #E3EAF2; 335 border-radius: 999px; 336 padding: 4px; 337 width: 98px; 338 height: 36px; 339 display: inline-block; 340} 341.lang-inner-toggle[_ngcontent-ng-c1746833094] { 342 display: flex; 343 background: #F5F5F5; 344 border-radius: 999px; 345 overflow: hidden; 346} 347.toggle-option[_ngcontent-ng-c1746833094] { 348 flex: 1; 349 text-align: center; 350 padding: 2px; 351 font-weight: 400; 352 cursor: pointer;
353 color: #555; 354 transition: all 0.3s ease; 355} 356.toggle-option[_ngcontent-ng-c1746833094]:first-child { 357 border-top-left-radius: 999px; 358 border-bottom-left-radius: 999px; 359} 360.toggle-option[_ngcontent-ng-c1746833094]:last-child { 361 border-top-right-radius: 999px; 362 border-bottom-right-radius: 999px; 363} 364.toggle-option.active[_ngcontent-ng-c1746833094] { 365 background-color: #1e88e5; 366 font-weight: 700; 367 color: white; 368} 369/*# sourceMappingURL=/translator-toggle.component.css.map */</style><style ng-app-id="ng">mat-menu { 370 display: none; 371} 372 373.mat-mdc-menu-content { 374 margin: 0; 375 padding: 8px 0; 376 outline: 0; 377} 378.mat-mdc-menu-content, 379.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text { 380 -moz-osx-font-smoothing: grayscale; 381 -webkit-font-smoothing: antialiased; 382 flex: 1; 383 white-space: normal; 384 font-family: var(--mat-menu-item-label-text-font, var(--mat-sys-label-large-font)); 385 line-height: var(--mat-menu-item-label-text-line-height, var(--mat-sys-label-large-line-height)); 386 font-size: var(--mat-menu-item-label-text-size, var(--mat-sys-label-large-size)); 387 letter-spacing: var(--mat-menu-item-label-text-tracking, var(--mat-sys-label-large-tracking)); 388 font-weight: var(--mat-menu-item-label-text-weight, var(--mat-sys-label-large-weight)); 389} 390 391@keyframes _mat-menu-enter { 392 from { 393 opacity: 0; 394 transform: scale(0.8); 395 } 396 to { 397 opacity: 1; 398 transform: none; 399 } 400} 401@keyframes _mat-menu-exit { 402 from { 403 opacity: 1; 404 } 405 to { 406 opacity: 0; 407 } 408} 409.mat-mdc-menu-panel { 410 min-width: 112px; 411 max-width: 280px; 412 overflow: auto; 413 box-sizing: border-box; 414 outline: 0; 415 animation: _mat-menu-enter 120ms cubic-bezier(0, 0, 0.2, 1); 416 border-radius: var(--mat-menu-container-shape, var(--mat-sys-corner-extra-small)); 417 background-color: var(--mat-menu-container-color, var(--mat-sys-surface-container)); 418 box-shadow: var(--mat-menu-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)); 419 will-change: transform, opacity; 420} 421.mat-mdc-menu-panel.mat-menu-panel-exit-animation { 422 animation: _mat-menu-exit 100ms 25ms linear forwards; 423} 424.mat-mdc-menu-panel.mat-menu-panel-animations-disabled { 425 animation: none; 426} 427.mat-mdc-menu-panel.mat-menu-panel-animating { 428 pointer-events: none; 429} 430.mat-mdc-menu-panel.mat-menu-panel-animating:has(.mat-mdc-menu-content:empty) { 431 display: none; 432} 433@media (forced-colors: active) { 434 .mat-mdc-menu-panel { 435 outline: solid 1px; 436 } 437} 438.mat-mdc-menu-panel .mat-divider { 439 border-top-color: var(--mat-menu-divider-color, var(--mat-sys-surface-variant)); 440 margin-bottom: var(--mat-menu-divider-bottom-spacing, 8px); 441 margin-top: var(--mat-menu-divider-top-spacing, 8px); 442} 443 444.mat-mdc-menu-item { 445 display: flex; 446 position: relative; 447 align-items: center; 448 justify-content: flex-start; 449 overflow: hidden; 450 padding: 0; 451 cursor: pointer; 452 width: 100%; 453 text-align: left; 454 box-sizing: border-box; 455 color: inherit; 456 font-size: inherit; 457 background: none; 458 text-decoration: none; 459 margin: 0; 460 min-height: 48px; 461 padding-left: var(--mat-menu-item-leading-spacing, 12px); 462 padding-right: var(--mat-menu-item-trailing-spacing, 12px); 463 -webkit-user-select: none; 464 user-select: none; 465 cursor: pointer; 466 outline: none; 467 border: none; 468 -webkit-tap-highlight-color: transparent; 469} 470.mat-mdc-menu-item::-moz-focus-inner { 471 border: 0; 472} 473[dir=rtl] .mat-mdc-menu-item { 474 padding-left: var(--mat-menu-item-trailing-spacing, 12px); 475 padding-right: var(--mat-menu-item-leading-spacing, 12px); 476} 477.mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) { 478 padding-left: var(--mat-menu-item-with-icon-leading-spacing, 12px); 479 padding-right: var(--mat-menu-item-with-icon-trailing-spacing, 12px); 480} 481[dir=rtl] .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) { 482 padding-left: var(--mat-menu-item-with-icon-trailing-spacing, 12px); 483 padding-right: var(--mat-menu-item-with-icon-leading-spacing, 12px); 484} 485.mat-mdc-menu-item, .mat-mdc-menu-item:visited, .mat-mdc-menu-item:link { 486 color: var(--mat-menu-item-label-text-color, var(--mat-sys-on-surface)); 487} 488.mat-mdc-menu-item .mat-icon-no-color, 489.mat-mdc-menu-item .mat-mdc-menu-submenu-icon { 490 color: var(--mat-menu-item-icon-color, var(--mat-sys-on-surface-variant)); 491} 492.mat-mdc-menu-item[disabled] { 493 cursor: default; 494 opacity: 0.38; 495} 496.mat-mdc-menu-item[disabled]::after { 497 display: block; 498 position: absolute; 499 content: ""; 500 top: 0; 501 left: 0; 502 bottom: 0; 503 right: 0; 504} 505.mat-mdc-menu-item:focus { 506 outline: 0; 507} 508.mat-mdc-menu-item .mat-icon { 509 flex-shrink: 0; 510 margin-right: var(--mat-menu-item-spacing, 12px); 511 height: var(--mat-menu-item-icon-size, 24px); 512 width: var(--mat-menu-item-icon-size, 24px); 513} 514[dir=rtl] .mat-mdc-menu-item { 515 text-align: right; 516} 517[dir=rtl] .mat-mdc-menu-item .mat-icon { 518 margin-right: 0; 519 margin-left: var(--mat-menu-item-spacing, 12px); 520} 521.mat-mdc-menu-item:not([disabled]):hover { 522 background-color: var(--mat-menu-item-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent)); 523} 524.mat-mdc-menu-item:not([disabled]).cdk-program-focused, .mat-mdc-menu-item:not([disabled]).cdk-keyboard-focused, .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted { 525 background-color: var(--mat-menu-item-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent)); 526} 527@media (forced-colors: active) { 528 .mat-mdc-menu-item {
529 margin-top: 1px; 530 } 531} 532 533.mat-mdc-menu-submenu-icon { 534 width: var(--mat-menu-item-icon-size, 24px); 535 height: 10px; 536 fill: currentColor; 537 padding-left: var(--mat-menu-item-spacing, 12px); 538} 539[dir=rtl] .mat-mdc-menu-submenu-icon { 540 padding-right: var(--mat-menu-item-spacing, 12px); 541 padding-left: 0; 542} 543[dir=rtl] .mat-mdc-menu-submenu-icon polygon { 544 transform: scaleX(-1); 545 transform-origin: center; 546} 547@media (forced-colors: active) { 548 .mat-mdc-menu-submenu-icon { 549 fill: CanvasText; 550 } 551} 552 553.mat-mdc-menu-item .mat-mdc-menu-ripple { 554 top: 0; 555 left: 0; 556 right: 0; 557 bottom: 0; 558 position: absolute; 559 pointer-events: none; 560} 561</style><style ng-app-id="ng">.mat-focus-indicator { 562 position: relative; 563} 564.mat-focus-indicator::before { 565 top: 0; 566 left: 0; 567 right: 0; 568 bottom: 0; 569 position: absolute; 570 box-sizing: border-box; 571 pointer-events: none; 572 display: var(--mat-focus-indicator-display, none); 573 border-width: var(--mat-focus-indicator-border-width, 3px); 574 border-style: var(--mat-focus-indicator-border-style, solid); 575 border-color: var(--mat-focus-indicator-border-color, transparent); 576 border-radius: var(--mat-focus-indicator-border-radius, 4px); 577} 578.mat-focus-indicator:focus-visible::before { 579 content: ""; 580} 581 582@media (forced-colors: active) { 583 html { 584 --mat-focus-indicator-display: block; 585 } 586} 587</style><style ng-app-id="ng">.mat-ripple { 588 overflow: hidden; 589 position: relative; 590} 591.mat-ripple:not(:empty) { 592 transform: translateZ(0); 593} 594 595.mat-ripple.mat-ripple-unbounded { 596 overflow: visible; 597} 598 599.mat-ripple-element { 600 position: absolute; 601 border-radius: 50%; 602 pointer-events: none; 603 transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); 604 transform: scale3d(0, 0, 0); 605 background-color: var(--mat-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent)); 606} 607@media (forced-colors: active) { 608 .mat-ripple-element { 609 display: none; 610 } 611} 612.cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element { 613 display: none; 614} 615</style><style ng-app-id="ng"> 616 .mat-button-toggle-group { 617 border: none !important; 618 background: transparent; 619} 620 .mat-button-toggle { 621 border-radius: 0.75rem; 622 --tw-bg-opacity: 1; 623 background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); 624 padding-left: 1.5rem; 625 padding-right: 1.5rem; 626 padding-top: 0.75rem; 627 padding-bottom: 0.75rem; 628 --tw-text-opacity: 1; 629 color: rgb(55 65 81 / var(--tw-text-opacity, 1)); 630 border: none !important; 631} 632 .mat-button-toggle-checked { 633 background: #0091ff !important; 634 color: white !important; 635} 636 .mat-button-toggle .mat-pseudo-checkbox { 637 display: none !important; 638 opacity: 0; 639 width: 0; 640 margin: 0; 641} 642 .mat-button-toggle .mat-button-toggle-label-content { 643 padding-left: 0 !important; 644} 645 .custom-slider .mdc-slider__track--active_fill { 646 background: 647 linear-gradient( 648 90deg, 649 #0091ff 0%, 650 #203570 100%) !important; 651 height: 6px; 652 border-radius: 999px; 653} 654 .custom-slider .mdc-slider__track--inactive { 655 background: #d1d5db !important; 656 height: 6px; 657 border-radius: 999px; 658} 659 .custom-slider .mdc-slider__thumb-knob { 660 background: white !important; 661 border: 2px solid #0091ff !important; 662} 663 .custom-slider .mdc-slider__track { 664 height: 6px; 665} 666 .custom-slider .mdc-slider__track--inactive { 667 border-top: none !important; 668 height: 4px; 669 background: #d1d5db; 670} 671 .mat-mdc-slider { 672 width: 100% !important; 673} 674/*# sourceMappingURL=/car-insurance-calculator.component.css.map */</style><style ng-app-id="ng"> 675.carousel-wrapper[_ngcontent-ng-c4014395640] { 676 margin: auto; 677 max-width: 1200px; 678 overflow: hidden; 679 padding: 10px 0; 680 width: 100%; 681} 682.carousel[_ngcontent-ng-c4014395640] { 683 display: flex; 684 width: max-content; 685 align-items: center; 686 animation: _ngcontent-ng-c4014395640_infiniteScroll 15s linear infinite; 687} 688.carousel-item[_ngcontent-ng-c4014395640] { 689 flex: 0 0 auto; 690 width: 100px; 691 height: 100px; 692 margin-right: 20px; 693 display: flex; 694 justify-content: center; 695 align-items: center; 696} 697.carousel-item[_ngcontent-ng-c4014395640] img[_ngcontent-ng-c4014395640] { 698 width: 100%; 699 height: 100%; 700 object-fit: contain; 701} 702@keyframes _ngcontent-ng-c4014395640_infiniteScroll { 703 from { 704 transform: translateX(0); 705 } 706 to { 707 transform: translateX(-50%); 708 } 709} 710/*# sourceMappingURL=/looping-insurer.component.css.map */</style><style ng-app-id="ng">.mdc-slider__track { 711 position: absolute; 712 top: 50%; 713 transform: translateY(-50%); 714 width: 100%; 715 pointer-events: none;
716 height: var(--mat-slider-inactive-track-height, 4px); 717} 718 719.mdc-slider__track--active, 720.mdc-slider__track--inactive { 721 display: flex; 722 height: 100%; 723 position: absolute; 724 width: 100%; 725} 726 727.mdc-slider__track--active { 728 overflow: hidden; 729 border-radius: var(--mat-slider-active-track-shape, var(--mat-sys-corner-full)); 730 height: var(--mat-slider-active-track-height, 4px); 731 top: calc((var(--mat-slider-inactive-track-height, 4px) - var(--mat-slider-active-track-height, 4px)) / 2); 732} 733 734.mdc-slider__track--active_fill { 735 border-top-style: solid; 736 box-sizing: border-box; 737 height: 100%; 738 width: 100%; 739 position: relative; 740 transform-origin: left; 741 transition: transform 80ms ease; 742 border-color: var(--mat-slider-active-track-color, var(--mat-sys-primary)); 743 border-top-width: var(--mat-slider-active-track-height, 4px); 744} 745.mdc-slider--disabled .mdc-slider__track--active_fill { 746 border-color: var(--mat-slider-disabled-active-track-color, var(--mat-sys-on-surface)); 747} 748[dir=rtl] .mdc-slider__track--active_fill { 749 -webkit-transform-origin: right; 750 transform-origin: right; 751} 752 753.mdc-slider__track--inactive { 754 left: 0; 755 top: 0; 756 opacity: 0.24; 757 background-color: var(--mat-slider-inactive-track-color, var(--mat-sys-surface-variant)); 758 height: var(--mat-slider-inactive-track-height, 4px); 759 border-radius: var(--mat-slider-inactive-track-shape, var(--mat-sys-corner-full)); 760} 761.mdc-slider--disabled .mdc-slider__track--inactive { 762 background-color: var(--mat-slider-disabled-inactive-track-color, var(--mat-sys-on-surface)); 763 opacity: 0.24; 764} 765.mdc-slider__track--inactive::before { 766 position: absolute; 767 box-sizing: border-box; 768 width: 100%; 769 height: 100%; 770 top: 0; 771 left: 0; 772 border: 1px solid transparent; 773 border-radius: inherit; 774 content: ""; 775 pointer-events: none; 776} 777@media (forced-colors: active) { 778 .mdc-slider__track--inactive::before { 779 border-color: CanvasText; 780 } 781} 782 783.mdc-slider__value-indicator-container { 784 bottom: 44px; 785 left: 50%; 786 pointer-events: none; 787 position: absolute; 788 transform: var(--mat-slider-value-indicator-container-transform, translateX(-50%) rotate(-45deg)); 789} 790.mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container { 791 pointer-events: auto; 792} 793 794.mdc-slider__value-indicator { 795 display: flex; 796 align-items: center; 797 transform: scale(0); 798 transform-origin: var(--mat-slider-value-indicator-transform-origin, 0 28px); 799 transition: transform 100ms cubic-bezier(0.4, 0, 1, 1); 800 word-break: normal; 801 background-color: var(--mat-slider-label-container-color, var(--mat-sys-primary)); 802 color: var(--mat-slider-label-label-text-color, var(--mat-sys-on-primary)); 803 width: var(--mat-slider-value-indicator-width, 28px); 804 height: var(--mat-slider-value-indicator-height, 28px); 805 padding: var(--mat-slider-value-indicator-padding, 0); 806 opacity: var(--mat-slider-value-indicator-opacity, 1); 807 border-radius: var(--mat-slider-value-indicator-border-radius, 50% 50% 50% 0); 808} 809.mdc-slider__thumb--with-indicator .mdc-slider__value-indicator { 810 transition: transform 100ms cubic-bezier(0, 0, 0.2, 1); 811 transform: scale(1); 812} 813.mdc-slider__value-indicator::before { 814 border-left: 6px solid transparent; 815 border-right: 6px solid transparent; 816 border-top: 6px solid; 817 bottom: -5px; 818 content: ""; 819 height: 0; 820 left: 50%; 821 position: absolute; 822 transform: translateX(-50%); 823 width: 0; 824 display: var(--mat-slider-value-indicator-caret-display, none); 825 border-top-color: var(--mat-slider-label-container-color, var(--mat-sys-primary)); 826} 827.mdc-slider__value-indicator::after { 828 position: absolute; 829 box-sizing: border-box; 830 width: 100%; 831 height: 100%; 832 top: 0; 833 left: 0; 834 border: 1px solid transparent; 835 border-radius: inherit; 836 content: ""; 837 pointer-events: none; 838} 839@media (forced-colors: active) { 840 .mdc-slider__value-indicator::after { 841 border-color: CanvasText; 842 } 843} 844 845.mdc-slider__value-indicator-text { 846 text-align: center; 847 width: var(--mat-slider-value-indicator-width, 28px); 848 transform: var(--mat-slider-value-indicator-text-transform, rotate(45deg));
849 font-family: var(--mat-slider-label-label-text-font, var(--mat-sys-label-medium-font)); 850 font-size: var(--mat-slider-label-label-text-size, var(--mat-sys-label-medium-size)); 851 font-weight: var(--mat-slider-label-label-text-weight, var(--mat-sys-label-medium-weight)); 852 line-height: var(--mat-slider-label-label-text-line-height, var(--mat-sys-label-medium-line-height)); 853 letter-spacing: var(--mat-slider-label-label-text-tracking, var(--mat-sys-label-medium-tracking)); 854} 855 856.mdc-slider__thumb { 857 -webkit-user-select: none; 858 user-select: none; 859 display: flex; 860 left: -24px; 861 outline: none; 862 position: absolute; 863 height: 48px; 864 width: 48px; 865 pointer-events: none; 866} 867.mdc-slider--discrete .mdc-slider__thumb { 868 transition: transform 80ms ease; 869} 870.mdc-slider--disabled .mdc-slider__thumb { 871 pointer-events: none; 872} 873 874.mdc-slider__thumb--top { 875 z-index: 1; 876} 877 878.mdc-slider__thumb-knob { 879 position: absolute; 880 box-sizing: border-box; 881 left: 50%; 882 top: 50%; 883 transform: translate(-50%, -50%); 884 border-style: solid; 885 width: var(--mat-slider-handle-width, 20px); 886 height: var(--mat-slider-handle-height, 20px); 887 border-width: calc(var(--mat-slider-handle-height, 20px) / 2) calc(var(--mat-slider-handle-width, 20px) / 2); 888 box-shadow: var(--mat-slider-handle-elevation, var(--mat-sys-level1)); 889 background-color: var(--mat-slider-handle-color, var(--mat-sys-primary)); 890 border-color: var(--mat-slider-handle-color, var(--mat-sys-primary)); 891 border-radius: var(--mat-slider-handle-shape, var(--mat-sys-corner-full)); 892} 893.mdc-slider__thumb:hover .mdc-slider__thumb-knob { 894 background-color: var(--mat-slider-hover-handle-color, var(--mat-sys-primary)); 895 border-color: var(--mat-slider-hover-handle-color, var(--mat-sys-primary)); 896} 897.mdc-slider__thumb--focused .mdc-slider__thumb-knob { 898 background-color: var(--mat-slider-focus-handle-color, var(--mat-sys-primary)); 899 border-color: var(--mat-slider-focus-handle-color, var(--mat-sys-primary)); 900} 901.mdc-slider--disabled .mdc-slider__thumb-knob { 902 background-color: var(--mat-slider-disabled-handle-color, var(--mat-sys-on-surface)); 903 border-color: var(--mat-slider-disabled-handle-color, var(--mat-sys-on-surface)); 904} 905.mdc-slider__thumb--top .mdc-slider__thumb-knob, .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob, .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob { 906 border: solid 1px #fff; 907 box-sizing: content-box; 908 border-color: var(--mat-slider-with-overlap-handle-outline-color, var(--mat-sys-on-primary)); 909 border-width: var(--mat-slider-with-overlap-handle-outline-width, 1px); 910} 911 912.mdc-slider__tick-marks { 913 align-items: center; 914 box-sizing: border-box; 915 display: flex; 916 height: 100%; 917 justify-content: space-between; 918 padding: 0 1px; 919 position: absolute; 920 width: 100%; 921} 922 923.mdc-slider__tick-mark--active, 924.mdc-slider__tick-mark--inactive { 925 width: var(--mat-slider-with-tick-marks-container-size, 2px); 926 height: var(--mat-slider-with-tick-marks-container-size, 2px); 927 border-radius: var(--mat-slider-with-tick-marks-container-shape, var(--mat-sys-corner-full)); 928} 929 930.mdc-slider__tick-mark--inactive { 931 opacity: var(--mat-slider-with-tick-marks-inactive-container-opacity, 0.38); 932 background-color: var(--mat-slider-with-tick-marks-inactive-container-color, var(--mat-sys-on-surface-variant)); 933} 934.mdc-slider--disabled .mdc-slider__tick-mark--inactive { 935 opacity: var(--mat-slider-with-tick-marks-inactive-container-opacity, 0.38); 936 background-color: var(--mat-slider-with-tick-marks-disabled-container-color, var(--mat-sys-on-surface)); 937} 938 939.mdc-slider__tick-mark--active { 940 opacity: var(--mat-slider-with-tick-marks-active-container-opacity, 0.38); 941 background-color: var(--mat-slider-with-tick-marks-active-container-color, var(--mat-sys-on-primary)); 942} 943 944.mdc-slider__input { 945 cursor: pointer; 946 left: 2px; 947 margin: 0; 948 height: 44px; 949 opacity: 0; 950 position: absolute; 951 top: 2px; 952 width: 44px; 953 box-sizing: content-box; 954} 955.mdc-slider__input.mat-mdc-slider-input-no-pointer-events { 956 pointer-events: none; 957} 958.mdc-slider__input.mat-slider__right-input { 959 left: auto; 960 right: 0; 961} 962 963.mat-mdc-slider { 964 display: inline-block; 965 box-sizing: border-box; 966 outline: none; 967 vertical-align: middle; 968 cursor: pointer; 969 height: 48px; 970 margin: 0 8px; 971 position: relative; 972 touch-action: pan-y; 973 width: auto; 974 min-width: 112px; 975 -webkit-tap-highlight-color: transparent; 976}
977.mat-mdc-slider.mdc-slider--disabled { 978 cursor: auto; 979 opacity: 0.38; 980} 981.mat-mdc-slider.mdc-slider--disabled .mdc-slider__input { 982 cursor: auto; 983} 984.mat-mdc-slider .mdc-slider__thumb, 985.mat-mdc-slider .mdc-slider__track--active_fill { 986 transition-duration: 0ms; 987} 988.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb, 989.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill { 990 transition-duration: 80ms; 991} 992.mat-mdc-slider.mdc-slider--discrete .mdc-slider__thumb, 993.mat-mdc-slider.mdc-slider--discrete .mdc-slider__track--active_fill { 994 transition-duration: 0ms; 995} 996.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__thumb, 997.mat-mdc-slider.mat-mdc-slider-with-animation .mdc-slider__track--active_fill { 998 transition-duration: 80ms; 999} 1000.mat-mdc-slider .mat-ripple .mat-ripple-element { 1001 background-color: var(--mat-slider-ripple-color, var(--mat-sys-primary)); 1002} 1003.mat-mdc-slider .mat-ripple .mat-mdc-slider-hover-ripple { 1004 background-color: var(--mat-slider-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-primary) 5%, transparent)); 1005} 1006.mat-mdc-slider .mat-ripple .mat-mdc-slider-focus-ripple, 1007.mat-mdc-slider .mat-ripple .mat-mdc-slider-active-ripple { 1008 background-color: var(--mat-slider-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-primary) 20%, transparent)); 1009} 1010.mat-mdc-slider._mat-animation-noopable.mdc-slider--discrete .mdc-slider__thumb, .mat-mdc-slider._mat-animation-noopable.mdc-slider--discrete .mdc-slider__track--active_fill, 1011.mat-mdc-slider._mat-animation-noopable .mdc-slider__value-indicator { 1012 transition: none; 1013} 1014.mat-mdc-slider .mat-focus-indicator::before { 1015 border-radius: 50%; 1016} 1017 1018.mdc-slider__thumb--focused .mat-focus-indicator::before { 1019 content: ""; 1020} 1021</style><style ng-app-id="ng">.mat-mdc-radio-button { 1022 -webkit-tap-highlight-color: transparent; 1023} 1024.mat-mdc-radio-button .mdc-radio { 1025 display: inline-block; 1026 position: relative; 1027 flex: 0 0 auto; 1028 box-sizing: content-box; 1029 width: 20px; 1030 height: 20px; 1031 cursor: pointer; 1032 will-change: opacity, transform, border-color, color; 1033 padding: calc((var(--mat-radio-state-layer-size, 40px) - 20px) / 2); 1034} 1035.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:not([disabled]):not(:focus) ~ .mdc-radio__background::before { 1036 opacity: 0.04; 1037 transform: scale(1); 1038} 1039.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:not([disabled]) ~ .mdc-radio__background > .mdc-radio__outer-circle { 1040 border-color: var(--mat-radio-unselected-hover-icon-color, var(--mat-sys-on-surface)); 1041} 1042.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle { 1043 border-color: var(--mat-radio-selected-hover-icon-color, var(--mat-sys-primary)); 1044} 1045.mat-mdc-radio-button .mdc-radio:hover > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__inner-circle { 1046 background-color: var(--mat-radio-selected-hover-icon-color, var(--mat-sys-primary, currentColor)); 1047} 1048.mat-mdc-radio-button .mdc-radio:active > .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle { 1049 border-color: var(--mat-radio-unselected-pressed-icon-color, var(--mat-sys-on-surface)); 1050} 1051.mat-mdc-radio-button .mdc-radio:active > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle { 1052 border-color: var(--mat-radio-selected-pressed-icon-color, var(--mat-sys-primary)); 1053} 1054.mat-mdc-radio-button .mdc-radio:active > .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__inner-circle { 1055 background-color: var(--mat-radio-selected-pressed-icon-color, var(--mat-sys-primary, currentColor)); 1056} 1057.mat-mdc-radio-button .mdc-radio__background { 1058 display: inline-block; 1059 position: relative; 1060 box-sizing: border-box; 1061 width: 20px; 1062 height: 20px; 1063} 1064.mat-mdc-radio-button .mdc-radio__background::before { 1065 position: absolute; 1066 transform: scale(0, 0); 1067 border-radius: 50%; 1068 opacity: 0; 1069 pointer-events: none; 1070 content: ""; 1071 transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1); 1072 width: var(--mat-radio-state-layer-size, 40px); 1073 height: var(--mat-radio-state-layer-size, 40px); 1074 top: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 20px) / 2); 1075 left: calc(-1 * (var(--mat-radio-state-layer-size, 40px) - 20px) / 2); 1076} 1077.mat-mdc-radio-button .mdc-radio__outer-circle { 1078 position: absolute; 1079 top: 0; 1080 left: 0; 1081 box-sizing: border-box; 1082 width: 100%; 1083 height: 100%; 1084 border-width: 2px; 1085 border-style: solid; 1086 border-radius: 50%; 1087 transition: border-color 90ms cubic-bezier(0.4, 0, 0.6, 1); 1088}
1089.mat-mdc-radio-button .mdc-radio__inner-circle { 1090 position: absolute; 1091 top: 0; 1092 left: 0; 1093 box-sizing: border-box; 1094 width: 100%; 1095 height: 100%; 1096 transform: scale(0); 1097 border-radius: 50%; 1098 transition: transform 90ms cubic-bezier(0.4, 0, 0.6, 1), background-color 90ms cubic-bezier(0.4, 0, 0.6, 1); 1099} 1100@media (forced-colors: active) { 1101 .mat-mdc-radio-button .mdc-radio__inner-circle { 1102 background-color: CanvasText !important; 1103 } 1104} 1105.mat-mdc-radio-button .mdc-radio__native-control { 1106 position: absolute; 1107 margin: 0; 1108 padding: 0; 1109 opacity: 0; 1110 top: 0; 1111 right: 0; 1112 left: 0; 1113 cursor: inherit; 1114 z-index: 1; 1115 width: var(--mat-radio-state-layer-size, 40px); 1116 height: var(--mat-radio-state-layer-size, 40px); 1117} 1118.mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background, .mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background { 1119 transition: opacity 90ms cubic-bezier(0, 0, 0.2, 1), transform 90ms cubic-bezier(0, 0, 0.2, 1); 1120} 1121.mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__outer-circle, .mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__outer-circle { 1122 transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1); 1123} 1124.mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle, .mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__inner-circle { 1125 transition: transform 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1); 1126} 1127.mat-mdc-radio-button .mdc-radio__native-control:focus + .mdc-radio__background::before { 1128 transform: scale(1); 1129 opacity: 0.12; 1130 transition: opacity 90ms cubic-bezier(0, 0, 0.2, 1), transform 90ms cubic-bezier(0, 0, 0.2, 1); 1131} 1132.mat-mdc-radio-button .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle { 1133 border-color: var(--mat-radio-disabled-unselected-icon-color, var(--mat-sys-on-surface)); 1134 opacity: var(--mat-radio-disabled-unselected-icon-opacity, 0.38); 1135} 1136.mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background { 1137 cursor: default; 1138} 1139.mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__outer-circle { 1140 border-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface)); 1141 opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38); 1142} 1143.mat-mdc-radio-button .mdc-radio__native-control:disabled + .mdc-radio__background > .mdc-radio__inner-circle { 1144 background-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface, currentColor)); 1145 opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38); 1146} 1147.mat-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle { 1148 border-color: var(--mat-radio-unselected-icon-color, var(--mat-sys-on-surface-variant)); 1149} 1150.mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__outer-circle { 1151 border-color: var(--mat-radio-selected-icon-color, var(--mat-sys-primary)); 1152} 1153.mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background > .mdc-radio__inner-circle { 1154 background-color: var(--mat-radio-selected-icon-color, var(--mat-sys-primary, currentColor)); 1155} 1156.mat-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked + .mdc-radio__background > .mdc-radio__outer-circle { 1157 border-color: var(--mat-radio-selected-focus-icon-color, var(--mat-sys-primary)); 1158} 1159.mat-mdc-radio-button .mdc-radio__native-control:enabled:focus:checked + .mdc-radio__background > .mdc-radio__inner-circle { 1160 background-color: var(--mat-radio-selected-focus-icon-color, var(--mat-sys-primary, currentColor)); 1161} 1162.mat-mdc-radio-button .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__inner-circle { 1163 transform: scale(0.5); 1164 transition: transform 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1); 1165} 1166.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled { 1167 pointer-events: auto; 1168} 1169.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle { 1170 border-color: var(--mat-radio-disabled-unselected-icon-color, var(--mat-sys-on-surface)); 1171 opacity: var(--mat-radio-disabled-unselected-icon-opacity, 0.38); 1172} 1173.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked + .mdc-radio__background > .mdc-radio__outer-circle, 1174.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus + .mdc-radio__background > .mdc-radio__outer-circle, 1175.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control + .mdc-radio__background > .mdc-radio__outer-circle { 1176 border-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface)); 1177 opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38); 1178} 1179.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled:hover .mdc-radio__native-control:checked + .mdc-radio__background >
1179 .mdc-radio__inner-circle, 1180.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control:checked:focus + .mdc-radio__background > .mdc-radio__inner-circle, 1181.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__native-control + .mdc-radio__background > .mdc-radio__inner-circle { 1182 background-color: var(--mat-radio-disabled-selected-icon-color, var(--mat-sys-on-surface, currentColor)); 1183 opacity: var(--mat-radio-disabled-selected-icon-opacity, 0.38); 1184} 1185.mat-mdc-radio-button._mat-animation-noopable .mdc-radio__background::before, 1186.mat-mdc-radio-button._mat-animation-noopable .mdc-radio__outer-circle, 1187.mat-mdc-radio-button._mat-animation-noopable .mdc-radio__inner-circle { 1188 transition: none !important; 1189} 1190.mat-mdc-radio-button label { 1191 cursor: pointer; 1192} 1193.mat-mdc-radio-button label:empty { 1194 display: none; 1195} 1196.mat-mdc-radio-button .mdc-radio__background::before { 1197 background-color: var(--mat-radio-ripple-color, var(--mat-sys-on-surface)); 1198} 1199.mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element, 1200.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before { 1201 background-color: var(--mat-radio-checked-ripple-color, var(--mat-sys-primary)); 1202} 1203.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mat-ripple-element, 1204.mat-mdc-radio-button.mat-mdc-radio-disabled-interactive .mdc-radio--disabled .mdc-radio__background::before { 1205 background-color: var(--mat-radio-ripple-color, var(--mat-sys-on-surface)); 1206} 1207.mat-mdc-radio-button .mat-internal-form-field { 1208 color: var(--mat-radio-label-text-color, var(--mat-sys-on-surface)); 1209 font-family: var(--mat-radio-label-text-font, var(--mat-sys-body-medium-font)); 1210 line-height: var(--mat-radio-label-text-line-height, var(--mat-sys-body-medium-line-height)); 1211 font-size: var(--mat-radio-label-text-size, var(--mat-sys-body-medium-size)); 1212 letter-spacing: var(--mat-radio-label-text-tracking, var(--mat-sys-body-medium-tracking)); 1213 font-weight: var(--mat-radio-label-text-weight, var(--mat-sys-body-medium-weight)); 1214} 1215.mat-mdc-radio-button .mdc-radio--disabled + label { 1216 color: var(--mat-radio-disabled-label-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 1217} 1218.mat-mdc-radio-button .mat-radio-ripple { 1219 top: 0; 1220 left: 0; 1221 right: 0; 1222 bottom: 0; 1223 position: absolute; 1224 pointer-events: none; 1225 border-radius: 50%; 1226} 1227.mat-mdc-radio-button .mat-radio-ripple > .mat-ripple-element { 1228 opacity: 0.14; 1229} 1230.mat-mdc-radio-button .mat-radio-ripple::before { 1231 border-radius: 50%; 1232} 1233.mat-mdc-radio-button .mdc-radio > .mdc-radio__native-control:focus:enabled:not(:checked) ~ .mdc-radio__background > .mdc-radio__outer-circle { 1234 border-color: var(--mat-radio-unselected-focus-icon-color, var(--mat-sys-on-surface)); 1235} 1236.mat-mdc-radio-button.cdk-focused .mat-focus-indicator::before { 1237 content: ""; 1238} 1239 1240.mat-mdc-radio-disabled { 1241 cursor: default; 1242 pointer-events: none; 1243} 1244.mat-mdc-radio-disabled.mat-mdc-radio-disabled-interactive { 1245 pointer-events: auto; 1246} 1247 1248.mat-mdc-radio-touch-target { 1249 position: absolute; 1250 top: 50%; 1251 left: 50%; 1252 height: var(--mat-radio-touch-target-size, 48px); 1253 width: var(--mat-radio-touch-target-size, 48px); 1254 transform: translate(-50%, -50%); 1255 display: var(--mat-radio-touch-target-display, block); 1256} 1257[dir=rtl] .mat-mdc-radio-touch-target { 1258 left: auto; 1259 right: 50%; 1260 transform: translate(50%, -50%); 1261} 1262</style><style ng-app-id="ng">.mdc-text-field { 1263 display: inline-flex; 1264 align-items: baseline; 1265 padding: 0 16px; 1266 position: relative; 1267 box-sizing: border-box; 1268 overflow: hidden; 1269 will-change: opacity, transform, color; 1270 border-top-left-radius: 4px; 1271 border-top-right-radius: 4px; 1272 border-bottom-right-radius: 0; 1273 border-bottom-left-radius: 0; 1274} 1275 1276.mdc-text-field__input { 1277 width: 100%; 1278 min-width: 0; 1279 border: none; 1280 border-radius: 0; 1281 background: none; 1282 padding: 0; 1283 -moz-appearance: none; 1284 -webkit-appearance: none; 1285 height: 28px; 1286} 1287.mdc-text-field__input::-webkit-calendar-picker-indicator, .mdc-text-field__input::-webkit-search-cancel-button { 1288 display: none; 1289} 1290.mdc-text-field__input::-ms-clear { 1291 display: none; 1292} 1293.mdc-text-field__input:focus { 1294 outline: none; 1295} 1296.mdc-text-field__input:invalid { 1297 box-shadow: none; 1298} 1299.mdc-text-field__input::placeholder { 1300 opacity: 0; 1301} 1302.mdc-text-field__input::-moz-placeholder { 1303 opacity: 0; 1304} 1305.mdc-text-field__input::-webkit-input-placeholder { 1306 opacity: 0; 1307} 1308.mdc-text-field__input:-ms-input-placeholder { 1309 opacity: 0; 1310} 1311.mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder { 1312 opacity: 1; 1313} 1314.mdc-text-field--no-label .mdc-text-field__input::-moz-placeholder, .mdc-text-field--focused .mdc-text-field__input::-moz-placeholder { 1315 opacity: 1; 1316} 1317.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder { 1318 opacity: 1; 1319} 1320.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder { 1321 opacity: 1; 1322} 1323.mdc-text-field--disabled:not(.mdc-text-field--no-label) .mdc-text-field__input.mat-mdc-input-disabled-interactive::placeholder { 1324 opacity: 0; 1325} 1326.mdc-text-field--disabled:not(.mdc-text-field--no-label) .mdc-text-field__input.mat-mdc-input-disabled-interactive::-moz-placeholder { 1327 opacity: 0; 1328} 1329.mdc-text-field--disabled:not(.mdc-text-field--no-label) .mdc-text-field__input.mat-mdc-input-disabled-interactive::-webkit-input-placeholder { 1330 opacity: 0; 1331} 1332.mdc-text-field--disabled:not(.mdc-text-field--no-label) .mdc-text-field__input.mat-mdc-input-disabled-interactive:-ms-input-placeholder { 1333 opacity: 0; 1334} 1335.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input { 1336 height: 100%; 1337} 1338.mdc-text-field--outlined .mdc-text-field__input { 1339 display: flex; 1340 border: none !important; 1341 background-color: transparent; 1342} 1343.mdc-text-field--disabled .mdc-text-field__input { 1344 pointer-events: auto; 1345} 1346.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input { 1347 color: var(--mat-form-field-filled-input-text-color, var(--mat-sys-on-surface)); 1348 caret-color: var(--mat-form-field-filled-caret-color, var(--mat-sys-primary)); 1349} 1350.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 1351 color: var(--mat-form-field-filled-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); 1352} 1353.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder { 1354 color: var(--mat-form-field-filled-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); 1355} 1356.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 1357 color: var(--mat-form-field-filled-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); 1358} 1359.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 1360 color: var(--mat-form-field-filled-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); 1361} 1362.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input { 1363 color: var(--mat-form-field-outlined-input-text-color, var(--mat-sys-on-surface)); 1364 caret-color: var(--mat-form-field-outlined-caret-color, var(--mat-sys-primary)); 1365} 1366.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { 1367 color: var(--mat-form-field-outlined-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); 1368} 1369.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder { 1370 color: var(--mat-form-field-outlined-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); 1371} 1372.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { 1373 color: var(--mat-form-field-outlined-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); 1374} 1375.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { 1376 color: var(--mat-form-field-outlined-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); 1377} 1378.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input { 1379 caret-color: var(--mat-form-field-filled-error-caret-color, var(--mat-sys-error)); 1380} 1381.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input { 1382 caret-color: var(--mat-form-field-outlined-error-caret-color, var(--mat-sys-error)); 1383} 1384.mdc-text-field--filled.mdc-text-field--disabled .mdc-text-field__input { 1385 color: var(--mat-form-field-filled-disabled-input-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 1386} 1387.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { 1388 color: var(--mat-form-field-outlined-disabled-input-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 1389} 1390@media (forced-colors: active) { 1391 .mdc-text-field--disabled .mdc-text-field__input { 1392 background-color: Window; 1393 } 1394} 1395 1396.mdc-text-field--filled { 1397 height: 56px; 1398 border-bottom-right-radius: 0; 1399 border-bottom-left-radius: 0; 1400 border-top-left-radius: var(--mat-form-field-filled-container-shape, var(--mat-sys-corner-extra-small)); 1401 border-top-right-radius: var(--mat-form-field-filled-container-shape, var(--mat-sys-corner-extra-small)); 1402} 1403.mdc-text-field--filled:not(.mdc-text-field--disabled) { 1404 background-color: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant)); 1405} 1406.mdc-text-field--filled.mdc-text-field--disabled { 1407 background-color: var(--mat-form-field-filled-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent)); 1408} 1409 1410.mdc-text-field--outlined { 1411 height: 56px; 1412 overflow: visible; 1413 padding-right: max(16px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small))); 1414 padding-left: max(16px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)) + 4px); 1415} 1416[dir=rtl] .mdc-text-field--outlined { 1417 padding-right: max(16px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)) + 4px); 1418 padding-left: max(16px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small))); 1419} 1420 1421.mdc-floating-label { 1422 position: absolute; 1423 left: 0; 1424 transform-origin: left top; 1425 line-height: 1.15rem; 1426 text-align: left; 1427 text-overflow: ellipsis; 1428 white-space: nowrap; 1429 cursor: text; 1430 overflow: hidden; 1431 will-change: transform; 1432} 1433[dir=rtl] .mdc-floating-label { 1434 right: 0; 1435 left: auto; 1436 transform-origin: right top; 1437 text-align: right; 1438} 1439.mdc-text-field .mdc-floating-label { 1440 top: 50%; 1441 transform: translateY(-50%); 1442 pointer-events: none; 1443} 1444.mdc-notched-outline .mdc-floating-label { 1445 display: inline-block; 1446 position: relative; 1447 max-width: 100%; 1448} 1449.mdc-text-field--outlined .mdc-floating-label { 1450 left: 4px; 1451 right: auto; 1452} 1453[dir=rtl] .mdc-text-field--outlined .mdc-floating-label { 1454 left: auto; 1455 right: 4px; 1456} 1457.mdc-text-field--filled .mdc-floating-label { 1458 left: 16px; 1459 right: auto; 1460} 1461[dir=rtl] .mdc-text-field--filled .mdc-floating-label { 1462 left: auto; 1463 right: 16px; 1464} 1465.mdc-text-field--disabled .mdc-floating-label { 1466 cursor: default; 1467} 1468@media (forced-colors: active) { 1469 .mdc-text-field--disabled .mdc-floating-label { 1470 z-index: 1; 1471 } 1472} 1473.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label { 1474 display: none; 1475} 1476.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label { 1477 color: var(--mat-form-field-filled-label-text-color, var(--mat-sys-on-surface-variant)); 1478} 1479.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label { 1480 color: var(--mat-form-field-filled-focus-label-text-color, var(--mat-sys-primary)); 1481} 1482.mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):h
1482over .mdc-floating-label { 1483 color: var(--mat-form-field-filled-hover-label-text-color, var(--mat-sys-on-surface-variant)); 1484} 1485.mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label { 1486 color: var(--mat-form-field-filled-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 1487} 1488.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-floating-label { 1489 color: var(--mat-form-field-filled-error-label-text-color, var(--mat-sys-error)); 1490} 1491.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mdc-floating-label { 1492 color: var(--mat-form-field-filled-error-focus-label-text-color, var(--mat-sys-error)); 1493} 1494.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-floating-label { 1495 color: var(--mat-form-field-filled-error-hover-label-text-color, var(--mat-sys-on-error-container)); 1496} 1497.mdc-text-field--filled .mdc-floating-label { 1498 font-family: var(--mat-form-field-filled-label-text-font, var(--mat-sys-body-large-font)); 1499 font-size: var(--mat-form-field-filled-label-text-size, var(--mat-sys-body-large-size)); 1500 font-weight: var(--mat-form-field-filled-label-text-weight, var(--mat-sys-body-large-weight)); 1501 letter-spacing: var(--mat-form-field-filled-label-text-tracking, var(--mat-sys-body-large-tracking)); 1502} 1503.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label { 1504 color: var(--mat-form-field-outlined-label-text-color, var(--mat-sys-on-surface-variant)); 1505} 1506.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label { 1507 color: var(--mat-form-field-outlined-focus-label-text-color, var(--mat-sys-primary)); 1508} 1509.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label { 1510 color: var(--mat-form-field-outlined-hover-label-text-color, var(--mat-sys-on-surface)); 1511} 1512.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label { 1513 color: var(--mat-form-field-outlined-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 1514} 1515.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-floating-label { 1516 color: var(--mat-form-field-outlined-error-label-text-color, var(--mat-sys-error)); 1517} 1518.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mdc-floating-label { 1519 color: var(--mat-form-field-outlined-error-focus-label-text-color, var(--mat-sys-error)); 1520} 1521.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-floating-label { 1522 color: var(--mat-form-field-outlined-error-hover-label-text-color, var(--mat-sys-on-error-container)); 1523} 1524.mdc-text-field--outlined .mdc-floating-label { 1525 font-family: var(--mat-form-field-outlined-label-text-font, var(--mat-sys-body-large-font)); 1526 font-size: var(--mat-form-field-outlined-label-text-size, var(--mat-sys-body-large-size)); 1527 font-weight: var(--mat-form-field-outlined-label-text-weight, var(--mat-sys-body-large-weight)); 1528 letter-spacing: var(--mat-form-field-outlined-label-text-tracking, var(--mat-sys-body-large-tracking)); 1529} 1530 1531.mdc-floating-label--float-above { 1532 cursor: auto; 1533 transform: translateY(-106%) scale(0.75); 1534} 1535.mdc-text-field--filled .mdc-floating-label--float-above { 1536 transform: translateY(-106%) scale(0.75); 1537} 1538.mdc-text-field--outlined .mdc-floating-label--float-above { 1539 transform: translateY(-37.25px) scale(1); 1540 font-size: 0.75rem; 1541} 1542.mdc-notched-outline .mdc-floating-label--float-above { 1543 text-overflow: clip; 1544} 1545.mdc-notched-outline--upgraded .mdc-floating-label--float-above { 1546 max-width: 133.3333333333%; 1547} 1548.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { 1549 transform: translateY(-34.75px) scale(0.75); 1550} 1551.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { 1552 font-size: 1rem; 1553} 1554 1555.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after { 1556 margin-left: 1px; 1557 margin-right: 0; 1558 content: "*"; 1559} 1560[dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after { 1561 margin-left: 0; 1562 margin-right: 1px; 1563} 1564 1565.mdc-notched-outline { 1566 display: flex; 1567 position: absolute; 1568 top: 0; 1569 right: 0; 1570 left: 0; 1571 box-sizing: border-box; 1572 width: 100%; 1573 max-width: 100%; 1574 height: 100%; 1575 text-align: left; 1576 pointer-events: none; 1577} 1578[dir=rtl] .mdc-notched-outline { 1579 text-align: right; 1580} 1581.mdc-text-field--outlined .mdc-notched-outline { 1582 z-index: 1; 1583} 1584 1585.mat-mdc-notch-piece { 1586 box-sizing: border-box; 1587 height: 100%; 1588 pointer-events: none; 1589 border: none; 1590 border-top: 1px solid; 1591 border-bottom: 1px solid; 1592} 1593.mdc-text-field--focused .mat-mdc-notch-piece { 1594 border-width: 2px; 1595} 1596.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mat-mdc-notch-piece { 1597 border-color: var(--mat-form-field-outlined-outline-color, var(--mat-sys-outline)); 1598 border-width: var(--mat-form-field-outlined-outline-width, 1px); 1599} 1600.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):h
1600over .mat-mdc-notch-piece { 1601 border-color: var(--mat-form-field-outlined-hover-outline-color, var(--mat-sys-on-surface)); 1602} 1603.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece { 1604 border-color: var(--mat-form-field-outlined-focus-outline-color, var(--mat-sys-primary)); 1605} 1606.mdc-text-field--outlined.mdc-text-field--disabled .mat-mdc-notch-piece { 1607 border-color: var(--mat-form-field-outlined-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); 1608} 1609.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece { 1610 border-color: var(--mat-form-field-outlined-error-outline-color, var(--mat-sys-error)); 1611} 1612.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--focused):hover .mdc-notched-outline .mat-mdc-notch-piece { 1613 border-color: var(--mat-form-field-outlined-error-hover-outline-color, var(--mat-sys-on-error-container)); 1614} 1615.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mat-mdc-notch-piece { 1616 border-color: var(--mat-form-field-outlined-error-focus-outline-color, var(--mat-sys-error)); 1617} 1618.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mat-mdc-notch-piece { 1619 border-width: var(--mat-form-field-outlined-focus-outline-width, 2px); 1620} 1621 1622.mdc-notched-outline__leading { 1623 border-left: 1px solid; 1624 border-right: none; 1625 border-top-right-radius: 0; 1626 border-bottom-right-radius: 0; 1627 border-top-left-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); 1628 border-bottom-left-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); 1629} 1630.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { 1631 width: max(12px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small))); 1632} 1633[dir=rtl] .mdc-notched-outline__leading { 1634 border-left: none; 1635 border-right: 1px solid; 1636 border-bottom-left-radius: 0; 1637 border-top-left-radius: 0; 1638 border-top-right-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); 1639 border-bottom-right-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); 1640} 1641 1642.mdc-notched-outline__trailing { 1643 flex-grow: 1; 1644 border-left: none; 1645 border-right: 1px solid; 1646 border-top-left-radius: 0; 1647 border-bottom-left-radius: 0; 1648 border-top-right-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); 1649 border-bottom-right-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); 1650} 1651[dir=rtl] .mdc-notched-outline__trailing { 1652 border-left: 1px solid; 1653 border-right: none; 1654 border-top-right-radius: 0; 1655 border-bottom-right-radius: 0; 1656 border-top-left-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); 1657 border-bottom-left-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); 1658} 1659 1660.mdc-notched-outline__notch { 1661 flex: 0 0 auto; 1662 width: auto; 1663} 1664.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch { 1665 max-width: min(var(--mat-form-field-notch-max-width, 100%), calc(100% - max(12px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small))) * 2)); 1666} 1667.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { 1668 max-width: min(100%, calc(100% - max(12px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small))) * 2)); 1669} 1670.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { 1671 padding-top: 1px; 1672} 1673.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { 1674 padding-top: 2px; 1675} 1676.mdc-notched-outline--notched .mdc-notched-outline__notch { 1677 padding-left: 0; 1678 padding-right: 8px; 1679 border-top: none; 1680} 1681[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch { 1682 padding-left: 8px; 1683 padding-right: 0; 1684} 1685.mdc-notched-outline--no-label .mdc-notched-outline__notch { 1686 display: none; 1687} 1688 1689.mdc-line-ripple::before, .mdc-line-ripple::after { 1690 position: absolute; 1691 bottom: 0; 1692 left: 0; 1693 width: 100%; 1694 border-bottom-style: solid; 1695 content: ""; 1696} 1697.mdc-line-ripple::before { 1698 z-index: 1; 1699 border-bottom-width: var(--mat-form-field-filled-active-indicator-height, 1px); 1700} 1701.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { 1702 border-bottom-color: var(--mat-form-field-filled-active-indicator-color, var(--mat-sys-on-surface-variant)); 1703} 1704.mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):h
1704over .mdc-line-ripple::before { 1705 border-bottom-color: var(--mat-form-field-filled-hover-active-indicator-color, var(--mat-sys-on-surface)); 1706} 1707.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before { 1708 border-bottom-color: var(--mat-form-field-filled-disabled-active-indicator-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 1709} 1710.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-line-ripple::before { 1711 border-bottom-color: var(--mat-form-field-filled-error-active-indicator-color, var(--mat-sys-error)); 1712} 1713.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--focused):hover .mdc-line-ripple::before { 1714 border-bottom-color: var(--mat-form-field-filled-error-hover-active-indicator-color, var(--mat-sys-on-error-container)); 1715} 1716.mdc-line-ripple::after { 1717 transform: scaleX(0); 1718 opacity: 0; 1719 z-index: 2; 1720} 1721.mdc-text-field--filled .mdc-line-ripple::after { 1722 border-bottom-width: var(--mat-form-field-filled-focus-active-indicator-height, 2px); 1723} 1724.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after { 1725 border-bottom-color: var(--mat-form-field-filled-focus-active-indicator-color, var(--mat-sys-primary)); 1726} 1727.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after { 1728 border-bottom-color: var(--mat-form-field-filled-error-focus-active-indicator-color, var(--mat-sys-error)); 1729} 1730 1731.mdc-line-ripple--active::after { 1732 transform: scaleX(1); 1733 opacity: 1; 1734} 1735 1736.mdc-line-ripple--deactivating::after { 1737 opacity: 0; 1738} 1739 1740.mdc-text-field--disabled { 1741 pointer-events: none; 1742} 1743 1744.mat-mdc-form-field-textarea-control { 1745 vertical-align: middle; 1746 resize: vertical; 1747 box-sizing: border-box; 1748 height: auto; 1749 margin: 0; 1750 padding: 0; 1751 border: none; 1752 overflow: auto; 1753} 1754 1755.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control { 1756 -moz-osx-font-smoothing: grayscale; 1757 -webkit-font-smoothing: antialiased; 1758 font: inherit; 1759 letter-spacing: inherit; 1760 text-decoration: inherit; 1761 text-transform: inherit; 1762 border: none; 1763} 1764 1765.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label { 1766 -moz-osx-font-smoothing: grayscale; 1767 -webkit-font-smoothing: antialiased; 1768 line-height: normal; 1769 pointer-events: all; 1770 will-change: auto; 1771} 1772 1773.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label { 1774 cursor: inherit; 1775} 1776 1777.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input, 1778.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control { 1779 height: auto; 1780} 1781 1782.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control.mdc-text-field__input[type=color] { 1783 height: 23px; 1784} 1785 1786.mat-mdc-text-field-wrapper { 1787 height: auto; 1788 flex: auto; 1789 will-change: auto; 1790} 1791 1792.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper { 1793 padding-left: 0; 1794 --mat-mdc-form-field-label-offset-x: -16px; 1795} 1796 1797.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper { 1798 padding-right: 0; 1799} 1800 1801[dir=rtl] .mat-mdc-text-field-wrapper { 1802 padding-left: 16px; 1803 padding-right: 16px; 1804} 1805[dir=rtl] .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper { 1806 padding-left: 0; 1807} 1808[dir=rtl] .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper { 1809 padding-right: 0; 1810} 1811 1812.mat-form-field-disabled .mdc-text-field__input::placeholder { 1813 color: var(--mat-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 1814} 1815.mat-form-field-disabled .mdc-text-field__input::-moz-placeholder { 1816 color: var(--mat-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 1817} 1818.mat-form-field-disabled .mdc-text-field__input::-webkit-input-placeholder { 1819 color: var(--mat-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 1820} 1821.mat-form-field-disabled .mdc-text-field__input:-ms-input-placeholder { 1822 color: var(--mat-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 1823} 1824 1825.mat-mdc-form-field-label-always-float .mdc-text-field__input::placeholder { 1826 transition-delay: 40ms; 1827 transition-duration: 110ms; 1828 opacity: 1; 1829} 1830 1831.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label { 1832 left: auto; 1833 right: auto; 1834} 1835 1836.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input { 1837 display: inline-block; 1838} 1839 1840.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mdc-notched-outline__notch { 1841 padding-top: 0; 1842} 1843 1844.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch { 1845 border-left: 1px solid transparent; 1846} 1847 1848[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch { 1849 border-left: none; 1850 border-right: 1px solid transparent; 1851} 1852 1853.mat-mdc-form-field-infix { 1854 min-height: var(--mat-form-field-container-height, 56px); 1855 padding-top: var(--mat-form-field-filled-with-label-container-padding-top, 24px); 1856 padding-bottom: var(--mat-form-field-filled-with-label-container-padding-bottom, 8px); 1857} 1858.mdc-text-field--outlined .mat-mdc-form-field-infix, .mdc-text-field--no-label .mat-mdc-form-field-infix { 1859 padding-top: var(--mat-form-field-container-vertical-padding, 16px); 1860 padding-bottom: var(--mat-form-field-container-vertical-padding, 16px); 1861} 1862 1863.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { 1864 top: calc(var(--mat-form-field-container-height, 56px) / 2); 1865} 1866 1867.mdc-text-field--filled .mat-mdc-floating-label { 1868 display: var(--mat-form-field-filled-label-display, block); 1869} 1870 1871.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { 1872 --mat-mdc-form-field-label-transform: translateY(calc(calc(6.75px + var(--mat-form-field-container-height, 56px) / 2) * -1)) 1873 scale(var(--mat-mdc-form-field-floating-label-scale, 0.75)); 1874 transform: var(--mat-mdc-form-field-label-transform); 1875} 1876 1877@keyframes _mat-form-field-subscript-animation { 1878 from { 1879 opacity: 0; 1880 transform: translateY(-5px); 1881 } 1882 to { 1883 opacity: 1; 1884 transform: translateY(0); 1885 } 1886} 1887.mat-mdc-form-field-subscript-wrapper { 1888 box-sizing: border-box; 1889 width: 100%; 1890 position: relative; 1891} 1892 1893.mat-mdc-form-field-hint-wrapper, 1894.mat-mdc-form-field-error-wrapper { 1895 position: absolute; 1896 top: 0; 1897 left: 0; 1898 right: 0; 1899 padding: 0 16px; 1900 opacity: 1; 1901 transform: translateY(0); 1902 animation: _mat-form-field-subscript-animation 0ms cubic-bezier(0.55, 0, 0.55, 0.2); 1903} 1904 1905.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-hint-wrapper, 1906.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-error-wrapper { 1907 position: static; 1908} 1909 1910.mat-mdc-form-field-bottom-align::before { 1911 content: ""; 1912 display: inline-block; 1913 height: 16px; 1914} 1915 1916.mat-mdc-form-field-bottom-align.mat-mdc-form-field-subscript-dynamic-size::before { 1917 content: unset; 1918} 1919 1920.mat-mdc-form-field-hint-end { 1921 order: 1; 1922} 1923 1924.mat-mdc-form-field-hint-wrapper { 1925 display: flex; 1926} 1927 1928.mat-mdc-form-field-hint-spacer { 1929 flex: 1 0 1em; 1930} 1931 1932.mat-mdc-form-field-error { 1933 display: block; 1934 color: var(--mat-form-field-error-text-color, var(--mat-sys-error)); 1935} 1936 1937.mat-mdc-form-field-subscript-wrapper, 1938.mat-mdc-form-field-bottom-align::before { 1939 -moz-osx-font-smoothing: grayscale; 1940 -webkit-font-smoothing: antialiased; 1941 font-family: var(--mat-form-field-subscript-text-font, var(--mat-sys-body-small-font)); 1942 line-height: var(--mat-form-field-subscript-text-line-height, var(--mat-sys-body-small-line-height)); 1943 font-size: var(--mat-form-field-subscript-text-size, var(--mat-sys-body-small-size)); 1944 letter-spacing: var(--mat-form-field-subscript-text-tracking, var(--mat-sys-body-small-tracking)); 1945 font-weight: var(--mat-form-field-subscript-text-weight, var(--mat-sys-body-small-weight)); 1946} 1947 1948.mat-mdc-form-field-focus-overlay { 1949 top: 0; 1950 left: 0; 1951 right: 0; 1952 bottom: 0; 1953 position: absolute; 1954 opacity: 0; 1955 pointer-events: none; 1956 background-color: var(--mat-form-field-state-layer-color, var(--mat-sys-on-surface)); 1957} 1958.mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-focus-overlay { 1959 opacity: var(--mat-form-field-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); 1960} 1961.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay { 1962 opacity: var(--mat-form-field-focus-state-layer-opacity, 0); 1963} 1964 1965select.mat-mdc-form-field-input-control { 1966 -moz-appearance: none; 1967 -webkit-appearance: none; 1968 background-color: transparent; 1969 display: inline-flex; 1970 box-sizing: border-box; 1971} 1972select.mat-mdc-form-field-input-control:not(:disabled) { 1973 cursor: pointer; 1974} 1975select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option { 1976 color: var(--mat-form-field-select-option-text-color, var(--mat-sys-neutral10)); 1977} 1978select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option:disabled { 1979 color: var(--mat-form-field-select-disabled-option-text-color, color-mix(in srgb, var(--mat-sys-neutral10) 38%, transparent)); 1980} 1981 1982.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
1983 content: ""; 1984 width: 0; 1985 height: 0; 1986 border-left: 5px solid transparent; 1987 border-right: 5px solid transparent; 1988 border-top: 5px solid; 1989 position: absolute; 1990 right: 0; 1991 top: 50%; 1992 margin-top: -2.5px; 1993 pointer-events: none; 1994 color: var(--mat-form-field-enabled-select-arrow-color, var(--mat-sys-on-surface-variant)); 1995} 1996[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after { 1997 right: auto; 1998 left: 0; 1999} 2000.mat-mdc-form-field-type-mat-native-select.mat-focused .mat-mdc-form-field-infix::after { 2001 color: var(--mat-form-field-focus-select-arrow-color, var(--mat-sys-primary)); 2002} 2003.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after { 2004 color: var(--mat-form-field-disabled-select-arrow-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 2005} 2006.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control { 2007 padding-right: 15px; 2008} 2009[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control { 2010 padding-right: 0; 2011 padding-left: 15px; 2012} 2013 2014@media (forced-colors: active) { 2015 .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper { 2016 outline: solid 1px; 2017 } 2018} 2019@media (forced-colors: active) { 2020 .mat-form-field-appearance-fill.mat-form-field-disabled .mat-mdc-text-field-wrapper { 2021 outline-color: GrayText; 2022 } 2023} 2024 2025@media (forced-colors: active) { 2026 .mat-form-field-appearance-fill.mat-focused .mat-mdc-text-field-wrapper { 2027 outline: dashed 3px; 2028 } 2029} 2030 2031@media (forced-colors: active) { 2032 .mat-mdc-form-field.mat-focused .mdc-notched-outline { 2033 border: dashed 3px; 2034 } 2035} 2036 2037.mat-mdc-form-field-input-control[type=date], .mat-mdc-form-field-input-control[type=datetime], .mat-mdc-form-field-input-control[type=datetime-local], .mat-mdc-form-field-input-control[type=month], .mat-mdc-form-field-input-control[type=week], .mat-mdc-form-field-input-control[type=time] { 2038 line-height: 1; 2039} 2040.mat-mdc-form-field-input-control::-webkit-datetime-edit { 2041 line-height: 1; 2042 padding: 0; 2043 margin-bottom: -2px; 2044} 2045 2046.mat-mdc-form-field { 2047 --mat-mdc-form-field-floating-label-scale: 0.75; 2048 display: inline-flex; 2049 flex-direction: column; 2050 min-width: 0; 2051 text-align: left; 2052 -moz-osx-font-smoothing: grayscale; 2053 -webkit-font-smoothing: antialiased; 2054 font-family: var(--mat-form-field-container-text-font, var(--mat-sys-body-large-font)); 2055 line-height: var(--mat-form-field-container-text-line-height, var(--mat-sys-body-large-line-height)); 2056 font-size: var(--mat-form-field-container-text-size, var(--mat-sys-body-large-size)); 2057 letter-spacing: var(--mat-form-field-container-text-tracking, var(--mat-sys-body-large-tracking)); 2058 font-weight: var(--mat-form-field-container-text-weight, var(--mat-sys-body-large-weight)); 2059} 2060.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above { 2061 font-size: calc(var(--mat-form-field-outlined-label-text-populated-size) * var(--mat-mdc-form-field-floating-label-scale)); 2062} 2063.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { 2064 font-size: var(--mat-form-field-outlined-label-text-populated-size); 2065} 2066[dir=rtl] .mat-mdc-form-field { 2067 text-align: right; 2068} 2069 2070.mat-mdc-form-field-flex { 2071 display: inline-flex; 2072 align-items: baseline; 2073 box-sizing: border-box; 2074 width: 100%; 2075} 2076 2077.mat-mdc-text-field-wrapper { 2078 width: 100%; 2079 z-index: 0; 2080} 2081 2082.mat-mdc-form-field-icon-prefix, 2083.mat-mdc-form-field-icon-suffix { 2084 align-self: center; 2085 line-height: 0; 2086 pointer-events: auto; 2087 position: relative; 2088 z-index: 1; 2089} 2090.mat-mdc-form-field-icon-prefix > .mat-icon, 2091.mat-mdc-form-field-icon-suffix > .mat-icon { 2092 padding: 0 12px; 2093 box-sizing: content-box; 2094} 2095 2096.mat-mdc-form-field-icon-prefix { 2097 color: var(--mat-form-field-leading-icon-color, var(--mat-sys-on-surface-variant)); 2098} 2099.mat-form-field-disabled .mat-mdc-form-field-icon-prefix { 2100 color: var(--mat-form-field-disabled-leading-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 2101} 2102 2103.mat-mdc-form-field-icon-suffix { 2104 color: var(--mat-form-field-trailing-icon-color, var(--mat-sys-on-surface-variant)); 2105} 2106.mat-form-field-disabled .mat-mdc-form-field-icon-suffix { 2107 color: var(--mat-form-field-disabled-trailing-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 2108} 2109.mat-form-field-invalid .mat-mdc-form-field-icon-suffix { 2110 color: var(--mat-form-field-error-trailing-icon-color, var(--mat-sys-error)); 2111} 2112.mat-form-field-invalid:not(.mat-focused):not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-icon-suffix { 2113 color: var(--mat-form-field-error-hover-trailing-icon-color, var(--mat-sys-on-error-container)); 2114} 2115.mat-form-field-invalid.mat-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix { 2116 color: var(--mat-form-field-error-focus-trailing-icon-color, var(--mat-sys-error)); 2117} 2118 2119.mat-mdc-form-field-icon-prefix, 2120[dir=rtl] .mat-mdc-form-field-icon-suffix { 2121 padding: 0 4px 0 0; 2122} 2123 2124.mat-mdc-form-field-icon-suffix, 2125[dir=rtl] .mat-mdc-form-field-icon-prefix { 2126 padding: 0 0 0 4px; 2127} 2128 2129.mat-mdc-form-field-subscript-wrapper .mat-icon, 2130.mat-mdc-form-field label .mat-icon { 2131 width: 1em; 2132 height: 1em; 2133 font-size: inherit; 2134} 2135 2136.mat-mdc-form-field-infix { 2137 flex: auto; 2138 min-width: 0; 2139 width: 180px; 2140 position: relative; 2141 box-sizing: border-box; 2142} 2143.mat-mdc-form-field-infix:has(textarea[cols]) { 2144 width: auto; 2145} 2146 2147.mat-mdc-form-field .mdc-notched-outline__notch { 2148 margin-left: -1px; 2149 -webkit-clip-path: inset(-9em -999em -9em 1px); 2150 clip-path: inset(-9em -999em -9em 1px); 2151} 2152[dir=rtl] .mat-mdc-form-field .mdc-notched-outline__notch { 2153 margin-left: 0; 2154 margin-right: -1px; 2155 -webkit-clip-path: inset(-9em 1px -9em -999em); 2156 clip-path: inset(-9em 1px -9em -999em); 2157} 2158 2159.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-floating-label { 2160 transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); 2161} 2162.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-text-field__input { 2163 transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); 2164} 2165.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-text-field__input::placeholder { 2166 transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); 2167} 2168.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-text-field__input::-moz-placeholder { 2169 transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); 2170} 2171.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-text-field__input::-webkit-input-placeholder { 2172 transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); 2173} 2174.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-text-field__input:-ms-input-placeholder { 2175 transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); 2176} 2177.mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--no-label .mdc-text-field__input::placeholder, .mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--focused .mdc-text-field__input::placeholder { 2178 transition-delay: 40ms; 2179 transition-duration: 110ms; 2180} 2181.mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--no-label .mdc-text-field__input::-moz-placeholder, .mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--focused .mdc-text-field__input::-moz-placeholder { 2182 transition-delay: 40ms; 2183 transition-duration: 110ms; 2184} 2185.mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder { 2186 transition-delay: 40ms; 2187 transition-duration: 110ms; 2188} 2189.mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mat-mdc-form-field.mat-form-field-animations-enabled.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder { 2190 transition-delay: 40ms; 2191 transition-duration: 110ms; 2192} 2193.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before { 2194 transition-duration: 75ms; 2195} 2196.mat-mdc-form-field.mat-form-field-animations-enabled .mdc-line-ripple::after { 2197 transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); 2198} 2199.mat-mdc-form-field.mat-form-field-animations-enabled .mat-mdc-form-field-hint-wrapper, 2200.mat-mdc-form-field.mat-form-field-animations-enabled .mat-mdc-form-field-error-wrapper { 2201 animation-duration: 300ms; 2202} 2203 2204.mdc-notched-outline .mdc-floating-label { 2205 max-width: calc(100% + 1px); 2206} 2207 2208.mdc-notched-outline--upgraded .mdc-floating-label--float-above { 2209 max-width: calc(133.3333333333% + 1px); 2210} 2211</style><style ng-app-id="ng">@keyframes _mat-select-enter { 2212 from { 2213 opacity: 0; 2214 transform: scaleY(0.8); 2215 } 2216 to { 2217 opacity: 1; 2218 transform: none; 2219 } 2220} 2221@keyframes _mat-select-exit { 2222 from { 2223 opacity: 1; 2224 } 2225 to { 2226 opacity: 0; 2227 } 2228} 2229.mat-mdc-select { 2230 display: inline-block; 2231 width: 100%; 2232 outline: none; 2233 -moz-osx-font-smoothing: grayscale; 2234 -webkit-font-smoothing: antialiased; 2235 color: var(--mat-select-enabled-trigger-text-color, var(--mat-sys-on-surface)); 2236 font-family: var(--mat-select-trigger-text-font, var(--mat-sys-body-large-font)); 2237 line-height: var(--mat-select-trigger-text-line-height, var(--mat-sys-body-large-line-height)); 2238 font-size: var(--mat-select-trigger-text-size, var(--mat-sys-body-large-size)); 2239 font-weight: var(--mat-select-trigger-text-weight, var(--mat-sys-body-large-weight)); 2240 letter-spacing: var(--mat-select-trigger-text-tracking, var(--mat-sys-body-large-tracking)); 2241} 2242 2243div.mat-mdc-select-panel { 2244 box-shadow: var(--mat-select-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)); 2245} 2246 2247.mat-mdc-select-disabled { 2248 color: var(--mat-select-disabled-trigger-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 2249} 2250.mat-mdc-select-disabled .mat-mdc-select-placeholder { 2251 color: var(--mat-select-disabled-trigger-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 2252} 2253 2254.mat-mdc-select-trigger { 2255 display: inline-flex; 2256 align-items: center; 2257 cursor: pointer; 2258 position: relative; 2259 box-sizing: border-box; 2260 width: 100%; 2261} 2262.mat-mdc-select-disabled .mat-mdc-select-trigger { 2263 -webkit-user-select: none; 2264 user-select: none; 2265 cursor: default; 2266} 2267 2268.mat-mdc-select-value { 2269 width: 100%; 2270 overflow: hidden; 2271 text-overflow: ellipsis; 2272 white-space: nowrap; 2273} 2274 2275.mat-mdc-select-value-text { 2276 white-space: nowrap; 2277 overflow: hidden; 2278 text-overflow: ellipsis; 2279} 2280 2281.mat-mdc-select-arrow-wrapper { 2282 height: 24px; 2283 flex-shrink: 0; 2284 display: inline-flex; 2285 align-items: center; 2286} 2287.mat-form-field-appearance-fill .mdc-text-field--no-label .mat-mdc-select-arrow-wrapper { 2288 transform: none; 2289} 2290 2291.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow, 2292.mat-form-field-invalid:not(.mat-form-field-disabled) .mat-mdc-form-field-infix::after {
2293 color: var(--mat-select-invalid-arrow-color, var(--mat-sys-error)); 2294} 2295 2296.mat-mdc-select-arrow { 2297 width: 10px; 2298 height: 5px; 2299 position: relative; 2300 color: var(--mat-select-enabled-arrow-color, var(--mat-sys-on-surface-variant)); 2301} 2302.mat-mdc-form-field.mat-focused .mat-mdc-select-arrow { 2303 color: var(--mat-select-focused-arrow-color, var(--mat-sys-primary)); 2304} 2305.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow { 2306 color: var(--mat-select-disabled-arrow-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 2307} 2308.mat-select-open .mat-mdc-select-arrow { 2309 transform: rotate(180deg); 2310} 2311.mat-form-field-animations-enabled .mat-mdc-select-arrow { 2312 transition: transform 80ms linear; 2313} 2314.mat-mdc-select-arrow svg { 2315 fill: currentColor; 2316 position: absolute; 2317 top: 50%; 2318 left: 50%; 2319 transform: translate(-50%, -50%); 2320} 2321@media (forced-colors: active) { 2322 .mat-mdc-select-arrow svg { 2323 fill: CanvasText; 2324 } 2325 .mat-mdc-select-disabled .mat-mdc-select-arrow svg { 2326 fill: GrayText; 2327 } 2328} 2329 2330div.mat-mdc-select-panel { 2331 width: 100%; 2332 max-height: 275px; 2333 outline: 0; 2334 overflow: auto; 2335 padding: 8px 0; 2336 box-sizing: border-box; 2337 transform-origin: top center; 2338 border-radius: 0 0 4px 4px; 2339 position: relative; 2340 background-color: var(--mat-select-panel-background-color, var(--mat-sys-surface-container)); 2341} 2342.mat-mdc-select-panel-above div.mat-mdc-select-panel { 2343 border-radius: 4px 4px 0 0; 2344 transform-origin: bottom center; 2345} 2346@media (forced-colors: active) { 2347 div.mat-mdc-select-panel { 2348 outline: solid 1px; 2349 } 2350} 2351 2352.mat-select-panel-animations-enabled { 2353 animation: _mat-select-enter 120ms cubic-bezier(0, 0, 0.2, 1); 2354} 2355.mat-select-panel-animations-enabled.mat-select-panel-exit { 2356 animation: _mat-select-exit 100ms linear; 2357} 2358 2359.mat-mdc-select-placeholder { 2360 transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1); 2361 color: var(--mat-select-placeholder-text-color, var(--mat-sys-on-surface-variant)); 2362} 2363.mat-mdc-form-field:not(.mat-form-field-animations-enabled) .mat-mdc-select-placeholder, ._mat-animation-noopable .mat-mdc-select-placeholder { 2364 transition: none; 2365} 2366.mat-form-field-hide-placeholder .mat-mdc-select-placeholder { 2367 color: transparent; 2368 -webkit-text-fill-color: transparent; 2369 transition: none; 2370 display: block; 2371} 2372 2373.mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper { 2374 cursor: pointer; 2375} 2376.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label { 2377 max-width: calc(100% - 18px); 2378} 2379.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mdc-floating-label--float-above { 2380 max-width: calc(100% / 0.75 - 24px); 2381} 2382.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-notched-outline__notch { 2383 max-width: calc(100% - 60px); 2384} 2385.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-text-field--label-floating .mdc-notched-outline__notch { 2386 max-width: calc(100% - 24px); 2387} 2388 2389.mat-mdc-select-min-line:empty::before { 2390 content: " "; 2391 white-space: pre; 2392 width: 1px; 2393 display: inline-block; 2394 visibility: hidden; 2395} 2396 2397.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper { 2398 transform: var(--mat-select-arrow-transform, translateY(-8px)); 2399} 2400</style><style ng-app-id="ng">.mat-divider { 2401 display: block; 2402 margin: 0; 2403 border-top-style: solid; 2404 border-top-color: var(--mat-divider-color, var(--mat-sys-outline-variant)); 2405 border-top-width: var(--mat-divider-width, 1px); 2406} 2407.mat-divider.mat-divider-vertical { 2408 border-top: 0; 2409 border-right-style: solid; 2410 border-right-color: var(--mat-divider-color, var(--mat-sys-outline-variant)); 2411 border-right-width: var(--mat-divider-width, 1px); 2412} 2413.mat-divider.mat-divider-inset { 2414 margin-left: 80px; 2415} 2416[dir=rtl] .mat-divider.mat-divider-inset { 2417 margin-left: auto; 2418 margin-right: 80px; 2419} 2420</style><style ng-app-id="ng"> 2421.container[_ngcontent-ng-c3261458355] { 2422 width: 100% !important; 2423} 2424.card-style[_ngcontent-ng-c3261458355] { 2425 display: flex; 2426 flex-direction: column; 2427 gap: 16px; 2428 padding: 50px; 2429} 2430.card-style[_ngcontent-ng-c3261458355]:first-child { 2431 background-color: #ffffff; 2432 border: 1px solid #ffffff; 2433 border-radius: 16px; 2434 box-shadow: 0px 4px 4px 0px #e3eaf2; 2435 position: relative; 2436 top: -48px; 2437} 2438.card-style[_ngcontent-ng-c3261458355]:first-child .accordion-item[_ngcontent-ng-c3261458355] { 2439 border: 1px solid #c4d2e3; 2440 border-radius: 16px; 2441 cursor: pointer; 2442} 2443.card-style[_ngcontent-ng-c3261458355]:first-child .accordion-button[_ngcontent-ng-c3261458355]:last-child { 2444 border-radius: 16px; 2445} 2446.card-style[_ngcontent-ng-c3261458355]:not(:first-child) .accordion-item[_ngcontent-ng-c3261458355] { 2447 border: none; 2448 border-radius: unset; 2449 border-bottom: 1px solid #c4d2e3; 2450 background-color: unset; 2451 cursor: pointer; 2452} 2453.card-style[_ngcontent-ng-c3261458355]:not(:first-child) .accordion-item[_ngcontent-ng-c3261458355] .accordion-button[_ngcontent-ng-c3261458355] { 2454 background-color: unset; 2455} 2456.card-style-title[_ngcontent-ng-c3261458355] { 2457 font-size: 20px; 2458 line-height: 30px; 2459 font-weight: 700; 2460 text-align: center; 2461} 2462.accordion[_ngcontent-ng-c3261458355] { 2463 display: flex; 2464 flex-direction: column; 2465 gap: 16px; 2466} 2467.accordion[_ngcontent-ng-c3261458355] .accordion-button[_ngcontent-ng-c3261458355] { 2468 line-height: 22px; 2469 font-weight: 700; 2470 padding: 16px; 2471 border-radius: 16px; 2472 box-shadow: none; 2473} 2474.accordion[_ngcontent-ng-c3261458355] .accordion-button[_ngcontent-ng-c3261458355]:not(.collapsed) { 2475 color: #0091ff; 2476 background-color: unset; 2477} 2478.list-line[_ngcontent-ng-c3261458355] { 2479 border: 1px solid #c5e6ef; 2480 margin-bottom: 16px; 2481} 2482.list-body[_ngcontent-ng-c3261458355] { 2483 color: #3d3d3d; 2484 padding: 0 16px 16px; 2485 text-align: start; 2486} 2487.collapse[_ngcontent-ng-c3261458355] { 2488 visibility: visible; 2489} 2490@media screen and (max-width: 450px) { 2491 .container[_ngcontent-ng-c3261458355], 2492 .container-fluid[_ngcontent-ng-c3261458355] { 2493 padding: 0; 2494 } 2495 .card-style[_ngcontent-ng-c3261458355] { 2496 padding: 50px 16px; 2497 } 2498} 2499 .list-body a { 2500 color: #0091ff !important; 2501 text-decoration: none; 2502 cursor: pointer; 2503} 2504 .list-body a:hover {
2505 color: #0073cc !important; 2506} 2507/*# sourceMappingURL=/dropdown.component.css.map */</style><style ng-app-id="ng">.mat-mdc-slider-visual-thumb .mat-ripple { 2508 height: 100%; 2509 width: 100%; 2510} 2511 2512.mat-mdc-slider .mdc-slider__tick-marks { 2513 justify-content: start; 2514} 2515.mat-mdc-slider .mdc-slider__tick-marks .mdc-slider__tick-mark--active, 2516.mat-mdc-slider .mdc-slider__tick-marks .mdc-slider__tick-mark--inactive { 2517 position: absolute; 2518 left: 2px; 2519} 2520</style><style ng-app-id="ng">.mat-internal-form-field { 2521 -moz-osx-font-smoothing: grayscale; 2522 -webkit-font-smoothing: antialiased; 2523 display: inline-flex; 2524 align-items: center; 2525 vertical-align: middle; 2526} 2527.mat-internal-form-field > label { 2528 margin-left: 0; 2529 margin-right: auto; 2530 padding-left: 4px; 2531 padding-right: 0; 2532 order: 0; 2533} 2534[dir=rtl] .mat-internal-form-field > label { 2535 margin-left: auto; 2536 margin-right: 0; 2537 padding-left: 0; 2538 padding-right: 4px; 2539} 2540 2541.mdc-form-field--align-end > label { 2542 margin-left: auto; 2543 margin-right: 0; 2544 padding-left: 0; 2545 padding-right: 4px; 2546 order: -1; 2547} 2548[dir=rtl] .mdc-form-field--align-end .mdc-form-field--align-end label { 2549 margin-left: 0; 2550 margin-right: auto; 2551 padding-left: 4px; 2552 padding-right: 0; 2553} 2554</style><link rel="canonical" href="https://policystreet.com.my/en/car-insurance-calculator">
2554<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebApplication","name":"Car Insurance Calculator","url":"https://policystreet.com.my/en/car-insurance-calculator","description":"Use our free car insurance calculator to estimate your premium in Malaysia. Quickly compare costs & find the right coverage that fits your needs & budget.","applicationCategory":"FinanceApplication","operatingSystem":"All","browserRequirements":"Requires JavaScript enabled","isAccessibleForFree":true,"provider":{"@type":"Organization","name":"PolicyStreet","legalName":"Polisea Sdn. Bhd.","url":"https://policystreet.com.my/en","logo":"https://cdn.policystreet.app/assets/mainsite/ps-logo.png"}}</script>
2554<style ng-app-id="ng">.mat-mdc-option { 2555 -webkit-user-select: none; 2556 user-select: none; 2557 -moz-osx-font-smoothing: grayscale; 2558 -webkit-font-smoothing: antialiased; 2559 display: flex; 2560 position: relative; 2561 align-items: center; 2562 justify-content: flex-start; 2563 overflow: hidden; 2564 min-height: 48px; 2565 padding: 0 16px; 2566 cursor: pointer; 2567 -webkit-tap-highlight-color: transparent; 2568 color: var(--mat-option-label-text-color, var(--mat-sys-on-surface)); 2569 font-family: var(--mat-option-label-text-font, var(--mat-sys-label-large-font)); 2570 line-height: var(--mat-option-label-text-line-height, var(--mat-sys-label-large-line-height)); 2571 font-size: var(--mat-option-label-text-size, var(--mat-sys-body-large-size)); 2572 letter-spacing: var(--mat-option-label-text-tracking, var(--mat-sys-label-large-tracking)); 2573 font-weight: var(--mat-option-label-text-weight, var(--mat-sys-body-large-weight)); 2574} 2575.mat-mdc-option:hover:not(.mdc-list-item--disabled) { 2576 background-color: var(--mat-option-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent)); 2577} 2578.mat-mdc-option:focus.mdc-list-item, .mat-mdc-option.mat-mdc-option-active.mdc-list-item { 2579 background-color: var(--mat-option-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent)); 2580 outline: 0; 2581} 2582.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-active, .mat-mdc-option-multiple, :focus, :hover) { 2583 background-color: var(--mat-option-selected-state-layer-color, var(--mat-sys-secondary-container)); 2584} 2585.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-active, .mat-mdc-option-multiple, :focus, :hover) .mdc-list-item__primary-text { 2586 color: var(--mat-option-selected-state-label-text-color, var(--mat-sys-on-secondary-container)); 2587} 2588.mat-mdc-option .mat-pseudo-checkbox { 2589 --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-option-selected-state-label-text-color, var(--mat-sys-on-secondary-container)); 2590} 2591.mat-mdc-option.mdc-list-item { 2592 align-items: center; 2593 background: transparent; 2594} 2595.mat-mdc-option.mdc-list-item--disabled { 2596 cursor: default; 2597 pointer-events: none; 2598} 2599.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox, .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text, .mat-mdc-option.mdc-list-item--disabled > mat-icon { 2600 opacity: 0.38; 2601} 2602.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) { 2603 padding-left: 32px; 2604} 2605[dir=rtl] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) { 2606 padding-left: 16px; 2607 padding-right: 32px; 2608} 2609.mat-mdc-option .mat-icon, 2610.mat-mdc-option .mat-pseudo-checkbox-full { 2611 margin-right: 16px; 2612 flex-shrink: 0; 2613} 2614[dir=rtl] .mat-mdc-option .mat-icon, 2615[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-full { 2616 margin-right: 0; 2617 margin-left: 16px; 2618} 2619.mat-mdc-option .mat-pseudo-checkbox-minimal { 2620 margin-left: 16px; 2621 flex-shrink: 0; 2622} 2623[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal { 2624 margin-right: 16px; 2625 margin-left: 0; 2626} 2627.mat-mdc-option .mat-mdc-option-ripple { 2628 top: 0; 2629 left: 0; 2630 right: 0; 2631 bottom: 0; 2632 position: absolute; 2633 pointer-events: none; 2634} 2635.mat-mdc-option .mdc-list-item__primary-text { 2636 white-space: normal; 2637 font-size: inherit; 2638 font-weight: inherit; 2639 letter-spacing: inherit; 2640 line-height: inherit; 2641 font-family: inherit; 2642 text-decoration: inherit; 2643 text-transform: inherit; 2644 margin-right: auto; 2645} 2646[dir=rtl] .mat-mdc-option .mdc-list-item__primary-text { 2647 margin-right: 0; 2648 margin-left: auto; 2649} 2650@media (forced-colors: active) { 2651 .mat-mdc-option.mdc-list-item--selected:not(:has(.mat-mdc-option-pseudo-checkbox))::after { 2652 content: ""; 2653 position: absolute; 2654 top: 50%; 2655 right: 16px; 2656 transform: translateY(-50%); 2657 width: 10px; 2658 height: 0; 2659 border-bottom: solid 10px; 2660 border-radius: 10px; 2661 } 2662 [dir=rtl] .mat-mdc-option.mdc-list-item--selected:not(:has(.mat-mdc-option-pseudo-checkbox))::after { 2663 right: auto; 2664 left: 16px; 2665 } 2666} 2667 2668.mat-mdc-option-multiple { 2669 --mat-list-list-item-selected-container-color: var(--mat-list-list-item-container-color, transparent); 2670} 2671 2672.mat-mdc-option-active .mat-focus-indicator::before { 2673 content: ""; 2674} 2675</style><style ng-app-id="ng">.mat-button-toggle-standalone, 2676.mat-button-toggle-group { 2677 position: relative; 2678 display: inline-flex; 2679 flex-direction: row; 2680 white-space: nowrap; 2681 overflow: hidden; 2682 -webkit-tap-highlight-color: transparent; 2683 border-radius: var(--mat-button-toggle-legacy-shape); 2684 transform: translateZ(0); 2685} 2686.mat-button-toggle-standalone:not([class*=mat-elevation-z]), 2687.mat-button-toggle-group:not([class*=mat-elevation-z]) { 2688 box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); 2689} 2690@media (forced-colors: active) { 2691 .mat-button-toggle-standalone, 2692 .mat-button-toggle-group { 2693 outline: solid 1px; 2694 } 2695} 2696 2697.mat-button-toggle-standalone.mat-button-toggle-appearance-standard, 2698.mat-button-toggle-group-appearance-standard { 2699 border-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); 2700 border: solid 1px var(--mat-button-toggle-divider-color, var(--mat-sys-outline)); 2701} 2702.mat-button-toggle-standalone.mat-button-toggle-appearance-standard .mat-pseudo-checkbox, 2703.mat-button-toggle-group-appearance-standard .mat-pseudo-checkbox { 2704 --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-button-toggle-selected-state-text-color, var(--mat-sys-on-secondary-container)); 2705} 2706.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), 2707.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { 2708 box-shadow: none; 2709} 2710@media (forced-colors: active) { 2711 .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, 2712 .mat-button-toggle-group-appearance-standard { 2713 outline: 0; 2714 } 2715} 2716 2717.mat-button-toggle-vertical { 2718 flex-direction: column; 2719} 2720.mat-button-toggle-vertical .mat-button-toggle-label-content { 2721 display: block; 2722} 2723 2724.mat-button-toggle { 2725 white-space: nowrap; 2726 position: relative; 2727 color: var(--mat-button-toggle-legacy-text-color); 2728 font-family: var(--mat-button-toggle-legacy-label-text-font); 2729 font-size: var(--mat-button-toggle-legacy-label-text-size); 2730 line-height: var(--mat-button-toggle-legacy-label-text-line-height); 2731 font-weight: var(--mat-button-toggle-legacy-label-text-weight); 2732 letter-spacing: var(--mat-button-toggle-legacy-label-text-tracking); 2733 --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-button-toggle-legacy-selected-state-text-color); 2734} 2735.mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-focus-overlay { 2736 opacity: var(--mat-button-toggle-legacy-focus-state-layer-opacity); 2737} 2738.mat-button-toggle .mat-icon svg { 2739 vertical-align: top; 2740} 2741 2742.mat-button-toggle-checkbox-wrapper { 2743 display: inline-block; 2744 justify-content: flex-start; 2745 align-items: center; 2746 width: 0; 2747 height: 18px; 2748 line-height: 18px; 2749 overflow: hidden; 2750 box-sizing: border-box; 2751 position: absolute; 2752 top: 50%; 2753 left: 16px; 2754 transform: translate3d(0, -50%, 0); 2755} 2756[dir=rtl] .mat-button-toggle-checkbox-wrapper { 2757 left: auto; 2758 right: 16px; 2759} 2760.mat-button-toggle-appearance-standard .mat-button-toggle-checkbox-wrapper { 2761 left: 12px; 2762} 2763[dir=rtl] .mat-button-toggle-appearance-standard .mat-button-toggle-checkbox-wrapper { 2764 left: auto; 2765 right: 12px; 2766} 2767.mat-button-toggle-checked .mat-button-toggle-checkbox-wrapper { 2768 width: 18px; 2769} 2770.mat-button-toggle-animations-enabled .mat-button-toggle-checkbox-wrapper { 2771 transition: width 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1); 2772} 2773.mat-button-toggle-vertical .mat-button-toggle-checkbox-wrapper { 2774 transition: none; 2775} 2776 2777.mat-button-toggle-checked { 2778 color: var(--mat-button-toggle-legacy-selected-state-text-color); 2779 background-color: var(--mat-button-toggle-legacy-selected-state-background-color); 2780} 2781 2782.mat-button-toggle-disabled { 2783 pointer-events: none; 2784 color: var(--mat-button-toggle-legacy-disabled-state-text-color); 2785 background-color: var(--mat-button-toggle-legacy-disabled-state-background-color); 2786 --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: var(--mat-button-toggle-legacy-disabled-state-text-color); 2787} 2788.mat-button-toggle-disabled.mat-button-toggle-checked { 2789 background-color: var(--mat-button-toggle-legacy-disabled-selected-state-background-color); 2790} 2791 2792.mat-button-toggle-disabled-interactive { 2793 pointer-events: auto; 2794} 2795 2796.mat-button-toggle-appearance-standard { 2797 color: var(--mat-button-toggle-text-color, var(--mat-sys-on-surface)); 2798 background-color: var(--mat-button-toggle-background-color, transparent); 2799 font-family: var(--mat-button-toggle-label-text-font, var(--mat-sys-label-large-font)); 2800 font-size: var(--mat-button-toggle-label-text-size, var(--mat-sys-label-large-size)); 2801 line-height: var(--mat-button-toggle-label-text-line-height, var(--mat-sys-label-large-line-height)); 2802 font-weight: var(--mat-button-toggle-label-text-weight, var(--mat-sys-label-large-weight)); 2803 letter-spacing: var(--mat-button-toggle-label-text-tracking, var(--mat-sys-label-large-tracking)); 2804} 2805.mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard { 2806 border-left: solid 1px var(--mat-button-toggle-divider-color, var(--mat-sys-outline)); 2807} 2808[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard { 2809 border-left: none; 2810 border-right: solid 1px var(--mat-button-toggle-divider-color, var(--mat-sys-outline)); 2811} 2812.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard { 2813 border-left: none;
2814 border-right: none; 2815 border-top: solid 1px var(--mat-button-toggle-divider-color, var(--mat-sys-outline)); 2816} 2817.mat-button-toggle-appearance-standard.mat-button-toggle-checked { 2818 color: var(--mat-button-toggle-selected-state-text-color, var(--mat-sys-on-secondary-container)); 2819 background-color: var(--mat-button-toggle-selected-state-background-color, var(--mat-sys-secondary-container)); 2820} 2821.mat-button-toggle-appearance-standard.mat-button-toggle-disabled { 2822 color: var(--mat-button-toggle-disabled-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 2823 background-color: var(--mat-button-toggle-disabled-state-background-color, transparent); 2824} 2825.mat-button-toggle-appearance-standard.mat-button-toggle-disabled .mat-pseudo-checkbox { 2826 --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: var(--mat-button-toggle-disabled-selected-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 2827} 2828.mat-button-toggle-appearance-standard.mat-button-toggle-disabled.mat-button-toggle-checked { 2829 color: var(--mat-button-toggle-disabled-selected-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 2830 background-color: var(--mat-button-toggle-disabled-selected-state-background-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); 2831} 2832.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { 2833 background-color: var(--mat-button-toggle-state-layer-color, var(--mat-sys-on-surface)); 2834} 2835.mat-button-toggle-appearance-standard:hover .mat-button-toggle-focus-overlay { 2836 opacity: var(--mat-button-toggle-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); 2837} 2838.mat-button-toggle-appearance-standard.cdk-keyboard-focused .mat-button-toggle-focus-overlay { 2839 opacity: var(--mat-button-toggle-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); 2840} 2841@media (hover: none) { 2842 .mat-button-toggle-appearance-standard:hover .mat-button-toggle-focus-overlay { 2843 display: none; 2844 } 2845} 2846 2847.mat-button-toggle-label-content { 2848 -webkit-user-select: none; 2849 user-select: none; 2850 display: inline-block; 2851 padding: 0 16px; 2852 line-height: var(--mat-button-toggle-legacy-height); 2853 position: relative; 2854} 2855.mat-button-toggle-appearance-standard .mat-button-toggle-label-content { 2856 padding: 0 12px; 2857 line-height: var(--mat-button-toggle-height, 40px); 2858} 2859 2860.mat-button-toggle-label-content > * { 2861 vertical-align: middle; 2862} 2863 2864.mat-button-toggle-focus-overlay { 2865 top: 0; 2866 left: 0; 2867 right: 0; 2868 bottom: 0; 2869 position: absolute; 2870 border-radius: inherit; 2871 pointer-events: none; 2872 opacity: 0; 2873 background-color: var(--mat-button-toggle-legacy-state-layer-color); 2874} 2875 2876@media (forced-colors: active) { 2877 .mat-button-toggle-checked .mat-button-toggle-focus-overlay { 2878 border-bottom: solid 500px; 2879 opacity: 0.5; 2880 height: 0; 2881 } 2882 .mat-button-toggle-checked:hover .mat-button-toggle-focus-overlay { 2883 opacity: 0.6; 2884 } 2885 .mat-button-toggle-checked.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { 2886 border-bottom: solid 500px; 2887 } 2888} 2889.mat-button-toggle .mat-button-toggle-ripple { 2890 top: 0; 2891 left: 0; 2892 right: 0; 2893 bottom: 0; 2894 position: absolute; 2895 pointer-events: none; 2896} 2897 2898.mat-button-toggle-button { 2899 border: 0; 2900 background: none; 2901 color: inherit; 2902 padding: 0; 2903 margin: 0; 2904 font: inherit; 2905 outline: none; 2906 width: 100%; 2907 cursor: pointer; 2908} 2909.mat-button-toggle-animations-enabled .mat-button-toggle-button { 2910 transition: padding 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1); 2911} 2912.mat-button-toggle-vertical .mat-button-toggle-button { 2913 transition: none; 2914} 2915.mat-button-toggle-disabled .mat-button-toggle-button { 2916 cursor: default; 2917} 2918.mat-button-toggle-button::-moz-focus-inner { 2919 border: 0; 2920} 2921.mat-button-toggle-checked .mat-button-toggle-button:has(.mat-button-toggle-checkbox-wrapper) { 2922 padding-left: 30px; 2923} 2924[dir=rtl] .mat-button-toggle-checked .mat-button-toggle-button:has(.mat-button-toggle-checkbox-wrapper) { 2925 padding-left: 0; 2926 padding-right: 30px; 2927} 2928 2929.mat-button-toggle-standalone.mat-button-toggle-appearance-standard { 2930 --mat-focus-indicator-border-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); 2931} 2932 2933.mat-button-toggle-group-appearance-standard:not(.mat-button-toggle-vertical) .mat-button-toggle:last-of-type .mat-button-toggle-button::before { 2934 border-top-right-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); 2935 border-bottom-right-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); 2936} 2937.mat-button-toggle-group-appearance-standard:not(.mat-button-toggle-vertical) .mat-button-toggle:first-of-type .mat-button-toggle-button::before { 2938 border-top-left-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); 2939 border-bottom-left-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); 2940} 2941 2942.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle:last-of-type .mat-button-toggle-button::before { 2943 border-bottom-right-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); 2944 border-bottom-left-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); 2945} 2946.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle:first-of-type .mat-button-toggle-button::before { 2947 border-top-right-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); 2948 border-top-left-radius: var(--mat-button-toggle-shape, var(--mat-sys-corner-extra-large)); 2949} 2950</style><style ng-app-id="ng">.mat-expansion-panel { 2951 box-sizing: content-box; 2952 display: block; 2953 margin: 0; 2954 overflow: hidden; 2955} 2956.mat-expansion-panel.mat-expansion-panel-animations-enabled { 2957 transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); 2958} 2959.mat-expansion-panel { 2960 position: relative; 2961 background: var(--mat-expansion-container-background-color, var(--mat-sys-surface)); 2962 color: var(--mat-expansion-container-text-color, var(--mat-sys-on-surface)); 2963 border-radius: var(--mat-expansion-container-shape, 12px); 2964} 2965.mat-expansion-panel:not([class*=mat-elevation-z]) { 2966 box-shadow: var(--mat-expansion-container-elevation-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)); 2967} 2968.mat-accordion .mat-expansion-panel:not(.mat-expanded), .mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) { 2969 border-radius: 0; 2970} 2971.mat-accordion .mat-expansion-panel:first-of-type { 2972 border-top-right-radius: var(--mat-expansion-container-shape, 12px); 2973 border-top-left-radius: var(--mat-expansion-container-shape, 12px); 2974} 2975.mat-accordion .mat-expansion-panel:last-of-type { 2976 border-bottom-right-radius: var(--mat-expansion-container-shape, 12px); 2977 border-bottom-left-radius: var(--mat-expansion-container-shape, 12px); 2978} 2979@media (forced-colors: active) { 2980 .mat-expansion-panel { 2981 outline: solid 1px; 2982 } 2983} 2984 2985.mat-expansion-panel-content-wrapper { 2986 display: grid; 2987 grid-template-rows: 0fr; 2988 grid-template-columns: 100%; 2989} 2990.mat-expansion-panel-animations-enabled .mat-expansion-panel-content-wrapper { 2991 transition: grid-template-rows 225ms cubic-bezier(0.4, 0, 0.2, 1); 2992} 2993.mat-expansion-panel.mat-expanded > .mat-expansion-panel-content-wrapper { 2994 grid-template-rows: 1fr; 2995} 2996@supports not (grid-template-rows: 0fr) { 2997 .mat-expansion-panel-content-wrapper { 2998 height: 0; 2999 } 3000 .mat-expansion-panel.mat-expanded > .mat-expansion-panel-content-wrapper { 3001 height: auto; 3002 } 3003} 3004@media print { 3005 .mat-expansion-panel-content-wrapper { 3006 height: 0; 3007 } 3008 .mat-expansion-panel.mat-expanded > .mat-expansion-panel-content-wrapper { 3009 height: auto; 3010 } 3011} 3012 3013.mat-expansion-panel-content { 3014 display: flex; 3015 flex-direction: column; 3016 overflow: visible; 3017 min-height: 0; 3018 visibility: hidden; 3019} 3020.mat-expansion-panel-animations-enabled .mat-expansion-panel-content { 3021 transition: visibility 190ms linear; 3022} 3023.mat-expansion-panel.mat-expanded > .mat-expansion-panel-content-wrapper > .mat-expansion-panel-content { 3024 visibility: visible; 3025} 3026.mat-expansion-panel-content { 3027 font-family: var(--mat-expansion-container-text-font, var(--mat-sys-body-large-font)); 3028 font-size: var(--mat-expansion-container-text-size, var(--mat-sys-body-large-size)); 3029 font-weight: var(--mat-expansion-container-text-weight, var(--mat-sys-body-large-weight)); 3030 line-height: var(--mat-expansion-container-text-line-height, var(--mat-sys-body-large-line-height)); 3031 letter-spacing: var(--mat-expansion-container-text-tracking, var(--mat-sys-body-large-tracking)); 3032} 3033 3034.mat-expansion-panel-body { 3035 padding: 0 24px 16px; 3036} 3037 3038.mat-expansion-panel-spacing { 3039 margin: 16px 0; 3040} 3041.mat-accordion > .mat-expansion-panel-spacing:first-child, .mat-accordion > *:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing { 3042 margin-top: 0; 3043} 3044.mat-accordion > .mat-expansion-panel-spacing:last-child, .mat-accordion > *:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing { 3045 margin-bottom: 0; 3046} 3047 3048.mat-action-row { 3049 border-top-style: solid; 3050 border-top-width: 1px; 3051 display: flex; 3052 flex-direction: row; 3053 justify-content: flex-end; 3054 padding: 16px 8px 16px 24px; 3055 border-top-color: var(--mat-expansion-actions-divider-color, var(--mat-sys-outline)); 3056} 3057.mat-action-row .mat-button-base, 3058.mat-action-row .mat-mdc-button-base { 3059 margin-left: 8px; 3060} 3061[dir=rtl] .mat-action-row .mat-button-base, 3062[dir=rtl] .mat-action-row .mat-mdc-button-base { 3063 margin-left: 0; 3064 margin-right: 8px; 3065} 3066</style><style ng-app-id="ng">.mat-expansion-panel-header { 3067 display: flex; 3068 flex-direction: row; 3069 align-items: center; 3070 padding: 0 24px; 3071 border-radius: inherit; 3072} 3073.mat-expansion-panel-animations-enabled .mat-expansion-panel-header { 3074 transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1); 3075} 3076.mat-expansion-panel-header::before { 3077 border-radius: inherit; 3078} 3079.mat-expansion-panel-header { 3080 height: var(--mat-expansion-header-collapsed-state-height, 48px); 3081 font-family: var(--mat-expansion-header-text-font, var(--mat-sys-title-medium-font)); 3082 font-size: var(--mat-expansion-header-text-size, var(--mat-sys-title-medium-size)); 3083 font-weight: var(--mat-expansion-header-text-weight, var(--mat-sys-title-medium-weight)); 3084 line-height: var(--mat-expansion-header-text-line-height, var(--mat-sys-title-medium-line-height)); 3085 letter-spacing: var(--mat-expansion-header-text-tracking, var(--mat-sys-title-medium-tracking)); 3086} 3087.mat-expansion-panel-header.mat-expanded { 3088 height: var(--mat-expansion-header-expanded-state-height, 64px); 3089} 3090.mat-expansion-panel-header[aria-disabled=true] { 3091 color: var(--mat-expansion-header-disabled-state-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 3092} 3093.mat-expansion-panel-header:not([aria-disabled=true]) { 3094 cursor: pointer; 3095} 3096.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover { 3097 background: var(--mat-expansion-header-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent)); 3098} 3099@media (hover: none) { 3100 .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover { 3101 background: var(--mat-expansion-container-background-color, var(--mat-sys-surface)); 3102 } 3103} 3104.mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused { 3105 background: var(--mat-expansion-header-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent)); 3106} 3107.mat-expansion-panel-header._mat-animation-noopable { 3108 transition: none; 3109} 3110.mat-expansion-panel-header:focus, .mat-expansion-panel-header:hover { 3111 outline: none; 3112} 3113.mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel-header.mat-expanded:hover { 3114 background: inherit; 3115} 3116.mat-expansion-panel-header.mat-expansion-toggle-indicator-before { 3117 flex-direction: row-reverse; 3118} 3119.mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator { 3120 margin: 0 16px 0 0; 3121} 3122[dir=rtl] .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator { 3123 margin: 0 0 0 16px; 3124} 3125 3126.mat-content { 3127 display: flex; 3128 flex: 1; 3129 flex-direction: row; 3130 overflow: hidden; 3131} 3132.mat-content.mat-content-hide-toggle { 3133 margin-right: 8px; 3134} 3135[dir=rtl] .mat-content.mat-content-hide-toggle { 3136 margin-right: 0; 3137 margin-left: 8px; 3138} 3139.mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle { 3140 margin-left: 24px; 3141 margin-right: 0; 3142} 3143[dir=rtl] .mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle { 3144 margin-right: 24px; 3145 margin-left: 0; 3146} 3147 3148.mat-expansion-panel-header-title { 3149 color: var(--mat-expansion-header-text-color, var(--mat-sys-on-surface)); 3150} 3151 3152.mat-expansion-panel-header-title, 3153.mat-expansion-panel-header-description { 3154 display: flex; 3155 flex-grow: 1; 3156 flex-basis: 0; 3157 margin-right: 16px; 3158 align-items: center; 3159} 3160[dir=rtl] .mat-expansion-panel-header-title, 3161[dir=rtl] .mat-expansion-panel-header-description { 3162 margin-right: 0; 3163 margin-left: 16px; 3164} 3165.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, 3166.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { 3167 color: inherit; 3168} 3169 3170.mat-expansion-panel-header-description { 3171 flex-grow: 2; 3172 color: var(--mat-expansion-header-description-color, var(--mat-sys-on-surface-variant)); 3173} 3174 3175.mat-expansion-panel-animations-enabled .mat-expansion-indicator { 3176 transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1); 3177} 3178.mat-expansion-panel-header.mat-expanded .mat-expansion-indicator { 3179 transform: rotate(180deg); 3180} 3181.mat-expansion-indicator::after { 3182 border-style: solid; 3183 border-width: 0 2px 2px 0; 3184 content: ""; 3185 padding: 3px; 3186 transform: rotate(45deg); 3187 vertical-align: middle; 3188 color: var(--mat-expansion-header-indicator-color, var(--mat-sys-on-surface-variant)); 3189 display: var(--mat-expansion-legacy-header-indicator-display, none); 3190} 3191.mat-expansion-indicator svg { 3192 width: 24px; 3193 height: 24px; 3194 margin: 0 -8px; 3195 vertical-align: middle; 3196 fill: var(--mat-expansion-header-indicator-color, var(--mat-sys-on-surface-variant)); 3197 display: var(--mat-expansion-header-indicator-display, inline-block); 3198} 3199 3200@media (forced-colors: active) { 3201 .mat-expansion-panel-content { 3202 border-top: 1px solid; 3203 border-top-left-radius: 0; 3204 border-top-right-radius: 0; 3205 } 3206} 3207</style><style ng-app-id="ng"> 3208.icon[_ngcontent-ng-c3792783421] { 3209 height: 24px; 3210 margin-right: 4px; 3211} 3212/*# sourceMappingURL=/translator-dropdown.component.css.map */</style><style ng-app-id="ng">.mat-pseudo-checkbox { 3213 border-radius: 2px; 3214 cursor: pointer; 3215 display: inline-block; 3216 vertical-align: middle; 3217 box-sizing: border-box; 3218 position: relative; 3219 flex-shrink: 0; 3220 transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1), background-color 90ms cubic-bezier(0, 0, 0.2, 0.1); 3221} 3222.mat-pseudo-checkbox::after { 3223 position: absolute; 3224 opacity: 0; 3225 content: ""; 3226 border-bottom: 2px solid currentColor; 3227 transition: opacity 90ms cubic-bezier(0, 0, 0.2, 0.1); 3228} 3229.mat-pseudo-checkbox._mat-animation-noopable { 3230 transition: none !important; 3231 animation: none !important; 3232} 3233.mat-pseudo-checkbox._mat-animation-noopable::after { 3234 transition: none; 3235} 3236 3237.mat-pseudo-checkbox-disabled { 3238 cursor: default; 3239} 3240 3241.mat-pseudo-checkbox-indeterminate::after { 3242 left: 1px; 3243 opacity: 1; 3244 border-radius: 2px; 3245} 3246 3247.mat-pseudo-checkbox-checked::after { 3248 left: 1px; 3249 border-left: 2px solid currentColor; 3250 transform: rotate(-45deg); 3251 opacity: 1; 3252 box-sizing: content-box; 3253} 3254 3255.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after, .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
3256 color: var(--mat-pseudo-checkbox-minimal-selected-checkmark-color, var(--mat-sys-primary)); 3257} 3258.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after, .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after { 3259 color: var(--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 3260} 3261 3262.mat-pseudo-checkbox-full { 3263 border-color: var(--mat-pseudo-checkbox-full-unselected-icon-color, var(--mat-sys-on-surface-variant)); 3264 border-width: 2px; 3265 border-style: solid; 3266} 3267.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled { 3268 border-color: var(--mat-pseudo-checkbox-full-disabled-unselected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 3269} 3270.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate { 3271 background-color: var(--mat-pseudo-checkbox-full-selected-icon-color, var(--mat-sys-primary)); 3272 border-color: transparent; 3273} 3274.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after { 3275 color: var(--mat-pseudo-checkbox-full-selected-checkmark-color, var(--mat-sys-on-primary)); 3276} 3277.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { 3278 background-color: var(--mat-pseudo-checkbox-full-disabled-selected-icon-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); 3279} 3280.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after, .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after { 3281 color: var(--mat-pseudo-checkbox-full-disabled-selected-checkmark-color, var(--mat-sys-surface)); 3282} 3283 3284.mat-pseudo-checkbox { 3285 width: 18px; 3286 height: 18px; 3287} 3288 3289.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after { 3290 width: 14px; 3291 height: 6px; 3292 transform-origin: center; 3293 top: -4.2426406871px; 3294 left: 0; 3295 bottom: 0; 3296 right: 0; 3297 margin: auto; 3298} 3299.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after { 3300 top: 8px; 3301 width: 16px; 3302} 3303 3304.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after { 3305 width: 10px; 3306 height: 4px; 3307 transform-origin: center; 3308 top: -2.8284271247px; 3309 left: 0; 3310 bottom: 0; 3311 right: 0; 3312 margin: auto; 3313} 3314.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after { 3315 top: 6px; 3316 width: 12px; 3317} 3318</style></head> 3319 <body class="mat-typography"><!--nghm--> 3320 <app-root ng-version="21.2.18" ngh="22" ng-server-context="ssr"><router-outlet><app-loading-spinner _nghost-ng-c1245769907="" ngh="21"><!--container--></app-loading-spinner></router-outlet><app-full-layout _nghost-ng-c952322260="" ngh="20"><mat-drawer-container _ngcontent-ng-c952322260="" class="mat-drawer-container dashboard" ngh="0"><div class="mat-drawer-backdrop"></div><!--container--><mat-drawer _ngcontent-ng-c952322260="" mode="over" position="end" class="mat-drawer w-full max-w-[550px] mat-drawer-end mat-drawer-over" tabindex="-1" ngh="1"><div cdkscrollable="" class="mat-drawer-inner-container"><app-site-nav _ngcontent-ng-c952322260="" _nghost-ng-c3935147848="" ngh="7"><div _ngcontent-ng-c3935147848="" class="flex h-full flex-col"><div _ngcontent-ng-c3935147848="" class="flex h-[80px] items-center justify-between px-4"><img _ngcontent-ng-c3935147848="" alt="ps logo" class="h-7" src="https://cdn.policystreet.app/assets/mainsite/ps-logo.png"><div _ngcontent-ng-c3935147848="" class="flex cursor-pointer"><mat-icon _ngcontent-ng-c3935147848="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="1">close</mat-icon></div></div><div _ngcontent-ng-c3935147848="" class="pl-[10px]"><app-translator-toggle _ngcontent-ng-c3935147848="" _nghost-ng-c1746833094="" ngh="1"><div _ngcontent-ng-c1746833094="" class="lang-outer-toggle"><div _ngcontent-ng-c1746833094="" class="lang-inner-toggle"><div _ngcontent-ng-c1746833094="" class="toggle-option active"><span _ngcontent-ng-c1746833094="">EN</span></div><div _ngcontent-ng-c1746833094="" class="toggle-option"><span _ngcontent-ng-c1746833094="">BM</span></div></div></div></app-translator-toggle></div><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion site-nav-accordion divide-y divide-[#C4D2E3] mat-accordion-multi"><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1012" tabindex="0" aria-controls="cdk-accordion-child-1012" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title main-title">Car Insurance</mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false">
3320<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1012" aria-labelledby="mat-expansion-panel-header-1012"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1013" tabindex="0" aria-controls="cdk-accordion-child-1013" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Renew Car Insurance </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1013" aria-labelledby="mat-expansion-panel-header-1013"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1014" tabindex="0" aria-controls="cdk-accordion-child-1014" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Renew EV Car Insurance </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1014" aria-labelledby="mat-expansion-panel-header-1014"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1015" tabindex="0" aria-controls="cdk-accordion-child-1015" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Renew Road Tax with Insurance </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1015" aria-labelledby="mat-expansion-panel-header-1015"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1016" tabindex="0" aria-controls="cdk-accordion-child-1016" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Our Partner Insurance Providers </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1016" aria-labelledby="mat-expansion-panel-header-1016"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1017" tabindex="0" aria-controls="cdk-accordion-child-1017" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title main-title">Tools & Calculators</mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false">
3320<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1017" aria-labelledby="mat-expansion-panel-header-1017"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level active" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1018" tabindex="0" aria-controls="cdk-accordion-child-1018" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Car Insurance Calculator </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1018" aria-labelledby="mat-expansion-panel-header-1018"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1019" tabindex="0" aria-controls="cdk-accordion-child-1019" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Road Tax Calculator </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1019" aria-labelledby="mat-expansion-panel-header-1019"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1020" tabindex="0" aria-controls="cdk-accordion-child-1020" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> EV Road Tax Calculator </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1020" aria-labelledby="mat-expansion-panel-header-1020"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1021" tabindex="0" aria-controls="cdk-accordion-child-1021" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title main-title">Campaigns & Promotions</mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false">
3320<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1021" aria-labelledby="mat-expansion-panel-header-1021"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1022" tabindex="0" aria-controls="cdk-accordion-child-1022" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title second-title">Campaigns </mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1022" aria-labelledby="mat-expansion-panel-header-1022"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1023" tabindex="0" aria-controls="cdk-accordion-child-1023" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title ml-8"> Ongoing Campaigns & Promotions </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1023" aria-labelledby="mat-expansion-panel-header-1023"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1024" tabindex="0" aria-controls="cdk-accordion-child-1024" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title ml-8"> Terms & Conditions </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1024" aria-labelledby="mat-expansion-panel-header-1024"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1025" tabindex="0" aria-controls="cdk-accordion-child-1025" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title main-title">Resources</mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false">
3320<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1025" aria-labelledby="mat-expansion-panel-header-1025"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1026" tabindex="0" aria-controls="cdk-accordion-child-1026" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Blogs </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1026" aria-labelledby="mat-expansion-panel-header-1026"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1027" tabindex="0" aria-controls="cdk-accordion-child-1027" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> FAQs </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1027" aria-labelledby="mat-expansion-panel-header-1027"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1028" tabindex="0" aria-controls="cdk-accordion-child-1028" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title main-title">Business</mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1028" aria-labelledby="mat-expansion-panel-header-1028"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1029" tabindex="0" aria-controls="cdk-accordion-child-1029" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Employee Benefits </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1029" aria-labelledby="mat-expansion-panel-header-1029"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel" ngh="2"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator mat-expansion-toggle-indicator-after" id="mat-expansion-panel-header-1030" tabindex="0" aria-controls="cdk-accordion-child-1030" aria-expanded="false" aria-disabled="false" ngh="3"><span class="mat-content"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title main-title">About Us</mat-panel-title></span><span class="mat-expansion-indicator"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-hidden="true" focusable="false">
3320<path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1030" aria-labelledby="mat-expansion-panel-header-1030"><div class="mat-expansion-panel-body"><mat-accordion _ngcontent-ng-c3935147848="" class="mat-accordion"><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1031" tabindex="0" aria-controls="cdk-accordion-child-1031" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> About PolicyStreet Group </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1031" aria-labelledby="mat-expansion-panel-header-1031"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1032" tabindex="0" aria-controls="cdk-accordion-child-1032" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Newsroom </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1032" aria-labelledby="mat-expansion-panel-header-1032"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1033" tabindex="0" aria-controls="cdk-accordion-child-1033" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Careers </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1033" aria-labelledby="mat-expansion-panel-header-1033"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--><mat-expansion-panel _ngcontent-ng-c3935147848="" class="mat-expansion-panel root-level" ngh="4"><mat-expansion-panel-header _ngcontent-ng-c3935147848="" role="button" class="mat-expansion-panel-header mat-focus-indicator" id="mat-expansion-panel-header-1034" tabindex="0" aria-controls="cdk-accordion-child-1034" aria-expanded="false" aria-disabled="false" ngh="5"><span class="mat-content mat-content-hide-toggle"><mat-panel-title _ngcontent-ng-c3935147848="" class="mat-expansion-panel-header-title"> Contact Us </mat-panel-title></span><!--container--></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper" inert=""><div role="region" class="mat-expansion-panel-content" id="cdk-accordion-child-1034" aria-labelledby="mat-expansion-panel-header-1034"><div class="mat-expansion-panel-body"><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion><!--container--></div></div></div></mat-expansion-panel><!--container--><!--container--><!--container--><!--container--></mat-accordion></div><!--container--><mat-menu _ngcontent-ng-c3935147848="" ngh="6"><!--container--></mat-menu></app-site-nav></div></mat-drawer><mat-drawer-content _ngcontent-ng-c952322260="" class="mat-drawer-content" ngh="1"><app-header _ngcontent-ng-c952322260="" _nghost-ng-c3635789579="" ngh="8"><div _ngcontent-ng-c3635789579="" class="sticky top-0 z-50 flex w-full flex-col justify-center bg-white"><div _ngcontent-ng-c3635789579="" class="mx-0 flex items-center justify-between p-2 lg:!mx-20 lg:!p-4">
3320<a _ngcontent-ng-c3635789579="" routerlink="/" href="/"><img _ngcontent-ng-c3635789579="" alt="ps logo" class="h-7" src="https://cdn.policystreet.app/assets/mainsite/ps-logo.png"></a><div _ngcontent-ng-c3635789579="" class="flex items-center gap-2 lg:!gap-6"><div _ngcontent-ng-c3635789579=""><button _ngcontent-ng-c3635789579="" class="rounded-[100px] bg-[#0091ff] px-3 py-2 text-[11px] text-white lg:text-[14px]"> Get Quote Now </button></div><div _ngcontent-ng-c3635789579=""><app-translator-toggle _ngcontent-ng-c3635789579="" _nghost-ng-c1746833094="" ngh="1"><div _ngcontent-ng-c1746833094="" class="lang-outer-toggle"><div _ngcontent-ng-c1746833094="" class="lang-inner-toggle"><div _ngcontent-ng-c1746833094="" class="toggle-option active"><span _ngcontent-ng-c1746833094="">EN</span></div><div _ngcontent-ng-c1746833094="" class="toggle-option"><span _ngcontent-ng-c1746833094="">BM</span></div></div></div></app-translator-toggle></div><!--container--><div _ngcontent-ng-c3635789579="" class="flex cursor-pointer"><mat-icon _ngcontent-ng-c3635789579="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="1">menu</mat-icon></div></div></div></div><!--container--><!--container--></app-header><!--container--><div _ngcontent-ng-c952322260="" class="dashboard__content"><router-outlet _ngcontent-ng-c952322260=""></router-outlet><app-car-insurance-calculator _nghost-ng-c2137098288="" ngh="17"><div _ngcontent-ng-c2137098288="" class="mx-4 my-6 lg:my-10"><div _ngcontent-ng-c2137098288="" class="mt-4 text-left font-poppins text-[24px] font-semibold lg:text-center lg:text-[30px]"> Car Insurance Calculator </div><div _ngcontent-ng-c2137098288="" class="mt-2 text-left text-sm text-gray-500 lg:text-center lg:text-base"> Find out how much youâll pay for car insurance and road tax in Malaysia â quick, accurate, and hassle-free. </div><div _ngcontent-ng-c2137098288="" class="my-10 text-center"><app-looping-insurer _ngcontent-ng-c2137098288="" _nghost-ng-c4014395640="" ngh="9"><div _ngcontent-ng-c4014395640="" class="carousel-wrapper"><div _ngcontent-ng-c4014395640="" class="carousel"><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Allianz.svg" alt="Allianz"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/BerjayaSompo.svg" alt="Berjaya Sompo"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Generali.svg" alt="Generali"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/MSIG.svg" alt="MSIG"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/P&O.svg" alt="P&O"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Pacific.svg" alt="Pacific"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/RHB.svg" alt="RHB"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/TokioMarine.svg" alt="Tokio Marine"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Tune.svg" alt="Tune"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Zurich.svg" alt="Zurich"></div><!--container--><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Allianz.svg" alt="Allianz"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/BerjayaSompo.svg" alt="Berjaya Sompo"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Generali.svg" alt="Generali"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/MSIG.svg" alt="MSIG"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/P&O.svg" alt="P&O"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Pacific.svg" alt="Pacific"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/RHB.svg" alt="RHB"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/TokioMarine.svg" alt="Tokio Marine"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Tune.svg" alt="Tune"></div><div _ngcontent-ng-c4014395640="" class="carousel-item"><img _ngcontent-ng-c4014395640="" width="100" height="100" loading="lazy" src="https://cdn.policystreet.app/assets/mainsite/insurer-list/Zurich.svg" alt="Zurich"></div><!--container--></div></div></app-looping-insurer></div><div _ngcontent-ng-c2137098288="" class="mx-auto my-6 flex max-w-[1200px] flex-col gap-6 lg:my-16 lg:mb-10 lg:flex-row lg:gap-10"><div _ngcontent-ng-c2137098288="" class="w-full lg:flex-1"><div _ngcontent-ng-c2137098288="" class="rounded-[16px] p-4 shadow-lg lg:p-6"><div _ngcontent-ng-c2137098288="" class="flex items-center gap-2"><div _ngcontent-ng-c2137098288=""><img _ngcontent-ng-c2137098288="" alt="" src="https://cdn.policystreet.app/assets/mainsite/sum-insured-icon.png"></div><div _ngcontent-ng-c2137098288="" class="font-poppins font-semibold"> Sum Insured </div></div><div _ngcontent-ng-c2137098288="" class="mt-3 text-[20px] font-semibold text-[#0091ff]"> RM 50,000.00 </div><mat-slider _ngcontent-ng-c2137098288="" class="mat-mdc-slider mdc-slider custom-slider w-full mat-primary _mat-animation-noopable" ngh="11"><input _ngcontent-ng-c2137098288="" type="range" matsliderthumb="" class="mdc-slider__input ng-untouched ng-pristine ng-valid" aria-valuetext="49" style="padding: 0 16px; width: calc(100% + 10px); left: -21px;" step="1" min="0" max="189" value="49"><div class="mdc-slider__track"><div class="mdc-slider__track--inactive"></div><div class="mdc-slider__track--active"><div class="mdc-slider__track--active_fill" style="left: 0px; right: auto; transform-origin: left; transform: scaleX(0);"></div></div><!--container--></div><!--container-->
3320<mat-slider-visual-thumb class="mdc-slider__thumb mat-mdc-slider-visual-thumb" style="transform: translateX(NaNpx);" ngh="10"><!--container--><div class="mdc-slider__thumb-knob"></div><div matripple="" class="mat-ripple mat-focus-indicator"></div></mat-slider-visual-thumb></mat-slider><div _ngcontent-ng-c2137098288="" class="text-sm text-gray-500">Minimum sum insured is RM 1,001</div><div _ngcontent-ng-c2137098288="" class="mt-5 flex items-center gap-2"><div _ngcontent-ng-c2137098288=""><img _ngcontent-ng-c2137098288="" alt="" src="https://cdn.policystreet.app/assets/mainsite/coverage-type-icon.png"></div><div _ngcontent-ng-c2137098288="" class="font-poppins font-semibold"> Coverage Type </div></div><div _ngcontent-ng-c2137098288="" class="mt-2"><mat-radio-group _ngcontent-ng-c2137098288="" role="radiogroup" class="mat-mdc-radio-group flex flex-col gap-3 sm:flex-row sm:gap-4 ng-untouched ng-pristine ng-valid"><mat-radio-button _ngcontent-ng-c2137098288="" value="comprehensive" class="mat-mdc-radio-button flex w-full items-center justify-center rounded-[16px] border border-[#CBD5E1] bg-[#F8FAFC] px-4 py-3 transition-all lg:min-w-[320px] [&.mat-radio-checked]:border-[#1E88E5] [&.mat-radio-checked]:bg-[#E8F1FB] [&_.mat-radio-container]:m-0 [&_.mat-radio-label-content]:m-0 [&_.mat-radio-label-content]:ml-2 [&_.mat-radio-label-content]:p-0 [&_.mat-radio-label-content]:text-center [&_.mat-radio-label]:flex [&_.mat-radio-label]:w-full [&_.mat-radio-label]:items-center [&_.mat-radio-label]:justify-center mat-accent _mat-animation-noopable mat-mdc-radio-checked" id="mat-radio-52" ngh="12"><div mat-internal-form-field="" class="mdc-form-field mat-internal-form-field" ngh="1"><div class="mdc-radio"><div aria-hidden="true" class="mat-mdc-radio-touch-target"></div><input type="radio" aria-invalid="false" class="mdc-radio__native-control" id="mat-radio-52-input" name="mat-radio-group-26" value="comprehensive" tabindex="0" checked=""><div aria-hidden="true" class="mdc-radio__background"><div class="mdc-radio__outer-circle"></div><div class="mdc-radio__inner-circle"></div></div><div mat-ripple="" aria-hidden="true" class="mat-ripple mat-radio-ripple mat-focus-indicator"><div class="mat-ripple-element mat-radio-persistent-ripple"></div></div></div><label class="mdc-label" for="mat-radio-52-input"><span _ngcontent-ng-c2137098288="" class="text-[15px] font-medium lg:text-[16px]">Comprehensive</span></label></div></mat-radio-button>
3320<mat-radio-button _ngcontent-ng-c2137098288="" value="tpft" class="mat-mdc-radio-button flex w-full items-center justify-center rounded-[16px] border border-[#CBD5E1] bg-[#F8FAFC] px-4 py-3 transition-all lg:min-w-[320px] [&.mat-radio-checked]:border-[#1E88E5] [&.mat-radio-checked]:bg-[#E8F1FB] [&_.mat-radio-container]:m-0 [&_.mat-radio-label-content]:m-0 [&_.mat-radio-label-content]:ml-2 [&_.mat-radio-label-content]:p-0 [&_.mat-radio-label-content]:text-center [&_.mat-radio-label]:flex [&_.mat-radio-label]:w-full [&_.mat-radio-label]:items-center [&_.mat-radio-label]:justify-center mat-accent _mat-animation-noopable" id="mat-radio-53" ngh="12"><div mat-internal-form-field="" class="mdc-form-field mat-internal-form-field" ngh="1"><div class="mdc-radio"><div aria-hidden="true" class="mat-mdc-radio-touch-target"></div><input type="radio" aria-invalid="false" class="mdc-radio__native-control" id="mat-radio-53-input" name="mat-radio-group-26" value="tpft" tabindex="-1"><div aria-hidden="true" class="mdc-radio__background"><div class="mdc-radio__outer-circle"></div><div class="mdc-radio__inner-circle"></div></div><div mat-ripple="" aria-hidden="true" class="mat-ripple mat-radio-ripple mat-focus-indicator"><div class="mat-ripple-element mat-radio-persistent-ripple"></div></div></div><label class="mdc-label" for="mat-radio-53-input"><span _ngcontent-ng-c2137098288="" class="text-[15px] font-medium lg:text-[16px]">Third party, fire & theft</span></label></div></mat-radio-button>
3320</mat-radio-group></div><div _ngcontent-ng-c2137098288="" class="mt-5 flex items-center gap-2"><div _ngcontent-ng-c2137098288=""><img _ngcontent-ng-c2137098288="" alt="" src="https://cdn.policystreet.app/assets/mainsite/region-icon.png"></div><div _ngcontent-ng-c2137098288="" class="font-poppins font-semibold"> Region </div></div><div _ngcontent-ng-c2137098288="" class="mt-2"><mat-radio-group _ngcontent-ng-c2137098288="" role="radiogroup" class="mat-mdc-radio-group flex flex-col gap-3 sm:flex-row sm:gap-4 ng-untouched ng-pristine ng-valid"><mat-radio-button _ngcontent-ng-c2137098288="" value="peninsular" class="mat-mdc-radio-button flex w-full items-center justify-center rounded-[16px] border border-[#CBD5E1] bg-[#F8FAFC] px-4 py-3 transition-all lg:min-w-[320px] [&.mat-radio-checked]:border-[#1E88E5] [&.mat-radio-checked]:bg-[#E8F1FB] [&_.mat-radio-container]:m-0 [&_.mat-radio-label-content]:m-0 [&_.mat-radio-label-content]:ml-2 [&_.mat-radio-label-content]:p-0 [&_.mat-radio-label-content]:text-center [&_.mat-radio-label]:flex [&_.mat-radio-label]:w-full [&_.mat-radio-label]:items-center [&_.mat-radio-label]:justify-center mat-accent _mat-animation-noopable mat-mdc-radio-checked" id="mat-radio-54" ngh="12"><div mat-internal-form-field="" class="mdc-form-field mat-internal-form-field" ngh="1"><div class="mdc-radio"><div aria-hidden="true" class="mat-mdc-radio-touch-target"></div><input type="radio" aria-invalid="false" class="mdc-radio__native-control" id="mat-radio-54-input" name="mat-radio-group-27" value="peninsular" tabindex="0" checked=""><div aria-hidden="true" class="mdc-radio__background"><div class="mdc-radio__outer-circle"></div><div class="mdc-radio__inner-circle"></div></div><div mat-ripple="" aria-hidden="true" class="mat-ripple mat-radio-ripple mat-focus-indicator"><div class="mat-ripple-element mat-radio-persistent-ripple"></div></div></div><label class="mdc-label" for="mat-radio-54-input"><span _ngcontent-ng-c2137098288="" class="text-[15px] font-medium lg:text-[16px]">Peninsular Malaysia</span></label></div></mat-radio-button>
3320<mat-radio-button _ngcontent-ng-c2137098288="" value="sabah" class="mat-mdc-radio-button flex w-full items-center justify-center rounded-[16px] border border-[#CBD5E1] bg-[#F8FAFC] px-4 py-3 transition-all lg:min-w-[320px] [&.mat-radio-checked]:border-[#1E88E5] [&.mat-radio-checked]:bg-[#E8F1FB] [&_.mat-radio-container]:m-0 [&_.mat-radio-label-content]:m-0 [&_.mat-radio-label-content]:ml-2 [&_.mat-radio-label-content]:p-0 [&_.mat-radio-label-content]:text-center [&_.mat-radio-label]:flex [&_.mat-radio-label]:w-full [&_.mat-radio-label]:items-center [&_.mat-radio-label]:justify-center mat-accent _mat-animation-noopable" id="mat-radio-55" ngh="12"><div mat-internal-form-field="" class="mdc-form-field mat-internal-form-field" ngh="1"><div class="mdc-radio"><div aria-hidden="true" class="mat-mdc-radio-touch-target"></div><input type="radio" aria-invalid="false" class="mdc-radio__native-control" id="mat-radio-55-input" name="mat-radio-group-27" value="sabah" tabindex="-1"><div aria-hidden="true" class="mdc-radio__background"><div class="mdc-radio__outer-circle"></div><div class="mdc-radio__inner-circle"></div></div><div mat-ripple="" aria-hidden="true" class="mat-ripple mat-radio-ripple mat-focus-indicator"><div class="mat-ripple-element mat-radio-persistent-ripple"></div></div></div><label class="mdc-label" for="mat-radio-55-input"><span _ngcontent-ng-c2137098288="" class="text-[15px] font-medium lg:text-[16px]">Sarawak / Sabah / Labuan</span></label></div></mat-radio-button>
3320</mat-radio-group></div><div _ngcontent-ng-c2137098288="" class="mt-5 flex items-center gap-2"><div _ngcontent-ng-c2137098288=""><img _ngcontent-ng-c2137098288="" alt="" src="https://cdn.policystreet.app/assets/mainsite/engine-icon.png"></div><div _ngcontent-ng-c2137098288="" class="font-poppins font-semibold"> Engine Capacity </div></div><div _ngcontent-ng-c2137098288="" class="mt-2 flex flex-col gap-2"><mat-form-field _ngcontent-ng-c2137098288="" appearance="outline" class="mat-mdc-form-field w-full mat-mdc-form-field-type-mat-select mat-form-field-appearance-outline mat-primary ng-untouched ng-pristine ng-valid" ngh="13"><!--container--><div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined mdc-text-field--no-label"><!--container--><div class="mat-mdc-form-field-flex"><div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--no-label" ngh="1"><div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div><div class="mat-mdc-notch-piece mdc-notched-outline__notch"><!--container--><!--container--><!--container--></div><div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div></div><!--container--><!--container--><!--container--><div class="mat-mdc-form-field-infix"><!--container--><mat-select _ngcontent-ng-c2137098288="" role="combobox" aria-haspopup="listbox" placeholder="Select Engine Capacity" class="mat-mdc-select ng-untouched ng-pristine ng-valid" aria-labelledby="mat-select-value-26" id="mat-select-26" tabindex="0" aria-expanded="false" aria-required="false" aria-disabled="false" aria-invalid="false" ngh="14"><div cdk-overlay-origin="" class="mat-mdc-select-trigger"><div class="mat-mdc-select-value" id="mat-select-value-26"><!--container--><span class="mat-mdc-select-value-text"><!--container--><span class="mat-mdc-select-min-line">0 â 1,400 cc</span><!--container--></span><!--container--></div><div class="mat-mdc-select-arrow-wrapper"><div class="mat-mdc-select-arrow"><svg viewBox="0 0 24 24" width="24px" height="24px" focusable="false" aria-hidden="true"><path d="M7 10l5 5 5-5z"></path></svg></div></div></div><!--container--></mat-select></div><!--container--><!--container--></div><!--container--></div><div aria-atomic="true" aria-live="polite" class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!--container--><div class="mat-mdc-form-field-hint-wrapper"><!--container--><div class="mat-mdc-form-field-hint-spacer"></div></div><!--container--></div></mat-form-field></div><div _ngcontent-ng-c2137098288="" class="mt-5 flex items-center gap-2"><div _ngcontent-ng-c2137098288=""><img _ngcontent-ng-c2137098288="" alt="" src="https://cdn.policystreet.app/assets/mainsite/ncd-icon.png"></div><div _ngcontent-ng-c2137098288="" class="font-poppins font-semibold"> No Claims Discount (NCD) </div></div><mat-button-toggle-group _ngcontent-ng-c2137098288="" name="ncd" class="mat-button-toggle-group my-4 flex flex-wrap gap-2 lg:gap-4 ng-untouched ng-pristine ng-valid mat-button-toggle-group-appearance-standard" role="radiogroup" aria-disabled="false"><mat-button-toggle _ngcontent-ng-c2137098288="" role="presentation" class="mat-button-toggle mat-button-toggle-appearance-standard mat-button-toggle-checked" id="mat-button-toggle-94" ngh="15"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-94-button" role="radio" tabindex="0" aria-checked="true" name="ncd"><!--container--><span class="mat-button-toggle-label-content"> 0% </span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><mat-button-toggle _ngcontent-ng-c2137098288="" role="presentation" class="mat-button-toggle mat-button-toggle-appearance-standard" id="mat-button-toggle-95" ngh="15"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-95-button" role="radio" tabindex="-1" aria-checked="false" name="ncd"><!--container--><span class="mat-button-toggle-label-content"> 25% </span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><mat-button-toggle _ngcontent-ng-c2137098288="" role="presentation" class="mat-button-toggle mat-button-toggle-appearance-standard" id="mat-button-toggle-96" ngh="15"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-96-button" role="radio" tabindex="-1" aria-checked="false" name="ncd"><!--container--><span class="mat-button-toggle-label-content"> 30% </span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><mat-button-toggle _ngcontent-ng-c2137098288="" role="presentation" class="mat-button-toggle mat-button-toggle-appearance-standard" id="mat-button-toggle-97" ngh="15"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-97-button" role="radio" tabindex="-1" aria-checked="false" name="ncd"><!--container--><span class="mat-button-toggle-label-content">
3320 38.33% </span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><mat-button-toggle _ngcontent-ng-c2137098288="" role="presentation" class="mat-button-toggle mat-button-toggle-appearance-standard" id="mat-button-toggle-98" ngh="15"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-98-button" role="radio" tabindex="-1" aria-checked="false" name="ncd"><!--container--><span class="mat-button-toggle-label-content"> 45% </span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><mat-button-toggle _ngcontent-ng-c2137098288="" role="presentation" class="mat-button-toggle mat-button-toggle-appearance-standard" id="mat-button-toggle-99" ngh="15"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-99-button" role="radio" tabindex="-1" aria-checked="false" name="ncd"><!--container--><span class="mat-button-toggle-label-content"> 55% </span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><!--container--></mat-button-toggle-group><div _ngcontent-ng-c2137098288="" class="text-sm text-[rgba(106,114,130,1)]"> NCD is based on your previous claims history </div></div></div><div _ngcontent-ng-c2137098288="" class="hidden lg:block lg:w-full lg:min-w-[325px] lg:max-w-[380px]"><div _ngcontent-ng-c2137098288="" class="rounded-[16px] bg-[linear-gradient(93.55deg,_#0091FF_0%,_#203570_101.78%)] p-6 shadow-md"><div _ngcontent-ng-c2137098288="" class="text-white"> Estimated Annual Premium <br _ngcontent-ng-c2137098288=""><span _ngcontent-ng-c2137098288="" class="mt-2 text-[30px] font-bold"> RM 1,547.80 </span></div></div><div _ngcontent-ng-c2137098288="" class="mt-3 text-sm text-gray-600"> This is an estimate price. Receive a <span _ngcontent-ng-c2137098288="" class="font-semibold text-[#0091ff] underline hover:cursor-pointer"> free quotation </span> from us to receive the most accurate price </div></div></div><div _ngcontent-ng-c2137098288="" class="fixed bottom-0 left-0 right-0 z-50 lg:hidden"><div _ngcontent-ng-c2137098288="" class="rounded-t-[16px] bg-[linear-gradient(93.55deg,_#0091FF_0%,_#203570_101.78%)] px-5 py-4 shadow-[0_-4px_20px_rgba(0,0,0,0.15)]"><div _ngcontent-ng-c2137098288="" class="text-center text-white"><div _ngcontent-ng-c2137098288="" class="text-sm font-medium opacity-90"> Estimated Annual Premium </div><div _ngcontent-ng-c2137098288="" class="text-[28px] font-bold leading-tight">RM 1,547.80</div></div><mat-divider _ngcontent-ng-c2137098288="" role="separator" class="mat-divider color-white mt-2 w-full bg-white mat-divider-horizontal" aria-orientation="horizontal" ngh="1"></mat-divider><div _ngcontent-ng-c2137098288="" class="py-2 text-center text-xs text-white"> This is an estimate price. Receive a <span _ngcontent-ng-c2137098288="" class="font-semibold text-[#ffd100] underline hover:cursor-pointer">free quotation </span> from us to receive the most accurate price </div></div></div><div _ngcontent-ng-c2137098288="" class="h-[110px] lg:hidden"></div><div _ngcontent-ng-c2137098288="" class="relative mx-auto mt-12 max-w-[1250px] pt-20"><app-dropdown _ngcontent-ng-c2137098288="" _nghost-ng-c3261458355="" ngh="16"><div _ngcontent-ng-c3261458355="" class="container"><div _ngcontent-ng-c3261458355="" class="container-fluid"><div _ngcontent-ng-c3261458355="" class="card-style"><h2 _ngcontent-ng-c3261458355="" class="card-style-title">Frequently Asked Questions (FAQ)</h2><div _ngcontent-ng-c3261458355="" class="text-center"><div _ngcontent-ng-c3261458355="" class="text-opensans text-center"> Have more questions? Find answers below or check our full <span _ngcontent-ng-c3261458355="" class="font-bold text-[#0091ff] underline hover:cursor-pointer"> FAQ page.</span> </div></div><div _ngcontent-ng-c3261458355="" class="accordion" id="accordionreferralDashboard.faq"><div _ngcontent-ng-c3261458355="" class="accordion-item"><h3 _ngcontent-ng-c3261458355="" class="accordion-header" id="heading_0"><button _ngcontent-ng-c3261458355="" type="button" data-bs-toggle="collapse" class="accordion-button collapsed" data-bs-target="#collapse_referralDashboard.faq0" aria-controls="collapse_0"> Is your company legit / licensed? </button></h3><div _ngcontent-ng-c3261458355="" class="collapse" id="collapse_referralDashboard.faq0" data-bs-parent="#accordionreferralDashboard.faq" aria-labelledby="heading_0"><div _ngcontent-ng-c3261458355="" class="list-body"><hr _ngcontent-ng-c3261458355="" class="list-line"><div _ngcontent-ng-c3261458355="">Yes. We are a Financial Advisor licensed and approved by Bank Negara Malaysia. <br> Feel free to Google 'PolicyStreet' and check out the News about us. <br> You can also take a peek at the Newsroom on our website: <span class="color-[#0091ff] underline"><a href="https://policystreet.com/newsroom">https://policystreet.com/newsroom</a></span></div></div></div></div><div _ngcontent-ng-c3261458355="" class="accordion-item"><h3 _ngcontent-ng-c3261458355="" class="accordion-header" id="heading_1"><button _ngcontent-ng-c3261458355="" type="button" data-bs-toggle="collapse" class="accordion-button collapsed" data-bs-target="#collapse_referralDashboard.faq1" aria-controls="collapse_1"> Can I pay my car insurance through installment? </button></h3><div _ngcontent-ng-c3261458355="" class="collapse" id="collapse_referralDashboard.faq1" data-bs-parent="#accordionreferralDashboard.faq" aria-labelledby="heading_1"><div _ngcontent-ng-c3261458355="" class="list-body"><hr _ngcontent-ng-c3261458355="" class="list-line"><div _ngcontent-ng-c3261458355="">Yes, you can split your payment into 3 monthly installments via ShopBack BNPL.</div></div></div></div><div _ngcontent-ng-c3261458355="" class="accordion-item"><h3 _ngcontent-ng-c3261458355="" class="accordion-header" id="heading_2"><button _ngcontent-ng-c3261458355="" type="button" data-bs-toggle="collapse" class="accordion-button collapsed" data-bs-target="#collapse_referralDashboard.faq2" aria-controls="collapse_2"> Which insurer underwrites the car insurance and protection packages? </button></h3><div _ngcontent-ng-c3261458355="" class="collapse" id="collapse_referralDashboard.faq2" data-bs-parent="#accordionreferralDashboard.faq" aria-labelledby="heading_2"><div _ngcontent-ng-c3261458355="" class="list-body"><hr _ngcontent-ng-c3261458355="" class="list-line"><div _ngcontent-ng-c3261458355="">PolicyStreet is the lead underwriter, and our exclusive protection package is a joint effort with Pacific Insurance as well as car insurers like Takaful Ikhlas, RHB, Generali Insurance Malaysia Berhad, Berjaya Sompo, Allianz, etc.</div></div></div></div><!--container--></div></div><!--container--></div></div></app-dropdown></div></div></app-car-insurance-calculator><!--container--></div><app-footer _ngcontent-ng-c952322260="" _nghost-ng-c2711685700="" ngh="19"><div _ngcontent-ng-c2711685700="" class="mt-16 bg-[#F7F7F7] px-5 py-4 text-center text-[12px]"> The benefit(s) payable under eligible certificate/policy/product is(are) protected by <span _ngcontent-ng-c2711685700="" class="text-[#0091ff] underline hover:cursor-pointer">PIDM</span> up to limits. Please refer to <span _ngcontent-ng-c2711685700="" class="text-[#0091ff] underline hover:cursor-pointer"> PIDMâs TIPS Brochure </span> or contact Allianz General Insurance Company (Malaysia) Berhad or PIDM (visit <span _ngcontent-ng-c2711685700="" class="text-[#0091ff] underline hover:cursor-pointer">www.pidm.gov.my</span>). </div><footer _ngcontent-ng-c2711685700="" class="container flex flex-col gap-8 px-4 pb-5 pt-[50px] font-openSans text-[12px] lg:flex-row lg:justify-between"><section _ngcontent-ng-c2711685700="" class="lg:max-w-[300px]"><img _ngcontent-ng-c2711685700="" width="150" height="42" alt="ps logo" class="mb-1" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/PS-Powered-By.svg"><div _ngcontent-ng-c2711685700="" class="pt-[4px]"><b _ngcontent-ng-c2711685700="">PolicyStreet Malaysia</b></div><div _ngcontent-ng-c2711685700="" class="pb-[14px]"> Menara Suezcap 1, KL Gateway, No. 2 Jalan Kerinchi, Gerbang Kerinchi Lestari, 59200 Kuala Lumpur, Malaysia </div><div _ngcontent-ng-c2711685700="" class="mb-2 flex items-center gap-2"><img _ngcontent-ng-c2711685700="" width="17" height="18" alt="whatsapp" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/whatsapp.svg"><div _ngcontent-ng-c2711685700="">+6018-282 2320 (WA message only)</div></div><div _ngcontent-ng-c2711685700="" class="flex items-center gap-2"><img _ngcontent-ng-c2711685700="" width="17" height="17" alt="email" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/email.svg"><div _ngcontent-ng-c2711685700="">[email protected]</div></div></section><section _ngcontent-ng-c2711685700="" class="flex flex-col gap-2"><div _ngcontent-ng-c2711685700="" class="text-sm font-bold">Car Insurance</div>
3320<a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/" target="null"> Renew Car Insurance </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/renew-ev-car-insurance" target="null"> Renew EV Car Insurance </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/renew-road-tax" target="null"> Renew Road Tax with Insurance </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/compare-car-insurance" target="null"> Our Partner Insurance Providers </a><!--container--></section><section _ngcontent-ng-c2711685700="" class="flex flex-col gap-2"><div _ngcontent-ng-c2711685700="" class="text-sm font-bold">Tools & Resources</div><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/car-insurance-calculator" target="null"> Car Insurance Calculator </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/road-tax-calculator" target="null"> Road Tax Calculator </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/ev-road-tax-calculator" target="null"> EV Road Tax Calculator </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/blog/en" target="null"> Blog </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/frequently-asked-questions" target="null"> FAQ </a><!--container--></section><section _ngcontent-ng-c2711685700="" class="flex flex-col gap-2"><div _ngcontent-ng-c2711685700="" class="text-sm font-bold">Campaigns & Business</div><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/campaigns-promotions" target="null"> Campaigns & Promotions </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/tnc" target="null"> Terms & Conditions </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/en/employee-benefits" target="null"> Employee Benefits </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/terms-business" target="null"> Terms of Business </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/privacy-policy" target="null"> Privacy Policy </a><!--container--></section><section _ngcontent-ng-c2711685700="" class="flex flex-col gap-2"><div _ngcontent-ng-c2711685700="" class="text-sm font-bold">Company</div><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="https://group.policystreet.com/" target="null"> About PolicyStreet Group </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="https://group.policystreet.com/en/newsroom" target="null"> Newsroom </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="https://apply.workable.com/policystreet/" target="null"> Careers </a><a _ngcontent-ng-c2711685700="" class="cursor-pointer" href="/contact-us" target="null"> Contact Us </a><!--container--></section></footer><section _ngcontent-ng-c2711685700="" class="container flex flex-col gap-2 px-4 pt-6 font-openSans text-[12px]"><div _ngcontent-ng-c2711685700="" class="text-sm font-bold">Social</div><div _ngcontent-ng-c2711685700="" class="flex flex-wrap items-center gap-2"><a _ngcontent-ng-c2711685700="" target="_blank" href="https://www.tiktok.com/@policystreet?_t=8quiGusD38T&_r=1"><img _ngcontent-ng-c2711685700="" width="28" height="29" alt="tiktok" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/tiktok.svg"></a><a _ngcontent-ng-c2711685700="" target="_blank" href="https://www.instagram.com/policystreet/"><img _ngcontent-ng-c2711685700="" width="28" height="29" alt="instagram" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/instagram.svg"></a><a _ngcontent-ng-c2711685700="" target="_blank" href="https://www.facebook.com/share/dkbWQ4Tew1sv8X2V/?mibextid=LQQJ4d"><img _ngcontent-ng-c2711685700="" width="28" height="29" alt="facebook" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/facebook.svg"></a><a _ngcontent-ng-c2711685700="" target="_blank" href="https://x.com/policystreetMY"><img _ngcontent-ng-c2711685700="" width="28" height="29" alt="x" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/x.svg"></a><a _ngcontent-ng-c2711685700="" target="_blank" href="https://www.linkedin.com/company/policystreet/"><img _ngcontent-ng-c2711685700="" width="28" height="29" alt="linkedin" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/linkedin.svg"></a><!--container--></div><div _ngcontent-ng-c2711685700="" class="mt-10"><app-translator-dropdown _ngcontent-ng-c2711685700="" _nghost-ng-c3792783421="" ngh="18"><div _ngcontent-ng-c3792783421="" class="mat-mdc-menu-trigger href-link flex items-center" aria-haspopup="menu" aria-expanded="false"><span _ngcontent-ng-c3792783421="" class="mr-2">English (UK) | Malay</span><div _ngcontent-ng-c3792783421="" class="icon"><mat-icon _ngcontent-ng-c3792783421="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" ngh="1">language</mat-icon></div></div><!--container--><mat-menu _ngcontent-ng-c3792783421="" ngh="6"><!--container--></mat-menu></app-translator-dropdown></div></section><section _ngcontent-ng-c2711685700="" class="container border-t border-t-[#C4D2E3] px-4 font-openSans text-[12px] lg:flex lg:items-center lg:justify-evenly lg:gap-4"><div _ngcontent-ng-c2711685700="" class="pt-4"><div _ngcontent-ng-c2711685700="" class="mb-2">Payment Methods: </div><div _ngcontent-ng-c2711685700="" class="flex flex-wrap gap-2"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Grab Pay" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/GrabPay.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Boost" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/Boost.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Shopback" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/Shopback.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="SPayLater" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/spaylater.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Visa" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/VISA.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="MasterCard" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/Mastercard.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="FPX" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/FPX.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Touch N Go" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/tng.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="SPay" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/SPay.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Atome" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/atome.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Grab Pay Later" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/GrabPayLater.png"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="AHA Pay Later" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/AhaPay.png"><!--container--></div></div><div _ngcontent-ng-c2711685700="" class="pt-4"><div _ngcontent-ng-c2711685700="" class="mb-2">Banks for EPP (3/6/12 months):</div><div _ngcontent-ng-c2711685700="" class="flex flex-wrap gap-2"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="maybank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/maybank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="cimbbank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/cimbbank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="rhb bank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/rhbBank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="ambank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/ambank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="hsbc" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/hsbc.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="ocbc bank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/ocbcBank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="public bank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/publicBank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="Affin Bank" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/AffinBank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="hl" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/HLB.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="uob" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/uobBank.svg"><img _ngcontent-ng-c2711685700="" width="48" height="48" alt="stdchartered" loading="lazy" fetchpriority="auto" decoding="auto" ng-img="true" src="https://cdn.policystreet.app/assets/mainsite/stdchartered.svg"><!--container--></div></div></section><section _ngcontent-ng-c2711685700="" class="bg-[#203570] p-2.5 text-center font-openSans text-[12px] leading-4 text-white"> Quotation and Policy issued by PolicyStreet Malaysia, a brand under Polisea Sdn. Bhd. (Reg No. 201601041144 (1212085-T)) a Financial Adviser approved by Bank Negara Malaysia. </section><!--container--><!--container--></app-footer></mat-drawer-content><!--container--></mat-drawer-container></app-full-layout><!--container--></app-root> 3321 <link rel="modulepreload" href="chunk-PIRSYZGF.js"><link rel="modulepreload" href="chunk-6ZCSGOPL.js"><link rel="modulepreload" href="chunk-PYOEWRY6.js"><link rel="modulepreload" href="chunk-Z43DJA66.js"><link rel="modulepreload" href="chunk-35DCXIKQ.js"><link rel="modulepreload" href="chunk-2P52J7PL.js"><link rel="modulepreload" href="chunk-JMGKLLTX.js"><link rel="modulepreload" href="chunk-GFC47GLM.js"><link rel="modulepreload" href="chunk-VBKXRZ2H.js"><link rel="modulepreload" href="chunk-DG4DI6ID.js">
3321<script src="polyfills.js" type="module"></script>
3321<script src="scripts.js" defer=""></script>
3321<script src="main.js" type="module"></script>
3321 3322<link rel="modulepreload" href="home-routing.module-EQLELH5I.js"> 3323<link rel="modulepreload" href="chunk-IHNKIK3T.js"> 3324<link rel="modulepreload" href="chunk-C42OOT5O.js"> 3325<link rel="modulepreload" href="chunk-MJNRGAOH.js"> 3326<link rel="modulepreload" href="chunk-O4EDCSUE.js"> 3327<link rel="modulepreload" href="chunk-GLWIRCED.js"> 3328<link rel="modulepreload" href="chunk-DZGBTLPE.js"> 3329<link rel="modulepreload" href="chunk-DKNRNDJ4.js"> 3330<link rel="modulepreload" href="chunk-HLVMXW7D.js"> 3331<link rel="modulepreload" href="chunk-A6CTHU5G.js"> 3332 3333 3334<div class="cdk-live-announcer-element cdk-visually-hidden" aria-atomic="true" aria-live="polite" id="cdk-live-announcer-25"></div>
3334<script id="ng-state" type="application/json">{"__nghData__":[{"t":{"0":"t1","3":"t2"},"c":{"0":[{"i":"t1","r":1}],"3":[]},"n":{"3":"hfn4"}},{},{"n":{"1":"hfn","7":"5fn"},"t":{"7":"t5"},"c":{"7":[]}},{"t":{"4":"t6"},"c":{"4":[{"i":"t6","r":1}]}},{"n":{"1":"hfn","7":"5f"},"t":{"7":"t5"},"c":{"7":[]}},{"t":{"4":"t6"},"c":{"4":[]}},{"t":{"0":"t15"},"c":{"0":[]}},{"n":{"5":"4f"},"t":{"10":"t3","11":"t11"},"c":{"10":[{"i":"t3","r":4,"t":{"0":"t4","1":"t12"},"c":{"0":[{"i":"t4","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t7","r":5,"t":{"0":"t8","1":"t9"},"c":{"0":[],"1":[{"i":"t9","r":3,"t":{"0":"t10"},"c":{"0":[{"i":"t11","r":2,"n":{"1":"0f","2":"1f2"},"c":{"0":[]}}]}}]},"x":4}]},"t":{"7":"t7"}}],"1":[]}},{"i":"t3","r":4,"t":{"0":"t4","1":"t12"},"c":{"0":[{"i":"t4","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t7","r":5,"t":{"0":"t8","1":"t9"},"c":{"0":[],"1":[{"i":"t9","r":3,"t":{"0":"t10"},"c":{"0":[{"i":"t11","r":2,"n":{"1":"0f","2":"1f2"},"c":{"0":[]}}]}}]},"x":3}]},"t":{"7":"t7"}}],"1":[]}},{"i":"t3","r":4,"t":{"0":"t4","1":"t12"},"c":{"0":[{"i":"t4","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t7","r":4,"t":{"0":"t8","1":"t9"},"c":{"0":[{"i":"t8","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t13","r":3,"t":{"0":"t14"},"c":{"0":[{"i":"t11","r":2,"n":{"1":"0f","2":"1f2"},"c":{"0":[]}}]},"x":2}]},"t":{"7":"t13"}}],"1":[]}}]},"t":{"7":"t7"}}],"1":[]}},{"i":"t3","r":4,"t":{"0":"t4","1":"t12"},"c":{"0":[{"i":"t4","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t7","r":5,"t":{"0":"t8","1":"t9"},"c":{"0":[],"1":[{"i":"t9","r":3,"t":{"0":"t10"},"c":{"0":[{"i":"t11","r":2,"n":{"1":"0f","2":"1f2"},"c":{"0":[]}}]}}]},"x":2}]},"t":{"7":"t7"}}],"1":[]}},{"i":"t3","r":4,"t":{"0":"t4","1":"t12"},"c":{"0":[{"i":"t4","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t7","r":5,"t":{"0":"t8","1":"t9"},"c":{"0":[],"1":[{"i":"t9","r":3,"t":{"0":"t10"},"c":{"0":[{"i":"t11","r":2,"n":{"1":"0f","2":"1f2"},"c":{"0":[]}}]}}]}}]},"t":{"7":"t7"}}],"1":[]}},{"i":"t3","r":4,"t":{"0":"t4","1":"t12"},"c":{"0":[{"i":"t4","r":2,"n":{"1":"0f","2":"1f2","5":"0fnf3"},"c":{"0":[],"7":[{"i":"t7","r":5,"t":{"0":"t8","1":"t9"},"c":{"0":[],"1":[{"i":"t9","r":3,"t":{"0":"t10"},"c":{"0":[{"i":"t11","r":2,"n":{"1":"0f","2":"1f2"},"c":{"0":[]}}]}}]},"x":4}]},"t":{"7":"t7"}}],"1":[]}}],"11":[]},"d":[15,16,17,18]},{"t":{"0":"t16","1":"t18"},"c":{"0":[{"i":"t16","r":1,"t":{"9":"t17"},"c":{"9":[{"i":"t17","r":1}]},"n":{"12":"11f"}}],"1":[]}},{"t":{"3":"t106","5":"t107"},"c":{"3":[{"i":"t106","r":1,"x":10}],"5":[{"i":"t107","r":1,"x":10}]}},{"t":{"0":"t110"},"c":{"0":[]}},{"n":{"1":"hfn"},"t":{"6":"t108","7":"t109"},"c":{"6":[],"7":[]}},{"n":{"2":"0f"}},{"t":{"0":"t30","4":"t31","6":"t32","7":"t34","8":"t35","10":"t36","12":"t40","13":"t41","14":"t42","16":"t43","17":"t44"},"c":{"0":[],"4":[],"6":[{"i":"t32","r":1,"n":{"1":"0fnf"},"t":{"1":"t33"},"c":{"1":[{"i":"t33","r":2,"t":{"0":"t49"},"c":{"0":[{"i":"t30","r":1,"t":{"0":"t38"},"c":{"0":[]}}]}}]}}],"7":[],"8":[],"10":[],"12":[],"13":[],"14":[],"16":[],"17":[{"i":"t44","r":1,"t":{"1":"t45"},"c":{"1":[]},"n":{"3":"0fn"}}]}},{"t":{"4":"t46","5":"t47","10":"t48"},"c":{"4":[],"5":[{"i":"t47","r":1,"t":{"1":"t111","2":"t112"},"c":{"1":[],"2":[{"i":"t112","r":1}]}}],"10":[]}},{"t":{"2":"t25"},"c":{"2":[]}},{"t":{"3":"t115"},"c":{"3":[{"i":"t115","r":1,"t":{"15":"t116"},"c":{"15":[{"i":"t116","r":1,"x":3}]}}]}},{"n":{"21":"20f","34":"33f2nf","38":"37f2nf","50":"49f2nf","54":"53f2nf","65":"64fnfnfn4fn"},"d":[67],"t":{"67":"t113","76":"t114"},"c":{"76":[{"i":"t114","r":1,"n":{"1":"0f2nf"},"x":6}]}},{"c":{"0":[]},"n":{"5":"4f"},"d":[8,9,10,12,13,14]},{"t":{"0":"t70","1":"t78"},"c":{"0":[{"i":"t70","r":5,"t":{"36":"t71","42":"t72","48":"t73","54":"t74","61":"t75","71":"t76","78":"t77"},"c":{"36":[{"i":"t71","r":1,"x":4}],"42":[{"i":"t72","r":1,"x":5}],"48":[{"i":"t73","r":1,"x":5}],"54":[{"i":"t74","r":1,"x":4}],"61":[{"i":"t75","r":1,"x":5}],"71":[{"i":"t76","r":1,"x":12}],"78":[{"i":"t77","r":1,"x":11}]}}],"1":[]}},{"n":{"1":"0fn2","2":"1f2","3":"0fn3","4":"3f"},"t":{"5":"t19"},"c":{"5":[],"7":[{"i":"c2137098288","r":1}]}},{"t":{"0":"t0"},"c":{"0":[]}},{"c":{"0":[{"i":"c952322260","r":1}]}}]}</script>
3334</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.