1/*!*************************************************************************************************************************************!*\ 2 !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./scss/main.scss ***! 3 \*************************************************************************************************************************************/ 4.lf-filters-wrap { 5 align-items: center; 6 background-color: var(--ps-color-gray-900, #2c2c2c); 7 color: var(--ps-color-white, #fff); 8 display: flex; 9 font-size: var(--ps-text-base, 18px); 10 font-weight: var(--ps-fw-bold, 700); 11 gap: 16px; 12 padding: 10px 10px 10px 20px; 13} 14@media (max-width: 767.98px) { 15 .lf-filters-wrap { 16 flex-direction: column; 17 width: 100%; 18 } 19} 20 21.lf-filters { 22 background: #fff; 23 border: 1px solid var(--ps-color-text, #0f0f24); 24 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); 25 max-width: 100%; 26 padding: 9px 16px; 27 position: relative; 28 width: 250px; 29} 30@media (max-width: 767.98px) { 31 .lf-filters { 32 width: 100%; 33 } 34} 35.lf-filters--toggle-btn { 36 align-items: center; 37 background: none; 38 border: none; 39 color: var(--ps-color-text, #0f0f24); 40 cursor: pointer; 41 display: flex; 42 font-weight: var(--ps-fw-medium, 500); 43 gap: 10px; 44 justify-content: space-between; 45 padding: 0; 46 width: 100%; 47} 48.lf-filters--toggle-btn:hover, .lf-filters--toggle-btn:active, .lf-filters--toggle-btn:focus { 49 background: none; 50 border: none; 51 color: var(--ps-color-text, #0f0f24); 52} 53.lf-filters--toggle-arrow { 54 display: inline-block; 55 font-size: 1em; 56 font-weight: var(--ps-fw-medium, 600); 57 margin-left: 0.25rem; 58 transition: transform 0.2s; 59} 60.lf-filters--toggle-arrow.open { 61 transform: rotate(45deg); 62} 63.lf-filters--dropdown { 64 animation: dropdown-fade-in 0.18s ease; 65 background: var(--ps-color-white, #fff); 66 border: 1px solid var(--ps-color-gray-300, #d1d5db); 67 border-radius: 8px; 68 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 1.5px 4px rgba(0, 0, 0, 0.08); 69 min-width: 260px; 70 padding: 0; 71 position: absolute; 72 right: 0; 73 top: calc(100% + 3px); 74 z-index: 1600; 75} 76@media (max-width: 767.98px) { 77 .lf-filters--dropdown { 78 width: 100%; 79 } 80} 81.lf-filters--reset { 82 font-size: 0.9em; 83 position: absolute; 84 right: 10px; 85 text-decoration: none; 86 top: 0.2em; 87} 88.lf-filters--fieldset { 89 border: none; 90 margin: 0 0 1rem 0; 91 padding: 0; 92} 93.lf-filters--legend { 94 background-color: var(--ps-color-gray-200, #e1e1e1); 95 color: var(--ps-color-text, #0f0f24); 96 font-size: var(--ps-text-sm, 16px); 97 font-weight: var(--ps-fw-bold, 700); 98 margin-bottom: 10px; 99 padding: 5px 15px; 100 text-align: left; 101 width: 100%; 102} 103.lf-filters--label { 104 align-items: center; 105 background: none; 106 border: none; 107 color: var(--ps-color-text, #0f0f24); 108 cursor: pointer; 109 display: flex; 110 font-size: var(--ps-text-sm, 16px); 111 font-weight: var(--ps-fw-medium, 500); 112 gap: 8px; 113 padding: 5px 15px; 114 text-align: left; 115 width: 100%; 116} 117.lf-filters--label:hover, .lf-filters--label:focus { 118 background-color: var(--ps-color-gray-100, #f3f3f3); 119} 120.lf-filters--label.is-selected { 121 background-color: var(--ps-color-gray-200, #e1e1e1); 122 font-weight: var(--ps-fw-bold, 700); 123} 124.lf-filters--input { 125 accent-color: var(--ps-color-primary, #3b5bdb); 126 border: 1px solid var(--ps-color-gray-300, #d1d5db); 127 border-radius: 0; 128 cursor: pointer; 129 height: 1.1rem; 130 width: 1.1rem; 131} 132.lf-filters--close-btn { 133 float: right; 134 margin-right: 10px; 135 margin-bottom: 10px; 136} 137 138@keyframes dropdown-fade-in { 139 from { 140 opacity: 0; 141 transform: translateY(-8px); 142 } 143 to { 144 opacity: 1; 145 transform: translateY(0); 146 } 147} 148.lf-action-menu { 149 display: flex; 150 flex-direction: row; 151 justify-content: flex-start; 152 align-items: center; 153 flex-wrap: nowrap; 154 position: relative; 155} 156@media (max-width: 767.98px) { 157 .lf-action-menu { 158 width: 100%; 159 } 160} 161.lf-action-menu--select { 162 appearance: none; 163 -moz-appearance: none; 164 -webkit-appearance: none; 165 background-color: var(--ps-color-white, #fff);
166 border: 1px solid var(--ps-color-text, #0f0f24); 167 border-radius: 0; 168 color: var(--ps-color-gray-900, #2c2c2c); 169 cursor: pointer; 170 font-family: var(--ps-font-family-base); 171 font-size: var(--ps-text-sm, 18px); 172 font-weight: var(--ps-fw-regular, 400); 173 max-width: 100%; 174 padding: 6px 30px 6px 10px; 175 width: 250px; 176} 177@media (max-width: 767.98px) { 178 .lf-action-menu--select { 179 width: 100%; 180 } 181} 182.lf-action-menu--select:focus { 183 outline: none; 184} 185.lf-action-menu--arrow { 186 color: var(--ps-color-text, #0f0f24); 187 display: inline-block; 188 font-size: 1em; 189 line-height: 1; 190 pointer-events: none; 191 position: absolute; 192 right: 16px; 193 top: calc(50% - 0.5em); 194 transition: transform 0.2s ease-in-out; 195} 196 197.location-finder--loading { 198 align-items: center; 199 backdrop-filter: blur(8px); 200 background: rgba(255, 255, 255, 0.85); 201 bottom: 0; 202 display: flex; 203 justify-content: center; 204 left: 0; 205 position: absolute; 206 right: 0; 207 top: 0; 208 transition: opacity 0.3s ease-in-out; 209 z-index: 1500; 210} 211.location-finder--loading .location-finder--loading-spinner { 212 animation: spin 1s linear infinite; 213 border: 3px solid var(--ps-color-gray-300, #eee); 214 border-radius: 50%; 215 border-top: 3px solid var(--ps-color-primary, #3b5bdb); 216 height: 48px; 217 margin: 0 auto 1rem; 218 width: 48px; 219} 220.location-finder--loading p { 221 color: var(--ps-color-gray-700, #374151); 222 font-size: 1.125rem; 223 font-weight: 500; 224 margin: 0; 225} 226 227@keyframes spin { 228 0% { 229 transform: rotate(0deg); 230 } 231 100% { 232 transform: rotate(360deg); 233 } 234} 235.marker-container { 236 display: flex; 237 align-items: center; 238 justify-content: center; 239 height: 32px; 240 position: relative; 241 transition: transform 0.2s ease; 242 width: 29px; 243 z-index: inherit; 244} 245 246.marker-image { 247 width: 90%; 248 height: 90%; 249} 250 251.marker-badge { 252 align-items: center; 253 color: var(--ps-color-text, #000); 254 display: flex; 255 font-size: 15px; 256 font-weight: var(--ps-fw-bold, 700); 257 height: 14px; 258 justify-content: center; 259 left: 50%; 260 position: absolute; 261 top: 50%; 262 transform: translate(-50%, -54%); 263 width: 50%; 264} 265 266.custom-html-marker { 267 position: absolute; 268 z-index: 1; 269} 270.custom-html-marker.active { 271 z-index: 1000; 272} 273 274.location-finder--container { 275 display: flex; 276 flex-direction: column; 277 justify-content: center; 278 align-items: flex-start; 279 flex-wrap: nowrap; 280 gap: 10px; 281 margin: 0 auto; 282 position: relative; 283 width: 100%; 284} 285.location-finder--search_wrapper { 286 display: flex; 287 flex-direction: column; 288 justify-content: flex-start; 289 align-items: stretch; 290 flex-wrap: nowrap; 291 gap: 16px; 292 border-bottom: 1px solid var(--ps-color-gray-600, #9B9B9B); 293 padding-bottom: 10px; 294 width: 100%; 295} 296@media (min-width: 768px) { 297 .location-finder--search_wrapper { 298 display: flex; 299 flex-direction: row; 300 justify-content: space-between; 301 align-items: flex-end; 302 flex-wrap: nowrap; 303 } 304} 305.location-finder--content { 306 display: flex; 307 flex-direction: column; 308 justify-content: center; 309 align-items: flex-start; 310 flex-wrap: nowrap; 311 height: 600px; 312 position: relative; 313 width: 100%; 314} 315@media (max-width: 767.98px) { 316 .location-finder--content { 317 overflow: hidden; 318 } 319} 320@media (min-width: 768px) { 321 .location-finder--content { 322 display: flex; 323 flex-direction: row; 324 justify-content: flex-start; 325 align-items: stretch; 326 flex-wrap: nowrap; 327 overflow-x: visible; 328 } 329} 330@media (max-width: 767.98px) { 331 .location-finder--content__sidebar { 332 height: auto; 333 overflow: visible; 334 } 335} 336.location-finder--content__no-results { 337 height: auto; 338} 339.location-finder--sidebar { 340 background: var(--ps-color-white, #fff); 341 overflow-y: auto; 342 padding: 4px 10px 4px 4px; 343 position: relative; 344 width: 100%; 345 z-index: 1200; 346} 347@media (min-width: 768px) { 348 .location-finder--sidebar { 349 max-width: 400px; 350 } 351} 352.location-finder--map { 353 overflow: hidden; 354 position: relative; 355 width: 100%; 356} 357@media (min-width: 768px) { 358 .location-finder--map { 359 display: flex; 360 flex: 1; 361 } 362} 363@media (max-width: 767.98px) { 364 .location-finder--map { 365 height: 100%; 366 position: absolute; 367 } 368} 369@media (max-width: 767.98px) { 370 .location-finder--sidebar, .location-finder--map { 371 left: 0; 372 top: 0; 373 width: 100%; 374 transition: opacity 0.3s ease, visibility 0.3s ease; 375 } 376} 377.location-finder--mobile_toggles { 378 align-items: center; 379 display: flex; 380 gap: 10px; 381 justify-content: flex-end; 382 margin-top: 15px; 383 width: 100%; 384} 385@media (min-width: 768px) { 386 .location-finder--mobile_toggles { 387 display: none; 388 } 389} 390.location-finder--mobile_toggles .show-more-btn { 391 margin-right: auto; 392} 393 394.mobile-view-toggle:hover, .mobile-view-toggle:focus { 395 border-color: var(--ps-color-primary, #3b5bdb); 396 outline: none; 397 box-shadow: none; 398} 399 400.location-map { 401 width: 100%; 402 height: 100%; 403 position: relative; 404 overflow: hidden; 405 border-radius: 4px; 406 height: 100%; 407} 408.location-map .leaflet-container { 409 width: 100%; 410 height: 100%; 411} 412 413.location-card { 414 padding: 24px; 415 border-bottom: 1px solid var(--ps-color-gray-200, #eee); 416 margin-bottom: 16px; 417} 418.location-card:last-child { 419 border-bottom: none; 420 margin-bottom: 0; 421} 422.location-card h4 { 423 margin: 0 0 16px 0; 424 color: var(--ps-color-gray-900, #333); 425} 426.location-card p { 427 margin: 8px 0; 428 color: var(--ps-color-gray-600, #666); 429 font-size: 0.9rem; 430} 431 432.location-loading-spinner { 433 text-align: center; 434 color: var(--ps-color-primary, #3b5bdb); 435 font-size: var(--ps-text-base, 18px); 436 padding: 2rem 0; 437 font-weight: var(--ps-fw-bold, 700); 438} 439 440@media (max-width: 767.98px) { 441 .mobile-hidden { 442 display: none; 443 opacity: 0; 444 visibility: hidden; 445 pointer-events: none; 446 } 447} 448 449.search-this-area-button { 450 left: 50%; 451 position: absolute; 452 top: 20px; 453 transform: translateX(-50%); 454 z-index: 1000; 455} 456.no-results { 457 text-align: center; 458 color: var(--ps-color-gray-600, #666); 459 padding: 20px; 460} 461 462.location-results--summary { 463 display: flex; 464 flex-direction: column; 465 gap: 20px; 466 width: 100%; 467} 468@media (min-width: 768px) { 469 .location-results--summary { 470 flex-direction: row; 471 justify-content: flex-end; 472 align-items: center; 473 } 474} 475.location-results--summary_text { 476 background: var(--ps-color-secondary-200, #f6f7d7); 477 border-radius: 6px; 478 color: var(--ps-color-secondary-900, #3a3a00); 479 font-size: var(--ps-text-sm, 16px); 480 font-weight: var(--ps-fw-bold, 700); 481 padding: 10px 12px; 482} 483@media (min-width: 768px) { 484 .location-results--summary_text { 485 margin-right: auto; 486 } 487} 488.location-results--active-filters { 489 align-items: center; 490 display: flex; 491 flex-grow: 1; 492 justify-content: flex-end; 493 position: relative; 494} 495@media (max-width: 767.98px) { 496 .location-results--active-filters { 497 order: 10; 498 } 499} 500.location-results--active-filters .filters-label { 501 font-size: var(--ps-text-xs, 12px); 502 font-weight: var(--ps-fw-medium, 500); 503 color: var(--ps-color-secondary-800, #4a4a00); 504} 505.location-results--active-filters .filter-tags { 506 display: flex; 507 flex-wrap: wrap; 508 gap: 10px; 509 justify-content: flex-end; 510 max-height: 35px; 511 overflow: hidden; 512 margin-left: 80px; 513} 514.location-results--active-filters .filter-tags.show-all-filters { 515 max-height: none; 516 overflow: visible; 517} 518.location-results--active-filters .filter-tags .filter-tag { 519 align-items: center; 520 background: var(--ps-color-gray-200, #f3f3f7); 521 border: none; 522 border-radius: 20px; 523 color: var(--ps-color-primary, #3b5bdb); 524 cursor: pointer; 525 display: inline-flex; 526 font-size: var(--ps-text-xs, 12px); 527 font-weight: var(--ps-fw-medium, 500); 528 gap: 4px; 529 line-height: 1; 530 padding: 8px 12px; 531 transition: background-color 0.2s; 532} 533.location-results--active-filters .filter-tags .filter-tag .icon-svg { 534 fill: var(--ps-color-primary, #3b5bdb); 535} 536.location-results--active-filters .filter-tags .filter-tag:hover { 537 background: var(--ps-color-primary, #3b5bdb); 538 color: var(--ps-color-white, #fff); 539} 540.location-results--active-filters .filter-tags .filter-tag:hover .icon-svg { 541 fill: var(--ps-color-white, #fff); 542} 543.location-results--active-filters .filter-tags .filter-tag .remove-filter { 544 font-size: 14px; 545 font-weight: var(--ps-fw-bold, 700); 546 line-height: 1; 547 margin-left: 2px; 548} 549.location-results--active-filters .reset-filters-btn, 550.location-results--active-filters .show-all-filters-btn { 551 background: none; 552 border: 0;
553 color: var(--ps-color-text, #0f0f24); 554 font-size: var(--ps-text-xs, 12px); 555 font-weight: var(--ps-fw-medium, 500); 556 cursor: pointer; 557 padding: 6px 12px; 558 border-radius: 0; 559 transition: all 0.2s; 560 white-space: nowrap; 561} 562.location-results--active-filters .reset-filters-btn:focus, .location-results--active-filters .reset-filters-btn:hover, 563.location-results--active-filters .show-all-filters-btn:focus, 564.location-results--active-filters .show-all-filters-btn:hover { 565 background: none; 566 box-shadow: none; 567 color: var(--ps-color-gray-800, #374151); 568 outline: none; 569} 570@media (max-width: 767.98px) { 571 .location-results--active-filters .reset-filters-btn { 572 bottom: calc(100% + 18px); 573 position: absolute; 574 right: 0; 575 } 576} 577.location-results--active-filters .show-all-filters-btn { 578 opacity: 0; 579 pointer-events: none; 580 position: absolute; 581 left: 0; 582 transition: opacity 0.2s ease-in-out; 583} 584.location-results--active-filters .show-all-filters-btn.has-wrapped { 585 opacity: 1; 586 pointer-events: auto; 587} 588.location-results--checkbox-filters { 589 font-size: var(--ps-text-sm, 16px); 590 display: flex; 591 flex-wrap: wrap; 592 gap: 10px; 593} 594@media (max-width: 767.98px) { 595 .location-results--checkbox-filters { 596 padding-right: 80px; 597 } 598} 599.location-results--checkbox-filter { 600 accent-color: var(--ps-color-primary, #3b5bdb); 601 align-items: center; 602 display: flex; 603 gap: 8px; 604} 605.location-results--list, 606.location-skeleton--list { 607 display: flex; 608 flex-direction: column; 609 gap: 1rem; 610} 611 612.location-result--badge { 613 align-items: center; 614 background: #f6f7d7; 615 border: 2px solid #e2e2b8; 616 border-radius: 50%; 617 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); 618 color: #3b5bdb; 619 display: flex; 620 font-size: 1.2rem; 621 font-weight: 700; 622 height: 2.2rem; 623 justify-content: center; 624 margin-right: 1rem; 625 min-width: 2.2rem; 626} 627.location-result--card { 628 align-items: flex-start; 629 background: var(--ps-color-white, #fff); 630 border-radius: 8px; 631 box-shadow: inset 0px 0px 0px 1px var(--ps-color-gray-600, #9B9B9B), 0 1px 2px rgba(0, 0, 0, 0.04); 632 cursor: pointer; 633 display: flex; 634 overflow: hidden; 635 text-align: left; 636 transition: border 0.2s; 637} 638@media (min-width: 768px) { 639 .location-result--card { 640 overflow: visible; 641 } 642} 643.location-result--card:hover, .location-result--card.selected { 644 box-shadow: inset 0px 0px 0px 1px var(--ps-color-gray-50, #F5F5F5), 0px 0px 0px 2px var(--ps-color-primary, #007bff), var(--ps-shadow-sm); 645 z-index: 2; 646} 647.location-result--card .details-toggle { 648 background: none; 649 border: none; 650 color: var(--ps-color-primary, #3b5bdb); 651 cursor: pointer; 652 padding: 0; 653 font-size: inherit; 654} 655.location-result--card .details-toggle:hover { 656 text-decoration: underline; 657} 658.location-result--header { 659 display: flex; 660 align-items: flex-end; 661 justify-content: space-between; 662 margin-bottom: 10px; 663} 664.location-result--title { 665 color: var(--ps-color-primary, #3b5bdb); 666 font-weight: var(--ps-fw-bold, 700); 667 font-size: var(--ps-text-base, 18px); 668 margin-bottom: 0; 669} 670.location-result--distance, .location-result--type { 671 color: var(--ps-color-text, #0f0f24); 672 font-size: var(--ps-text-xs, 10px); 673 font-weight: var(--ps-fw-regular, 400); 674} 675.location-result--status { 676 display: flex; 677 flex-direction: column; 678 gap: 4px; 679 margin-bottom: 5px; 680 margin-top: 5px; 681} 682.location-result--status .status-item { 683 border-radius: 4px; 684 padding: 4px 6px; 685 font-size: var(--ps-text-xs, 12px); 686 font-weight: var(--ps-fw-medium, 500); 687 line-height: 1.2; 688 width: fit-content; 689} 690.location-result--status .status-item.open { 691 background-color: var(--ps-color-success, #28a745); 692 color: var(--ps-color-black, #000); 693} 694.location-result--status .status-item.closed { 695 background-color: var(--ps-color-error, #dc3545); 696 color: var(--ps-color-white, #fff); 697} 698.location-result--status .status-item.opening-soon { 699 background-color: var(--ps-color-warning, #ffc107); 700 color: var(--ps-color-black, #000); 701} 702.location-result--status .status-item.atm-available { 703 background-color: var(--ps-color-gray, #b2b2b2); 704 color: var(--ps-color-black, #000); 705} 706.location-result--main { 707 flex: 1; 708 display: flex; 709 flex-direction: column; 710} 711.location-result--top { 712 background: var(--ps-color-white, #fff); 713 padding: 10px; 714 position: relative; 715 z-index: 1200; 716} 717.location-result--address {
718 color: var(--ps-color-text, #0f0f24); 719 font-size: var(--ps-text-sm, 16px); 720 font-weight: var(--ps-fw-regular, 400); 721} 722.location-result--links { 723 display: flex; 724 gap: 8px; 725 margin-top: 0.2rem; 726 font-size: var(--ps-text-sm, 16px); 727 font-weight: var(--ps-fw-regular, 400); 728} 729.location-result--links a { 730 color: var(--ps-color-primary, #3b5bdb); 731 text-decoration: none; 732 font-weight: var(--ps-fw-medium, 500); 733} 734.location-result--links a:hover { 735 text-decoration: underline; 736} 737.location-result--links .divider { 738 color: var(--ps-color-text, #0f0f24); 739} 740.location-result--marker { 741 font-size: var(--ps-text-sm, 15px); 742 height: 26px; 743 position: relative; 744 width: 23px; 745} 746.location-result--marker .marker-badge { 747 font-size: 12px; 748} 749.location-result--marker .marker-image { 750 width: 100%; 751 height: 100%; 752 object-fit: contain; 753} 754.location-result--pin-wrapper { 755 display: flex; 756 flex-direction: column; 757 align-items: center; 758 gap: 5px; 759} 760 761.location-details { 762 background: var(--ps-color-white, #fff); 763 bottom: 0; 764 font-size: var(--ps-text-sm, 14px); 765 padding: 10px; 766 position: relative; 767 top: 0; 768 transform: translateY(-100%); 769 transition: transform 0.3s ease-in-out; 770 z-index: 1100; 771} 772@media (min-width: 992px) { 773 .location-details { 774 box-shadow: 0 0px 11px -3px rgba(0, 0, 0, 0.4); 775 max-width: 400px; 776 transform: translateX(-100%); 777 } 778} 779.location-details-enter-active, .location-details-enter-done, .location-details-exit-active, .location-details-exit { 780 transform: translate(0); 781} 782.location-details--close { 783 background: none; 784 border: none; 785 font-size: 32px; 786 line-height: 1; 787 position: absolute; 788 right: 20px; 789 top: 5px; 790} 791.location-details .detail-items--top { 792 margin-bottom: 15px; 793} 794.location-details .detail-items--top .divider { 795 color: var(--ps-color-text, #0f0f24); 796 margin: 0 10px; 797} 798.location-details .detail-items--bottom { 799 display: flex; 800 justify-content: center; 801 margin-top: 15px; 802} 803.location-details .detail-item { 804 margin-bottom: 10px; 805} 806.location-details .detail-item:last-child { 807 margin-bottom: 0; 808} 809.location-details .detail-item strong { 810 display: block; 811 margin-bottom: 5px; 812} 813.location-details .hours-list .hours-row { 814 display: flex; 815 gap: 8px; 816 margin-bottom: 5px; 817} 818.location-details .hours-list .hours-row .day { 819 font-weight: var(--ps-fw-semibold, 600); 820 width: fit-content; 821} 822.location-details .hours-list .hours-row .time { 823 flex: 1; 824} 825.location-details .details-tabs { 826 display: flex; 827 border-bottom: 1px solid var(--ps-color-gray-300, #d1d5db); 828 margin-bottom: 15px; 829} 830.location-details .details-tabs .tab-button { 831 background: none; 832 border: none; 833 padding: 8px 16px; 834 font-size: var(--ps-text-sm, 14px); 835 font-weight: var(--ps-fw-bold, 700); 836 color: var(--ps-color-text, #0f0f24); 837 cursor: pointer; 838 border-bottom: 2px solid transparent; 839 transition: all 0.2s ease; 840} 841.location-details .details-tabs .tab-button:hover { 842 color: var(--ps-color-primary, #3b5bdb); 843} 844.location-details .details-tabs .tab-button:focus, .location-details .details-tabs .tab-button:active { 845 box-shadow: none; 846 outline: none; 847} 848.location-details .details-tabs .tab-button.active { 849 color: var(--ps-color-primary, #3b5bdb); 850 border-bottom-color: var(--ps-color-primary, #3b5bdb); 851} 852.location-details .tab-content { 853 min-width: 330px; 854} 855.location-details .tab-content .specialists-list .specialist-item { 856 margin-bottom: 15px; 857 padding-bottom: 15px; 858 border-bottom: 1px solid var(--ps-color-gray-200, #e5e7eb); 859} 860.location-details .tab-content .specialists-list .specialist-item:last-child { 861 margin-bottom: 0; 862 padding-bottom: 0; 863 border-bottom: none; 864} 865.location-details .tab-content .specialists-list .specialist-item .specialist-title { 866 color: var(--ps-color-text, #0f0f24); 867 font-size: var(--ps-text-sm, 14px); 868 font-weight: var(--ps-fw-semibold, 600); 869 margin-bottom: 4px; 870} 871.location-details .tab-content .specialists-list .specialist-item .specialist-name { 872 color: var(--ps-color-text, #0f0f24); 873 margin-bottom: 4px; 874} 875.location-details .tab-content .specialists-list .specialist-item .specialist-name a { 876 color: var(--ps-color-primary, #3b5bdb); 877 text-decoration: none; 878 font-weight: var(--ps-fw-medium, 500); 879}
880.location-details .tab-content .specialists-list .specialist-item .specialist-name a:hover { 881 text-decoration: underline; 882} 883.location-details .tab-content .specialists-list .specialist-item .specialist-nmls { 884 color: var(--ps-color-text, #0f0f24); 885 font-size: var(--ps-text-sm, 14px); 886} 887.location-details .tab-content .specialists-list .specialist-item .specialist-contact { 888 display: flex; 889 gap: 4px; 890} 891 892.location-result--card.skeleton { 893 pointer-events: none; 894 background: #f6f7f8; 895 border: 1px solid #eaeaea; 896 border-radius: 8px; 897 margin-bottom: 1rem; 898 padding: 1rem 1rem 1rem 0.75rem; 899 display: flex; 900 flex-direction: column; 901 min-width: 0; 902} 903.location-result--card.skeleton .location-result--main { 904 display: flex; 905 flex-direction: column; 906 width: 100%; 907} 908.location-result--card.skeleton .location-result--header { 909 align-items: flex-start; 910 display: flex; 911 justify-content: space-between; 912 margin-bottom: 0.5rem; 913 width: 100%; 914} 915.location-result--card.skeleton .location-result--title-wrapper { 916 display: flex; 917 flex-direction: column; 918 gap: 0.3rem; 919 flex: 1; 920 min-width: 0; 921} 922.location-result--card.skeleton .location-result--pin-wrapper { 923 display: flex; 924 flex-direction: column; 925 align-items: center; 926 gap: 0.3rem; 927 min-width: 2.2rem; 928} 929.location-result--card.skeleton .skeleton-title { 930 width: 90px; 931 height: 1.1rem; 932 margin-bottom: 0.2rem; 933} 934.location-result--card.skeleton .skeleton-type { 935 width: 60px; 936 height: 0.9rem; 937 margin-bottom: 0.1rem; 938} 939.location-result--card.skeleton .skeleton-distance { 940 width: 36px; 941 height: 0.9rem; 942 margin-bottom: 0.1rem; 943} 944.location-result--card.skeleton .skeleton-address { 945 width: 80%; 946 height: 0.9rem; 947 margin-bottom: 0.3rem; 948} 949.location-result--card.skeleton .skeleton-links { 950 width: 50%; 951 height: 0.8rem; 952} 953.location-result--card.skeleton .skeleton-badge { 954 min-width: 2.2rem; 955 height: 2.2rem; 956 border-radius: 50%; 957 background: #edeef1; 958 margin-right: 0; 959 animation: skeleton-loading 1.2s infinite linear; 960} 961.location-result--card.skeleton .skeleton-block { 962 display: block; 963 background: linear-gradient(90deg, #f6f7f8 25%, #edeef1 50%, #f6f7f8 75%); 964 background-size: 200% 100%; 965 animation: skeleton-loading 1.2s infinite linear; 966 border-radius: 4px; 967} 968 969@keyframes skeleton-loading { 970 0% { 971 background-position: 200% 0; 972 } 973 100% { 974 background-position: -200% 0; 975 } 976} 977.use-my-location-button { 978 background-color: var(--ps-color-primary, #007bff); 979 border: 2px solid var(--ps-color-primary, #007bff); 980 border-radius: 0; 981 box-shadow: none; 982 color: var(--ps-color-white, #fff); 983 display: inline-block; 984 font-size: var(--ps-text-sm, 16px); 985 font-weight: var(--ps-fw-medium, 500); 986 line-height: 1; 987 margin: 0; 988 padding: 12px 24px; 989 text-align: center; 990 transition: background-color 0.2s ease; 991} 992.use-my-location-button:hover, .use-my-location-button:active, .use-my-location-button:focus { 993 background-color: var(--ps-color-primary-700, #007bff); 994 box-shadow: none; 995 color: var(--ps-color-white, #fff); 996} 997.use-my-location-button:hover:link, .use-my-location-button:hover:visited, .use-my-location-button:active:link, .use-my-location-button:active:visited, .use-my-location-button:focus:link, .use-my-location-button:focus:visited { 998 background-color: var(--ps-color-primary-700, #007bff); 999 color: var(--ps-color-white, #fff); 1000 text-decoration: none; 1001} 1002.use-my-location-button:link, .use-my-location-button:visited { 1003 color: var(--ps-color-white, #fff); 1004 text-decoration: none; 1005} 1006.use-my-location-button:focus-visible { 1007 box-shadow: var(--ps-color-primary-50, #d2e4f7) 0 0 0.5em; 1008 outline: none; 1009} 1010.use-my-location-button { 1011 display: flex; 1012 gap: 8px; 1013 justify-content: center; 1014 align-items: center; 1015 padding: 5px 16px; 1016} 1017.use-my-location-button .icon { 1018 color: var(--ps-color-white, #fff); /* icon color */ 1019 display: block; 1020 height: 28px; 1021 fill: none; 1022 transition: 0.2s; 1023 width: 28px; 1024} 1025@media (max-width: 767.98px) { 1026 .use-my-location-button { 1027 min-height: 44px; 1028 } 1029} 1030 1031.location-search-label { 1032 color: var(--ps-color-text, #000); 1033 font-size: var(--ps-text-sm, 14px); 1034 font-weight: var(--ps-fw-medium, 500); 1035 line-height: 1.2; 1036 float: left; 1037 margin-bottom: 4px; 1038} 1039.location-search-form { 1040 display: flex; 1041 flex-direction: column; 1042 gap: 8px; 1043 position: relative; 1044} 1045@media (min-width: 768px) { 1046 .location-search-form {
1047 align-items: center; 1048 flex-direction: row; 1049 flex-grow: 1; 1050 justify-content: flex-end; 1051 } 1052} 1053@media (min-width: 768px) { 1054 .location-search-input { 1055 max-width: 480px; 1056 } 1057} 1058.location-search-submit { 1059 background-color: var(--ps-color-primary, #007bff); 1060 border: 2px solid var(--ps-color-primary, #007bff); 1061 border-radius: 0; 1062 box-shadow: none; 1063 color: var(--ps-color-white, #fff); 1064 display: inline-block; 1065 font-size: var(--ps-text-sm, 16px); 1066 font-weight: var(--ps-fw-medium, 500); 1067 line-height: 1; 1068 margin: 0; 1069 padding: 12px 24px; 1070 text-align: center; 1071 transition: background-color 0.2s ease; 1072} 1073.location-search-submit:hover, .location-search-submit:active, .location-search-submit:focus { 1074 background-color: var(--ps-color-primary-700, #007bff); 1075 box-shadow: none; 1076 color: var(--ps-color-white, #fff); 1077} 1078.location-search-submit:hover:link, .location-search-submit:hover:visited, .location-search-submit:active:link, .location-search-submit:active:visited, .location-search-submit:focus:link, .location-search-submit:focus:visited { 1079 background-color: var(--ps-color-primary-700, #007bff); 1080 color: var(--ps-color-white, #fff); 1081 text-decoration: none; 1082} 1083.location-search-submit:link, .location-search-submit:visited { 1084 color: var(--ps-color-white, #fff); 1085 text-decoration: none; 1086} 1087.location-search-submit:focus-visible { 1088 box-shadow: var(--ps-color-primary-50, #d2e4f7) 0 0 0.5em; 1089 outline: none; 1090} 1091.location-search-submit { 1092 display: flex; 1093 gap: 8px; 1094 justify-content: center; 1095 align-items: center; 1096 padding: 0 16px; 1097} 1098.location-search-submit .icon { 1099 color: var(--ps-color-white, #fff); /* icon color */ 1100 display: block; 1101 height: 28px; 1102 transition: 0.2s; 1103 width: 28px; 1104} 1105@media (max-width: 767.98px) { 1106 .location-search-submit { 1107 min-height: 44px; 1108 } 1109} 1110.location-search-submit:focus .icon, .location-search-input:focus + .location-search-submit .icon { 1111 color: var(--ps-color-primary-50, #d2e4f7); /* active icon color */ 1112} 1113 1114.form-control { 1115 display: block; 1116 width: 100%; 1117 padding: 10px 15px; 1118 font-size: var(--ps-text-base, 16px); 1119 line-height: var(--ps-line-height-base, 1.5); 1120 color: var(--ps-color-text, #0f0f24); 1121 background-color: var(--ps-color-white, #fff); 1122 background-clip: padding-box; 1123 border-radius: 0; 1124 box-shadow: inset 0px 0px 0px 1px var(--ps-color-gray-600, #9B9B9B); 1125 transition: box-shadow 0.2s ease-in-out; 1126} 1127.form-control::-ms-expand { 1128 background-color: transparent; 1129 border: 0; 1130} 1131.form-control:focus { 1132 color: var(--ps-color-text, #0f0f24); 1133 background-color: var(--ps-color-white, #fff); 1134 box-shadow: inset 0px 0px 0px 1px var(--ps-color-primary, #007bff), var(--ps-shadow-sm); 1135 outline: 0; 1136} 1137.form-control::placeholder { 1138 color: var(--ps-color-gray, #6b7280); 1139 font-size: var(--ps-text-base, 16px); 1140 opacity: 1; 1141} 1142 1143.input-group { 1144 position: relative; 1145 display: flex; 1146 flex-wrap: wrap; 1147 align-items: stretch; 1148 width: 100%; 1149} 1150.input-group > .form-control, 1151.input-group > .custom-select, 1152.input-group > .custom-file { 1153 position: relative; 1154 flex: 1 1 auto; 1155 width: 1%; 1156 margin-bottom: 0; 1157} 1158.input-group > .form-control:focus, 1159.input-group > .custom-select:focus, 1160.input-group > .custom-file:focus { 1161 z-index: 3; 1162} 1163.input-group > .form-control + .form-control, 1164.input-group > .form-control + .custom-select, 1165.input-group > .form-control + .custom-file, 1166.input-group > .custom-select + .form-control, 1167.input-group > .custom-select + .custom-select, 1168.input-group > .custom-select + .custom-file, 1169.input-group > .custom-file + .form-control, 1170.input-group > .custom-file + .custom-select, 1171.input-group > .custom-file + .custom-file { 1172 margin-left: -1px; 1173} 1174 1175.input-group-prepend, 1176.input-group-append { 1177 display: flex; 1178} 1179.input-group-prepend .co-button, 1180.input-group-append .co-button { 1181 position: relative; 1182 z-index: 2; 1183} 1184.input-group-prepend .co-button + .co-button, 1185.input-group-prepend .co-button + .input-group-text, 1186.input-group-prepend .input-group-text + .input-group-text, 1187.input-group-prepend .input-group-text + .co-button, 1188.input-group-append .co-button + .co-button, 1189.input-group-append .co-button + .input-group-text, 1190.input-group-append .input-group-text + .input-group-text, 1191.input-group-append .input-group-text + .co-button { 1192 margin-left: -1px; 1193} 1194 1195.input-group-prepend { 1196 margin-right: -1px; 1197} 1198 1199.input-group-append { 1200 margin-left: -1px; 1201} 1202 1203.mobile-location-card { 1204 background: white; 1205 box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); 1206 left: 0; 1207 overflow-y: auto; 1208 position: absolute; 1209 right: 0; 1210 top: 0; 1211 z-index: 1000; 1212} 1213.mobile-location-card .mobile-card-header { 1214 border-top: 1px solid #e0e0e0; 1215 display: flex; 1216 justify-content: flex-end; 1217 position: relative; 1218 padding: 8px 16px 0; 1219 z-index: 1220; 1220} 1221.mobile-location-card .mobile-card-header .mobile-card-close { 1222 background: none; 1223 border: none; 1224 border-radius: 4px; 1225 color: #000; 1226 cursor: pointer; 1227 font-size: 32px; 1228 padding: 0px 8px; 1229 position: absolute; 1230 right: 13px; 1231 top: 0; 1232 transition: background-color 0.2s; 1233} 1234.mobile-location-card .mobile-card-header .mobile-card-close:hover { 1235 background-color: #f0f0f0; 1236} 1237.mobile-location-card .location-result--card { 1238 border-radius: 8px 8px 0 0; 1239 border: none; 1240 box-shadow: none; 1241 margin: 0; 1242} 1243.mobile-location-card .location-result--card.selected { 1244 background: #f8f9fa; 1245} 1246 1247@media (max-width: 767.98px) { 1248 .location-finder--map { 1249 position: relative; 1250 } 1251}
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.