From 892f5095fe7bdbbff6369a9e83c34fc83938973b Mon Sep 17 00:00:00 2001 From: Sergiu Vulc Date: Mon, 5 Feb 2024 14:10:13 +0200 Subject: [PATCH] Serenity compiled to 3.1.0 --- CHANGELOG.md | 2 +- dist/css/serenity.css | 1454 +++++------------ dist/css/serenity.css.map | 4 +- dist/css/serenity.min.css | 2 +- dist/css/serenity.min.css.map | 2 +- .../account/account-creation-132x132.svg | 18 +- .../account/account-creation-82x82.svg | 18 +- .../account/account-delete-132x132.svg | 8 +- .../artworks/account/account-delete-82x82.svg | 8 +- .../account/account-login-131x131.svg | 18 +- .../artworks/account/account-login-82x82.svg | 18 +- .../account/account-login-pro-128x128.svg | 20 +- .../account/account-login-pro-80x80.svg | 8 +- .../account/account-login-pro-app-66x66.svg | 20 +- .../account/account-login-pro-app-98x98.svg | 22 +- .../account/account-profile-app-100x100.svg | 6 +- .../account/account-profile-app-68x68.svg | 18 +- .../artworks/account/account-profile.svg | 6 +- .../artworks/around-me/around-me-activate.svg | 8 +- .../artworks/around-me/around-me-error.svg | 8 +- .../artworks/around-me/location-pin-error.svg | 8 +- .../artworks/around-me/location-pin.svg | 8 +- dist/images/artworks/background-homepage.svg | 44 +- .../artworks/bg-saller-lead-desktop.svg | 50 +- .../images/artworks/bg-saller-lead-mobile.svg | 50 +- .../confirmation/confirmation-celebration.svg | 48 +- .../confirmation/confirmation-checked.svg | 4 +- .../confirmation/confirmation-thanks.svg | 16 +- dist/images/artworks/draw-on-map.svg | 54 +- dist/images/artworks/errors/error-403.svg | 102 +- dist/images/artworks/errors/error-404-app.svg | 124 +- dist/images/artworks/errors/error-404-new.svg | 124 +- dist/images/artworks/errors/error-404.svg | 114 +- dist/images/artworks/errors/error-500.svg | 80 +- .../errors/error-immoweb-not-found-app.svg | 34 +- .../errors/error-immoweb-not-found-new.svg | 34 +- .../errors/error-immoweb-not-found.svg | 32 +- .../artworks/errors/error-not-a-robot.svg | 122 +- .../errors/error-under-construction.svg | 40 +- .../funnel/funnel-additional-session.svg | 36 +- .../funnel/funnel-amenities-apartment.svg | 18 +- .../funnel/funnel-amenities-house.svg | 12 +- .../artworks/funnel/funnel-apartment.svg | 14 +- .../artworks/funnel/funnel-armchair.svg | 4 +- .../artworks/funnel/funnel-bathroom.svg | 24 +- .../images/artworks/funnel/funnel-bedroom.svg | 4 +- .../artworks/funnel/funnel-calendar.svg | 4 +- .../funnel/funnel-communication-72x72.svg | 8 +- .../artworks/funnel/funnel-communication.svg | 8 +- .../funnel/funnel-condition-apartment.svg | 16 +- .../funnel/funnel-construction-date.svg | 4 +- dist/images/artworks/funnel/funnel-device.svg | 42 +- .../artworks/funnel/funnel-documents.svg | 26 +- dist/images/artworks/funnel/funnel-east.svg | 14 +- dist/images/artworks/funnel/funnel-email.svg | 8 +- .../funnel/funnel-energy-certificate.svg | 14 +- .../funnel/funnel-estimation-apartment.svg | 16 +- .../funnel/funnel-estimation-house.svg | 8 +- .../funnel/funnel-facade-apartment.svg | 62 +- .../artworks/funnel/funnel-facade-house.svg | 72 +- .../artworks/funnel/funnel-facade-length.svg | 14 +- dist/images/artworks/funnel/funnel-facade.svg | 6 +- .../artworks/funnel/funnel-flood-zone.svg | 8 +- dist/images/artworks/funnel/funnel-floor.svg | 36 +- .../artworks/funnel/funnel-floors-total.svg | 36 +- .../artworks/funnel/funnel-for-rent.svg | 18 +- .../artworks/funnel/funnel-for-sale.svg | 18 +- .../artworks/funnel/funnel-form-error.svg | 22 +- .../funnel/funnel-form-screen-64x64.svg | 20 +- .../funnel/funnel-form-screen-72x72.svg | 20 +- .../artworks/funnel/funnel-form-search.svg | 18 +- .../images/artworks/funnel/funnel-heating.svg | 14 +- .../artworks/funnel/funnel-higher-bid.svg | 24 +- dist/images/artworks/funnel/funnel-house.svg | 6 +- .../images/artworks/funnel/funnel-kitchen.svg | 20 +- .../artworks/funnel/funnel-land-use.svg | 4 +- dist/images/artworks/funnel/funnel-land.svg | 4 +- .../artworks/funnel/funnel-life-annuity.svg | 36 +- .../artworks/funnel/funnel-location.svg | 8 +- .../artworks/funnel/funnel-mortgage.svg | 14 +- dist/images/artworks/funnel/funnel-north.svg | 14 +- .../artworks/funnel/funnel-orientation.svg | 6 +- .../artworks/funnel/funnel-outdoor-space.svg | 10 +- .../artworks/funnel/funnel-pricemap.svg | 18 +- .../artworks/funnel/funnel-public-auction.svg | 44 +- .../artworks/funnel/funnel-regulation.svg | 20 +- dist/images/artworks/funnel/funnel-room.svg | 14 +- dist/images/artworks/funnel/funnel-south.svg | 14 +- .../artworks/funnel/funnel-square-m.svg | 14 +- .../funnel/funnel-standing-apartment.svg | 8 +- .../artworks/funnel/funnel-standing-house.svg | 8 +- .../images/artworks/funnel/funnel-terrace.svg | 16 +- dist/images/artworks/funnel/funnel-toilet.svg | 6 +- .../artworks/funnel/funnel-valuate-64x64.svg | 14 +- .../artworks/funnel/funnel-valuate-72x72.svg | 12 +- .../artworks/funnel/funnel-valuate-heart.svg | 6 +- .../artworks/funnel/funnel-view-block.svg | 34 +- .../artworks/funnel/funnel-view-clear.svg | 6 +- .../funnel/funnel-view-outstanding.svg | 12 +- dist/images/artworks/funnel/funnel-view.svg | 14 +- dist/images/artworks/funnel/funnel-west.svg | 14 +- .../artworks/funnel/lp-house-graph-72x72.svg | 8 +- .../images/artworks/funnel/lp-house-graph.svg | 8 +- .../mf-banner-artwork-valuate-72x72.svg | 14 +- dist/images/artworks/highlight-big.svg | 36 +- dist/images/artworks/highlight-medium.svg | 18 +- dist/images/artworks/highlight-small.svg | 18 +- .../icons-for-composition/apartment-2.svg | 38 +- .../icons-for-composition/apartment-3.svg | 40 +- .../icons-for-composition/apartment.svg | 22 +- .../artworks/icons-for-composition/boat.svg | 8 +- .../artworks/icons-for-composition/bush-2.svg | 2 +- .../artworks/icons-for-composition/bush-3.svg | 2 +- .../artworks/icons-for-composition/bush.svg | 4 +- .../icons-for-composition/business-2.svg | 16 +- .../icons-for-composition/business-3.svg | 168 +- .../icons-for-composition/business.svg | 34 +- .../artworks/icons-for-composition/garage.svg | 14 +- .../icons-for-composition/house-2.svg | 16 +- .../icons-for-composition/house-3.svg | 16 +- .../icons-for-composition/house-4.svg | 16 +- .../icons-for-composition/house-5.svg | 6 +- .../artworks/icons-for-composition/house.svg | 30 +- .../artworks/icons-for-composition/hut.svg | 6 +- .../icons-for-composition/tree-10.svg | 2 +- .../icons-for-composition/tree-11.svg | 4 +- .../icons-for-composition/tree-12.svg | 4 +- .../icons-for-composition/tree-13.svg | 2 +- .../icons-for-composition/tree-14.svg | 2 +- .../icons-for-composition/tree-15.svg | 8 +- .../icons-for-composition/tree-16.svg | 2 +- .../artworks/icons-for-composition/tree-2.svg | 4 +- .../artworks/icons-for-composition/tree-3.svg | 4 +- .../artworks/icons-for-composition/tree-4.svg | 4 +- .../artworks/icons-for-composition/tree-5.svg | 2 +- .../artworks/icons-for-composition/tree-6.svg | 2 +- .../artworks/icons-for-composition/tree-7.svg | 2 +- .../artworks/icons-for-composition/tree-8.svg | 2 +- .../artworks/icons-for-composition/tree-9.svg | 6 +- .../artworks/icons-for-composition/tree.svg | 4 +- .../icons-for-composition/water-tower.svg | 12 +- dist/images/artworks/mail-sent.svg | 4 +- dist/images/artworks/mailbox-locked.svg | 30 +- dist/images/artworks/mailbox-new-mail.svg | 24 +- dist/images/artworks/mailbox-success.svg | 24 +- dist/images/artworks/mailbox-too-full.svg | 62 +- .../artworks/mf-banner-artwork-cities-m.svg | 88 +- .../artworks/mf-banner-artwork-cities-xl.svg | 134 +- .../artworks/mortgage/insurance-banner.svg | 10 +- .../artworks/mortgage/mortgage-banner.svg | 14 +- dist/images/artworks/mortgage/people-2.svg | 8 +- dist/images/artworks/mortgage/people.svg | 4 +- dist/images/artworks/my-classifieds.svg | 58 +- dist/images/artworks/notifications.svg | 18 +- dist/images/artworks/pin-on-map-3.svg | 2 +- dist/images/artworks/pin-on-map.svg | 2 +- .../placeholder-adfocus-business-desktop.svg | 194 +-- .../placeholder-adfocus-business-medium.svg | 46 +- ...laceholder-adfocus-business-widescreen.svg | 238 +-- ...laceholder-adfocus-residential-desktop.svg | 56 +- ...placeholder-adfocus-residential-medium.svg | 38 +- ...eholder-adfocus-residential-widescreen.svg | 70 +- .../placeholder-adims-homepage.svg | 58 +- .../placeholders/placeholder-background.svg | 6 +- .../placeholders/placeholder-card.svg | 30 +- .../placeholder-chat-gpt-328x230.svg | 4 +- .../placeholder-chat-gpt-background.svg | 6 +- .../placeholders/placeholder-chat-gpt.svg | 4 +- .../placeholder-view-more-properties.svg | 96 +- .../artworks/property-types/apartment.svg | 30 +- .../artworks/property-types/business.svg | 30 +- .../images/artworks/property-types/garage.svg | 24 +- .../property-types/house-and-apartment.svg | 62 +- dist/images/artworks/property-types/house.svg | 26 +- .../artworks/property-types/industry.svg | 44 +- dist/images/artworks/property-types/land.svg | 12 +- .../property-types/new-project-apartment.svg | 46 +- .../property-types/new-project-house.svg | 40 +- .../images/artworks/property-types/office.svg | 176 +- .../artworks/property-types/other-2.svg | 28 +- dist/images/artworks/property-types/other.svg | 26 +- .../artworks/property-types/tenement.svg | 24 +- dist/images/artworks/refine-criteria.svg | 86 +- .../artworks/saved-search-no-properties.svg | 32 +- .../saved-search-no-searches-400-120.svg | 18 +- .../saved-search-no-searches-417x200.svg | 18 +- .../artworks/saved-search-no-searches-app.svg | 20 +- .../artworks/saved-search-no-searches-new.svg | 20 +- .../search-and-save/search-104x104.svg | 4 +- .../artworks/search-and-save/search-67x68.svg | 4 +- .../search-and-save/search-none-104x104.svg | 8 +- .../search-and-save/search-none-132x133.svg | 8 +- .../search-and-save/search-none-67x68.svg | 8 +- dist/images/artworks/search-on-map.svg | 52 +- dist/images/artworks/see-more-properties.svg | 106 +- .../artworks/seller-leads/agency-contact.svg | 4 +- .../artworks/seller-leads/confirm-email.svg | 14 +- .../artworks/seller-leads/contact-agent.svg | 24 +- .../seller-leads/describe-property.svg | 24 +- .../artworks/seller-leads/estimation.svg | 10 +- .../artworks/seller-leads/find-agency.svg | 12 +- .../images/artworks/seller-leads/for-sale.svg | 4 +- .../artworks/seller-leads/free-valuation.svg | 2 +- dist/images/artworks/seller-leads/happy.svg | 4 +- .../seller-leads/looking-for-agency.svg | 16 +- .../seller-leads/looking-for-property.svg | 10 +- .../seller-leads/question-property-1.svg | 2 +- .../seller-leads/question-property-2.svg | 12 +- .../seller-leads/question-property-3.svg | 12 +- .../seller-leads/question-property-4.svg | 14 +- .../seller-leads/selling-property.svg | 22 +- dist/images/artworks/steps.svg | 6 +- dist/images/icons-colored/icon-2d.svg | 2 +- dist/images/icons-colored/icon-3d.svg | 2 +- dist/images/icons-colored/icon-agency.svg | 2 +- dist/images/icons-colored/icon-around.svg | 2 +- .../icons-colored/icon-arrow-bottom.svg | 4 +- dist/images/icons-colored/icon-arrow-top.svg | 4 +- dist/images/icons-colored/icon-auction.svg | 10 +- dist/images/icons-colored/icon-calculator.svg | 2 +- dist/images/icons-colored/icon-calendar.svg | 2 +- .../icon-check-circle-filled-16x16.svg | 2 +- .../icon-check-circle-filled.svg | 2 +- .../icon-check-circle-outline.svg | 2 +- .../icons-colored/icon-check-filled.svg | 2 +- .../icons-colored/icon-check-outline.svg | 2 +- .../icons-colored/icon-chevron-down.svg | 2 +- .../icons-colored/icon-chevron-left.svg | 2 +- .../icons-colored/icon-chevron-right.svg | 2 +- dist/images/icons-colored/icon-chevron-up.svg | 2 +- dist/images/icons-colored/icon-close.svg | 2 +- dist/images/icons-colored/icon-cursor.svg | 2 +- .../icons-colored/icon-delete-forever.svg | 2 +- dist/images/icons-colored/icon-delete.svg | 2 +- .../icons-colored/icon-download-cloud.svg | 2 +- dist/images/icons-colored/icon-download.svg | 2 +- .../images/icons-colored/icon-draw-radius.svg | 12 +- dist/images/icons-colored/icon-edit.svg | 2 +- .../icon-error-circle-filled.svg | 2 +- dist/images/icons-colored/icon-euro.svg | 2 +- dist/images/icons-colored/icon-export.svg | 2 +- .../icons-colored/icon-external-link.svg | 2 +- .../icons-colored/icon-facebook-filled.svg | 2 +- .../icons-colored/icon-file-description.svg | 2 +- dist/images/icons-colored/icon-file.svg | 2 +- dist/images/icons-colored/icon-files.svg | 2 +- dist/images/icons-colored/icon-filter.svg | 2 +- dist/images/icons-colored/icon-flag.svg | 2 +- dist/images/icons-colored/icon-forward.svg | 2 +- .../images/icons-colored/icon-free-draw-2.svg | 2 +- dist/images/icons-colored/icon-free-draw.svg | 4 +- .../icons-colored/icon-heart-filled.svg | 2 +- .../icons-colored/icon-heart-outline.svg | 2 +- .../images/icons-colored/icon-help-filled.svg | 2 +- .../icons-colored/icon-help-outline.svg | 2 +- dist/images/icons-colored/icon-history.svg | 2 +- .../images/icons-colored/icon-home-filled.svg | 4 +- .../icons-colored/icon-home-outline.svg | 4 +- .../images/icons-colored/icon-info-filled.svg | 2 +- .../icons-colored/icon-info-outline.svg | 2 +- dist/images/icons-colored/icon-list.svg | 12 +- dist/images/icons-colored/icon-loading.svg | 2 +- dist/images/icons-colored/icon-mail-14x14.svg | 2 +- .../icons-colored/icon-mail-outline.svg | 2 +- dist/images/icons-colored/icon-mail.svg | 2 +- dist/images/icons-colored/icon-map.svg | 2 +- dist/images/icons-colored/icon-menu.svg | 2 +- dist/images/icons-colored/icon-minus.svg | 2 +- .../icons-colored/icon-more-horizontal.svg | 2 +- .../icons-colored/icon-more-vertical.svg | 2 +- .../icons-colored/icon-my-location-ios.svg | 2 +- .../images/icons-colored/icon-my-location.svg | 2 +- .../icons-colored/icon-notifications.svg | 2 +- dist/images/icons-colored/icon-pdf.svg | 2 +- dist/images/icons-colored/icon-phone.svg | 2 +- dist/images/icons-colored/icon-photo.svg | 2 +- dist/images/icons-colored/icon-photos.svg | 2 +- .../icons-colored/icon-placeholder-12x12.svg | 2 +- .../icons-colored/icon-placeholder-16x16.svg | 2 +- .../icons-colored/icon-placeholder-18x18.svg | 2 +- .../icons-colored/icon-placeholder-24x24.svg | 2 +- .../icons-colored/icon-placeholder-48x48.svg | 2 +- dist/images/icons-colored/icon-plus.svg | 2 +- .../icons-colored/icon-portfolio-button.svg | 2 +- dist/images/icons-colored/icon-print.svg | 2 +- dist/images/icons-colored/icon-redo.svg | 2 +- .../icons-colored/icon-refresh-mobile.svg | 2 +- dist/images/icons-colored/icon-refresh.svg | 2 +- dist/images/icons-colored/icon-reply.svg | 2 +- .../images/icons-colored/icon-rotate-left.svg | 2 +- .../icons-colored/icon-rotate-right.svg | 2 +- .../images/icons-colored/icon-save-floppy.svg | 2 +- dist/images/icons-colored/icon-save.svg | 2 +- .../icons-colored/icon-search-filled.svg | 2 +- .../icons-colored/icon-search-outline.svg | 2 +- dist/images/icons-colored/icon-share-ios.svg | 4 +- dist/images/icons-colored/icon-share.svg | 2 +- dist/images/icons-colored/icon-sort.svg | 2 +- dist/images/icons-colored/icon-sparkle.svg | 16 +- .../images/icons-colored/icon-star-filled.svg | 2 +- .../icons-colored/icon-star-hal-filled.svg | 4 +- .../icons-colored/icon-star-outline.svg | 2 +- dist/images/icons-colored/icon-statistics.svg | 6 +- .../images/icons-colored/icon-trendy-down.svg | 2 +- dist/images/icons-colored/icon-trendy-up.svg | 2 +- dist/images/icons-colored/icon-twitter.svg | 2 +- dist/images/icons-colored/icon-undo.svg | 2 +- .../images/icons-colored/icon-user-filled.svg | 2 +- dist/images/icons-colored/icon-user.svg | 2 +- dist/images/icons-colored/icon-video.svg | 2 +- .../icons-colored/icon-virtual-visit.svg | 2 +- .../icons-colored/icon-visibility-off.svg | 2 +- .../icons-colored/icon-visibility-on.svg | 2 +- .../icon-warning-circle-filled.svg | 2 +- .../icon-warning-circle-outline.svg | 2 +- .../icon-warning-critical-filled.svg | 2 +- .../icon-warning-critical-outline.svg | 2 +- dist/images/icons-colored/icon-whatsapp.svg | 2 +- dist/images/icons/icon-arrow-bottom.svg | 2 +- dist/images/icons/icon-arrow-top.svg | 2 +- dist/images/icons/icon-validation-info.svg | 2 +- dist/images/icons/icon-validation-success.svg | 2 +- dist/images/icons/icon-validation-warning.svg | 2 +- .../icons/material/icon-link-external.svg | 2 +- .../icons/material/sprite-link-external.svg | 2 +- dist/images/logos/brand-logo.svg | 16 +- dist/images/logos/immoweb-serenity.svg | 52 +- docs/.vuepress/public/css/serenity.min.css | 2 +- .../account/account-creation-132x132.svg | 18 +- .../account/account-creation-82x82.svg | 18 +- .../account/account-delete-132x132.svg | 8 +- .../artworks/account/account-delete-82x82.svg | 8 +- .../account/account-login-131x131.svg | 18 +- .../artworks/account/account-login-82x82.svg | 18 +- .../account/account-login-pro-128x128.svg | 20 +- .../account/account-login-pro-80x80.svg | 8 +- .../account/account-login-pro-app-66x66.svg | 20 +- .../account/account-login-pro-app-98x98.svg | 22 +- .../account/account-profile-app-100x100.svg | 6 +- .../account/account-profile-app-68x68.svg | 18 +- .../artworks/account/account-profile.svg | 6 +- .../artworks/around-me/around-me-activate.svg | 8 +- .../artworks/around-me/around-me-error.svg | 8 +- .../artworks/around-me/location-pin-error.svg | 8 +- .../artworks/around-me/location-pin.svg | 8 +- .../images/artworks/background-homepage.svg | 44 +- .../artworks/bg-saller-lead-desktop.svg | 50 +- .../images/artworks/bg-saller-lead-mobile.svg | 50 +- .../confirmation/confirmation-celebration.svg | 48 +- .../confirmation/confirmation-checked.svg | 4 +- .../confirmation/confirmation-thanks.svg | 16 +- .../public/images/artworks/draw-on-map.svg | 54 +- .../images/artworks/errors/error-403.svg | 102 +- .../images/artworks/errors/error-404-app.svg | 124 +- .../images/artworks/errors/error-404-new.svg | 124 +- .../images/artworks/errors/error-404.svg | 114 +- .../images/artworks/errors/error-500.svg | 80 +- .../errors/error-immoweb-not-found-app.svg | 34 +- .../errors/error-immoweb-not-found-new.svg | 34 +- .../errors/error-immoweb-not-found.svg | 32 +- .../artworks/errors/error-not-a-robot.svg | 122 +- .../errors/error-under-construction.svg | 40 +- .../funnel/funnel-additional-session.svg | 36 +- .../funnel/funnel-amenities-apartment.svg | 18 +- .../funnel/funnel-amenities-house.svg | 12 +- .../artworks/funnel/funnel-apartment.svg | 14 +- .../artworks/funnel/funnel-armchair.svg | 4 +- .../artworks/funnel/funnel-bathroom.svg | 24 +- .../images/artworks/funnel/funnel-bedroom.svg | 4 +- .../artworks/funnel/funnel-calendar.svg | 4 +- .../funnel/funnel-communication-72x72.svg | 8 +- .../artworks/funnel/funnel-communication.svg | 8 +- .../funnel/funnel-condition-apartment.svg | 16 +- .../funnel/funnel-construction-date.svg | 4 +- .../images/artworks/funnel/funnel-device.svg | 42 +- .../artworks/funnel/funnel-documents.svg | 26 +- .../images/artworks/funnel/funnel-east.svg | 14 +- .../images/artworks/funnel/funnel-email.svg | 8 +- .../funnel/funnel-energy-certificate.svg | 14 +- .../funnel/funnel-estimation-apartment.svg | 16 +- .../funnel/funnel-estimation-house.svg | 8 +- .../funnel/funnel-facade-apartment.svg | 62 +- .../artworks/funnel/funnel-facade-house.svg | 72 +- .../artworks/funnel/funnel-facade-length.svg | 14 +- .../images/artworks/funnel/funnel-facade.svg | 6 +- .../artworks/funnel/funnel-flood-zone.svg | 8 +- .../images/artworks/funnel/funnel-floor.svg | 36 +- .../artworks/funnel/funnel-floors-total.svg | 36 +- .../artworks/funnel/funnel-for-rent.svg | 18 +- .../artworks/funnel/funnel-for-sale.svg | 18 +- .../artworks/funnel/funnel-form-error.svg | 22 +- .../funnel/funnel-form-screen-64x64.svg | 20 +- .../funnel/funnel-form-screen-72x72.svg | 20 +- .../artworks/funnel/funnel-form-search.svg | 18 +- .../images/artworks/funnel/funnel-heating.svg | 14 +- .../artworks/funnel/funnel-higher-bid.svg | 24 +- .../images/artworks/funnel/funnel-house.svg | 6 +- .../images/artworks/funnel/funnel-kitchen.svg | 20 +- .../artworks/funnel/funnel-land-use.svg | 4 +- .../images/artworks/funnel/funnel-land.svg | 4 +- .../artworks/funnel/funnel-life-annuity.svg | 36 +- .../artworks/funnel/funnel-location.svg | 8 +- .../artworks/funnel/funnel-mortgage.svg | 14 +- .../images/artworks/funnel/funnel-north.svg | 14 +- .../artworks/funnel/funnel-orientation.svg | 6 +- .../artworks/funnel/funnel-outdoor-space.svg | 10 +- .../artworks/funnel/funnel-pricemap.svg | 18 +- .../artworks/funnel/funnel-public-auction.svg | 44 +- .../artworks/funnel/funnel-regulation.svg | 20 +- .../images/artworks/funnel/funnel-room.svg | 14 +- .../images/artworks/funnel/funnel-south.svg | 14 +- .../artworks/funnel/funnel-square-m.svg | 14 +- .../funnel/funnel-standing-apartment.svg | 8 +- .../artworks/funnel/funnel-standing-house.svg | 8 +- .../images/artworks/funnel/funnel-terrace.svg | 16 +- .../images/artworks/funnel/funnel-toilet.svg | 6 +- .../artworks/funnel/funnel-valuate-64x64.svg | 14 +- .../artworks/funnel/funnel-valuate-72x72.svg | 12 +- .../artworks/funnel/funnel-valuate-heart.svg | 6 +- .../artworks/funnel/funnel-view-block.svg | 34 +- .../artworks/funnel/funnel-view-clear.svg | 6 +- .../funnel/funnel-view-outstanding.svg | 12 +- .../images/artworks/funnel/funnel-view.svg | 14 +- .../images/artworks/funnel/funnel-west.svg | 14 +- .../artworks/funnel/lp-house-graph-72x72.svg | 8 +- .../images/artworks/funnel/lp-house-graph.svg | 8 +- .../mf-banner-artwork-valuate-72x72.svg | 14 +- .../public/images/artworks/highlight-big.svg | 36 +- .../images/artworks/highlight-medium.svg | 18 +- .../images/artworks/highlight-small.svg | 18 +- .../icons-for-composition/apartment-2.svg | 38 +- .../icons-for-composition/apartment-3.svg | 40 +- .../icons-for-composition/apartment.svg | 22 +- .../artworks/icons-for-composition/boat.svg | 8 +- .../artworks/icons-for-composition/bush-2.svg | 2 +- .../artworks/icons-for-composition/bush-3.svg | 2 +- .../artworks/icons-for-composition/bush.svg | 4 +- .../icons-for-composition/business-2.svg | 16 +- .../icons-for-composition/business-3.svg | 168 +- .../icons-for-composition/business.svg | 34 +- .../artworks/icons-for-composition/garage.svg | 14 +- .../icons-for-composition/house-2.svg | 16 +- .../icons-for-composition/house-3.svg | 16 +- .../icons-for-composition/house-4.svg | 16 +- .../icons-for-composition/house-5.svg | 6 +- .../artworks/icons-for-composition/house.svg | 30 +- .../artworks/icons-for-composition/hut.svg | 6 +- .../icons-for-composition/tree-10.svg | 2 +- .../icons-for-composition/tree-11.svg | 4 +- .../icons-for-composition/tree-12.svg | 4 +- .../icons-for-composition/tree-13.svg | 2 +- .../icons-for-composition/tree-14.svg | 2 +- .../icons-for-composition/tree-15.svg | 8 +- .../icons-for-composition/tree-16.svg | 2 +- .../artworks/icons-for-composition/tree-2.svg | 4 +- .../artworks/icons-for-composition/tree-3.svg | 4 +- .../artworks/icons-for-composition/tree-4.svg | 4 +- .../artworks/icons-for-composition/tree-5.svg | 2 +- .../artworks/icons-for-composition/tree-6.svg | 2 +- .../artworks/icons-for-composition/tree-7.svg | 2 +- .../artworks/icons-for-composition/tree-8.svg | 2 +- .../artworks/icons-for-composition/tree-9.svg | 6 +- .../artworks/icons-for-composition/tree.svg | 4 +- .../icons-for-composition/water-tower.svg | 12 +- .../public/images/artworks/mail-sent.svg | 4 +- .../public/images/artworks/mailbox-locked.svg | 30 +- .../images/artworks/mailbox-new-mail.svg | 24 +- .../images/artworks/mailbox-success.svg | 24 +- .../images/artworks/mailbox-too-full.svg | 62 +- .../artworks/mf-banner-artwork-cities-m.svg | 88 +- .../artworks/mf-banner-artwork-cities-xl.svg | 134 +- .../artworks/mortgage/insurance-banner.svg | 10 +- .../artworks/mortgage/mortgage-banner.svg | 14 +- .../images/artworks/mortgage/people-2.svg | 8 +- .../images/artworks/mortgage/people.svg | 4 +- .../public/images/artworks/my-classifieds.svg | 58 +- .../public/images/artworks/notifications.svg | 18 +- .../public/images/artworks/pin-on-map-3.svg | 2 +- .../public/images/artworks/pin-on-map.svg | 2 +- .../placeholder-adfocus-business-desktop.svg | 194 +-- .../placeholder-adfocus-business-medium.svg | 46 +- ...laceholder-adfocus-business-widescreen.svg | 238 +-- ...laceholder-adfocus-residential-desktop.svg | 56 +- ...placeholder-adfocus-residential-medium.svg | 38 +- ...eholder-adfocus-residential-widescreen.svg | 70 +- .../placeholder-adims-homepage.svg | 58 +- .../placeholders/placeholder-background.svg | 6 +- .../placeholders/placeholder-card.svg | 30 +- .../placeholder-chat-gpt-328x230.svg | 4 +- .../placeholder-chat-gpt-background.svg | 6 +- .../placeholders/placeholder-chat-gpt.svg | 4 +- .../placeholder-view-more-properties.svg | 96 +- .../artworks/property-types/apartment.svg | 30 +- .../artworks/property-types/business.svg | 30 +- .../images/artworks/property-types/garage.svg | 24 +- .../property-types/house-and-apartment.svg | 62 +- .../images/artworks/property-types/house.svg | 26 +- .../artworks/property-types/industry.svg | 44 +- .../images/artworks/property-types/land.svg | 12 +- .../property-types/new-project-apartment.svg | 46 +- .../property-types/new-project-house.svg | 40 +- .../images/artworks/property-types/office.svg | 176 +- .../artworks/property-types/other-2.svg | 28 +- .../images/artworks/property-types/other.svg | 26 +- .../artworks/property-types/tenement.svg | 24 +- .../images/artworks/refine-criteria.svg | 86 +- .../artworks/saved-search-no-properties.svg | 32 +- .../saved-search-no-searches-400-120.svg | 18 +- .../saved-search-no-searches-417x200.svg | 18 +- .../artworks/saved-search-no-searches-app.svg | 20 +- .../artworks/saved-search-no-searches-new.svg | 20 +- .../search-and-save/search-104x104.svg | 4 +- .../artworks/search-and-save/search-67x68.svg | 4 +- .../search-and-save/search-none-104x104.svg | 8 +- .../search-and-save/search-none-132x133.svg | 8 +- .../search-and-save/search-none-67x68.svg | 8 +- .../public/images/artworks/search-on-map.svg | 52 +- .../images/artworks/see-more-properties.svg | 106 +- .../artworks/seller-leads/agency-contact.svg | 4 +- .../artworks/seller-leads/confirm-email.svg | 14 +- .../artworks/seller-leads/contact-agent.svg | 24 +- .../seller-leads/describe-property.svg | 24 +- .../artworks/seller-leads/estimation.svg | 10 +- .../artworks/seller-leads/find-agency.svg | 12 +- .../images/artworks/seller-leads/for-sale.svg | 4 +- .../artworks/seller-leads/free-valuation.svg | 2 +- .../images/artworks/seller-leads/happy.svg | 4 +- .../seller-leads/looking-for-agency.svg | 16 +- .../seller-leads/looking-for-property.svg | 10 +- .../seller-leads/question-property-1.svg | 2 +- .../seller-leads/question-property-2.svg | 12 +- .../seller-leads/question-property-3.svg | 12 +- .../seller-leads/question-property-4.svg | 14 +- .../seller-leads/selling-property.svg | 22 +- .../public/images/artworks/steps.svg | 6 +- .../public/images/icons-colored/icon-2d.svg | 2 +- .../public/images/icons-colored/icon-3d.svg | 2 +- .../images/icons-colored/icon-agency.svg | 2 +- .../images/icons-colored/icon-around.svg | 2 +- .../icons-colored/icon-arrow-bottom.svg | 4 +- .../images/icons-colored/icon-arrow-top.svg | 4 +- .../images/icons-colored/icon-auction.svg | 10 +- .../images/icons-colored/icon-calculator.svg | 2 +- .../images/icons-colored/icon-calendar.svg | 2 +- .../icon-check-circle-filled-16x16.svg | 2 +- .../icon-check-circle-filled.svg | 2 +- .../icon-check-circle-outline.svg | 2 +- .../icons-colored/icon-check-filled.svg | 2 +- .../icons-colored/icon-check-outline.svg | 2 +- .../icons-colored/icon-chevron-down.svg | 2 +- .../icons-colored/icon-chevron-left.svg | 2 +- .../icons-colored/icon-chevron-right.svg | 2 +- .../images/icons-colored/icon-chevron-up.svg | 2 +- .../images/icons-colored/icon-close.svg | 2 +- .../images/icons-colored/icon-cursor.svg | 2 +- .../icons-colored/icon-delete-forever.svg | 2 +- .../images/icons-colored/icon-delete.svg | 2 +- .../icons-colored/icon-download-cloud.svg | 2 +- .../images/icons-colored/icon-download.svg | 2 +- .../images/icons-colored/icon-draw-radius.svg | 12 +- .../public/images/icons-colored/icon-edit.svg | 2 +- .../icon-error-circle-filled.svg | 2 +- .../public/images/icons-colored/icon-euro.svg | 2 +- .../images/icons-colored/icon-export.svg | 2 +- .../icons-colored/icon-external-link.svg | 2 +- .../icons-colored/icon-facebook-filled.svg | 2 +- .../icons-colored/icon-file-description.svg | 2 +- .../public/images/icons-colored/icon-file.svg | 2 +- .../images/icons-colored/icon-files.svg | 2 +- .../images/icons-colored/icon-filter.svg | 2 +- .../public/images/icons-colored/icon-flag.svg | 2 +- .../images/icons-colored/icon-forward.svg | 2 +- .../images/icons-colored/icon-free-draw-2.svg | 2 +- .../images/icons-colored/icon-free-draw.svg | 4 +- .../icons-colored/icon-heart-filled.svg | 2 +- .../icons-colored/icon-heart-outline.svg | 2 +- .../images/icons-colored/icon-help-filled.svg | 2 +- .../icons-colored/icon-help-outline.svg | 2 +- .../images/icons-colored/icon-history.svg | 2 +- .../images/icons-colored/icon-home-filled.svg | 4 +- .../icons-colored/icon-home-outline.svg | 4 +- .../images/icons-colored/icon-info-filled.svg | 2 +- .../icons-colored/icon-info-outline.svg | 2 +- .../public/images/icons-colored/icon-list.svg | 12 +- .../images/icons-colored/icon-loading.svg | 2 +- .../images/icons-colored/icon-mail-14x14.svg | 2 +- .../icons-colored/icon-mail-outline.svg | 2 +- .../public/images/icons-colored/icon-mail.svg | 2 +- .../public/images/icons-colored/icon-map.svg | 2 +- .../public/images/icons-colored/icon-menu.svg | 2 +- .../images/icons-colored/icon-minus.svg | 2 +- .../icons-colored/icon-more-horizontal.svg | 2 +- .../icons-colored/icon-more-vertical.svg | 2 +- .../icons-colored/icon-my-location-ios.svg | 2 +- .../images/icons-colored/icon-my-location.svg | 2 +- .../icons-colored/icon-notifications.svg | 2 +- .../public/images/icons-colored/icon-pdf.svg | 2 +- .../images/icons-colored/icon-phone.svg | 2 +- .../images/icons-colored/icon-photo.svg | 2 +- .../images/icons-colored/icon-photos.svg | 2 +- .../icons-colored/icon-placeholder-12x12.svg | 2 +- .../icons-colored/icon-placeholder-16x16.svg | 2 +- .../icons-colored/icon-placeholder-18x18.svg | 2 +- .../icons-colored/icon-placeholder-24x24.svg | 2 +- .../icons-colored/icon-placeholder-48x48.svg | 2 +- .../public/images/icons-colored/icon-plus.svg | 2 +- .../icons-colored/icon-portfolio-button.svg | 2 +- .../images/icons-colored/icon-print.svg | 2 +- .../public/images/icons-colored/icon-redo.svg | 2 +- .../icons-colored/icon-refresh-mobile.svg | 2 +- .../images/icons-colored/icon-refresh.svg | 2 +- .../images/icons-colored/icon-reply.svg | 2 +- .../images/icons-colored/icon-rotate-left.svg | 2 +- .../icons-colored/icon-rotate-right.svg | 2 +- .../images/icons-colored/icon-save-floppy.svg | 2 +- .../public/images/icons-colored/icon-save.svg | 2 +- .../icons-colored/icon-search-filled.svg | 2 +- .../icons-colored/icon-search-outline.svg | 2 +- .../images/icons-colored/icon-share-ios.svg | 4 +- .../images/icons-colored/icon-share.svg | 2 +- .../public/images/icons-colored/icon-sort.svg | 2 +- .../images/icons-colored/icon-sparkle.svg | 16 +- .../images/icons-colored/icon-star-filled.svg | 2 +- .../icons-colored/icon-star-hal-filled.svg | 4 +- .../icons-colored/icon-star-outline.svg | 2 +- .../images/icons-colored/icon-statistics.svg | 6 +- .../images/icons-colored/icon-trendy-down.svg | 2 +- .../images/icons-colored/icon-trendy-up.svg | 2 +- .../images/icons-colored/icon-twitter.svg | 2 +- .../public/images/icons-colored/icon-undo.svg | 2 +- .../images/icons-colored/icon-user-filled.svg | 2 +- .../public/images/icons-colored/icon-user.svg | 2 +- .../images/icons-colored/icon-video.svg | 2 +- .../icons-colored/icon-virtual-visit.svg | 2 +- .../icons-colored/icon-visibility-off.svg | 2 +- .../icons-colored/icon-visibility-on.svg | 2 +- .../icon-warning-circle-filled.svg | 2 +- .../icon-warning-circle-outline.svg | 2 +- .../icon-warning-critical-filled.svg | 2 +- .../icon-warning-critical-outline.svg | 2 +- .../images/icons-colored/icon-whatsapp.svg | 2 +- .../public/images/icons/icon-arrow-bottom.svg | 2 +- .../public/images/icons/icon-arrow-down.svg | 2 +- .../public/images/icons/icon-arrow-top.svg | 2 +- .../images/icons/icon-validation-info.svg | 2 +- .../images/icons/icon-validation-success.svg | 2 +- .../images/icons/icon-validation-warning.svg | 2 +- .../icon-launch-rounded-link-external.svg | 2 +- .../icons/material/icon-link-external.svg | 2 +- .../public/images/logos/brand-logo.svg | 16 +- .../public/images/logos/immoweb-serenity.svg | 52 +- 651 files changed, 6287 insertions(+), 6757 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 6b73f33a..8ce570ee 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,6 @@ # Changelog -## 3.1.0 - 2024-02-02 +## 3.1.0 - 2024-02-05 ### Changes diff --git a/dist/css/serenity.css b/dist/css/serenity.css index 26d0f23e..49de6f36 100644 --- a/dist/css/serenity.css +++ b/dist/css/serenity.css @@ -60,9 +60,7 @@ *, *:before, *:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } + box-sizing: border-box; } html { font-family: sans-serif; @@ -90,7 +88,7 @@ section { body { margin: 0; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; @@ -102,9 +100,7 @@ body { outline: 0 !important; } hr { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; + box-sizing: content-box; height: 0; overflow: visible; } @@ -260,9 +256,7 @@ select:-moz-focus-inner { input[type="radio"], input[type="checkbox"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; padding: 0; } input[type="date"], @@ -344,12 +338,12 @@ h1, .title--4, h5, .title--5, h6, .title--6 { - font-family: "Montserrat", "Verdana", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Verdana", system-ui, -apple-system, sans-serif; font-weight: 700; } h1, .title--1 { - color: #1c3452; + color: #082479; font-size: 1.5rem; } @media only screen and (min-width: 62rem) { h1, @@ -358,7 +352,7 @@ h1, h2, .title--2 { - color: #1c3452; + color: #082479; font-size: 1.25rem; } @media only screen and (min-width: 62rem) { h2, @@ -367,7 +361,7 @@ h2, h3, .title--3 { - color: #1c3452; + color: #082479; font-size: 1.125rem; } @media only screen and (min-width: 62rem) { h3, @@ -376,7 +370,7 @@ h3, h4, .title--4 { - color: #1c3452; + color: #082479; font-size: 1rem; } @media only screen and (min-width: 62rem) { h4, @@ -385,7 +379,7 @@ h4, h5, .title--5 { - color: #1c3452; + color: #082479; font-size: 0.875rem; } @media only screen and (min-width: 62rem) { h5, @@ -394,11 +388,11 @@ h5, h6, .title--6 { - color: #1c3452; + color: #082479; font-size: 0.8125rem; } .dark { - color: #1c3452; } + color: #082479; } small, .small, @@ -407,7 +401,7 @@ small, .small--dark, .small--xs--dark { - color: #1c3452; } + color: #082479; } .small--xs, .small--xs--primary, @@ -415,17 +409,16 @@ small, font-size: 0.8125rem; } a { - color: #3f6da7; + color: #133DBD; font-weight: 400; text-decoration: underline; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { - color: #28476d; } + color: #1542C9; } a:focus, a:active { outline: none; - -webkit-box-shadow: 0 0 0.125rem #3f6da7, inset 0 0 0.125rem #3f6da7; - box-shadow: 0 0 0.125rem #3f6da7, inset 0 0 0.125rem #3f6da7; } + box-shadow: 0 0 0.125rem #133DBD, inset 0 0 0.125rem #133DBD; } a:not([href]):not([tabindex]) { color: inherit; @@ -462,6 +455,21 @@ a:not([href]):not([tabindex]) { .text-bold { font-weight: 700; } +/* Gratimo Grotesk */ +@font-face { + font-family: "Gratimo Grotesk"; + src: url("../fonts/gratimo-grotesk-regular.woff2") format("woff2"), url("../fonts/gratimo-grotesk-regular.woff") format("woff"); + font-weight: 400; + font-style: normal; + font-display: swap; } + +@font-face { + font-family: "Gratimo Grotesk"; + src: url("../fonts/gratimo-grotesk-bold.woff2") format("woff2"), url("../fonts/gratimo-grotesk-bold.woff") format("woff"); + font-weight: 700; + font-style: normal; + font-display: swap; } + /*------------------------------------*\ > Layout.scss Define all general rules for layout component (container, etc) @@ -507,9 +515,6 @@ body { .container--top-navigation, .container--top-navigation-submenu { width: 60rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 75rem) { .container--top-navigation, @@ -518,14 +523,8 @@ body { @media only screen and (min-width: 62rem) { .container--top-navigation { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } } + align-items: center; + justify-content: space-between; } } @media only screen and (min-width: 62rem) { .container--top-navigation-submenu { @@ -543,124 +542,72 @@ body { * */ .grid { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; margin-left: -1.25rem; padding: 0; width: calc(100% + 1.25rem); list-style-type: none; } .grid--centered { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } + justify-content: space-between; + align-items: center; } .grid__item { padding-left: 1.25rem; width: 100%; max-width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; } + flex: 0 0 100%; } .grid__item--centered { - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; } + align-self: center; } .x-small--1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 8.333%; - -ms-flex: 0 0 8.333%; - flex: 0 0 8.333%; + flex: 0 0 8.333%; max-width: 8.333%; } .x-small--2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 16.666%; - -ms-flex: 0 0 16.666%; - flex: 0 0 16.666%; + flex: 0 0 16.666%; max-width: 16.666%; } .x-small--3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; + flex: 0 0 25%; max-width: 25%; } .x-small--4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.333%; - -ms-flex: 0 0 33.333%; - flex: 0 0 33.333%; + flex: 0 0 33.333%; max-width: 33.333%; } .x-small--5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.666%; - -ms-flex: 0 0 41.666%; - flex: 0 0 41.666%; + flex: 0 0 41.666%; max-width: 41.666%; } .x-small--6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + flex: 0 0 50%; max-width: 50%; } .x-small--7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.333%; - -ms-flex: 0 0 58.333%; - flex: 0 0 58.333%; + flex: 0 0 58.333%; max-width: 58.333%; } .x-small--8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.666%; - -ms-flex: 0 0 66.666%; - flex: 0 0 66.666%; + flex: 0 0 66.666%; max-width: 66.666%; } .x-small--9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; + flex: 0 0 75%; max-width: 75%; } .x-small--10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.333%; - -ms-flex: 0 0 83.333%; - flex: 0 0 83.333%; + flex: 0 0 83.333%; max-width: 83.333%; } .x-small--11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.666%; - -ms-flex: 0 0 91.666%; - flex: 0 0 91.666%; + flex: 0 0 91.666%; max-width: 91.666%; } .x-small--12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } .x-small--push--1 { @@ -736,107 +683,53 @@ body { margin-right: 100%; } .x-small--horizontal--end { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .x-small--horizontal--center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .x-small--vertical--centered { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } + align-items: center; } @media only screen and (max-width: 35.93rem) { .x-small--1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 8.333%; - -ms-flex: 0 0 8.333%; - flex: 0 0 8.333%; + flex: 0 0 8.333%; max-width: 8.333%; } .x-small--2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 16.666%; - -ms-flex: 0 0 16.666%; - flex: 0 0 16.666%; + flex: 0 0 16.666%; max-width: 16.666%; } .x-small--3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; + flex: 0 0 25%; max-width: 25%; } .x-small--4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.333%; - -ms-flex: 0 0 33.333%; - flex: 0 0 33.333%; + flex: 0 0 33.333%; max-width: 33.333%; } .x-small--5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.666%; - -ms-flex: 0 0 41.666%; - flex: 0 0 41.666%; + flex: 0 0 41.666%; max-width: 41.666%; } .x-small--6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + flex: 0 0 50%; max-width: 50%; } .x-small--7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.333%; - -ms-flex: 0 0 58.333%; - flex: 0 0 58.333%; + flex: 0 0 58.333%; max-width: 58.333%; } .x-small--8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.666%; - -ms-flex: 0 0 66.666%; - flex: 0 0 66.666%; + flex: 0 0 66.666%; max-width: 66.666%; } .x-small--9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; + flex: 0 0 75%; max-width: 75%; } .x-small--10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.333%; - -ms-flex: 0 0 83.333%; - flex: 0 0 83.333%; + flex: 0 0 83.333%; max-width: 83.333%; } .x-small--11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.666%; - -ms-flex: 0 0 91.666%; - flex: 0 0 91.666%; + flex: 0 0 91.666%; max-width: 91.666%; } .x-small--12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } .x-small--push--1 { margin-left: 8.333%; } @@ -887,105 +780,51 @@ body { .x-small--pull--12 { margin-right: 100%; } .x-small--horizontal--end { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .x-small--horizontal--center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .x-small--vertical--centered { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } } + align-items: center; } } @media only screen and (min-width: 36rem) { .small--1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 8.333%; - -ms-flex: 0 0 8.333%; - flex: 0 0 8.333%; + flex: 0 0 8.333%; max-width: 8.333%; } .small--2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 16.666%; - -ms-flex: 0 0 16.666%; - flex: 0 0 16.666%; + flex: 0 0 16.666%; max-width: 16.666%; } .small--3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; + flex: 0 0 25%; max-width: 25%; } .small--4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.333%; - -ms-flex: 0 0 33.333%; - flex: 0 0 33.333%; + flex: 0 0 33.333%; max-width: 33.333%; } .small--5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.666%; - -ms-flex: 0 0 41.666%; - flex: 0 0 41.666%; + flex: 0 0 41.666%; max-width: 41.666%; } .small--6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + flex: 0 0 50%; max-width: 50%; } .small--7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.333%; - -ms-flex: 0 0 58.333%; - flex: 0 0 58.333%; + flex: 0 0 58.333%; max-width: 58.333%; } .small--8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.666%; - -ms-flex: 0 0 66.666%; - flex: 0 0 66.666%; + flex: 0 0 66.666%; max-width: 66.666%; } .small--9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; + flex: 0 0 75%; max-width: 75%; } .small--10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.333%; - -ms-flex: 0 0 83.333%; - flex: 0 0 83.333%; + flex: 0 0 83.333%; max-width: 83.333%; } .small--11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.666%; - -ms-flex: 0 0 91.666%; - flex: 0 0 91.666%; + flex: 0 0 91.666%; max-width: 91.666%; } .small--12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } .small--push--1 { margin-left: 8.333%; } @@ -1036,105 +875,51 @@ body { .small--pull--12 { margin-right: 100%; } .small--horizontal--end { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .small--horizontal--center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .small--vertical--centered { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } } + align-items: center; } } @media only screen and (min-width: 48rem) { .medium--1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 8.333%; - -ms-flex: 0 0 8.333%; - flex: 0 0 8.333%; + flex: 0 0 8.333%; max-width: 8.333%; } .medium--2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 16.666%; - -ms-flex: 0 0 16.666%; - flex: 0 0 16.666%; + flex: 0 0 16.666%; max-width: 16.666%; } .medium--3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; + flex: 0 0 25%; max-width: 25%; } .medium--4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.333%; - -ms-flex: 0 0 33.333%; - flex: 0 0 33.333%; + flex: 0 0 33.333%; max-width: 33.333%; } .medium--5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.666%; - -ms-flex: 0 0 41.666%; - flex: 0 0 41.666%; + flex: 0 0 41.666%; max-width: 41.666%; } .medium--6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + flex: 0 0 50%; max-width: 50%; } .medium--7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.333%; - -ms-flex: 0 0 58.333%; - flex: 0 0 58.333%; + flex: 0 0 58.333%; max-width: 58.333%; } .medium--8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.666%; - -ms-flex: 0 0 66.666%; - flex: 0 0 66.666%; + flex: 0 0 66.666%; max-width: 66.666%; } .medium--9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; + flex: 0 0 75%; max-width: 75%; } .medium--10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.333%; - -ms-flex: 0 0 83.333%; - flex: 0 0 83.333%; + flex: 0 0 83.333%; max-width: 83.333%; } .medium--11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.666%; - -ms-flex: 0 0 91.666%; - flex: 0 0 91.666%; + flex: 0 0 91.666%; max-width: 91.666%; } .medium--12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } .medium--push--1 { margin-left: 8.333%; } @@ -1185,105 +970,51 @@ body { .medium--pull--12 { margin-right: 100%; } .medium--horizontal--end { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .medium--horizontal--center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .medium--vertical--centered { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } } + align-items: center; } } @media only screen and (min-width: 62rem) { .desktop--1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 8.333%; - -ms-flex: 0 0 8.333%; - flex: 0 0 8.333%; + flex: 0 0 8.333%; max-width: 8.333%; } .desktop--2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 16.666%; - -ms-flex: 0 0 16.666%; - flex: 0 0 16.666%; + flex: 0 0 16.666%; max-width: 16.666%; } .desktop--3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; + flex: 0 0 25%; max-width: 25%; } .desktop--4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.333%; - -ms-flex: 0 0 33.333%; - flex: 0 0 33.333%; + flex: 0 0 33.333%; max-width: 33.333%; } .desktop--5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.666%; - -ms-flex: 0 0 41.666%; - flex: 0 0 41.666%; + flex: 0 0 41.666%; max-width: 41.666%; } .desktop--6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + flex: 0 0 50%; max-width: 50%; } .desktop--7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.333%; - -ms-flex: 0 0 58.333%; - flex: 0 0 58.333%; + flex: 0 0 58.333%; max-width: 58.333%; } .desktop--8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.666%; - -ms-flex: 0 0 66.666%; - flex: 0 0 66.666%; + flex: 0 0 66.666%; max-width: 66.666%; } .desktop--9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; + flex: 0 0 75%; max-width: 75%; } .desktop--10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.333%; - -ms-flex: 0 0 83.333%; - flex: 0 0 83.333%; + flex: 0 0 83.333%; max-width: 83.333%; } .desktop--11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.666%; - -ms-flex: 0 0 91.666%; - flex: 0 0 91.666%; + flex: 0 0 91.666%; max-width: 91.666%; } .desktop--12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } .desktop--push--1 { margin-left: 8.333%; } @@ -1334,105 +1065,51 @@ body { .desktop--pull--12 { margin-right: 100%; } .desktop--horizontal--end { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .desktop--horizontal--center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .desktop--vertical--centered { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } } + align-items: center; } } @media only screen and (min-width: 75rem) { .widescreen--1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 8.333%; - -ms-flex: 0 0 8.333%; - flex: 0 0 8.333%; + flex: 0 0 8.333%; max-width: 8.333%; } .widescreen--2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 16.666%; - -ms-flex: 0 0 16.666%; - flex: 0 0 16.666%; + flex: 0 0 16.666%; max-width: 16.666%; } .widescreen--3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; + flex: 0 0 25%; max-width: 25%; } .widescreen--4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.333%; - -ms-flex: 0 0 33.333%; - flex: 0 0 33.333%; + flex: 0 0 33.333%; max-width: 33.333%; } .widescreen--5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.666%; - -ms-flex: 0 0 41.666%; - flex: 0 0 41.666%; + flex: 0 0 41.666%; max-width: 41.666%; } .widescreen--6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + flex: 0 0 50%; max-width: 50%; } .widescreen--7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.333%; - -ms-flex: 0 0 58.333%; - flex: 0 0 58.333%; + flex: 0 0 58.333%; max-width: 58.333%; } .widescreen--8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.666%; - -ms-flex: 0 0 66.666%; - flex: 0 0 66.666%; + flex: 0 0 66.666%; max-width: 66.666%; } .widescreen--9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; + flex: 0 0 75%; max-width: 75%; } .widescreen--10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.333%; - -ms-flex: 0 0 83.333%; - flex: 0 0 83.333%; + flex: 0 0 83.333%; max-width: 83.333%; } .widescreen--11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.666%; - -ms-flex: 0 0 91.666%; - flex: 0 0 91.666%; + flex: 0 0 91.666%; max-width: 91.666%; } .widescreen--12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; max-width: 100%; } .widescreen--push--1 { margin-left: 8.333%; } @@ -1483,32 +1160,14 @@ body { .widescreen--pull--12 { margin-right: 100%; } .widescreen--horizontal--end { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; } + justify-content: flex-end; } .widescreen--horizontal--center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; } + justify-content: center; } .widescreen--vertical--centered { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; } } + align-items: center; } } /*------------------------------------*\ > Button @@ -1547,7 +1206,7 @@ body { pointer-events: none; color: #a6a6a6; } @media only screen and (min-width: 62rem) { - + .button:disabled, .button[aria-disabled="true"], .button.button-disabled { @@ -1558,49 +1217,46 @@ body { .button--primary { position: relative; padding: 0.5625rem 1.25rem; - background-color: #0022CD; - color: #fff; - border: 1px solid #0022CD; + background-color: #65D78D; + color: #082479; + border: 1px solid #65D78D; border-radius: 1.375rem; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 1rem; font-weight: 700; - -webkit-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - -o-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } - + .button--primary:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) { - background-color: #667AE1; - border-color: #667AE1; } - + background-color: #9be5b5; + border-color: #9be5b5; } + .button--primary:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--primary:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--primary.button--active { outline: none; border-radius: 1.375rem; - border-color: #00168A; - -webkit-box-shadow: 0 0 0 1px #00168A; - box-shadow: 0 0 0 1px #00168A; } - + border-color: #082479; + box-shadow: 0 0 0 1px #082479; } + .button--primary:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]):only-child, .button--primary:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]):only-child, .button--primary.button--active:only-child { margin: 0; } - + .button--primary:disabled, .button--primary[disabled="disabled"], .button--primary[aria-disabled="true"], .button--primary.button-disabled { background-color: #f2f2f2; border-color: #f2f2f2; } - + .button--primary .button__icon { display: inline-block; line-height: 100%; vertical-align: middle; margin-left: -0.25rem; margin-right: 0.125rem; - fill: #fff; + fill: #082479; width: 1.125rem; height: 1.125rem; } @@ -1608,49 +1264,46 @@ body { .button--primary--dark { position: relative; padding: 0.5625rem 1.25rem; - background-color: #65d78d; - color: #1c3452; - border: 1px solid #65d78d; + background-color: #65D78D; + color: #082479; + border: 1px solid #65D78D; border-radius: 1.375rem; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 1rem; font-weight: 700; - -webkit-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - -o-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } - + .button--primary--dark:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) { background-color: #9be5b5; border-color: #9be5b5; } - + .button--primary--dark:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--primary--dark:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--primary--dark.button--active { outline: none; border-radius: 1.375rem; border-color: #fff; - -webkit-box-shadow: 0 0 0 1px #fff; - box-shadow: 0 0 0 1px #fff; } - + box-shadow: 0 0 0 1px #fff; } + .button--primary--dark:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]):only-child, .button--primary--dark:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]):only-child, .button--primary--dark.button--active:only-child { margin: 0; } - + .button--primary--dark:disabled, .button--primary--dark[disabled="disabled"], .button--primary--dark[aria-disabled="true"], .button--primary--dark.button-disabled { background-color: #f2f2f2; border-color: #f2f2f2; } - + .button--primary--dark .button__icon { display: inline-block; line-height: 100%; vertical-align: middle; margin-left: -0.25rem; margin-right: 0.125rem; - fill: #1c3452; + fill: #082479; width: 1.125rem; height: 1.125rem; } @@ -1659,48 +1312,45 @@ body { position: relative; padding: 0.5625rem 1.25rem; background-color: #ebca73; - color: #1c3452; + color: #082479; border: 1px solid #ebca73; border-radius: 1.375rem; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 1rem; font-weight: 700; - -webkit-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - -o-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } - + .button--primary--masquerade:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) { background-color: #f2dda4; border-color: #f2dda4; } - + .button--primary--masquerade:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--primary--masquerade:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--primary--masquerade.button--active { outline: none; border-radius: 1.375rem; - border-color: #1c3452; - -webkit-box-shadow: 0 0 0 1px #1c3452; - box-shadow: 0 0 0 1px #1c3452; } - + border-color: #082479; + box-shadow: 0 0 0 1px #082479; } + .button--primary--masquerade:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]):only-child, .button--primary--masquerade:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]):only-child, .button--primary--masquerade.button--active:only-child { margin: 0; } - + .button--primary--masquerade:disabled, .button--primary--masquerade[disabled="disabled"], .button--primary--masquerade[aria-disabled="true"], .button--primary--masquerade.button-disabled { background-color: #f2f2f2; border-color: #f2f2f2; } - + .button--primary--masquerade .button__icon { display: inline-block; line-height: 100%; vertical-align: middle; margin-left: -0.25rem; margin-right: 0.125rem; - fill: #1c3452; + fill: #082479; width: 1.125rem; height: 1.125rem; } @@ -1709,16 +1359,14 @@ body { position: relative; padding: 0.5625rem 1.25rem; background-color: transparent; - border: 1px solid #0022CD; + border: 1px solid #65D78D; border-radius: 1.375rem; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 1rem; font-weight: 700; - -webkit-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - -o-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - color: #00168A; } - + color: #082479; } + .button--secondary .button__icon { display: inline-block; line-height: 100%; @@ -1727,36 +1375,34 @@ body { margin-right: 0.125rem; width: 1.125rem; height: 1.125rem; - fill: #00168A; } - + fill: #082479; } + .button--secondary .button__icon:only-child { margin: 0; } - + .button--secondary:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) { - border-color: #0022CD; - background-color: #E8EBFB; } - + border-color: #65D78D; + background-color: #eefbf2; } + .button--secondary:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--secondary:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--secondary.button--active { outline: none; - -webkit-box-shadow: none; - box-shadow: none; - border-color: #28476d; - -webkit-box-shadow: 0 0 0 1px #28476d; - box-shadow: 0 0 0 1px #28476d; } - + box-shadow: none; + border-color: #1542C9; + box-shadow: 0 0 0 1px #1542C9; } + .button--secondary:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon, .button--secondary:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon, .button--secondary.button--active .button__icon { - fill: #00168A; } - + fill: #082479; } + .button--secondary:disabled, .button--secondary[disabled="disabled"], .button--secondary[aria-disabled="true"], .button--secondary.button-disabled { border-color: #f2f2f2; } - + .button--secondary:disabled .button__icon, .button--secondary[disabled="disabled"] .button__icon, .button--secondary[aria-disabled="true"] .button__icon, @@ -1768,16 +1414,14 @@ body { position: relative; padding: 0.5625rem 1.25rem; background-color: transparent; - border: 1px solid #65d78d; + border: 1px solid #65D78D; border-radius: 1.375rem; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 1rem; font-weight: 700; - -webkit-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - -o-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - color: #65d78d; } - + color: #65D78D; } + .button--secondary--dark .button__icon { display: inline-block; line-height: 100%; @@ -1786,36 +1430,34 @@ body { margin-right: 0.125rem; width: 1.125rem; height: 1.125rem; - fill: #65d78d; } - + fill: #65D78D; } + .button--secondary--dark .button__icon:only-child { margin: 0; } - + .button--secondary--dark:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) { - border-color: #65d78d; + border-color: #65D78D; background-color: rgba(101, 215, 141, 0.3); } - + .button--secondary--dark:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--secondary--dark:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--secondary--dark.button--active { outline: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border-color: #fff; - -webkit-box-shadow: 0 0 0 1px #fff; - box-shadow: 0 0 0 1px #fff; } - + box-shadow: 0 0 0 1px #fff; } + .button--secondary--dark:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon, .button--secondary--dark:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon, .button--secondary--dark.button--active .button__icon { fill: #fff; } - + .button--secondary--dark:disabled, .button--secondary--dark[disabled="disabled"], .button--secondary--dark[aria-disabled="true"], .button--secondary--dark.button-disabled { border-color: #f2f2f2; } - + .button--secondary--dark:disabled .button__icon, .button--secondary--dark[disabled="disabled"] .button__icon, .button--secondary--dark[aria-disabled="true"] .button__icon, @@ -1829,14 +1471,12 @@ body { background-color: transparent; border: 1px solid #ebca73; border-radius: 1.375rem; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 1rem; font-weight: 700; - -webkit-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - -o-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - color: #1c3452; } - + color: #082479; } + .button--secondary--masquerade .button__icon { display: inline-block; line-height: 100%; @@ -1845,36 +1485,34 @@ body { margin-right: 0.125rem; width: 1.125rem; height: 1.125rem; - fill: #1c3452; } - + fill: #082479; } + .button--secondary--masquerade .button__icon:only-child { margin: 0; } - + .button--secondary--masquerade:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) { border-color: #ebca73; background-color: #fdf9f0; } - + .button--secondary--masquerade:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--secondary--masquerade:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--secondary--masquerade.button--active { outline: none; - -webkit-box-shadow: none; - box-shadow: none; - border-color: #28476d; - -webkit-box-shadow: 0 0 0 1px #28476d; - box-shadow: 0 0 0 1px #28476d; } - + box-shadow: none; + border-color: #1542C9; + box-shadow: 0 0 0 1px #1542C9; } + .button--secondary--masquerade:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon, .button--secondary--masquerade:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon, .button--secondary--masquerade.button--active .button__icon { - fill: #1c3452; } - + fill: #082479; } + .button--secondary--masquerade:disabled, .button--secondary--masquerade[disabled="disabled"], .button--secondary--masquerade[aria-disabled="true"], .button--secondary--masquerade.button-disabled { border-color: #f2f2f2; } - + .button--secondary--masquerade:disabled .button__icon, .button--secondary--masquerade[disabled="disabled"] .button__icon, .button--secondary--masquerade[aria-disabled="true"] .button__icon, @@ -1887,15 +1525,13 @@ body { padding: 0.5625rem 1.25rem; background-color: transparent; border-radius: 1.375rem; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 1rem; font-weight: 700; - -webkit-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - -o-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - color: #0022CD; - border: 1px solid #667AE1; } - + color: #133DBD; + border: 1px solid #315ED1; } + .button--tertiary .button__icon { display: inline-block; line-height: 100%; @@ -1904,39 +1540,37 @@ body { margin-right: 0.125rem; width: 1.125rem; height: 1.125rem; - fill: #0022CD; } - + fill: #133DBD; } + .button--tertiary .button__icon:only-child { margin: 0; } - + .button--tertiary:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) { outline: none; - background-color: #E8EBFB; } - + background-color: #E4EAF5; } + .button--tertiary:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon { - fill: #0022CD; } - + fill: #133DBD; } + .button--tertiary:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--tertiary:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--tertiary.button--active { outline: none; - -webkit-box-shadow: none; - box-shadow: none; - border-color: #00168A; - -webkit-box-shadow: 0 0 0 1px #00168A; - box-shadow: 0 0 0 1px #00168A; } - + box-shadow: none; + border-color: #1542C9; + box-shadow: 0 0 0 1px #1542C9; } + .button--tertiary:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon, .button--tertiary:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon, .button--tertiary.button--active .button__icon { - fill: #0022CD; } - + fill: #133DBD; } + .button--tertiary:disabled, .button--tertiary[disabled="disabled"], .button--tertiary[aria-disabled="true"], .button--tertiary.button-disabled { border-color: #f2f2f2; } - + .button--tertiary:disabled .button__icon, .button--tertiary[disabled="disabled"] .button__icon, .button--tertiary[aria-disabled="true"] .button__icon, @@ -1949,15 +1583,13 @@ body { padding: 0.5625rem 1.25rem; background-color: transparent; border-radius: 1.375rem; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 1rem; font-weight: 700; - -webkit-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - -o-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); color: #fff; border: 1px solid #fff; } - + .button--tertiary--dark .button__icon { display: inline-block; line-height: 100%; @@ -1967,38 +1599,36 @@ body { width: 1.125rem; height: 1.125rem; fill: #fff; } - + .button--tertiary--dark .button__icon:only-child { margin: 0; } - + .button--tertiary--dark:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) { outline: none; background-color: rgba(63, 109, 167, 0.35); } - + .button--tertiary--dark:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon { fill: #fff; } - + .button--tertiary--dark:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--tertiary--dark:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--tertiary--dark.button--active { outline: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border-color: #fff; - -webkit-box-shadow: 0 0 0 1px #fff; - box-shadow: 0 0 0 1px #fff; } - + box-shadow: 0 0 0 1px #fff; } + .button--tertiary--dark:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon, .button--tertiary--dark:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon, .button--tertiary--dark.button--active .button__icon { fill: #fff; } - + .button--tertiary--dark:disabled, .button--tertiary--dark[disabled="disabled"], .button--tertiary--dark[aria-disabled="true"], .button--tertiary--dark.button-disabled { border-color: #f2f2f2; } - + .button--tertiary--dark:disabled .button__icon, .button--tertiary--dark[disabled="disabled"] .button__icon, .button--tertiary--dark[aria-disabled="true"] .button__icon, @@ -2011,15 +1641,13 @@ body { padding: 0.5625rem 1.25rem; background-color: transparent; border-radius: 1.375rem; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 1rem; font-weight: 700; - -webkit-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - -o-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - color: #3f6da7; + color: #133DBD; border: 1px solid #a68f52; } - + .button--tertiary--masquerade .button__icon { display: inline-block; line-height: 100%; @@ -2028,39 +1656,37 @@ body { margin-right: 0.125rem; width: 1.125rem; height: 1.125rem; - fill: #3f6da7; } - + fill: #133DBD; } + .button--tertiary--masquerade .button__icon:only-child { margin: 0; } - + .button--tertiary--masquerade:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) { outline: none; background-color: #fdf9f0; } - + .button--tertiary--masquerade:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon { - fill: #3f6da7; } - + fill: #133DBD; } + .button--tertiary--masquerade:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--tertiary--masquerade:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--tertiary--masquerade.button--active { outline: none; - -webkit-box-shadow: none; - box-shadow: none; - border-color: #28476d; - -webkit-box-shadow: 0 0 0 1px #28476d; - box-shadow: 0 0 0 1px #28476d; } - + box-shadow: none; + border-color: #1542C9; + box-shadow: 0 0 0 1px #1542C9; } + .button--tertiary--masquerade:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon, .button--tertiary--masquerade:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon, .button--tertiary--masquerade.button--active .button__icon { - fill: #3f6da7; } - + fill: #133DBD; } + .button--tertiary--masquerade:disabled, .button--tertiary--masquerade[disabled="disabled"], .button--tertiary--masquerade[aria-disabled="true"], .button--tertiary--masquerade.button-disabled { border-color: #f2f2f2; } - + .button--tertiary--masquerade:disabled .button__icon, .button--tertiary--masquerade[disabled="disabled"] .button__icon, .button--tertiary--masquerade[aria-disabled="true"] .button__icon, @@ -2074,48 +1700,47 @@ body { background-color: transparent; border: 0; font-size: 1rem; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-weight: 700; - color: #3f6da7; } - + color: #133DBD; } + .button--text .button__icon { width: 1.125rem; height: 1.125rem; - fill: #3f6da7; } - + fill: #133DBD; } + .button--text .button__icon:only-child { margin: 0; } - + .button--text:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) { - color: #28476d; } - + color: #1542C9; } + .button--text:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon { - fill: #28476d; } - + fill: #1542C9; } + .button--text:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--text:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--text.button--active { outline: none; - -webkit-box-shadow: 0 0 0.125rem #3f6da7, inset 0 0 0.125rem #3f6da7; - box-shadow: 0 0 0.125rem #3f6da7, inset 0 0 0.125rem #3f6da7; } - + box-shadow: 0 0 0.125rem #133DBD, inset 0 0 0.125rem #133DBD; } + .button--text .button__label { text-decoration: underline; margin-left: 0.25rem; margin-right: 0.25rem; text-align: left; } - + .button--text.button--size-small { font-size: 0.875rem; padding-top: 0; padding-bottom: 0; } - + .button--text:disabled, .button--text[disabled="disabled"], .button--text[aria-disabled="true"], .button--text.button-disabled { border-color: #f2f2f2; } - + .button--text:disabled .button__icon, .button--text[disabled="disabled"] .button__icon, .button--text[aria-disabled="true"] .button__icon, @@ -2129,48 +1754,47 @@ body { background-color: transparent; border: 0; font-size: 1rem; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-weight: 700; color: #fff; } - + .button--text--dark .button__icon { width: 1.125rem; height: 1.125rem; fill: #fff; } - + .button--text--dark .button__icon:only-child { margin: 0; } - + .button--text--dark:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) { - color: #c4d3e4; } - + color: #A8BEEA; } + .button--text--dark:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) .button__icon { - fill: #c4d3e4; } - + fill: #A8BEEA; } + .button--text--dark:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--text--dark:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--text--dark.button--active { outline: none; - -webkit-box-shadow: 0 0 0.125rem #c4d3e4, inset 0 0 0.125rem #c4d3e4; - box-shadow: 0 0 0.125rem #c4d3e4, inset 0 0 0.125rem #c4d3e4; } - + box-shadow: 0 0 0.125rem #A8BEEA, inset 0 0 0.125rem #A8BEEA; } + .button--text--dark .button__label { text-decoration: underline; margin-left: 0.25rem; margin-right: 0.25rem; text-align: left; } - + .button--text--dark.button--size-small { font-size: 0.875rem; padding-top: 0; padding-bottom: 0; } - + .button--text--dark:disabled, .button--text--dark[disabled="disabled"], .button--text--dark[aria-disabled="true"], .button--text--dark.button-disabled { border-color: #f2f2f2; } - + .button--text--dark:disabled .button__icon, .button--text--dark[disabled="disabled"] .button__icon, .button--text--dark[aria-disabled="true"] .button__icon, @@ -2182,48 +1806,45 @@ body { position: relative; padding: 0.5625rem 1.25rem; background-color: #3cbcfc; - color: #fff; + color: #082479; border: 1px solid #3cbcfc; border-radius: 1.375rem; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 1rem; font-weight: 700; - -webkit-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - -o-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } - + .button--bright:hover:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]) { - background-color: #667AE1; - border-color: #667AE1; } - + background-color: #9be5b5; + border-color: #9be5b5; } + .button--bright:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--bright:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]), .button--bright.button--active { outline: none; border-radius: 1.375rem; - border-color: #00168A; - -webkit-box-shadow: 0 0 0 1px #00168A; - box-shadow: 0 0 0 1px #00168A; } - + border-color: #082479; + box-shadow: 0 0 0 1px #082479; } + .button--bright:focus:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]):only-child, .button--bright:active:not([disabled="disabled"]):not(.button-disabled):not([aria-disabled="true"]):only-child, .button--bright.button--active:only-child { margin: 0; } - + .button--bright:disabled, .button--bright[disabled="disabled"], .button--bright[aria-disabled="true"], .button--bright.button-disabled { background-color: #f2f2f2; border-color: #f2f2f2; } - + .button--bright .button__icon { display: inline-block; line-height: 100%; vertical-align: middle; margin-left: -0.25rem; margin-right: 0.125rem; - fill: #fff; + fill: #082479; width: 1.125rem; height: 1.125rem; } @@ -2237,7 +1858,7 @@ body { border: 0; padding: 0; cursor: pointer; } - + .button--transparent:disabled, .button--transparent[disabled="disabled"], .button--transparent[aria-disabled="true"], @@ -2277,35 +1898,20 @@ body { .input--text { line-height: 2.375rem; padding: 0 0.75rem; - border: 1px solid #6288b9; + border: 1px solid #315ED1; border-radius: 0.5rem; font-size: 1rem; - color: #28476d; + color: #1542C9; outline: none; width: 100%; min-height: 2.5rem; - background-color: #f7f9fb; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; } + background-color: #F3F5FA; + appearance: none; } .input--text:focus { - border-color: #28476d; - -webkit-box-shadow: 0 0 0 1px #28476d; - box-shadow: 0 0 0 1px #28476d; } - .input--text::-webkit-input-placeholder { - color: #6288b9; } - .input--text::-moz-placeholder { - color: #6288b9; } - .input--text:-ms-input-placeholder { - color: #6288b9; } - .input--text::-ms-input-placeholder { - color: #6288b9; } + border-color: #1542C9; + box-shadow: 0 0 0 1px #1542C9; } .input--text::placeholder { - color: #6288b9; } - -input.input--text:-moz-read-only { - background: #f2f2f2; - border-color: #63697d; } + color: #315ED1; } input.input--text:read-only, input.input--text:disabled { background: #f2f2f2; @@ -2316,23 +1922,20 @@ input.input--text:disabled { .input--text[type="number"]::-webkit-inner-spin-button, .input--text[type="number"]::-webkit-outer-spin-button { - -webkit-appearance: none; - appearance: none; + appearance: none; margin: 0; } .input--text[type="number"] { - -webkit-appearance: textfield; - -moz-appearance: textfield; - appearance: textfield; } + appearance: textfield; } /*------------------------------------*\ > Input Textarea \*------------------------------------*/ .input--textarea { display: block; - border: 1px solid #6288b9; + border: 1px solid #315ED1; border-radius: 0.5rem; - background: #f7f9fb; + background: #F3F5FA; width: 100%; outline: none; padding: 0.25rem 0.5rem 1rem; @@ -2340,27 +1943,14 @@ input.input--text:disabled { height: auto; min-height: 6.25rem; overflow: hidden; - color: #28476d; + color: #1542C9; font-size: 1rem; line-height: 1.375rem; } .input--textarea:focus { - border-color: #28476d; - -webkit-box-shadow: 0 0 0 1px #28476d; - box-shadow: 0 0 0 1px #28476d; } - .input--textarea::-webkit-input-placeholder { - color: #6288b9; } - .input--textarea::-moz-placeholder { - color: #6288b9; } - .input--textarea:-ms-input-placeholder { - color: #6288b9; } - .input--textarea::-ms-input-placeholder { - color: #6288b9; } + border-color: #1542C9; + box-shadow: 0 0 0 1px #1542C9; } .input--textarea::placeholder { - color: #6288b9; } - -textarea.input--textarea:-moz-read-only { - background: #f2f2f2; - border-color: #63697d; } + color: #315ED1; } textarea.input--textarea:read-only, textarea.input--textarea:disabled { background: #f2f2f2; @@ -2410,31 +2000,26 @@ textarea.input--textarea:disabled { min-height: 2.5rem; line-height: 1.15; padding: 0 0 0 0.75rem; - border: 1px solid #6288b9; + border: 1px solid #315ED1; border-radius: 0.5rem; background-color: #fff; width: 100%; outline: none; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + appearance: none; text-align: left; font-weight: 700; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 1rem; - color: #3f6da7; + color: #133DBD; cursor: pointer; - -webkit-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - -o-transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .input--select__toggle:hover, .input--select--mobile:hover { - background-color: #ebf0f6; } + background-color: #E4EAF5; } .input--select__toggle:focus, .input--select--mobile:focus { - border-color: #28476d; - -webkit-box-shadow: 0 0 0 1px #28476d; - box-shadow: 0 0 0 1px #28476d; + border-color: #1542C9; + box-shadow: 0 0 0 1px #1542C9; outline: none; } .input--select__toggle--readonly, @@ -2467,29 +2052,24 @@ textarea.input--textarea:disabled { display: inline-block; overflow: hidden; white-space: nowrap; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; + text-overflow: ellipsis; width: calc(100% - 2rem); } .input--select__toggle-icon { - fill: #3f6da7; + fill: #133DBD; width: 1.5rem; height: 1.5rem; display: inline-block; position: absolute; right: 0.625rem; top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } + transform: translateY(-50%); } .input--select__toggle[aria-expanded="true"] { - background-color: #ebf0f6; } + background-color: #E4EAF5; } .input--select__toggle[aria-expanded="true"] .input--select__toggle-icon { - -webkit-transform: translateY(-50%) scaleY(-1); - -ms-transform: translateY(-50%) scaleY(-1); - transform: translateY(-50%) scaleY(-1); } + transform: translateY(-50%) scaleY(-1); } .input--select--mobile { padding: 0 2rem 0 0.875rem; @@ -2503,22 +2083,19 @@ textarea.input--textarea:disabled { .input--select--mobile--expanded { background-image: url("../images/icons/icon-arrow-top.svg"); - background-color: #ebf0f6; } + background-color: #E4EAF5; } .input--select__list { position: absolute; min-width: 100%; left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); + transform: translateX(-50%); z-index: 1950; margin-top: 0.5rem; padding: 0.25rem 0; border-radius: 0.25rem; - border: 1px solid #c4d3e4; - -webkit-box-shadow: 0 2px 10px rgba(79, 127, 182, 0.25); - box-shadow: 0 2px 10px rgba(79, 127, 182, 0.25); + border: 1px solid #A8BEEA; + box-shadow: 0 2px 10px rgba(79, 127, 182, 0.25); background: #fff; list-style-type: none; overflow-y: auto; @@ -2536,9 +2113,9 @@ textarea.input--textarea:disabled { padding: 0; cursor: pointer; font-weight: 700; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 0.875rem; - color: #1c3452; + color: #082479; line-height: 1.25rem; cursor: pointer; width: 100%; @@ -2552,11 +2129,11 @@ textarea.input--textarea:disabled { cursor: not-allowed; } .input--select__option:focus, .input--select__option:hover { outline: none; - background-color: #c4d3e4; - color: #28476d; } + background-color: #A8BEEA; + color: #1542C9; } .input--select__option.active { outline: none; - background-color: #28476d; + background-color: #1542C9; color: #fff; } .input-group__prepend .input--select { @@ -2566,7 +2143,7 @@ textarea.input--textarea:disabled { .input--select__option-group-title { color: #63697d; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 0.875rem; line-height: 1.25rem; pointer-events: none; @@ -2602,20 +2179,20 @@ textarea.input--textarea:disabled { .input--select--mobile option { font-weight: 700; - font-family: "PT Sans", "Trebuchet MS", system-ui, -apple-system, sans-serif; + font-family: "Gratimo Grotesk", Arial, "Trebuchet MS", system-ui, -apple-system, sans-serif; font-size: 0.875rem; line-height: 1.25rem; padding: 0.25rem 0.625rem; } .input--select--mobile option:focus, .input--select--mobile option:hover { outline: none; - background-color: #6288b9; + background-color: #315ED1; color: #fff; } .input--select--mobile option.active { outline: none; - background-color: #28476d; + background-color: #1542C9; color: #fff; } .input--select--mobile option, .input--select--mobile option:not(:checked) { - color: #1c3452; + color: #082479; /* Prevent