@rei/cedar 11.0.1 → 13.0.0-alpha.kurt-test
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +28 -35
- package/dist/cedar-compiled.css +944 -1104
- package/dist/cedar.js +8727 -9237
- package/dist/cedar.mjs +8519 -7534
- package/dist/lib/_virtual/plugin-vue_export-helper.js +9 -0
- package/dist/lib/assets/{cedar-compiled-010f67b6.css → cedar-compiled-f3a569d4.css} +2475 -2635
- package/dist/lib/node_modules/@rei/cdr-tokens/dist/js/{cdr-tokens.esm.mjs → cdr-tokens.esm.js} +0 -0
- package/dist/lib/src/components/accordion/CdrAccordion.js +211 -0
- package/dist/lib/src/components/accordion/CdrAccordionGroup.js +112 -0
- package/dist/lib/src/components/banner/CdrBanner.js +91 -0
- package/dist/lib/src/components/breadcrumb/CdrBreadcrumb.js +140 -0
- package/dist/lib/src/components/button/CdrButton.js +124 -0
- package/dist/lib/src/components/caption/CdrCaption.js +40 -0
- package/dist/lib/src/components/card/CdrCard.js +32 -0
- package/dist/lib/src/components/checkbox/CdrCheckbox.js +118 -0
- package/dist/lib/src/components/chip/CdrChip.js +59 -0
- package/dist/lib/src/components/chip/CdrChipGroup.js +109 -0
- package/dist/lib/src/components/container/CdrContainer.js +49 -0
- package/dist/lib/src/components/formError/CdrFormError.js +40 -0
- package/dist/lib/src/components/formGroup/CdrFormGroup.js +99 -0
- package/dist/lib/src/components/grid/CdrGrid.js +54 -0
- package/dist/lib/src/components/icon/CdrIcon.js +67 -0
- package/dist/lib/src/components/icon/comps/account-profile-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/account-profile.js +35 -0
- package/dist/lib/src/components/icon/comps/arrow-down.js +35 -0
- package/dist/lib/src/components/icon/comps/arrow-left.js +35 -0
- package/dist/lib/src/components/icon/comps/arrow-right.js +35 -0
- package/dist/lib/src/components/icon/comps/arrow-up.js +35 -0
- package/dist/lib/src/components/icon/comps/atv.js +35 -0
- package/dist/lib/src/components/icon/comps/bed-outline.js +35 -0
- package/dist/lib/src/components/icon/comps/bike-shop.js +35 -0
- package/dist/lib/src/components/icon/comps/binoculars.js +35 -0
- package/dist/lib/src/components/icon/comps/birding.js +35 -0
- package/dist/lib/src/components/icon/comps/boat.js +35 -0
- package/dist/lib/src/components/icon/comps/boating.js +35 -0
- package/dist/lib/src/components/icon/comps/bookmark-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/bookmark-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/brand-abstract.js +35 -0
- package/dist/lib/src/components/icon/comps/brand-code-sandbox.js +35 -0
- package/dist/lib/src/components/icon/comps/brand-github.js +35 -0
- package/dist/lib/src/components/icon/comps/brand-linkedin.js +35 -0
- package/dist/lib/src/components/icon/comps/brand-rei-ice-axes.js +35 -0
- package/dist/lib/src/components/icon/comps/brand-sketch.js +35 -0
- package/dist/lib/src/components/icon/comps/buddies.js +35 -0
- package/dist/lib/src/components/icon/comps/bus.js +35 -0
- package/dist/lib/src/components/icon/comps/calendar.js +35 -0
- package/dist/lib/src/components/icon/comps/camera.js +35 -0
- package/dist/lib/src/components/icon/comps/canoe.js +35 -0
- package/dist/lib/src/components/icon/comps/car.js +35 -0
- package/dist/lib/src/components/icon/comps/caret-down.js +35 -0
- package/dist/lib/src/components/icon/comps/caret-left.js +35 -0
- package/dist/lib/src/components/icon/comps/caret-right.js +35 -0
- package/dist/lib/src/components/icon/comps/caret-up.js +35 -0
- package/dist/lib/src/components/icon/comps/cart-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/cart.js +35 -0
- package/dist/lib/src/components/icon/comps/chain-link.js +35 -0
- package/dist/lib/src/components/icon/comps/chat.js +35 -0
- package/dist/lib/src/components/icon/comps/check-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/check-lg.js +35 -0
- package/dist/lib/src/components/icon/comps/check-sm.js +35 -0
- package/dist/lib/src/components/icon/comps/check-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/climb.js +35 -0
- package/dist/lib/src/components/icon/comps/clipboard.js +35 -0
- package/dist/lib/src/components/icon/comps/clock.js +35 -0
- package/dist/lib/src/components/icon/comps/code-html.js +35 -0
- package/dist/lib/src/components/icon/comps/code-js.js +35 -0
- package/dist/lib/src/components/icon/comps/compass.js +35 -0
- package/dist/lib/src/components/icon/comps/copy.js +35 -0
- package/dist/lib/src/components/icon/comps/coupon-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/coupon-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/credit-card.js +35 -0
- package/dist/lib/src/components/icon/comps/curbside-pickup.js +35 -0
- package/dist/lib/src/components/icon/comps/day.js +35 -0
- package/dist/lib/src/components/icon/comps/diving.js +35 -0
- package/dist/lib/src/components/icon/comps/dog.js +35 -0
- package/dist/lib/src/components/icon/comps/download.js +35 -0
- package/dist/lib/src/components/icon/comps/edit.js +35 -0
- package/dist/lib/src/components/icon/comps/elevation.js +35 -0
- package/dist/lib/src/components/icon/comps/error-fill.js +37 -0
- package/dist/lib/src/components/icon/comps/error-stroke.js +42 -0
- package/dist/lib/src/components/icon/comps/expand.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-backpacking.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-camping.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-climbing.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-clothing.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-cycling.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-family.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-fitness.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-hiking.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-outdoor-basics.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-paddling.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-rentals.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-snowsports.js +35 -0
- package/dist/lib/src/components/icon/comps/experiences-travel.js +35 -0
- package/dist/lib/src/components/icon/comps/external-link.js +35 -0
- package/dist/lib/src/components/icon/comps/eye-hide.js +35 -0
- package/dist/lib/src/components/icon/comps/eye-show.js +35 -0
- package/dist/lib/src/components/icon/comps/facebook.js +35 -0
- package/dist/lib/src/components/icon/comps/filter-alt.js +35 -0
- package/dist/lib/src/components/icon/comps/filter.js +35 -0
- package/dist/lib/src/components/icon/comps/find-location.js +35 -0
- package/dist/lib/src/components/icon/comps/fire.js +35 -0
- package/dist/lib/src/components/icon/comps/fishing.js +35 -0
- package/dist/lib/src/components/icon/comps/free-product.js +35 -0
- package/dist/lib/src/components/icon/comps/grid-view.js +35 -0
- package/dist/lib/src/components/icon/comps/heart-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/heart-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/hike.js +35 -0
- package/dist/lib/src/components/icon/comps/history.js +35 -0
- package/dist/lib/src/components/icon/comps/home.js +35 -0
- package/dist/lib/src/components/icon/comps/horse.js +35 -0
- package/dist/lib/src/components/icon/comps/horseshoe.js +35 -0
- package/dist/lib/src/components/icon/comps/image.js +35 -0
- package/dist/lib/src/components/icon/comps/information-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/information-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/instagram.js +35 -0
- package/dist/lib/src/components/icon/comps/kayak.js +35 -0
- package/dist/lib/src/components/icon/comps/list-ragged.js +35 -0
- package/dist/lib/src/components/icon/comps/list-view.js +35 -0
- package/dist/lib/src/components/icon/comps/location-pin-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/location-pin-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/lock-locked-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/lock-locked-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/lock-unlocked-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/mail.js +35 -0
- package/dist/lib/src/components/icon/comps/map.js +35 -0
- package/dist/lib/src/components/icon/comps/member-card.js +35 -0
- package/dist/lib/src/components/icon/comps/microphone.js +35 -0
- package/dist/lib/src/components/icon/comps/minus-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/minus-lg.js +35 -0
- package/dist/lib/src/components/icon/comps/minus-sm.js +35 -0
- package/dist/lib/src/components/icon/comps/minus-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/more-functions.js +35 -0
- package/dist/lib/src/components/icon/comps/my-location.js +35 -0
- package/dist/lib/src/components/icon/comps/navigation-menu.js +35 -0
- package/dist/lib/src/components/icon/comps/night.js +35 -0
- package/dist/lib/src/components/icon/comps/paddle.js +35 -0
- package/dist/lib/src/components/icon/comps/pause-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/pause-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/pause.js +35 -0
- package/dist/lib/src/components/icon/comps/photography.js +35 -0
- package/dist/lib/src/components/icon/comps/picnic.js +35 -0
- package/dist/lib/src/components/icon/comps/pinterest.js +35 -0
- package/dist/lib/src/components/icon/comps/plane.js +35 -0
- package/dist/lib/src/components/icon/comps/play-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/play-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/play.js +35 -0
- package/dist/lib/src/components/icon/comps/playground.js +35 -0
- package/dist/lib/src/components/icon/comps/plugin.js +35 -0
- package/dist/lib/src/components/icon/comps/plus-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/plus-lg.js +35 -0
- package/dist/lib/src/components/icon/comps/plus-sm.js +35 -0
- package/dist/lib/src/components/icon/comps/plus-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/print.js +35 -0
- package/dist/lib/src/components/icon/comps/protection-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/protection-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/question-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/question-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/refresh.js +35 -0
- package/dist/lib/src/components/icon/comps/reload.js +35 -0
- package/dist/lib/src/components/icon/comps/returns.js +35 -0
- package/dist/lib/src/components/icon/comps/run.js +35 -0
- package/dist/lib/src/components/icon/comps/scan-barcode.js +35 -0
- package/dist/lib/src/components/icon/comps/search.js +35 -0
- package/dist/lib/src/components/icon/comps/service-shop.js +35 -0
- package/dist/lib/src/components/icon/comps/shipping.js +35 -0
- package/dist/lib/src/components/icon/comps/shopping-bag-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/shopping-bag.js +35 -0
- package/dist/lib/src/components/icon/comps/shrink.js +35 -0
- package/dist/lib/src/components/icon/comps/size-chart.js +35 -0
- package/dist/lib/src/components/icon/comps/ski-boot.js +35 -0
- package/dist/lib/src/components/icon/comps/ski.js +35 -0
- package/dist/lib/src/components/icon/comps/snow-shop.js +35 -0
- package/dist/lib/src/components/icon/comps/snow.js +35 -0
- package/dist/lib/src/components/icon/comps/sort.js +35 -0
- package/dist/lib/src/components/icon/comps/star-100.js +35 -0
- package/dist/lib/src/components/icon/comps/star-25.js +35 -0
- package/dist/lib/src/components/icon/comps/star-50.js +35 -0
- package/dist/lib/src/components/icon/comps/star-75.js +35 -0
- package/dist/lib/src/components/icon/comps/star-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/storefront.js +35 -0
- package/dist/lib/src/components/icon/comps/swim.js +35 -0
- package/dist/lib/src/components/icon/comps/telephone.js +35 -0
- package/dist/lib/src/components/icon/comps/tent.js +35 -0
- package/dist/lib/src/components/icon/comps/trash.js +35 -0
- package/dist/lib/src/components/icon/comps/twitter.js +35 -0
- package/dist/lib/src/components/icon/comps/upload.js +35 -0
- package/dist/lib/src/components/icon/comps/verified-purchaser.js +35 -0
- package/dist/lib/src/components/icon/comps/virtual-outfitting.js +35 -0
- package/dist/lib/src/components/icon/comps/warning-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/warning-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/water.js +35 -0
- package/dist/lib/src/components/icon/comps/wilderness.js +35 -0
- package/dist/lib/src/components/icon/comps/x-fill.js +35 -0
- package/dist/lib/src/components/icon/comps/x-lg.js +35 -0
- package/dist/lib/src/components/icon/comps/x-sm.js +35 -0
- package/dist/lib/src/components/icon/comps/x-stroke.js +35 -0
- package/dist/lib/src/components/icon/comps/youtube.js +35 -0
- package/dist/lib/src/components/icon/comps/zoom-in.js +35 -0
- package/dist/lib/src/components/icon/comps/zoom-out.js +35 -0
- package/dist/lib/src/components/image/CdrImg.js +148 -0
- package/dist/lib/src/components/input/CdrInput.js +305 -0
- package/dist/lib/src/components/labelStandalone/CdrLabelStandalone.js +116 -0
- package/dist/lib/src/components/labelWrapper/CdrLabelWrapper.js +60 -0
- package/dist/lib/src/components/link/CdrLink.js +71 -0
- package/dist/lib/src/components/list/CdrList.js +46 -0
- package/dist/lib/src/components/modal/CdrModal.js +383 -0
- package/dist/lib/src/components/modal/{onTransitionEnd.mjs → onTransitionEnd.js} +15 -13
- package/dist/lib/src/components/pagination/CdrPagination.js +315 -0
- package/dist/lib/src/components/popover/CdrPopover.js +183 -0
- package/dist/lib/src/components/popup/CdrPopup.js +188 -0
- package/dist/lib/src/components/popup/calculatePlacement.js +88 -0
- package/dist/lib/src/components/quote/CdrQuote.js +64 -0
- package/dist/lib/src/components/radio/CdrRadio.js +110 -0
- package/dist/lib/src/components/rating/CdrRating.js +184 -0
- package/dist/lib/src/components/select/CdrSelect.js +277 -0
- package/dist/lib/src/components/table/CdrTable.js +84 -0
- package/dist/lib/src/components/tabs/CdrTabPanel.js +117 -0
- package/dist/lib/src/components/tabs/CdrTabs.js +361 -0
- package/dist/lib/src/components/text/CdrText.js +31 -0
- package/dist/lib/src/components/toast/CdrToast.js +160 -0
- package/dist/lib/src/components/tooltip/CdrTooltip.js +129 -0
- package/dist/lib/src/{index.mjs → index.js} +209 -209
- package/dist/lib/src/mixins/breakpoints.js +21 -0
- package/dist/lib/src/props/background.js +11 -0
- package/dist/lib/src/props/size.js +11 -0
- package/dist/lib/src/utils/buildClass.js +90 -0
- package/dist/lib/src/utils/mapClasses.js +22 -0
- package/dist/lib/src/utils/{propValidator.mjs → propValidator.js} +6 -5
- package/dist/style/cedar-full.css +0 -1
- package/package.json +53 -38
- package/dist/lib/src/components/accordion/CdrAccordion.mjs +0 -198
- package/dist/lib/src/components/accordion/CdrAccordionGroup.mjs +0 -119
- package/dist/lib/src/components/accordion/styles/CdrAccordion.mjs +0 -3
- package/dist/lib/src/components/accordion/styles/CdrAccordionGroup.mjs +0 -3
- package/dist/lib/src/components/banner/CdrBanner.mjs +0 -61
- package/dist/lib/src/components/banner/styles/CdrBanner.mjs +0 -3
- package/dist/lib/src/components/breadcrumb/CdrBreadcrumb.mjs +0 -158
- package/dist/lib/src/components/breadcrumb/styles/CdrBreadcrumb.mjs +0 -3
- package/dist/lib/src/components/button/CdrButton.mjs +0 -118
- package/dist/lib/src/components/button/styles/CdrButton.mjs +0 -3
- package/dist/lib/src/components/caption/CdrCaption.mjs +0 -38
- package/dist/lib/src/components/caption/styles/CdrCaption.mjs +0 -3
- package/dist/lib/src/components/card/CdrCard.mjs +0 -35
- package/dist/lib/src/components/card/styles/CdrCard.mjs +0 -3
- package/dist/lib/src/components/checkbox/CdrCheckbox.mjs +0 -165
- package/dist/lib/src/components/checkbox/styles/CdrCheckbox.mjs +0 -3
- package/dist/lib/src/components/chip/CdrChip.mjs +0 -30
- package/dist/lib/src/components/chip/CdrChipGroup.mjs +0 -105
- package/dist/lib/src/components/chip/styles/CdrChip.mjs +0 -3
- package/dist/lib/src/components/chip/styles/CdrChipGroup.mjs +0 -3
- package/dist/lib/src/components/container/CdrContainer.mjs +0 -49
- package/dist/lib/src/components/container/styles/CdrContainer.mjs +0 -3
- package/dist/lib/src/components/formError/CdrFormError.mjs +0 -39
- package/dist/lib/src/components/formError/styles/CdrFormError.mjs +0 -3
- package/dist/lib/src/components/formGroup/CdrFormGroup.mjs +0 -95
- package/dist/lib/src/components/formGroup/styles/CdrFormGroup.mjs +0 -3
- package/dist/lib/src/components/grid/CdrGrid.mjs +0 -55
- package/dist/lib/src/components/grid/styles/CdrGrid.mjs +0 -3
- package/dist/lib/src/components/icon/CdrIcon.mjs +0 -76
- package/dist/lib/src/components/icon/comps/account-profile-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/account-profile.mjs +0 -27
- package/dist/lib/src/components/icon/comps/arrow-down.mjs +0 -27
- package/dist/lib/src/components/icon/comps/arrow-left.mjs +0 -27
- package/dist/lib/src/components/icon/comps/arrow-right.mjs +0 -27
- package/dist/lib/src/components/icon/comps/arrow-up.mjs +0 -27
- package/dist/lib/src/components/icon/comps/atv.mjs +0 -27
- package/dist/lib/src/components/icon/comps/bed-outline.mjs +0 -27
- package/dist/lib/src/components/icon/comps/bike-shop.mjs +0 -27
- package/dist/lib/src/components/icon/comps/binoculars.mjs +0 -27
- package/dist/lib/src/components/icon/comps/birding.mjs +0 -27
- package/dist/lib/src/components/icon/comps/boat.mjs +0 -27
- package/dist/lib/src/components/icon/comps/boating.mjs +0 -27
- package/dist/lib/src/components/icon/comps/bookmark-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/bookmark-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/brand-abstract.mjs +0 -27
- package/dist/lib/src/components/icon/comps/brand-code-sandbox.mjs +0 -27
- package/dist/lib/src/components/icon/comps/brand-github.mjs +0 -27
- package/dist/lib/src/components/icon/comps/brand-linkedin.mjs +0 -27
- package/dist/lib/src/components/icon/comps/brand-rei-ice-axes.mjs +0 -27
- package/dist/lib/src/components/icon/comps/brand-sketch.mjs +0 -27
- package/dist/lib/src/components/icon/comps/buddies.mjs +0 -27
- package/dist/lib/src/components/icon/comps/bus.mjs +0 -27
- package/dist/lib/src/components/icon/comps/calendar.mjs +0 -27
- package/dist/lib/src/components/icon/comps/camera.mjs +0 -27
- package/dist/lib/src/components/icon/comps/canoe.mjs +0 -27
- package/dist/lib/src/components/icon/comps/car.mjs +0 -27
- package/dist/lib/src/components/icon/comps/caret-down.mjs +0 -27
- package/dist/lib/src/components/icon/comps/caret-left.mjs +0 -27
- package/dist/lib/src/components/icon/comps/caret-right.mjs +0 -27
- package/dist/lib/src/components/icon/comps/caret-up.mjs +0 -27
- package/dist/lib/src/components/icon/comps/cart-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/cart.mjs +0 -27
- package/dist/lib/src/components/icon/comps/chain-link.mjs +0 -27
- package/dist/lib/src/components/icon/comps/chat.mjs +0 -27
- package/dist/lib/src/components/icon/comps/check-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/check-lg.mjs +0 -27
- package/dist/lib/src/components/icon/comps/check-sm.mjs +0 -27
- package/dist/lib/src/components/icon/comps/check-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/climb.mjs +0 -27
- package/dist/lib/src/components/icon/comps/clipboard.mjs +0 -27
- package/dist/lib/src/components/icon/comps/clock.mjs +0 -27
- package/dist/lib/src/components/icon/comps/code-html.mjs +0 -27
- package/dist/lib/src/components/icon/comps/code-js.mjs +0 -27
- package/dist/lib/src/components/icon/comps/compass.mjs +0 -27
- package/dist/lib/src/components/icon/comps/copy.mjs +0 -27
- package/dist/lib/src/components/icon/comps/coupon-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/coupon-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/credit-card.mjs +0 -27
- package/dist/lib/src/components/icon/comps/curbside-pickup.mjs +0 -27
- package/dist/lib/src/components/icon/comps/day.mjs +0 -27
- package/dist/lib/src/components/icon/comps/diving.mjs +0 -27
- package/dist/lib/src/components/icon/comps/dog.mjs +0 -27
- package/dist/lib/src/components/icon/comps/download.mjs +0 -27
- package/dist/lib/src/components/icon/comps/edit.mjs +0 -27
- package/dist/lib/src/components/icon/comps/elevation.mjs +0 -27
- package/dist/lib/src/components/icon/comps/error-fill.mjs +0 -29
- package/dist/lib/src/components/icon/comps/error-stroke.mjs +0 -33
- package/dist/lib/src/components/icon/comps/expand.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-backpacking.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-camping.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-climbing.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-clothing.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-cycling.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-family.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-fitness.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-hiking.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-outdoor-basics.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-paddling.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-rentals.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-snowsports.mjs +0 -27
- package/dist/lib/src/components/icon/comps/experiences-travel.mjs +0 -27
- package/dist/lib/src/components/icon/comps/external-link.mjs +0 -27
- package/dist/lib/src/components/icon/comps/eye-hide.mjs +0 -27
- package/dist/lib/src/components/icon/comps/eye-show.mjs +0 -27
- package/dist/lib/src/components/icon/comps/facebook.mjs +0 -27
- package/dist/lib/src/components/icon/comps/filter-alt.mjs +0 -27
- package/dist/lib/src/components/icon/comps/filter.mjs +0 -27
- package/dist/lib/src/components/icon/comps/find-location.mjs +0 -27
- package/dist/lib/src/components/icon/comps/fire.mjs +0 -27
- package/dist/lib/src/components/icon/comps/fishing.mjs +0 -27
- package/dist/lib/src/components/icon/comps/free-product.mjs +0 -27
- package/dist/lib/src/components/icon/comps/grid-view.mjs +0 -27
- package/dist/lib/src/components/icon/comps/heart-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/heart-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/hike.mjs +0 -27
- package/dist/lib/src/components/icon/comps/history.mjs +0 -27
- package/dist/lib/src/components/icon/comps/home.mjs +0 -27
- package/dist/lib/src/components/icon/comps/horse.mjs +0 -27
- package/dist/lib/src/components/icon/comps/horseshoe.mjs +0 -27
- package/dist/lib/src/components/icon/comps/image.mjs +0 -27
- package/dist/lib/src/components/icon/comps/information-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/information-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/instagram.mjs +0 -27
- package/dist/lib/src/components/icon/comps/kayak.mjs +0 -27
- package/dist/lib/src/components/icon/comps/list-ragged.mjs +0 -27
- package/dist/lib/src/components/icon/comps/list-view.mjs +0 -27
- package/dist/lib/src/components/icon/comps/location-pin-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/location-pin-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/lock-locked-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/lock-locked-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/lock-unlocked-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/mail.mjs +0 -27
- package/dist/lib/src/components/icon/comps/map.mjs +0 -27
- package/dist/lib/src/components/icon/comps/member-card.mjs +0 -27
- package/dist/lib/src/components/icon/comps/microphone.mjs +0 -27
- package/dist/lib/src/components/icon/comps/minus-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/minus-lg.mjs +0 -27
- package/dist/lib/src/components/icon/comps/minus-sm.mjs +0 -27
- package/dist/lib/src/components/icon/comps/minus-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/more-functions.mjs +0 -27
- package/dist/lib/src/components/icon/comps/my-location.mjs +0 -27
- package/dist/lib/src/components/icon/comps/navigation-menu.mjs +0 -27
- package/dist/lib/src/components/icon/comps/night.mjs +0 -27
- package/dist/lib/src/components/icon/comps/paddle.mjs +0 -27
- package/dist/lib/src/components/icon/comps/pause-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/pause-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/pause.mjs +0 -27
- package/dist/lib/src/components/icon/comps/photography.mjs +0 -27
- package/dist/lib/src/components/icon/comps/picnic.mjs +0 -27
- package/dist/lib/src/components/icon/comps/pinterest.mjs +0 -27
- package/dist/lib/src/components/icon/comps/plane.mjs +0 -27
- package/dist/lib/src/components/icon/comps/play-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/play-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/play.mjs +0 -27
- package/dist/lib/src/components/icon/comps/playground.mjs +0 -27
- package/dist/lib/src/components/icon/comps/plugin.mjs +0 -27
- package/dist/lib/src/components/icon/comps/plus-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/plus-lg.mjs +0 -27
- package/dist/lib/src/components/icon/comps/plus-sm.mjs +0 -27
- package/dist/lib/src/components/icon/comps/plus-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/print.mjs +0 -27
- package/dist/lib/src/components/icon/comps/protection-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/protection-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/question-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/question-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/refresh.mjs +0 -27
- package/dist/lib/src/components/icon/comps/reload.mjs +0 -27
- package/dist/lib/src/components/icon/comps/returns.mjs +0 -27
- package/dist/lib/src/components/icon/comps/run.mjs +0 -27
- package/dist/lib/src/components/icon/comps/scan-barcode.mjs +0 -27
- package/dist/lib/src/components/icon/comps/search.mjs +0 -27
- package/dist/lib/src/components/icon/comps/service-shop.mjs +0 -27
- package/dist/lib/src/components/icon/comps/shipping.mjs +0 -27
- package/dist/lib/src/components/icon/comps/shopping-bag-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/shopping-bag.mjs +0 -27
- package/dist/lib/src/components/icon/comps/shrink.mjs +0 -27
- package/dist/lib/src/components/icon/comps/size-chart.mjs +0 -27
- package/dist/lib/src/components/icon/comps/ski-boot.mjs +0 -27
- package/dist/lib/src/components/icon/comps/ski.mjs +0 -27
- package/dist/lib/src/components/icon/comps/snow-shop.mjs +0 -27
- package/dist/lib/src/components/icon/comps/snow.mjs +0 -27
- package/dist/lib/src/components/icon/comps/sort.mjs +0 -27
- package/dist/lib/src/components/icon/comps/star-100.mjs +0 -27
- package/dist/lib/src/components/icon/comps/star-25.mjs +0 -27
- package/dist/lib/src/components/icon/comps/star-50.mjs +0 -27
- package/dist/lib/src/components/icon/comps/star-75.mjs +0 -27
- package/dist/lib/src/components/icon/comps/star-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/storefront.mjs +0 -27
- package/dist/lib/src/components/icon/comps/swim.mjs +0 -27
- package/dist/lib/src/components/icon/comps/telephone.mjs +0 -27
- package/dist/lib/src/components/icon/comps/tent.mjs +0 -27
- package/dist/lib/src/components/icon/comps/trash.mjs +0 -27
- package/dist/lib/src/components/icon/comps/twitter.mjs +0 -27
- package/dist/lib/src/components/icon/comps/upload.mjs +0 -27
- package/dist/lib/src/components/icon/comps/verified-purchaser.mjs +0 -27
- package/dist/lib/src/components/icon/comps/virtual-outfitting.mjs +0 -27
- package/dist/lib/src/components/icon/comps/warning-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/warning-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/water.mjs +0 -27
- package/dist/lib/src/components/icon/comps/wilderness.mjs +0 -27
- package/dist/lib/src/components/icon/comps/x-fill.mjs +0 -27
- package/dist/lib/src/components/icon/comps/x-lg.mjs +0 -27
- package/dist/lib/src/components/icon/comps/x-sm.mjs +0 -27
- package/dist/lib/src/components/icon/comps/x-stroke.mjs +0 -27
- package/dist/lib/src/components/icon/comps/youtube.mjs +0 -27
- package/dist/lib/src/components/icon/comps/zoom-in.mjs +0 -27
- package/dist/lib/src/components/icon/comps/zoom-out.mjs +0 -27
- package/dist/lib/src/components/icon/styles/CdrIcon.mjs +0 -3
- package/dist/lib/src/components/image/CdrImg.mjs +0 -140
- package/dist/lib/src/components/image/styles/CdrImg.mjs +0 -3
- package/dist/lib/src/components/input/CdrInput.mjs +0 -283
- package/dist/lib/src/components/input/styles/CdrInput.mjs +0 -3
- package/dist/lib/src/components/labelStandalone/CdrLabelStandalone.mjs +0 -85
- package/dist/lib/src/components/labelStandalone/styles/CdrLabelStandalone.mjs +0 -3
- package/dist/lib/src/components/labelWrapper/CdrLabelWrapper.mjs +0 -54
- package/dist/lib/src/components/labelWrapper/styles/CdrLabelWrapper.mjs +0 -3
- package/dist/lib/src/components/link/CdrLink.mjs +0 -71
- package/dist/lib/src/components/link/styles/CdrLink.mjs +0 -3
- package/dist/lib/src/components/list/CdrList.mjs +0 -42
- package/dist/lib/src/components/list/styles/CdrList.mjs +0 -3
- package/dist/lib/src/components/modal/CdrModal.mjs +0 -365
- package/dist/lib/src/components/modal/styles/CdrModal.mjs +0 -3
- package/dist/lib/src/components/pagination/CdrPagination.mjs +0 -425
- package/dist/lib/src/components/pagination/styles/CdrPagination.mjs +0 -3
- package/dist/lib/src/components/popover/CdrPopover.mjs +0 -155
- package/dist/lib/src/components/popover/styles/CdrPopover.mjs +0 -3
- package/dist/lib/src/components/popup/CdrPopup.mjs +0 -256
- package/dist/lib/src/components/popup/styles/CdrPopup.mjs +0 -3
- package/dist/lib/src/components/quote/CdrQuote.mjs +0 -66
- package/dist/lib/src/components/quote/styles/CdrQuote.mjs +0 -3
- package/dist/lib/src/components/radio/CdrRadio.mjs +0 -141
- package/dist/lib/src/components/radio/styles/CdrRadio.mjs +0 -3
- package/dist/lib/src/components/rating/CdrRating.mjs +0 -179
- package/dist/lib/src/components/rating/styles/CdrRating.mjs +0 -3
- package/dist/lib/src/components/select/CdrSelect.mjs +0 -255
- package/dist/lib/src/components/select/styles/CdrSelect.mjs +0 -3
- package/dist/lib/src/components/table/CdrTable.mjs +0 -73
- package/dist/lib/src/components/table/styles/CdrTable.mjs +0 -3
- package/dist/lib/src/components/tabs/CdrTabPanel.mjs +0 -105
- package/dist/lib/src/components/tabs/CdrTabs.mjs +0 -353
- package/dist/lib/src/components/tabs/styles/CdrTabPanel.mjs +0 -3
- package/dist/lib/src/components/tabs/styles/CdrTabs.mjs +0 -3
- package/dist/lib/src/components/text/CdrText.mjs +0 -44
- package/dist/lib/src/components/text/styles/CdrText.mjs +0 -3
- package/dist/lib/src/components/toast/CdrToast.mjs +0 -159
- package/dist/lib/src/components/toast/styles/CdrToast.mjs +0 -3
- package/dist/lib/src/components/tooltip/CdrTooltip.mjs +0 -121
- package/dist/lib/src/components/tooltip/styles/CdrTooltip.mjs +0 -3
- package/dist/lib/src/mixins/breakpoints.mjs +0 -26
- package/dist/lib/src/mixins/buildClass.mjs +0 -71
- package/dist/lib/src/mixins/fullWidth.mjs +0 -47
- package/dist/lib/src/mixins/modifier.mjs +0 -22
- package/dist/lib/src/mixins/size.mjs +0 -37
- package/dist/style/cdr-accordion-group.css +0 -1
- package/dist/style/cdr-accordion.css +0 -1
- package/dist/style/cdr-banner-vars.css +0 -0
- package/dist/style/cdr-banner.css +0 -1
- package/dist/style/cdr-breadcrumb.css +0 -1
- package/dist/style/cdr-button.css +0 -1
- package/dist/style/cdr-caption.css +0 -1
- package/dist/style/cdr-card.css +0 -1
- package/dist/style/cdr-checkbox.css +0 -1
- package/dist/style/cdr-chip-group.css +0 -1
- package/dist/style/cdr-chip.css +0 -1
- package/dist/style/cdr-container.css +0 -1
- package/dist/style/cdr-form-error.css +0 -1
- package/dist/style/cdr-form-group.css +0 -1
- package/dist/style/cdr-grid.css +0 -1
- package/dist/style/cdr-icon.css +0 -1
- package/dist/style/cdr-img.css +0 -1
- package/dist/style/cdr-input.css +0 -1
- package/dist/style/cdr-label-standalone.css +0 -1
- package/dist/style/cdr-label-wrapper.css +0 -1
- package/dist/style/cdr-link.css +0 -1
- package/dist/style/cdr-list.css +0 -1
- package/dist/style/cdr-modal.css +0 -1
- package/dist/style/cdr-pagination.css +0 -1
- package/dist/style/cdr-popover.css +0 -1
- package/dist/style/cdr-popup.css +0 -1
- package/dist/style/cdr-quote.css +0 -1
- package/dist/style/cdr-radio.css +0 -1
- package/dist/style/cdr-rating.css +0 -1
- package/dist/style/cdr-select.css +0 -1
- package/dist/style/cdr-tab-panel.css +0 -1
- package/dist/style/cdr-table.css +0 -1
- package/dist/style/cdr-tabs.css +0 -1
- package/dist/style/cdr-text.css +0 -1
- package/dist/style/cdr-toast.css +0 -1
- package/dist/style/cdr-tooltip.css +0 -1
- package/dist/style/reset.css +0 -1
package/dist/cedar-compiled.css
CHANGED
|
@@ -73,11 +73,12 @@ input[type="month"] {
|
|
|
73
73
|
-webkit-appearance: none; }
|
|
74
74
|
|
|
75
75
|
/* intentionally empty */
|
|
76
|
-
.cdr-
|
|
76
|
+
.cdr-accordion {
|
|
77
77
|
border-top: 0.1rem solid #dcd6cb;
|
|
78
78
|
border-bottom: 0.1rem solid #dcd6cb;
|
|
79
79
|
position: relative;
|
|
80
80
|
z-index: 1;
|
|
81
|
+
list-style: none;
|
|
81
82
|
/* Style variants
|
|
82
83
|
========================================================================== */
|
|
83
84
|
/* Border-Aligned
|
|
@@ -86,9 +87,9 @@ input[type="month"] {
|
|
|
86
87
|
========== */
|
|
87
88
|
/* Border-Aligned and Compact
|
|
88
89
|
========== */ }
|
|
89
|
-
.cdr-
|
|
90
|
+
.cdr-accordion + .cdr-accordion {
|
|
90
91
|
border-top: none; }
|
|
91
|
-
.cdr-
|
|
92
|
+
.cdr-accordion__button {
|
|
92
93
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
93
94
|
font-style: normal;
|
|
94
95
|
font-weight: 600;
|
|
@@ -106,17 +107,17 @@ input[type="month"] {
|
|
|
106
107
|
text-align: left;
|
|
107
108
|
width: 100%;
|
|
108
109
|
z-index: 1; }
|
|
109
|
-
.cdr-
|
|
110
|
+
.cdr-accordion__button:hover, .cdr-accordion__button:focus {
|
|
110
111
|
background-color: #f9f8f6; }
|
|
111
|
-
.cdr-
|
|
112
|
+
.cdr-accordion__label {
|
|
112
113
|
margin-bottom: 0; }
|
|
113
|
-
.cdr-
|
|
114
|
+
.cdr-accordion__header {
|
|
114
115
|
margin: 0;
|
|
115
116
|
padding: 0;
|
|
116
117
|
font-weight: unset;
|
|
117
118
|
font-style: unset;
|
|
118
119
|
font-size: unset; }
|
|
119
|
-
.cdr-accordion__header--
|
|
120
|
+
.cdr-accordion__header--unwrapped {
|
|
120
121
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
121
122
|
font-style: normal;
|
|
122
123
|
font-weight: 500;
|
|
@@ -124,20 +125,20 @@ input[type="month"] {
|
|
|
124
125
|
font-size: 1.8rem;
|
|
125
126
|
line-height: 2.4rem;
|
|
126
127
|
margin: 1.6rem 0; }
|
|
127
|
-
.cdr-
|
|
128
|
+
.cdr-accordion__icon {
|
|
128
129
|
margin-left: 1.6rem;
|
|
129
130
|
fill: #928b80;
|
|
130
131
|
transition: transform 0.3s cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
131
|
-
.cdr-
|
|
132
|
+
.cdr-accordion__icon .cdr-tabs--open {
|
|
132
133
|
transform: rotate(-180deg); }
|
|
133
|
-
.cdr-accordion__content-
|
|
134
|
+
.cdr-accordion__content-container {
|
|
134
135
|
overflow: hidden;
|
|
135
136
|
transition-duration: 0.3s;
|
|
136
137
|
transition-property: max-height;
|
|
137
138
|
transition-timing-function: cubic-bezier(0.15, 0, 0.15, 1); }
|
|
138
|
-
.cdr-accordion__content-
|
|
139
|
+
.cdr-accordion__content-container .cdr-tabs--open {
|
|
139
140
|
transition-duration: 0.3s; }
|
|
140
|
-
.cdr-
|
|
141
|
+
.cdr-accordion__content {
|
|
141
142
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
142
143
|
font-style: normal;
|
|
143
144
|
font-weight: 400;
|
|
@@ -149,27 +150,27 @@ input[type="month"] {
|
|
|
149
150
|
padding: 0.8rem 1.6rem 1.6rem;
|
|
150
151
|
transition: opacity 0.1s linear;
|
|
151
152
|
opacity: 0; }
|
|
152
|
-
.cdr-
|
|
153
|
+
.cdr-accordion__content > * {
|
|
153
154
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
154
155
|
font-style: normal;
|
|
155
156
|
font-weight: 400;
|
|
156
157
|
letter-spacing: 0.008rem;
|
|
157
158
|
font-size: 1.6rem;
|
|
158
159
|
line-height: 2.6rem; }
|
|
159
|
-
.cdr-
|
|
160
|
+
.cdr-accordion__content.cdr-tabs--open {
|
|
160
161
|
opacity: 1; }
|
|
161
|
-
.cdr-
|
|
162
|
+
.cdr-accordion__content.cdr-tabs--closed {
|
|
162
163
|
visibility: hidden; }
|
|
163
|
-
.cdr-accordion--
|
|
164
|
+
.cdr-accordion--unwrap {
|
|
164
165
|
padding: 0; }
|
|
165
|
-
.cdr-accordion--border-
|
|
166
|
+
.cdr-accordion--border-aligned {
|
|
166
167
|
margin: 0 1.6rem; }
|
|
167
|
-
.cdr-accordion--border-
|
|
168
|
+
.cdr-accordion--border-aligned .cdr-accordion__button {
|
|
168
169
|
margin-left: -1.6rem;
|
|
169
170
|
width: calc(100% + 3.2rem); }
|
|
170
|
-
.cdr-accordion--border-
|
|
171
|
+
.cdr-accordion--border-aligned .cdr-accordion__content {
|
|
171
172
|
padding: 0.8rem 0 1.6rem; }
|
|
172
|
-
.cdr-accordion--
|
|
173
|
+
.cdr-accordion--compact .cdr-accordion__button {
|
|
173
174
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
174
175
|
font-style: normal;
|
|
175
176
|
font-weight: 600;
|
|
@@ -177,7 +178,7 @@ input[type="month"] {
|
|
|
177
178
|
font-size: 1.4rem;
|
|
178
179
|
line-height: 1.8rem;
|
|
179
180
|
padding: 1.2rem; }
|
|
180
|
-
.cdr-accordion--
|
|
181
|
+
.cdr-accordion--compact .cdr-accordion__content {
|
|
181
182
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
182
183
|
font-style: normal;
|
|
183
184
|
font-weight: 400;
|
|
@@ -185,19 +186,19 @@ input[type="month"] {
|
|
|
185
186
|
font-size: 1.4rem;
|
|
186
187
|
line-height: 1.8rem;
|
|
187
188
|
padding: 0.4rem 1.2rem 1.2rem; }
|
|
188
|
-
.cdr-accordion--
|
|
189
|
+
.cdr-accordion--compact .cdr-accordion__content > * {
|
|
189
190
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
190
191
|
font-style: normal;
|
|
191
192
|
font-weight: 400;
|
|
192
193
|
letter-spacing: -0.016rem;
|
|
193
194
|
font-size: 1.4rem;
|
|
194
195
|
line-height: 1.8rem; }
|
|
195
|
-
.cdr-accordion--
|
|
196
|
+
.cdr-accordion--compact.cdr-accordion--border-aligned .cdr-accordion__button {
|
|
196
197
|
margin-left: -1.2rem;
|
|
197
198
|
width: calc(100% + 2.4rem); }
|
|
198
|
-
.cdr-accordion--
|
|
199
|
+
.cdr-accordion--compact.cdr-accordion--border-aligned .cdr-accordion__content {
|
|
199
200
|
padding: 0.4rem 0 1.2rem; }
|
|
200
|
-
.cdr-accordion--
|
|
201
|
+
.cdr-accordion--focused {
|
|
201
202
|
/*
|
|
202
203
|
This z-index change is to fix a Chrome-only visual issue with the light blue focus outline. Basically, the bottom
|
|
203
204
|
line of the outline is usually covered by the accordion immediately below what's currently focuesd. We increase
|
|
@@ -205,15 +206,15 @@ input[type="month"] {
|
|
|
205
206
|
*/
|
|
206
207
|
z-index: 10; }
|
|
207
208
|
|
|
208
|
-
.cdr-accordion-
|
|
209
|
+
.cdr-accordion-group {
|
|
209
210
|
display: block;
|
|
210
211
|
list-style: none;
|
|
211
212
|
padding: 0;
|
|
212
213
|
margin: 0; }
|
|
213
|
-
.cdr-accordion-
|
|
214
|
+
.cdr-accordion-group li + li > .cdr-accordion {
|
|
214
215
|
border-top: none; }
|
|
215
216
|
|
|
216
|
-
.cdr-
|
|
217
|
+
.cdr-banner {
|
|
217
218
|
position: relative;
|
|
218
219
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
219
220
|
font-style: normal;
|
|
@@ -224,120 +225,120 @@ input[type="month"] {
|
|
|
224
225
|
display: grid;
|
|
225
226
|
grid-template-columns: 1fr auto;
|
|
226
227
|
grid-template-areas: "main info-action" "message-body info-action"; }
|
|
227
|
-
.cdr-banner__wrapper--
|
|
228
|
+
.cdr-banner__wrapper--prominence {
|
|
228
229
|
box-shadow: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
229
|
-
.cdr-
|
|
230
|
+
.cdr-banner__main {
|
|
230
231
|
grid-area: main;
|
|
231
232
|
display: grid;
|
|
232
233
|
grid-template-columns: auto 1fr auto;
|
|
233
234
|
grid-template-areas: "icon-left message icon-right"; }
|
|
234
|
-
.cdr-banner__icon-
|
|
235
|
+
.cdr-banner__icon-left {
|
|
235
236
|
grid-area: icon-left;
|
|
236
237
|
display: inherit;
|
|
237
238
|
align-items: center;
|
|
238
239
|
justify-items: center; }
|
|
239
|
-
.cdr-banner__icon-
|
|
240
|
+
.cdr-banner__icon-left svg {
|
|
240
241
|
max-height: 2.2rem;
|
|
241
242
|
max-width: 2.2rem;
|
|
242
243
|
stroke: white;
|
|
243
244
|
stroke-width: 0.4rem;
|
|
244
245
|
paint-order: stroke fill;
|
|
245
246
|
margin: 0.4rem; }
|
|
246
|
-
.cdr-
|
|
247
|
+
.cdr-banner__message {
|
|
247
248
|
display: inherit;
|
|
248
249
|
grid-area: message;
|
|
249
250
|
padding: 0 0.8rem;
|
|
250
251
|
align-items: center; }
|
|
251
|
-
.cdr-banner__message-
|
|
252
|
+
.cdr-banner__message-body {
|
|
252
253
|
grid-area: message-body;
|
|
253
254
|
background-color: #ffffff;
|
|
254
255
|
padding: 0.8rem; }
|
|
255
|
-
.cdr-banner__icon-
|
|
256
|
+
.cdr-banner__icon-right {
|
|
256
257
|
display: inherit;
|
|
257
258
|
align-items: center;
|
|
258
259
|
grid-area: icon-right; }
|
|
259
|
-
.cdr-banner__icon-
|
|
260
|
+
.cdr-banner__icon-right svg {
|
|
260
261
|
max-height: 2rem;
|
|
261
262
|
max-width: 2rem;
|
|
262
263
|
fill: rgba(3, 3, 1, 0.9) !important; }
|
|
263
|
-
.cdr-banner__info-
|
|
264
|
+
.cdr-banner__info-action {
|
|
264
265
|
display: inherit;
|
|
265
266
|
grid-area: info-action;
|
|
266
267
|
align-content: center;
|
|
267
268
|
justify-content: center;
|
|
268
269
|
max-height: 3.2rem;
|
|
269
270
|
width: 4rem; }
|
|
270
|
-
.cdr-banner__info-
|
|
271
|
+
.cdr-banner__info-action svg {
|
|
271
272
|
max-height: 2.2rem;
|
|
272
273
|
max-width: 2.2rem;
|
|
273
274
|
fill: #406eb5 !important; }
|
|
274
|
-
.cdr-banner--
|
|
275
|
+
.cdr-banner--default .cdr-banner__main {
|
|
275
276
|
background-color: #f9f8f6;
|
|
276
277
|
border-top: 0.1rem solid;
|
|
277
278
|
border-right: 0.1rem solid;
|
|
278
279
|
border-bottom: 0.1rem solid;
|
|
279
280
|
border-color: #e8e0ce; }
|
|
280
|
-
.cdr-banner--
|
|
281
|
+
.cdr-banner--default .cdr-banner__main .cdr-banner__icon-left {
|
|
281
282
|
background-color: #e8e0ce; }
|
|
282
|
-
.cdr-banner--
|
|
283
|
+
.cdr-banner--default .cdr-banner__main .cdr-banner__icon-left svg {
|
|
283
284
|
fill: #726d64; }
|
|
284
|
-
.cdr-banner--
|
|
285
|
+
.cdr-banner--default .cdr-banner__wrapper {
|
|
285
286
|
border-left: 0.4rem solid;
|
|
286
287
|
border-left-color: #726d64; }
|
|
287
|
-
.cdr-banner--
|
|
288
|
+
.cdr-banner--info .cdr-banner__main {
|
|
288
289
|
background-color: #edf4f5;
|
|
289
290
|
border-top: 0.1rem solid;
|
|
290
291
|
border-right: 0.1rem solid;
|
|
291
292
|
border-bottom: 0.1rem solid;
|
|
292
293
|
border-color: #c2d8db; }
|
|
293
|
-
.cdr-banner--
|
|
294
|
+
.cdr-banner--info .cdr-banner__main .cdr-banner__icon-left {
|
|
294
295
|
background-color: #c2d8db; }
|
|
295
|
-
.cdr-banner--
|
|
296
|
+
.cdr-banner--info .cdr-banner__main .cdr-banner__icon-left svg {
|
|
296
297
|
fill: #408e86; }
|
|
297
|
-
.cdr-banner--
|
|
298
|
+
.cdr-banner--info .cdr-banner__wrapper {
|
|
298
299
|
border-left: 0.4rem solid;
|
|
299
300
|
border-left-color: #408e86; }
|
|
300
|
-
.cdr-banner--
|
|
301
|
+
.cdr-banner--warning .cdr-banner__main {
|
|
301
302
|
background-color: #fefcf1;
|
|
302
303
|
border-top: 0.1rem solid;
|
|
303
304
|
border-right: 0.1rem solid;
|
|
304
305
|
border-bottom: 0.1rem solid;
|
|
305
306
|
border-color: #f5e9b7; }
|
|
306
|
-
.cdr-banner--
|
|
307
|
+
.cdr-banner--warning .cdr-banner__main .cdr-banner__icon-left {
|
|
307
308
|
background-color: #f5e9b7; }
|
|
308
|
-
.cdr-banner--
|
|
309
|
+
.cdr-banner--warning .cdr-banner__main .cdr-banner__icon-left svg {
|
|
309
310
|
fill: #b68b37; }
|
|
310
|
-
.cdr-banner--
|
|
311
|
+
.cdr-banner--warning .cdr-banner__wrapper {
|
|
311
312
|
border-left: 0.4rem solid;
|
|
312
313
|
border-left-color: #b68b37; }
|
|
313
|
-
.cdr-banner--
|
|
314
|
+
.cdr-banner--success .cdr-banner__main {
|
|
314
315
|
background-color: #f4fbf5;
|
|
315
316
|
border-top: 0.1rem solid;
|
|
316
317
|
border-right: 0.1rem solid;
|
|
317
318
|
border-bottom: 0.1rem solid;
|
|
318
319
|
border-color: #d5e6cb; }
|
|
319
|
-
.cdr-banner--
|
|
320
|
+
.cdr-banner--success .cdr-banner__main .cdr-banner__icon-left {
|
|
320
321
|
background-color: #d5e6cb; }
|
|
321
|
-
.cdr-banner--
|
|
322
|
+
.cdr-banner--success .cdr-banner__main .cdr-banner__icon-left svg {
|
|
322
323
|
fill: #3b8349; }
|
|
323
|
-
.cdr-banner--
|
|
324
|
+
.cdr-banner--success .cdr-banner__wrapper {
|
|
324
325
|
border-left: 0.4rem solid;
|
|
325
326
|
border-left-color: #3b8349; }
|
|
326
|
-
.cdr-banner--
|
|
327
|
+
.cdr-banner--error .cdr-banner__main {
|
|
327
328
|
background-color: #fdf7f7;
|
|
328
329
|
border-top: 0.1rem solid;
|
|
329
330
|
border-right: 0.1rem solid;
|
|
330
331
|
border-bottom: 0.1rem solid;
|
|
331
332
|
border-color: #eecbc1; }
|
|
332
|
-
.cdr-banner--
|
|
333
|
+
.cdr-banner--error .cdr-banner__main .cdr-banner__icon-left {
|
|
333
334
|
background-color: #eecbc1; }
|
|
334
|
-
.cdr-banner--
|
|
335
|
+
.cdr-banner--error .cdr-banner__main .cdr-banner__icon-left svg {
|
|
335
336
|
fill: #bb4045; }
|
|
336
|
-
.cdr-banner--
|
|
337
|
+
.cdr-banner--error .cdr-banner__wrapper {
|
|
337
338
|
border-left: 0.4rem solid;
|
|
338
339
|
border-left-color: #bb4045; }
|
|
339
340
|
|
|
340
|
-
.cdr-
|
|
341
|
+
.cdr-breadcrumb {
|
|
341
342
|
line-height: 1;
|
|
342
343
|
/* List
|
|
343
344
|
========== */
|
|
@@ -349,28 +350,26 @@ input[type="month"] {
|
|
|
349
350
|
========== */
|
|
350
351
|
/* Ellipses
|
|
351
352
|
========== */ }
|
|
352
|
-
.cdr-
|
|
353
|
+
.cdr-breadcrumb__list {
|
|
353
354
|
display: inline-flex;
|
|
354
355
|
flex-wrap: wrap;
|
|
355
356
|
padding: 0;
|
|
356
357
|
margin: 0; }
|
|
357
|
-
.cdr-
|
|
358
|
+
.cdr-breadcrumb__item {
|
|
358
359
|
display: inline-flex;
|
|
359
360
|
flex: none;
|
|
360
361
|
padding: 0;
|
|
361
362
|
color: rgba(66, 59, 47, 0.75); }
|
|
362
|
-
.cdr-
|
|
363
|
+
.cdr-breadcrumb__link {
|
|
363
364
|
text-decoration: none;
|
|
364
365
|
color: inherit; }
|
|
365
|
-
.cdr-
|
|
366
|
-
color: #406eb5; }
|
|
367
|
-
.cdr-breadcrumb__link_11-0-1:hover, .cdr-breadcrumb__link_11-0-1:active, .cdr-breadcrumb__link_11-0-1:focus {
|
|
366
|
+
.cdr-breadcrumb__link:hover, .cdr-breadcrumb__link:active, .cdr-breadcrumb__link:focus {
|
|
368
367
|
color: #406eb5;
|
|
369
368
|
text-decoration: underline; }
|
|
370
|
-
.cdr-
|
|
369
|
+
.cdr-breadcrumb__delimiter {
|
|
371
370
|
color: inherit;
|
|
372
371
|
padding: 0 0.8rem; }
|
|
373
|
-
.cdr-
|
|
372
|
+
.cdr-breadcrumb__ellipses {
|
|
374
373
|
font-family: inherit;
|
|
375
374
|
font-size: inherit;
|
|
376
375
|
line-height: inherit;
|
|
@@ -383,14 +382,14 @@ input[type="month"] {
|
|
|
383
382
|
padding: 0;
|
|
384
383
|
/* Ellipses Icon
|
|
385
384
|
========== */ }
|
|
386
|
-
.cdr-
|
|
385
|
+
.cdr-breadcrumb__ellipses .cdr-breadcrumb__ellipses-icon {
|
|
387
386
|
color: rgba(66, 59, 47, 0.75);
|
|
388
387
|
border-bottom: 0.1rem solid transparent;
|
|
389
388
|
fill: inherit; }
|
|
390
|
-
.cdr-
|
|
389
|
+
.cdr-breadcrumb__ellipses:hover .cdr-breadcrumb__ellipses-icon, .cdr-breadcrumb__ellipses:active .cdr-breadcrumb__ellipses-icon, .cdr-breadcrumb__ellipses:focus .cdr-breadcrumb__ellipses-icon {
|
|
391
390
|
color: #406eb5;
|
|
392
391
|
text-decoration: underline; }
|
|
393
|
-
.cdr-
|
|
392
|
+
.cdr-breadcrumb__link, .cdr-breadcrumb__delimiter, .cdr-breadcrumb__ellipses {
|
|
394
393
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
395
394
|
font-style: normal;
|
|
396
395
|
font-weight: 400;
|
|
@@ -398,7 +397,7 @@ input[type="month"] {
|
|
|
398
397
|
font-size: 1.2rem;
|
|
399
398
|
line-height: 1.6rem; }
|
|
400
399
|
@media (min-width: 992px) {
|
|
401
|
-
.cdr-
|
|
400
|
+
.cdr-breadcrumb__link, .cdr-breadcrumb__delimiter, .cdr-breadcrumb__ellipses {
|
|
402
401
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
403
402
|
font-style: normal;
|
|
404
403
|
font-weight: 400;
|
|
@@ -406,7 +405,7 @@ input[type="month"] {
|
|
|
406
405
|
font-size: 1.4rem;
|
|
407
406
|
line-height: 1.8rem; } }
|
|
408
407
|
|
|
409
|
-
.cdr-
|
|
408
|
+
.cdr-button {
|
|
410
409
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
411
410
|
font-style: normal;
|
|
412
411
|
font-weight: 500;
|
|
@@ -454,155 +453,155 @@ input[type="month"] {
|
|
|
454
453
|
/* @lg
|
|
455
454
|
1200px and up
|
|
456
455
|
========== */ }
|
|
457
|
-
.cdr-
|
|
456
|
+
.cdr-button:hover, .cdr-button:active, .cdr-button:focus {
|
|
458
457
|
outline: none;
|
|
459
458
|
outline-offset: 0;
|
|
460
459
|
text-decoration: none; }
|
|
461
|
-
.cdr-
|
|
460
|
+
.cdr-button[disabled] {
|
|
462
461
|
cursor: not-allowed; }
|
|
463
|
-
.cdr-
|
|
462
|
+
.cdr-button svg {
|
|
464
463
|
align-self: center;
|
|
465
464
|
fill: inherit; }
|
|
466
|
-
.cdr-
|
|
465
|
+
.cdr-button.cdr-button--has-icon-left svg {
|
|
467
466
|
margin-right: 0.4rem; }
|
|
468
|
-
.cdr-
|
|
467
|
+
.cdr-button.cdr-button--has-icon-right svg {
|
|
469
468
|
margin-left: 0.4rem; }
|
|
470
|
-
.cdr-button--
|
|
469
|
+
.cdr-button--primary {
|
|
471
470
|
background-color: #1f513f;
|
|
472
471
|
box-shadow: inset 0 0 0 0.1rem #1f513f;
|
|
473
472
|
color: #f9f8f6;
|
|
474
473
|
fill: #f9f8f6; }
|
|
475
|
-
.cdr-button--
|
|
474
|
+
.cdr-button--primary:hover, .cdr-button--primary:focus {
|
|
476
475
|
color: #1f513f;
|
|
477
476
|
fill: #1f513f;
|
|
478
477
|
background-color: #f4f2ed;
|
|
479
478
|
box-shadow: inset 0 0 0 0.3rem #1f513f, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
480
|
-
.cdr-button--
|
|
479
|
+
.cdr-button--primary:active {
|
|
481
480
|
color: #f9f8f6;
|
|
482
481
|
fill: #f9f8f6;
|
|
483
482
|
background-color: #1f513f;
|
|
484
483
|
box-shadow: inset 0 0 0 0.3rem #1f513f, inset 0 0 0 0.5rem #f4f2ed; }
|
|
485
|
-
.cdr-button--
|
|
484
|
+
.cdr-button--primary[disabled] {
|
|
486
485
|
background-color: #dcd6cb;
|
|
487
486
|
box-shadow: inset 0 0 0 0.1rem #dcd6cb;
|
|
488
487
|
color: #ffffff;
|
|
489
488
|
fill: #ffffff; }
|
|
490
|
-
.cdr-button--
|
|
489
|
+
.cdr-button--primary.cdr-button--elevated {
|
|
491
490
|
box-shadow: inset 0 0 0 0.1rem #1f513f, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
492
|
-
.cdr-button--
|
|
491
|
+
.cdr-button--primary.cdr-button--elevated:hover, .cdr-button--primary.cdr-button--elevated:focus {
|
|
493
492
|
box-shadow: inset 0 0 0 0.3rem #1f513f, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2); }
|
|
494
|
-
.cdr-button--
|
|
493
|
+
.cdr-button--primary.cdr-button--elevated:active {
|
|
495
494
|
box-shadow: inset 0 0 0 0.3rem #1f513f, inset 0 0 0 0.5rem #f4f2ed, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
496
|
-
.cdr-button--
|
|
495
|
+
.cdr-button--secondary {
|
|
497
496
|
background-color: #f9f8f6;
|
|
498
497
|
box-shadow: inset 0 0 0 0.1rem #928b80;
|
|
499
498
|
color: #4e4d49;
|
|
500
499
|
fill: #928b80; }
|
|
501
|
-
.cdr-button--
|
|
500
|
+
.cdr-button--secondary:hover, .cdr-button--secondary:focus {
|
|
502
501
|
color: #4e4d49;
|
|
503
502
|
fill: #4e4d49;
|
|
504
503
|
background-color: #f4f2ed;
|
|
505
504
|
box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
506
|
-
.cdr-button--
|
|
505
|
+
.cdr-button--secondary:active {
|
|
507
506
|
color: #f9f8f6;
|
|
508
507
|
fill: #f9f8f6;
|
|
509
508
|
background-color: #928b80;
|
|
510
509
|
box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed; }
|
|
511
|
-
.cdr-button--
|
|
510
|
+
.cdr-button--secondary[disabled] {
|
|
512
511
|
background-color: #f9f8f6;
|
|
513
512
|
box-shadow: inset 0 0 0 0.1rem #dcd6cb;
|
|
514
513
|
color: #d1cbbd;
|
|
515
514
|
fill: #d1cbbd; }
|
|
516
|
-
.cdr-button--
|
|
515
|
+
.cdr-button--secondary.cdr-button--elevated {
|
|
517
516
|
box-shadow: inset 0 0 0 0.1rem #928b80, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
518
|
-
.cdr-button--
|
|
517
|
+
.cdr-button--secondary.cdr-button--elevated:hover, .cdr-button--secondary.cdr-button--elevated:focus {
|
|
519
518
|
box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2); }
|
|
520
|
-
.cdr-button--
|
|
519
|
+
.cdr-button--secondary.cdr-button--elevated:active {
|
|
521
520
|
box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
522
|
-
.cdr-button--
|
|
521
|
+
.cdr-button--dark {
|
|
523
522
|
background-color: #4e4d49;
|
|
524
523
|
box-shadow: inset 0 0 0 0.1rem #4e4d49;
|
|
525
524
|
color: #f9f8f6;
|
|
526
525
|
fill: #f9f8f6; }
|
|
527
|
-
.cdr-button--
|
|
526
|
+
.cdr-button--dark:hover, .cdr-button--dark:focus {
|
|
528
527
|
color: #4e4d49;
|
|
529
528
|
fill: #4e4d49;
|
|
530
529
|
background-color: #edeae3;
|
|
531
530
|
box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
532
|
-
.cdr-button--
|
|
531
|
+
.cdr-button--dark:active {
|
|
533
532
|
color: #f9f8f6;
|
|
534
533
|
fill: #f9f8f6;
|
|
535
534
|
background-color: #4e4d49;
|
|
536
535
|
box-shadow: inset 0 0 0 0.3rem #4e4d49, inset 0 0 0 0.5rem #edeae3; }
|
|
537
|
-
.cdr-button--
|
|
536
|
+
.cdr-button--dark[disabled] {
|
|
538
537
|
background-color: #dcd6cb;
|
|
539
538
|
box-shadow: inset 0 0 0 0.1rem #dcd6cb;
|
|
540
539
|
color: #ffffff;
|
|
541
540
|
fill: #ffffff; }
|
|
542
|
-
.cdr-button--
|
|
541
|
+
.cdr-button--dark.cdr-button--elevated {
|
|
543
542
|
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
544
|
-
.cdr-button--
|
|
543
|
+
.cdr-button--dark.cdr-button--elevated:hover, .cdr-button--dark.cdr-button--elevated:focus {
|
|
545
544
|
box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2); }
|
|
546
|
-
.cdr-button--
|
|
545
|
+
.cdr-button--dark.cdr-button--elevated:active {
|
|
547
546
|
box-shadow: inset 0 0 0 0.3rem #4e4d49, inset 0 0 0 0.5rem #edeae3, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
548
|
-
.cdr-button--
|
|
547
|
+
.cdr-button--sale {
|
|
549
548
|
background-color: #c7370f;
|
|
550
549
|
box-shadow: inset 0 0 0 0.1rem #c7370f;
|
|
551
550
|
color: #ffffff;
|
|
552
551
|
fill: #ffffff; }
|
|
553
|
-
.cdr-button--
|
|
552
|
+
.cdr-button--sale:hover, .cdr-button--sale:focus {
|
|
554
553
|
color: #c7370f;
|
|
555
554
|
fill: #c7370f;
|
|
556
555
|
background-color: #f4f2ed;
|
|
557
556
|
box-shadow: inset 0 0 0 0.3rem #c7370f, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
558
|
-
.cdr-button--
|
|
557
|
+
.cdr-button--sale:active {
|
|
559
558
|
color: #ffffff;
|
|
560
559
|
fill: #ffffff;
|
|
561
560
|
background-color: #c7370f;
|
|
562
561
|
box-shadow: inset 0 0 0 0.3rem #c7370f, inset 0 0 0 0.5rem #f4f2ed; }
|
|
563
|
-
.cdr-button--
|
|
562
|
+
.cdr-button--sale[disabled] {
|
|
564
563
|
background-color: #dcd6cb;
|
|
565
564
|
box-shadow: inset 0 0 0 0.1rem #dcd6cb;
|
|
566
565
|
color: #ffffff;
|
|
567
566
|
fill: #ffffff; }
|
|
568
|
-
.cdr-button--
|
|
567
|
+
.cdr-button--sale.cdr-button--elevated {
|
|
569
568
|
box-shadow: inset 0 0 0 0.1rem #c7370f, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
570
|
-
.cdr-button--
|
|
569
|
+
.cdr-button--sale.cdr-button--elevated:hover, .cdr-button--sale.cdr-button--elevated:focus {
|
|
571
570
|
box-shadow: inset 0 0 0 0.3rem #c7370f, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2); }
|
|
572
|
-
.cdr-button--
|
|
571
|
+
.cdr-button--sale.cdr-button--elevated:active {
|
|
573
572
|
box-shadow: inset 0 0 0 0.3rem #c7370f, inset 0 0 0 0.5rem #f4f2ed, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
574
|
-
.cdr-button--
|
|
573
|
+
.cdr-button--link {
|
|
575
574
|
color: #406eb5;
|
|
576
575
|
fill: #406eb5;
|
|
577
576
|
background-color: transparent;
|
|
578
577
|
text-decoration: underline; }
|
|
579
|
-
.cdr-button--
|
|
578
|
+
.cdr-button--link:active, .cdr-button--link:focus {
|
|
580
579
|
color: #0b2d60; }
|
|
581
|
-
.cdr-button--
|
|
580
|
+
.cdr-button--link:hover {
|
|
582
581
|
color: #406eb5;
|
|
583
582
|
text-decoration: none; }
|
|
584
|
-
.cdr-button--
|
|
583
|
+
.cdr-button--link:focus {
|
|
585
584
|
outline: 0.2rem solid Highlight;
|
|
586
585
|
outline-color: -webkit-focus-ring-color;
|
|
587
586
|
outline-offset: 0; }
|
|
588
|
-
.cdr-button--
|
|
587
|
+
.cdr-button--large {
|
|
589
588
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
590
589
|
font-style: normal;
|
|
591
590
|
font-weight: 500;
|
|
592
591
|
letter-spacing: -0.008rem;
|
|
593
|
-
font-size: 1.
|
|
594
|
-
line-height: 2.
|
|
592
|
+
font-size: 1.8rem;
|
|
593
|
+
line-height: 2.4rem;
|
|
595
594
|
padding: 1.2rem 2.4rem;
|
|
596
595
|
width: auto; }
|
|
597
|
-
.cdr-button--
|
|
596
|
+
.cdr-button--large.cdr-button--has-icon-left {
|
|
598
597
|
padding-left: 2rem; }
|
|
599
|
-
.cdr-button--
|
|
598
|
+
.cdr-button--large.cdr-button--has-icon-right {
|
|
600
599
|
padding-right: 2rem; }
|
|
601
|
-
.cdr-button--
|
|
600
|
+
.cdr-button--large svg {
|
|
602
601
|
/* This is to correct icon size vs line height */
|
|
603
602
|
width: 2.4rem;
|
|
604
603
|
height: 2.4rem; }
|
|
605
|
-
.cdr-button--
|
|
604
|
+
.cdr-button--medium {
|
|
606
605
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
607
606
|
font-style: normal;
|
|
608
607
|
font-weight: 500;
|
|
@@ -611,15 +610,15 @@ input[type="month"] {
|
|
|
611
610
|
line-height: 2.2rem;
|
|
612
611
|
padding: 0.8rem 1.6rem;
|
|
613
612
|
width: auto; }
|
|
614
|
-
.cdr-button--
|
|
613
|
+
.cdr-button--medium.cdr-button--has-icon-left {
|
|
615
614
|
padding-left: 1.2rem; }
|
|
616
|
-
.cdr-button--
|
|
615
|
+
.cdr-button--medium.cdr-button--has-icon-right {
|
|
617
616
|
padding-right: 1.2rem; }
|
|
618
|
-
.cdr-button--
|
|
617
|
+
.cdr-button--medium svg {
|
|
619
618
|
/* This is to correct icon size vs line height */
|
|
620
619
|
width: 2.4rem;
|
|
621
620
|
height: 2.4rem; }
|
|
622
|
-
.cdr-button--
|
|
621
|
+
.cdr-button--small {
|
|
623
622
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
624
623
|
font-style: normal;
|
|
625
624
|
font-weight: 500;
|
|
@@ -628,15 +627,15 @@ input[type="month"] {
|
|
|
628
627
|
line-height: 1.8rem;
|
|
629
628
|
padding: 0.6rem 1.2rem;
|
|
630
629
|
width: auto; }
|
|
631
|
-
.cdr-button--
|
|
630
|
+
.cdr-button--small.cdr-button--has-icon-left {
|
|
632
631
|
padding-left: 0.8rem; }
|
|
633
|
-
.cdr-button--
|
|
632
|
+
.cdr-button--small.cdr-button--has-icon-right {
|
|
634
633
|
padding-right: 0.8rem; }
|
|
635
|
-
.cdr-button--
|
|
634
|
+
.cdr-button--small svg {
|
|
636
635
|
/* This is to correct icon size vs line height */
|
|
637
636
|
width: 2rem;
|
|
638
637
|
height: 2rem; }
|
|
639
|
-
.cdr-button--icon-
|
|
638
|
+
.cdr-button--icon-only {
|
|
640
639
|
background: none;
|
|
641
640
|
border: none;
|
|
642
641
|
border-radius: 0.2rem;
|
|
@@ -645,55 +644,55 @@ input[type="month"] {
|
|
|
645
644
|
line-height: normal;
|
|
646
645
|
padding: 0.8rem;
|
|
647
646
|
fill: #928b80; }
|
|
648
|
-
.cdr-button--icon-
|
|
647
|
+
.cdr-button--icon-only:hover {
|
|
649
648
|
background: none;
|
|
650
649
|
box-shadow: none;
|
|
651
650
|
border: none;
|
|
652
651
|
fill: #928b80; }
|
|
653
|
-
.cdr-button--icon-
|
|
652
|
+
.cdr-button--icon-only:active, .cdr-button--icon-only:focus {
|
|
654
653
|
background: none;
|
|
655
654
|
outline: none;
|
|
656
655
|
border: none;
|
|
657
656
|
box-shadow: none;
|
|
658
657
|
fill: #928b80; }
|
|
659
|
-
.cdr-button--icon-
|
|
658
|
+
.cdr-button--icon-only:active svg, .cdr-button--icon-only:focus svg {
|
|
660
659
|
box-shadow: inset 0 0 0 0.1rem #928b80; }
|
|
661
|
-
.cdr-button--icon-
|
|
660
|
+
.cdr-button--icon-only[disabled] {
|
|
662
661
|
background: transparent;
|
|
663
662
|
box-shadow: none;
|
|
664
663
|
border: none;
|
|
665
664
|
fill: #dcd6cb; }
|
|
666
|
-
.cdr-button--icon-
|
|
665
|
+
.cdr-button--icon-only > svg {
|
|
667
666
|
margin: 0; }
|
|
668
|
-
.cdr-button--icon-only-
|
|
667
|
+
.cdr-button--icon-only-large {
|
|
669
668
|
padding: 1.2rem; }
|
|
670
|
-
.cdr-button--with-
|
|
669
|
+
.cdr-button--with-background {
|
|
671
670
|
border-radius: 50%;
|
|
672
671
|
fill: #928b80;
|
|
673
672
|
background-color: #f9f8f6;
|
|
674
673
|
box-shadow: inset 0 0 0 0.1rem #928b80; }
|
|
675
|
-
.cdr-button--with-
|
|
674
|
+
.cdr-button--with-background:hover, .cdr-button--with-background:focus {
|
|
676
675
|
fill: #928b80;
|
|
677
676
|
background-color: #f4f2ed;
|
|
678
677
|
box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
679
|
-
.cdr-button--with-
|
|
678
|
+
.cdr-button--with-background:hover svg, .cdr-button--with-background:focus svg {
|
|
680
679
|
box-shadow: none; }
|
|
681
|
-
.cdr-button--with-
|
|
680
|
+
.cdr-button--with-background:active {
|
|
682
681
|
color: #f9f8f6;
|
|
683
682
|
fill: #f9f8f6;
|
|
684
683
|
background-color: #928b80;
|
|
685
684
|
box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed; }
|
|
686
|
-
.cdr-button--with-
|
|
685
|
+
.cdr-button--with-background:active svg {
|
|
687
686
|
box-shadow: none; }
|
|
688
|
-
.cdr-button--with-
|
|
687
|
+
.cdr-button--with-background[disabled] {
|
|
689
688
|
background-color: #f9f8f6;
|
|
690
689
|
box-shadow: inset 0 0 0 0.1rem #dcd6cb;
|
|
691
690
|
fill: #d1cbbd; }
|
|
692
|
-
.cdr-button--full-
|
|
691
|
+
.cdr-button--full-width {
|
|
693
692
|
width: 100% !important;
|
|
694
693
|
justify-content: center; }
|
|
695
694
|
@media (min-width: 0) and (max-width: 767px) {
|
|
696
|
-
.cdr-button--small\@
|
|
695
|
+
.cdr-button--small\@xs {
|
|
697
696
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
698
697
|
font-style: normal;
|
|
699
698
|
font-weight: 500;
|
|
@@ -702,15 +701,15 @@ input[type="month"] {
|
|
|
702
701
|
line-height: 1.8rem;
|
|
703
702
|
padding: 0.6rem 1.2rem;
|
|
704
703
|
width: auto; }
|
|
705
|
-
.cdr-button--small\@
|
|
704
|
+
.cdr-button--small\@xs.cdr-button--has-icon-left {
|
|
706
705
|
padding-left: 0.8rem; }
|
|
707
|
-
.cdr-button--small\@
|
|
706
|
+
.cdr-button--small\@xs.cdr-button--has-icon-right {
|
|
708
707
|
padding-right: 0.8rem; }
|
|
709
|
-
.cdr-button--small\@
|
|
708
|
+
.cdr-button--small\@xs svg {
|
|
710
709
|
/* This is to correct icon size vs line height */
|
|
711
710
|
width: 2rem;
|
|
712
711
|
height: 2rem; }
|
|
713
|
-
.cdr-button--medium\@
|
|
712
|
+
.cdr-button--medium\@xs {
|
|
714
713
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
715
714
|
font-style: normal;
|
|
716
715
|
font-weight: 500;
|
|
@@ -719,36 +718,36 @@ input[type="month"] {
|
|
|
719
718
|
line-height: 2.2rem;
|
|
720
719
|
padding: 0.8rem 1.6rem;
|
|
721
720
|
width: auto; }
|
|
722
|
-
.cdr-button--medium\@
|
|
721
|
+
.cdr-button--medium\@xs.cdr-button--has-icon-left {
|
|
723
722
|
padding-left: 1.2rem; }
|
|
724
|
-
.cdr-button--medium\@
|
|
723
|
+
.cdr-button--medium\@xs.cdr-button--has-icon-right {
|
|
725
724
|
padding-right: 1.2rem; }
|
|
726
|
-
.cdr-button--medium\@
|
|
725
|
+
.cdr-button--medium\@xs svg {
|
|
727
726
|
/* This is to correct icon size vs line height */
|
|
728
727
|
width: 2.4rem;
|
|
729
728
|
height: 2.4rem; }
|
|
730
|
-
.cdr-button--large\@
|
|
729
|
+
.cdr-button--large\@xs {
|
|
731
730
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
732
731
|
font-style: normal;
|
|
733
732
|
font-weight: 500;
|
|
734
733
|
letter-spacing: -0.008rem;
|
|
735
|
-
font-size: 1.
|
|
736
|
-
line-height: 2.
|
|
734
|
+
font-size: 1.8rem;
|
|
735
|
+
line-height: 2.4rem;
|
|
737
736
|
padding: 1.2rem 2.4rem;
|
|
738
737
|
width: auto; }
|
|
739
|
-
.cdr-button--large\@
|
|
738
|
+
.cdr-button--large\@xs.cdr-button--has-icon-left {
|
|
740
739
|
padding-left: 2rem; }
|
|
741
|
-
.cdr-button--large\@
|
|
740
|
+
.cdr-button--large\@xs.cdr-button--has-icon-right {
|
|
742
741
|
padding-right: 2rem; }
|
|
743
|
-
.cdr-button--large\@
|
|
742
|
+
.cdr-button--large\@xs svg {
|
|
744
743
|
/* This is to correct icon size vs line height */
|
|
745
744
|
width: 2.4rem;
|
|
746
745
|
height: 2.4rem; }
|
|
747
|
-
.cdr-button--fullWidth\@
|
|
746
|
+
.cdr-button--fullWidth\@xs {
|
|
748
747
|
width: 100% !important;
|
|
749
748
|
justify-content: center; } }
|
|
750
749
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
751
|
-
.cdr-button--small\@
|
|
750
|
+
.cdr-button--small\@sm {
|
|
752
751
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
753
752
|
font-style: normal;
|
|
754
753
|
font-weight: 500;
|
|
@@ -757,15 +756,15 @@ input[type="month"] {
|
|
|
757
756
|
line-height: 1.8rem;
|
|
758
757
|
padding: 0.6rem 1.2rem;
|
|
759
758
|
width: auto; }
|
|
760
|
-
.cdr-button--small\@
|
|
759
|
+
.cdr-button--small\@sm.cdr-button--has-icon-left {
|
|
761
760
|
padding-left: 0.8rem; }
|
|
762
|
-
.cdr-button--small\@
|
|
761
|
+
.cdr-button--small\@sm.cdr-button--has-icon-right {
|
|
763
762
|
padding-right: 0.8rem; }
|
|
764
|
-
.cdr-button--small\@
|
|
763
|
+
.cdr-button--small\@sm svg {
|
|
765
764
|
/* This is to correct icon size vs line height */
|
|
766
765
|
width: 2rem;
|
|
767
766
|
height: 2rem; }
|
|
768
|
-
.cdr-button--medium\@
|
|
767
|
+
.cdr-button--medium\@sm {
|
|
769
768
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
770
769
|
font-style: normal;
|
|
771
770
|
font-weight: 500;
|
|
@@ -774,36 +773,36 @@ input[type="month"] {
|
|
|
774
773
|
line-height: 2.2rem;
|
|
775
774
|
padding: 0.8rem 1.6rem;
|
|
776
775
|
width: auto; }
|
|
777
|
-
.cdr-button--medium\@
|
|
776
|
+
.cdr-button--medium\@sm.cdr-button--has-icon-left {
|
|
778
777
|
padding-left: 1.2rem; }
|
|
779
|
-
.cdr-button--medium\@
|
|
778
|
+
.cdr-button--medium\@sm.cdr-button--has-icon-right {
|
|
780
779
|
padding-right: 1.2rem; }
|
|
781
|
-
.cdr-button--medium\@
|
|
780
|
+
.cdr-button--medium\@sm svg {
|
|
782
781
|
/* This is to correct icon size vs line height */
|
|
783
782
|
width: 2.4rem;
|
|
784
783
|
height: 2.4rem; }
|
|
785
|
-
.cdr-button--large\@
|
|
784
|
+
.cdr-button--large\@sm {
|
|
786
785
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
787
786
|
font-style: normal;
|
|
788
787
|
font-weight: 500;
|
|
789
788
|
letter-spacing: -0.008rem;
|
|
790
|
-
font-size: 1.
|
|
791
|
-
line-height: 2.
|
|
789
|
+
font-size: 1.8rem;
|
|
790
|
+
line-height: 2.4rem;
|
|
792
791
|
padding: 1.2rem 2.4rem;
|
|
793
792
|
width: auto; }
|
|
794
|
-
.cdr-button--large\@
|
|
793
|
+
.cdr-button--large\@sm.cdr-button--has-icon-left {
|
|
795
794
|
padding-left: 2rem; }
|
|
796
|
-
.cdr-button--large\@
|
|
795
|
+
.cdr-button--large\@sm.cdr-button--has-icon-right {
|
|
797
796
|
padding-right: 2rem; }
|
|
798
|
-
.cdr-button--large\@
|
|
797
|
+
.cdr-button--large\@sm svg {
|
|
799
798
|
/* This is to correct icon size vs line height */
|
|
800
799
|
width: 2.4rem;
|
|
801
800
|
height: 2.4rem; }
|
|
802
|
-
.cdr-button--fullWidth\@
|
|
801
|
+
.cdr-button--fullWidth\@sm {
|
|
803
802
|
width: 100% !important;
|
|
804
803
|
justify-content: center; } }
|
|
805
804
|
@media (min-width: 992px) and (max-width: 1231px) {
|
|
806
|
-
.cdr-button--small\@
|
|
805
|
+
.cdr-button--small\@md {
|
|
807
806
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
808
807
|
font-style: normal;
|
|
809
808
|
font-weight: 500;
|
|
@@ -812,15 +811,15 @@ input[type="month"] {
|
|
|
812
811
|
line-height: 1.8rem;
|
|
813
812
|
padding: 0.6rem 1.2rem;
|
|
814
813
|
width: auto; }
|
|
815
|
-
.cdr-button--small\@
|
|
814
|
+
.cdr-button--small\@md.cdr-button--has-icon-left {
|
|
816
815
|
padding-left: 0.8rem; }
|
|
817
|
-
.cdr-button--small\@
|
|
816
|
+
.cdr-button--small\@md.cdr-button--has-icon-right {
|
|
818
817
|
padding-right: 0.8rem; }
|
|
819
|
-
.cdr-button--small\@
|
|
818
|
+
.cdr-button--small\@md svg {
|
|
820
819
|
/* This is to correct icon size vs line height */
|
|
821
820
|
width: 2rem;
|
|
822
821
|
height: 2rem; }
|
|
823
|
-
.cdr-button--medium\@
|
|
822
|
+
.cdr-button--medium\@md {
|
|
824
823
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
825
824
|
font-style: normal;
|
|
826
825
|
font-weight: 500;
|
|
@@ -829,36 +828,36 @@ input[type="month"] {
|
|
|
829
828
|
line-height: 2.2rem;
|
|
830
829
|
padding: 0.8rem 1.6rem;
|
|
831
830
|
width: auto; }
|
|
832
|
-
.cdr-button--medium\@
|
|
831
|
+
.cdr-button--medium\@md.cdr-button--has-icon-left {
|
|
833
832
|
padding-left: 1.2rem; }
|
|
834
|
-
.cdr-button--medium\@
|
|
833
|
+
.cdr-button--medium\@md.cdr-button--has-icon-right {
|
|
835
834
|
padding-right: 1.2rem; }
|
|
836
|
-
.cdr-button--medium\@
|
|
835
|
+
.cdr-button--medium\@md svg {
|
|
837
836
|
/* This is to correct icon size vs line height */
|
|
838
837
|
width: 2.4rem;
|
|
839
838
|
height: 2.4rem; }
|
|
840
|
-
.cdr-button--large\@
|
|
839
|
+
.cdr-button--large\@md {
|
|
841
840
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
842
841
|
font-style: normal;
|
|
843
842
|
font-weight: 500;
|
|
844
843
|
letter-spacing: -0.008rem;
|
|
845
|
-
font-size: 1.
|
|
846
|
-
line-height: 2.
|
|
844
|
+
font-size: 1.8rem;
|
|
845
|
+
line-height: 2.4rem;
|
|
847
846
|
padding: 1.2rem 2.4rem;
|
|
848
847
|
width: auto; }
|
|
849
|
-
.cdr-button--large\@
|
|
848
|
+
.cdr-button--large\@md.cdr-button--has-icon-left {
|
|
850
849
|
padding-left: 2rem; }
|
|
851
|
-
.cdr-button--large\@
|
|
850
|
+
.cdr-button--large\@md.cdr-button--has-icon-right {
|
|
852
851
|
padding-right: 2rem; }
|
|
853
|
-
.cdr-button--large\@
|
|
852
|
+
.cdr-button--large\@md svg {
|
|
854
853
|
/* This is to correct icon size vs line height */
|
|
855
854
|
width: 2.4rem;
|
|
856
855
|
height: 2.4rem; }
|
|
857
|
-
.cdr-button--fullWidth\@
|
|
856
|
+
.cdr-button--fullWidth\@md {
|
|
858
857
|
width: 100% !important;
|
|
859
858
|
justify-content: center; } }
|
|
860
859
|
@media (min-width: 1232px) {
|
|
861
|
-
.cdr-button--small\@
|
|
860
|
+
.cdr-button--small\@lg {
|
|
862
861
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
863
862
|
font-style: normal;
|
|
864
863
|
font-weight: 500;
|
|
@@ -867,15 +866,15 @@ input[type="month"] {
|
|
|
867
866
|
line-height: 1.8rem;
|
|
868
867
|
padding: 0.6rem 1.2rem;
|
|
869
868
|
width: auto; }
|
|
870
|
-
.cdr-button--small\@
|
|
869
|
+
.cdr-button--small\@lg.cdr-button--has-icon-left {
|
|
871
870
|
padding-left: 0.8rem; }
|
|
872
|
-
.cdr-button--small\@
|
|
871
|
+
.cdr-button--small\@lg.cdr-button--has-icon-right {
|
|
873
872
|
padding-right: 0.8rem; }
|
|
874
|
-
.cdr-button--small\@
|
|
873
|
+
.cdr-button--small\@lg svg {
|
|
875
874
|
/* This is to correct icon size vs line height */
|
|
876
875
|
width: 2rem;
|
|
877
876
|
height: 2rem; }
|
|
878
|
-
.cdr-button--medium\@
|
|
877
|
+
.cdr-button--medium\@lg {
|
|
879
878
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
880
879
|
font-style: normal;
|
|
881
880
|
font-weight: 500;
|
|
@@ -884,32 +883,32 @@ input[type="month"] {
|
|
|
884
883
|
line-height: 2.2rem;
|
|
885
884
|
padding: 0.8rem 1.6rem;
|
|
886
885
|
width: auto; }
|
|
887
|
-
.cdr-button--medium\@
|
|
886
|
+
.cdr-button--medium\@lg.cdr-button--has-icon-left {
|
|
888
887
|
padding-left: 1.2rem; }
|
|
889
|
-
.cdr-button--medium\@
|
|
888
|
+
.cdr-button--medium\@lg.cdr-button--has-icon-right {
|
|
890
889
|
padding-right: 1.2rem; }
|
|
891
|
-
.cdr-button--medium\@
|
|
890
|
+
.cdr-button--medium\@lg svg {
|
|
892
891
|
/* This is to correct icon size vs line height */
|
|
893
892
|
width: 2.4rem;
|
|
894
893
|
height: 2.4rem; }
|
|
895
|
-
.cdr-button--large\@
|
|
894
|
+
.cdr-button--large\@lg {
|
|
896
895
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
897
896
|
font-style: normal;
|
|
898
897
|
font-weight: 500;
|
|
899
898
|
letter-spacing: -0.008rem;
|
|
900
|
-
font-size: 1.
|
|
901
|
-
line-height: 2.
|
|
899
|
+
font-size: 1.8rem;
|
|
900
|
+
line-height: 2.4rem;
|
|
902
901
|
padding: 1.2rem 2.4rem;
|
|
903
902
|
width: auto; }
|
|
904
|
-
.cdr-button--large\@
|
|
903
|
+
.cdr-button--large\@lg.cdr-button--has-icon-left {
|
|
905
904
|
padding-left: 2rem; }
|
|
906
|
-
.cdr-button--large\@
|
|
905
|
+
.cdr-button--large\@lg.cdr-button--has-icon-right {
|
|
907
906
|
padding-right: 2rem; }
|
|
908
|
-
.cdr-button--large\@
|
|
907
|
+
.cdr-button--large\@lg svg {
|
|
909
908
|
/* This is to correct icon size vs line height */
|
|
910
909
|
width: 2.4rem;
|
|
911
910
|
height: 2.4rem; }
|
|
912
|
-
.cdr-button--fullWidth\@
|
|
911
|
+
.cdr-button--fullWidth\@lg {
|
|
913
912
|
width: 100% !important;
|
|
914
913
|
justify-content: center; } }
|
|
915
914
|
|
|
@@ -924,11 +923,11 @@ input[type="month"] {
|
|
|
924
923
|
|
|
925
924
|
:Base - CdrCaption
|
|
926
925
|
========================================================================== */
|
|
927
|
-
.cdr-
|
|
926
|
+
.cdr-caption {
|
|
928
927
|
max-width: 53rem;
|
|
929
928
|
line-height: 1;
|
|
930
929
|
padding: 0.8rem 0; }
|
|
931
|
-
.cdr-
|
|
930
|
+
.cdr-caption cite {
|
|
932
931
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
933
932
|
font-size: 1.2rem;
|
|
934
933
|
font-weight: 400;
|
|
@@ -936,7 +935,7 @@ input[type="month"] {
|
|
|
936
935
|
line-height: 1.8rem;
|
|
937
936
|
color: rgba(66, 59, 47, 0.75);
|
|
938
937
|
font-style: normal; }
|
|
939
|
-
.cdr-
|
|
938
|
+
.cdr-caption__summary {
|
|
940
939
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
941
940
|
font-size: 1.4rem;
|
|
942
941
|
font-weight: 400;
|
|
@@ -944,11 +943,11 @@ input[type="month"] {
|
|
|
944
943
|
line-height: 2.2rem;
|
|
945
944
|
margin: 0;
|
|
946
945
|
color: rgba(12, 11, 8, 0.75); }
|
|
947
|
-
.cdr-
|
|
946
|
+
.cdr-caption__summary + cite {
|
|
948
947
|
display: inline-block;
|
|
949
948
|
margin-top: 0.8rem; }
|
|
950
949
|
|
|
951
|
-
.cdr-
|
|
950
|
+
.cdr-card {
|
|
952
951
|
position: relative;
|
|
953
952
|
background-color: #ffffff;
|
|
954
953
|
border-radius: 0.4rem;
|
|
@@ -958,18 +957,18 @@ input[type="month"] {
|
|
|
958
957
|
transition: box-shadow 0.2s cubic-bezier(0.15, 0, 0.15, 0);
|
|
959
958
|
cursor: pointer;
|
|
960
959
|
overflow: hidden; }
|
|
961
|
-
.cdr-
|
|
960
|
+
.cdr-card:active, .cdr-card:hover {
|
|
962
961
|
box-shadow: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
|
|
963
962
|
transform: translateY(-0.2rem);
|
|
964
963
|
transition: 0.2s; }
|
|
965
|
-
.cdr-card__link {
|
|
964
|
+
:global(.cdr-card__link) {
|
|
966
965
|
position: static;
|
|
967
966
|
color: rgba(12, 11, 8, 0.75) !important;
|
|
968
967
|
text-decoration: none !important; }
|
|
969
|
-
.cdr-card__link:hover {
|
|
968
|
+
:global(.cdr-card__link):hover {
|
|
970
969
|
text-decoration: underline !important;
|
|
971
970
|
color: #406eb5 !important; }
|
|
972
|
-
.cdr-card__link::before {
|
|
971
|
+
:global(.cdr-card__link)::before {
|
|
973
972
|
content: "";
|
|
974
973
|
display: block;
|
|
975
974
|
position: absolute;
|
|
@@ -980,78 +979,7 @@ input[type="month"] {
|
|
|
980
979
|
top: 0;
|
|
981
980
|
background-color: transparent; }
|
|
982
981
|
|
|
983
|
-
|
|
984
|
-
.cdr-checkbox_11-0-1 {
|
|
985
|
-
/* Checked
|
|
986
|
-
========== */
|
|
987
|
-
/* Disabled
|
|
988
|
-
========== */
|
|
989
|
-
/* Active
|
|
990
|
-
========== */
|
|
991
|
-
/* Focus
|
|
992
|
-
========== */ }
|
|
993
|
-
.cdr-checkbox__input_11-0-1:checked ~ .cdr-label-wrapper__figure_11-0-1 {
|
|
994
|
-
box-shadow: inset 0 0 0 0.1rem #4e4d49;
|
|
995
|
-
background-color: #4e4d49;
|
|
996
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath role='presentation' d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E");
|
|
997
|
-
background-repeat: no-repeat; }
|
|
998
|
-
.cdr-checkbox__input_11-0-1[indeterminate] ~ .cdr-label-wrapper__figure_11-0-1 {
|
|
999
|
-
box-shadow: inset 0 0 0 0.1rem #4e4d49; }
|
|
1000
|
-
.cdr-checkbox__input_11-0-1[indeterminate] ~ .cdr-label-wrapper__figure_11-0-1::after {
|
|
1001
|
-
content: '';
|
|
1002
|
-
position: absolute;
|
|
1003
|
-
left: 50%;
|
|
1004
|
-
top: 50%;
|
|
1005
|
-
transform: translate(-50%, -50%);
|
|
1006
|
-
width: 0.8rem;
|
|
1007
|
-
height: 0.2rem;
|
|
1008
|
-
background-color: #4e4d49;
|
|
1009
|
-
border-radius: 0.2rem; }
|
|
1010
|
-
.cdr-checkbox_11-0-1:hover .cdr-label-wrapper__figure_11-0-1 {
|
|
1011
|
-
cursor: pointer;
|
|
1012
|
-
box-shadow: inset 0 0 0 0.1rem #20201d, 0 0 0 0.1rem #20201d;
|
|
1013
|
-
background-color: #f9f8f6; }
|
|
1014
|
-
.cdr-checkbox_11-0-1:hover .cdr-checkbox__input_11-0-1 {
|
|
1015
|
-
/* Hover + Checked
|
|
1016
|
-
========== */
|
|
1017
|
-
/* Hover + Indeterminate
|
|
1018
|
-
========== */ }
|
|
1019
|
-
.cdr-checkbox_11-0-1:hover .cdr-checkbox__input_11-0-1:checked ~ .cdr-label-wrapper__figure_11-0-1 {
|
|
1020
|
-
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
1021
|
-
background-color: #928b80;
|
|
1022
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath role='presentation' d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E"); }
|
|
1023
|
-
.cdr-checkbox_11-0-1:hover .cdr-checkbox__input_11-0-1[indeterminate] ~ .cdr-label-wrapper__figure_11-0-1 {
|
|
1024
|
-
box-shadow: inset 0 0 0 0.2rem #4e4d49; }
|
|
1025
|
-
.cdr-checkbox_11-0-1:hover .cdr-checkbox__input_11-0-1[indeterminate] ~ .cdr-label-wrapper__figure_11-0-1::after {
|
|
1026
|
-
background-color: #ffffff; }
|
|
1027
|
-
.cdr-checkbox__input_11-0-1:disabled {
|
|
1028
|
-
/* Disabled + Checked
|
|
1029
|
-
========== */
|
|
1030
|
-
/* Disabled + Indeterminate
|
|
1031
|
-
========== */ }
|
|
1032
|
-
.cdr-checkbox__input_11-0-1:disabled ~ .cdr-label-wrapper__figure_11-0-1 {
|
|
1033
|
-
box-shadow: inset 0 0 0 0.1rem #d1cbbd !important;
|
|
1034
|
-
background-color: #f9f8f6 !important;
|
|
1035
|
-
background-image: none !important; }
|
|
1036
|
-
.cdr-checkbox__input_11-0-1:disabled:checked ~ .cdr-label-wrapper__figure_11-0-1 {
|
|
1037
|
-
background-color: #f9f8f6 !important; }
|
|
1038
|
-
.cdr-checkbox__input_11-0-1:disabled[indeterminate] ~ .cdr-label-wrapper__figure_11-0-1 {
|
|
1039
|
-
box-shadow: inset 0 0 0 0.1rem #d1cbbd !important; }
|
|
1040
|
-
.cdr-checkbox__input_11-0-1:disabled[indeterminate] ~ .cdr-label-wrapper__figure_11-0-1::after {
|
|
1041
|
-
background-color: #f9f8f6 !important; }
|
|
1042
|
-
.cdr-checkbox_11-0-1:active .cdr-label-wrapper__figure_11-0-1, .cdr-checkbox_11-0-1:active .cdr-checkbox__input_11-0-1:checked ~ .cdr-label-wrapper__figure_11-0-1 {
|
|
1043
|
-
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
1044
|
-
background-color: #f9f8f6;
|
|
1045
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234e4d49'%3E%3Cpath role='presentation' d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E"); }
|
|
1046
|
-
.cdr-checkbox_11-0-1:active .cdr-checkbox__input_11-0-1[indeterminate] ~ .cdr-label-wrapper__figure_11-0-1::after {
|
|
1047
|
-
content: none; }
|
|
1048
|
-
.cdr-checkbox__input_11-0-1:focus ~ .cdr-label-wrapper__figure_11-0-1 {
|
|
1049
|
-
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
1050
|
-
background-color: #f9f8f6; }
|
|
1051
|
-
.cdr-checkbox__input_11-0-1:focus:checked ~ .cdr-label-wrapper__figure_11-0-1 {
|
|
1052
|
-
background-color: #928b80; }
|
|
1053
|
-
|
|
1054
|
-
.cdr-label-wrapper_11-0-1 {
|
|
982
|
+
.cdr-label-wrapper {
|
|
1055
983
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1056
984
|
font-style: normal;
|
|
1057
985
|
font-weight: 400;
|
|
@@ -1072,7 +1000,6 @@ input[type="month"] {
|
|
|
1072
1000
|
flex-grow: 1;
|
|
1073
1001
|
position: relative;
|
|
1074
1002
|
-webkit-user-select: none;
|
|
1075
|
-
-moz-user-select: none;
|
|
1076
1003
|
-ms-user-select: none;
|
|
1077
1004
|
user-select: none;
|
|
1078
1005
|
/* Sizes
|
|
@@ -1091,38 +1018,38 @@ input[type="month"] {
|
|
|
1091
1018
|
/* @lg
|
|
1092
1019
|
1200px and up
|
|
1093
1020
|
========== */ }
|
|
1094
|
-
.cdr-label-
|
|
1021
|
+
.cdr-label-wrapper__container {
|
|
1095
1022
|
font-size: 0;
|
|
1096
1023
|
line-height: 1; }
|
|
1097
|
-
.cdr-label-
|
|
1024
|
+
.cdr-label-wrapper input {
|
|
1098
1025
|
position: absolute;
|
|
1099
1026
|
opacity: 0;
|
|
1100
1027
|
z-index: -1; }
|
|
1101
|
-
.cdr-label-wrapper--
|
|
1028
|
+
.cdr-label-wrapper--primary:hover {
|
|
1102
1029
|
background-color: #f9f8f6;
|
|
1103
1030
|
cursor: pointer; }
|
|
1104
|
-
.cdr-label-wrapper--
|
|
1031
|
+
.cdr-label-wrapper--primary:focus-within {
|
|
1105
1032
|
background-color: #f9f8f6;
|
|
1106
1033
|
box-shadow: inset 0 0 0 0.2rem #20201d; }
|
|
1107
|
-
.cdr-label-wrapper--
|
|
1034
|
+
.cdr-label-wrapper--primary:active {
|
|
1108
1035
|
background-color: #edeae3; }
|
|
1109
|
-
.cdr-label-wrapper--
|
|
1036
|
+
.cdr-label-wrapper--secondary {
|
|
1110
1037
|
background-color: rgba(244, 242, 237, 0.15); }
|
|
1111
|
-
.cdr-label-wrapper--
|
|
1038
|
+
.cdr-label-wrapper--secondary:hover {
|
|
1112
1039
|
background-color: rgba(255, 255, 255, 0.75);
|
|
1113
1040
|
cursor: pointer; }
|
|
1114
|
-
.cdr-label-wrapper--
|
|
1041
|
+
.cdr-label-wrapper--secondary:focus-within {
|
|
1115
1042
|
background-color: rgba(255, 255, 255, 0.75); }
|
|
1116
|
-
.cdr-label-wrapper--
|
|
1043
|
+
.cdr-label-wrapper--secondary:active {
|
|
1117
1044
|
background-color: #ffffff; }
|
|
1118
|
-
.cdr-label-wrapper--
|
|
1045
|
+
.cdr-label-wrapper--disabled {
|
|
1119
1046
|
color: #d1cbbd !important;
|
|
1120
1047
|
cursor: not-allowed !important; }
|
|
1121
|
-
.cdr-label-wrapper--
|
|
1048
|
+
.cdr-label-wrapper--disabled:hover, .cdr-label-wrapper--disabled:focus-within, .cdr-label-wrapper--disabled:active {
|
|
1122
1049
|
background-color: transparent !important; }
|
|
1123
|
-
.cdr-label-wrapper--
|
|
1050
|
+
.cdr-label-wrapper--disabled .cdr-label-wrapper__figure {
|
|
1124
1051
|
cursor: not-allowed !important; }
|
|
1125
|
-
.cdr-label-
|
|
1052
|
+
.cdr-label-wrapper__figure {
|
|
1126
1053
|
top: 1.1rem;
|
|
1127
1054
|
width: 1.6rem;
|
|
1128
1055
|
height: 1.6rem;
|
|
@@ -1132,19 +1059,18 @@ input[type="month"] {
|
|
|
1132
1059
|
background-color: rgba(244, 242, 237, 0.15);
|
|
1133
1060
|
box-shadow: 0 0 0 0.1rem #928b80;
|
|
1134
1061
|
transition: box-shadow 0.2s cubic-bezier(0.15, 0, 0.15, 0); }
|
|
1135
|
-
.cdr-label-
|
|
1062
|
+
.cdr-label-wrapper__figure::after {
|
|
1136
1063
|
width: 0.4rem;
|
|
1137
1064
|
height: 0.4rem; }
|
|
1138
|
-
.cdr-label-
|
|
1065
|
+
.cdr-label-wrapper__content {
|
|
1139
1066
|
-webkit-user-select: text;
|
|
1140
|
-
-moz-user-select: text;
|
|
1141
1067
|
-ms-user-select: text;
|
|
1142
1068
|
user-select: text; }
|
|
1143
|
-
.cdr-label-wrapper--hide-
|
|
1069
|
+
.cdr-label-wrapper--hide-figure {
|
|
1144
1070
|
padding-left: 0; }
|
|
1145
|
-
.cdr-label-wrapper--hide-
|
|
1071
|
+
.cdr-label-wrapper--hide-figure > .cdr-label-wrapper__figure {
|
|
1146
1072
|
display: none; }
|
|
1147
|
-
.cdr-label-wrapper--
|
|
1073
|
+
.cdr-label-wrapper--small {
|
|
1148
1074
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1149
1075
|
font-style: normal;
|
|
1150
1076
|
font-weight: 400;
|
|
@@ -1152,13 +1078,13 @@ input[type="month"] {
|
|
|
1152
1078
|
font-size: 1.4rem;
|
|
1153
1079
|
line-height: 1.8rem;
|
|
1154
1080
|
padding-left: 3.2rem; }
|
|
1155
|
-
.cdr-label-wrapper--
|
|
1081
|
+
.cdr-label-wrapper--small > .cdr-label-wrapper__figure {
|
|
1156
1082
|
width: 1.6rem;
|
|
1157
1083
|
height: 1.6rem; }
|
|
1158
|
-
.cdr-label-wrapper--
|
|
1084
|
+
.cdr-label-wrapper--small > .cdr-label-wrapper__figure::after {
|
|
1159
1085
|
width: 0.4rem;
|
|
1160
1086
|
height: 0.4rem; }
|
|
1161
|
-
.cdr-label-wrapper--
|
|
1087
|
+
.cdr-label-wrapper--medium {
|
|
1162
1088
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1163
1089
|
font-style: normal;
|
|
1164
1090
|
font-weight: 400;
|
|
@@ -1166,13 +1092,13 @@ input[type="month"] {
|
|
|
1166
1092
|
font-size: 1.6rem;
|
|
1167
1093
|
line-height: 2.2rem;
|
|
1168
1094
|
padding-left: 3.2rem; }
|
|
1169
|
-
.cdr-label-wrapper--
|
|
1095
|
+
.cdr-label-wrapper--medium > .cdr-label-wrapper__figure {
|
|
1170
1096
|
width: 1.6rem;
|
|
1171
1097
|
height: 1.6rem; }
|
|
1172
|
-
.cdr-label-wrapper--
|
|
1098
|
+
.cdr-label-wrapper--medium > .cdr-label-wrapper__figure::after {
|
|
1173
1099
|
width: 0.4rem;
|
|
1174
1100
|
height: 0.4rem; }
|
|
1175
|
-
.cdr-label-wrapper--
|
|
1101
|
+
.cdr-label-wrapper--large {
|
|
1176
1102
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1177
1103
|
font-style: normal;
|
|
1178
1104
|
font-weight: 400;
|
|
@@ -1180,14 +1106,14 @@ input[type="month"] {
|
|
|
1180
1106
|
font-size: 1.6rem;
|
|
1181
1107
|
line-height: 2.2rem;
|
|
1182
1108
|
padding-left: 3.6rem; }
|
|
1183
|
-
.cdr-label-wrapper--
|
|
1109
|
+
.cdr-label-wrapper--large > .cdr-label-wrapper__figure {
|
|
1184
1110
|
width: 2rem;
|
|
1185
1111
|
height: 2rem; }
|
|
1186
|
-
.cdr-label-wrapper--
|
|
1112
|
+
.cdr-label-wrapper--large > .cdr-label-wrapper__figure::after {
|
|
1187
1113
|
width: 0.5rem;
|
|
1188
1114
|
height: 0.5rem; }
|
|
1189
1115
|
@media (min-width: 0) and (max-width: 767px) {
|
|
1190
|
-
.cdr-label-wrapper--small\@
|
|
1116
|
+
.cdr-label-wrapper--small\@xs {
|
|
1191
1117
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1192
1118
|
font-style: normal;
|
|
1193
1119
|
font-weight: 400;
|
|
@@ -1195,13 +1121,13 @@ input[type="month"] {
|
|
|
1195
1121
|
font-size: 1.4rem;
|
|
1196
1122
|
line-height: 1.8rem;
|
|
1197
1123
|
padding-left: 3.2rem; }
|
|
1198
|
-
.cdr-label-wrapper--small\@
|
|
1124
|
+
.cdr-label-wrapper--small\@xs > .cdr-label-wrapper__figure {
|
|
1199
1125
|
width: 1.6rem;
|
|
1200
1126
|
height: 1.6rem; }
|
|
1201
|
-
.cdr-label-wrapper--small\@
|
|
1127
|
+
.cdr-label-wrapper--small\@xs > .cdr-label-wrapper__figure::after {
|
|
1202
1128
|
width: 0.4rem;
|
|
1203
1129
|
height: 0.4rem; }
|
|
1204
|
-
.cdr-label-wrapper--medium\@
|
|
1130
|
+
.cdr-label-wrapper--medium\@xs {
|
|
1205
1131
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1206
1132
|
font-style: normal;
|
|
1207
1133
|
font-weight: 400;
|
|
@@ -1209,13 +1135,13 @@ input[type="month"] {
|
|
|
1209
1135
|
font-size: 1.6rem;
|
|
1210
1136
|
line-height: 2.2rem;
|
|
1211
1137
|
padding-left: 3.2rem; }
|
|
1212
|
-
.cdr-label-wrapper--medium\@
|
|
1138
|
+
.cdr-label-wrapper--medium\@xs > .cdr-label-wrapper__figure {
|
|
1213
1139
|
width: 1.6rem;
|
|
1214
1140
|
height: 1.6rem; }
|
|
1215
|
-
.cdr-label-wrapper--medium\@
|
|
1141
|
+
.cdr-label-wrapper--medium\@xs > .cdr-label-wrapper__figure::after {
|
|
1216
1142
|
width: 0.4rem;
|
|
1217
1143
|
height: 0.4rem; }
|
|
1218
|
-
.cdr-label-wrapper--large\@
|
|
1144
|
+
.cdr-label-wrapper--large\@xs {
|
|
1219
1145
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1220
1146
|
font-style: normal;
|
|
1221
1147
|
font-weight: 400;
|
|
@@ -1223,14 +1149,14 @@ input[type="month"] {
|
|
|
1223
1149
|
font-size: 1.6rem;
|
|
1224
1150
|
line-height: 2.2rem;
|
|
1225
1151
|
padding-left: 3.6rem; }
|
|
1226
|
-
.cdr-label-wrapper--large\@
|
|
1152
|
+
.cdr-label-wrapper--large\@xs > .cdr-label-wrapper__figure {
|
|
1227
1153
|
width: 2rem;
|
|
1228
1154
|
height: 2rem; }
|
|
1229
|
-
.cdr-label-wrapper--large\@
|
|
1155
|
+
.cdr-label-wrapper--large\@xs > .cdr-label-wrapper__figure::after {
|
|
1230
1156
|
width: 0.5rem;
|
|
1231
1157
|
height: 0.5rem; } }
|
|
1232
1158
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
1233
|
-
.cdr-label-wrapper--small\@
|
|
1159
|
+
.cdr-label-wrapper--small\@sm {
|
|
1234
1160
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1235
1161
|
font-style: normal;
|
|
1236
1162
|
font-weight: 400;
|
|
@@ -1238,13 +1164,13 @@ input[type="month"] {
|
|
|
1238
1164
|
font-size: 1.4rem;
|
|
1239
1165
|
line-height: 1.8rem;
|
|
1240
1166
|
padding-left: 3.2rem; }
|
|
1241
|
-
.cdr-label-wrapper--small\@
|
|
1167
|
+
.cdr-label-wrapper--small\@sm > .cdr-label-wrapper__figure {
|
|
1242
1168
|
width: 1.6rem;
|
|
1243
1169
|
height: 1.6rem; }
|
|
1244
|
-
.cdr-label-wrapper--small\@
|
|
1170
|
+
.cdr-label-wrapper--small\@sm > .cdr-label-wrapper__figure::after {
|
|
1245
1171
|
width: 0.4rem;
|
|
1246
1172
|
height: 0.4rem; }
|
|
1247
|
-
.cdr-label-wrapper--medium\@
|
|
1173
|
+
.cdr-label-wrapper--medium\@sm {
|
|
1248
1174
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1249
1175
|
font-style: normal;
|
|
1250
1176
|
font-weight: 400;
|
|
@@ -1252,13 +1178,13 @@ input[type="month"] {
|
|
|
1252
1178
|
font-size: 1.6rem;
|
|
1253
1179
|
line-height: 2.2rem;
|
|
1254
1180
|
padding-left: 3.2rem; }
|
|
1255
|
-
.cdr-label-wrapper--medium\@
|
|
1181
|
+
.cdr-label-wrapper--medium\@sm > .cdr-label-wrapper__figure {
|
|
1256
1182
|
width: 1.6rem;
|
|
1257
1183
|
height: 1.6rem; }
|
|
1258
|
-
.cdr-label-wrapper--medium\@
|
|
1184
|
+
.cdr-label-wrapper--medium\@sm > .cdr-label-wrapper__figure::after {
|
|
1259
1185
|
width: 0.4rem;
|
|
1260
1186
|
height: 0.4rem; }
|
|
1261
|
-
.cdr-label-wrapper--large\@
|
|
1187
|
+
.cdr-label-wrapper--large\@sm {
|
|
1262
1188
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1263
1189
|
font-style: normal;
|
|
1264
1190
|
font-weight: 400;
|
|
@@ -1266,14 +1192,14 @@ input[type="month"] {
|
|
|
1266
1192
|
font-size: 1.6rem;
|
|
1267
1193
|
line-height: 2.2rem;
|
|
1268
1194
|
padding-left: 3.6rem; }
|
|
1269
|
-
.cdr-label-wrapper--large\@
|
|
1195
|
+
.cdr-label-wrapper--large\@sm > .cdr-label-wrapper__figure {
|
|
1270
1196
|
width: 2rem;
|
|
1271
1197
|
height: 2rem; }
|
|
1272
|
-
.cdr-label-wrapper--large\@
|
|
1198
|
+
.cdr-label-wrapper--large\@sm > .cdr-label-wrapper__figure::after {
|
|
1273
1199
|
width: 0.5rem;
|
|
1274
1200
|
height: 0.5rem; } }
|
|
1275
1201
|
@media (min-width: 992px) and (max-width: 1231px) {
|
|
1276
|
-
.cdr-label-wrapper--small\@
|
|
1202
|
+
.cdr-label-wrapper--small\@md {
|
|
1277
1203
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1278
1204
|
font-style: normal;
|
|
1279
1205
|
font-weight: 400;
|
|
@@ -1281,13 +1207,13 @@ input[type="month"] {
|
|
|
1281
1207
|
font-size: 1.4rem;
|
|
1282
1208
|
line-height: 1.8rem;
|
|
1283
1209
|
padding-left: 3.2rem; }
|
|
1284
|
-
.cdr-label-wrapper--small\@
|
|
1210
|
+
.cdr-label-wrapper--small\@md > .cdr-label-wrapper__figure {
|
|
1285
1211
|
width: 1.6rem;
|
|
1286
1212
|
height: 1.6rem; }
|
|
1287
|
-
.cdr-label-wrapper--small\@
|
|
1213
|
+
.cdr-label-wrapper--small\@md > .cdr-label-wrapper__figure::after {
|
|
1288
1214
|
width: 0.4rem;
|
|
1289
1215
|
height: 0.4rem; }
|
|
1290
|
-
.cdr-label-wrapper--medium\@
|
|
1216
|
+
.cdr-label-wrapper--medium\@md {
|
|
1291
1217
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1292
1218
|
font-style: normal;
|
|
1293
1219
|
font-weight: 400;
|
|
@@ -1295,13 +1221,13 @@ input[type="month"] {
|
|
|
1295
1221
|
font-size: 1.6rem;
|
|
1296
1222
|
line-height: 2.2rem;
|
|
1297
1223
|
padding-left: 3.2rem; }
|
|
1298
|
-
.cdr-label-wrapper--medium\@
|
|
1224
|
+
.cdr-label-wrapper--medium\@md > .cdr-label-wrapper__figure {
|
|
1299
1225
|
width: 1.6rem;
|
|
1300
1226
|
height: 1.6rem; }
|
|
1301
|
-
.cdr-label-wrapper--medium\@
|
|
1227
|
+
.cdr-label-wrapper--medium\@md > .cdr-label-wrapper__figure::after {
|
|
1302
1228
|
width: 0.4rem;
|
|
1303
1229
|
height: 0.4rem; }
|
|
1304
|
-
.cdr-label-wrapper--large\@
|
|
1230
|
+
.cdr-label-wrapper--large\@md {
|
|
1305
1231
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1306
1232
|
font-style: normal;
|
|
1307
1233
|
font-weight: 400;
|
|
@@ -1309,14 +1235,14 @@ input[type="month"] {
|
|
|
1309
1235
|
font-size: 1.6rem;
|
|
1310
1236
|
line-height: 2.2rem;
|
|
1311
1237
|
padding-left: 3.6rem; }
|
|
1312
|
-
.cdr-label-wrapper--large\@
|
|
1238
|
+
.cdr-label-wrapper--large\@md > .cdr-label-wrapper__figure {
|
|
1313
1239
|
width: 2rem;
|
|
1314
1240
|
height: 2rem; }
|
|
1315
|
-
.cdr-label-wrapper--large\@
|
|
1241
|
+
.cdr-label-wrapper--large\@md > .cdr-label-wrapper__figure::after {
|
|
1316
1242
|
width: 0.5rem;
|
|
1317
1243
|
height: 0.5rem; } }
|
|
1318
1244
|
@media (min-width: 1232px) {
|
|
1319
|
-
.cdr-label-wrapper--small\@
|
|
1245
|
+
.cdr-label-wrapper--small\@lg {
|
|
1320
1246
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1321
1247
|
font-style: normal;
|
|
1322
1248
|
font-weight: 400;
|
|
@@ -1324,13 +1250,13 @@ input[type="month"] {
|
|
|
1324
1250
|
font-size: 1.4rem;
|
|
1325
1251
|
line-height: 1.8rem;
|
|
1326
1252
|
padding-left: 3.2rem; }
|
|
1327
|
-
.cdr-label-wrapper--small\@
|
|
1253
|
+
.cdr-label-wrapper--small\@lg > .cdr-label-wrapper__figure {
|
|
1328
1254
|
width: 1.6rem;
|
|
1329
1255
|
height: 1.6rem; }
|
|
1330
|
-
.cdr-label-wrapper--small\@
|
|
1256
|
+
.cdr-label-wrapper--small\@lg > .cdr-label-wrapper__figure::after {
|
|
1331
1257
|
width: 0.4rem;
|
|
1332
1258
|
height: 0.4rem; }
|
|
1333
|
-
.cdr-label-wrapper--medium\@
|
|
1259
|
+
.cdr-label-wrapper--medium\@lg {
|
|
1334
1260
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1335
1261
|
font-style: normal;
|
|
1336
1262
|
font-weight: 400;
|
|
@@ -1338,13 +1264,13 @@ input[type="month"] {
|
|
|
1338
1264
|
font-size: 1.6rem;
|
|
1339
1265
|
line-height: 2.2rem;
|
|
1340
1266
|
padding-left: 3.2rem; }
|
|
1341
|
-
.cdr-label-wrapper--medium\@
|
|
1267
|
+
.cdr-label-wrapper--medium\@lg > .cdr-label-wrapper__figure {
|
|
1342
1268
|
width: 1.6rem;
|
|
1343
1269
|
height: 1.6rem; }
|
|
1344
|
-
.cdr-label-wrapper--medium\@
|
|
1270
|
+
.cdr-label-wrapper--medium\@lg > .cdr-label-wrapper__figure::after {
|
|
1345
1271
|
width: 0.4rem;
|
|
1346
1272
|
height: 0.4rem; }
|
|
1347
|
-
.cdr-label-wrapper--large\@
|
|
1273
|
+
.cdr-label-wrapper--large\@lg {
|
|
1348
1274
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1349
1275
|
font-style: normal;
|
|
1350
1276
|
font-weight: 400;
|
|
@@ -1352,19 +1278,89 @@ input[type="month"] {
|
|
|
1352
1278
|
font-size: 1.6rem;
|
|
1353
1279
|
line-height: 2.2rem;
|
|
1354
1280
|
padding-left: 3.6rem; }
|
|
1355
|
-
.cdr-label-wrapper--large\@
|
|
1281
|
+
.cdr-label-wrapper--large\@lg > .cdr-label-wrapper__figure {
|
|
1356
1282
|
width: 2rem;
|
|
1357
1283
|
height: 2rem; }
|
|
1358
|
-
.cdr-label-wrapper--large\@
|
|
1284
|
+
.cdr-label-wrapper--large\@lg > .cdr-label-wrapper__figure::after {
|
|
1359
1285
|
width: 0.5rem;
|
|
1360
1286
|
height: 0.5rem; } }
|
|
1361
1287
|
|
|
1362
|
-
|
|
1288
|
+
/* intentionally empty */
|
|
1289
|
+
.cdr-checkbox {
|
|
1290
|
+
/* Checked
|
|
1291
|
+
========== */
|
|
1292
|
+
/* Disabled
|
|
1293
|
+
========== */
|
|
1294
|
+
/* Active
|
|
1295
|
+
========== */
|
|
1296
|
+
/* Focus
|
|
1297
|
+
========== */ }
|
|
1298
|
+
.cdr-checkbox__input:checked ~ .cdr-label-wrapper__figure {
|
|
1299
|
+
box-shadow: inset 0 0 0 0.1rem #4e4d49;
|
|
1300
|
+
background-color: #4e4d49;
|
|
1301
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath role='presentation' d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E");
|
|
1302
|
+
background-repeat: no-repeat; }
|
|
1303
|
+
.cdr-checkbox__input[indeterminate] ~ .cdr-label-wrapper__figure {
|
|
1304
|
+
box-shadow: inset 0 0 0 0.1rem #4e4d49; }
|
|
1305
|
+
.cdr-checkbox__input[indeterminate] ~ .cdr-label-wrapper__figure::after {
|
|
1306
|
+
content: '';
|
|
1307
|
+
position: absolute;
|
|
1308
|
+
left: 50%;
|
|
1309
|
+
top: 50%;
|
|
1310
|
+
transform: translate(-50%, -50%);
|
|
1311
|
+
width: 0.8rem;
|
|
1312
|
+
height: 0.2rem;
|
|
1313
|
+
background-color: #4e4d49;
|
|
1314
|
+
border-radius: 0.2rem; }
|
|
1315
|
+
.cdr-checkbox:hover .cdr-label-wrapper__figure {
|
|
1316
|
+
cursor: pointer;
|
|
1317
|
+
box-shadow: inset 0 0 0 0.1rem #20201d, 0 0 0 0.1rem #20201d;
|
|
1318
|
+
background-color: #f9f8f6; }
|
|
1319
|
+
.cdr-checkbox:hover .cdr-checkbox__input {
|
|
1320
|
+
/* Hover + Checked
|
|
1321
|
+
========== */
|
|
1322
|
+
/* Hover + Indeterminate
|
|
1323
|
+
========== */ }
|
|
1324
|
+
.cdr-checkbox:hover .cdr-checkbox__input:checked ~ .cdr-label-wrapper__figure {
|
|
1325
|
+
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
1326
|
+
background-color: #928b80;
|
|
1327
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath role='presentation' d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E"); }
|
|
1328
|
+
.cdr-checkbox:hover .cdr-checkbox__input[indeterminate] ~ .cdr-label-wrapper__figure {
|
|
1329
|
+
box-shadow: inset 0 0 0 0.2rem #4e4d49; }
|
|
1330
|
+
.cdr-checkbox:hover .cdr-checkbox__input[indeterminate] ~ .cdr-label-wrapper__figure::after {
|
|
1331
|
+
background-color: #ffffff; }
|
|
1332
|
+
.cdr-checkbox__input:disabled {
|
|
1333
|
+
/* Disabled + Checked
|
|
1334
|
+
========== */
|
|
1335
|
+
/* Disabled + Indeterminate
|
|
1336
|
+
========== */ }
|
|
1337
|
+
.cdr-checkbox__input:disabled ~ .cdr-label-wrapper__figure {
|
|
1338
|
+
box-shadow: inset 0 0 0 0.1rem #d1cbbd !important;
|
|
1339
|
+
background-color: #f9f8f6 !important;
|
|
1340
|
+
background-image: none !important; }
|
|
1341
|
+
.cdr-checkbox__input:disabled:checked ~ .cdr-label-wrapper__figure {
|
|
1342
|
+
background-color: #f9f8f6 !important; }
|
|
1343
|
+
.cdr-checkbox__input:disabled[indeterminate] ~ .cdr-label-wrapper__figure {
|
|
1344
|
+
box-shadow: inset 0 0 0 0.1rem #d1cbbd !important; }
|
|
1345
|
+
.cdr-checkbox__input:disabled[indeterminate] ~ .cdr-label-wrapper__figure::after {
|
|
1346
|
+
background-color: #f9f8f6 !important; }
|
|
1347
|
+
.cdr-checkbox:active .cdr-label-wrapper__figure, .cdr-checkbox:active .cdr-checkbox__input:checked ~ .cdr-label-wrapper__figure {
|
|
1348
|
+
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
1349
|
+
background-color: #f9f8f6;
|
|
1350
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234e4d49'%3E%3Cpath role='presentation' d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E"); }
|
|
1351
|
+
.cdr-checkbox:active .cdr-checkbox__input[indeterminate] ~ .cdr-label-wrapper__figure::after {
|
|
1352
|
+
content: none; }
|
|
1353
|
+
.cdr-checkbox__input:focus ~ .cdr-label-wrapper__figure {
|
|
1354
|
+
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
1355
|
+
background-color: #f9f8f6; }
|
|
1356
|
+
.cdr-checkbox__input:focus:checked ~ .cdr-label-wrapper__figure {
|
|
1357
|
+
background-color: #928b80; }
|
|
1358
|
+
|
|
1359
|
+
.cdr-chip {
|
|
1363
1360
|
display: inline-flex;
|
|
1364
1361
|
align-items: center;
|
|
1365
1362
|
position: relative;
|
|
1366
1363
|
width: -webkit-max-content;
|
|
1367
|
-
width: -moz-max-content;
|
|
1368
1364
|
width: max-content;
|
|
1369
1365
|
padding: 0.8rem 1.2rem;
|
|
1370
1366
|
border-radius: 3rem;
|
|
@@ -1380,44 +1376,44 @@ input[type="month"] {
|
|
|
1380
1376
|
font-weight: 400;
|
|
1381
1377
|
letter-spacing: -0.008rem;
|
|
1382
1378
|
transition: color 0.1s cubic-bezier(0.15, 0, 0.15, 0), fill 0.1s cubic-bezier(0.15, 0, 0.15, 0), background-color 0.1s cubic-bezier(0.15, 0, 0.15, 0), box-shadow 0.1s cubic-bezier(0.15, 0, 0.15, 0); }
|
|
1383
|
-
.cdr-
|
|
1379
|
+
.cdr-chip:disabled, .cdr-chip:disabled:hover, .cdr-chip:disabled:focus {
|
|
1384
1380
|
cursor: not-allowed !important;
|
|
1385
1381
|
background-color: #ffffff !important;
|
|
1386
1382
|
box-shadow: inset 0 0 0 0.1rem #dcd6cb !important;
|
|
1387
1383
|
color: #d1cbbd !important; }
|
|
1388
|
-
.cdr-
|
|
1384
|
+
.cdr-chip:hover {
|
|
1389
1385
|
background-color: #f9f8f6;
|
|
1390
1386
|
box-shadow: inset 0 0 0 0.1rem #928b80, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
1391
|
-
.cdr-
|
|
1387
|
+
.cdr-chip:focus {
|
|
1392
1388
|
outline: none;
|
|
1393
1389
|
outline-offset: 0;
|
|
1394
1390
|
background-color: #ffffff;
|
|
1395
1391
|
box-shadow: inset 0 0 0 0.3rem #4e4d49; }
|
|
1396
|
-
.cdr-
|
|
1392
|
+
.cdr-chip:active {
|
|
1397
1393
|
background-color: #edeae3;
|
|
1398
1394
|
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
1399
|
-
.cdr-
|
|
1395
|
+
.cdr-chip[aria-pressed="true"], .cdr-chip[aria-checked="true"] {
|
|
1400
1396
|
text-shadow: 0 0 0.1rem currentColor;
|
|
1401
1397
|
background-color: #edeae3;
|
|
1402
1398
|
box-shadow: inset 0 0 0 0.1rem #4e4d49; }
|
|
1403
|
-
.cdr-
|
|
1399
|
+
.cdr-chip[aria-pressed="true"]:hover, .cdr-chip[aria-checked="true"]:hover {
|
|
1404
1400
|
background-color: #edeae3;
|
|
1405
1401
|
box-shadow: inset 0 0 0 0.2rem #726d64, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
1406
|
-
.cdr-
|
|
1402
|
+
.cdr-chip[aria-pressed="true"]:focus, .cdr-chip[aria-checked="true"]:focus {
|
|
1407
1403
|
background-color: #edeae3;
|
|
1408
1404
|
box-shadow: inset 0 0 0 0.3rem #4e4d49; }
|
|
1409
|
-
.cdr-chip__icon-
|
|
1405
|
+
.cdr-chip__icon-left {
|
|
1410
1406
|
position: absolute;
|
|
1411
1407
|
left: 0.8rem; }
|
|
1412
|
-
.cdr-chip__icon-
|
|
1408
|
+
.cdr-chip__icon-right {
|
|
1413
1409
|
position: absolute;
|
|
1414
1410
|
right: 0.8rem; }
|
|
1415
|
-
.cdr-chip__icon-
|
|
1411
|
+
.cdr-chip__icon-left ~ .cdr-chip__content {
|
|
1416
1412
|
margin-left: 1.6rem; }
|
|
1417
|
-
.cdr-chip__icon-
|
|
1413
|
+
.cdr-chip__icon-right ~ .cdr-chip__content {
|
|
1418
1414
|
margin-right: 1.6rem; }
|
|
1419
1415
|
|
|
1420
|
-
.cdr-chip-
|
|
1416
|
+
.cdr-chip-group {
|
|
1421
1417
|
border: none;
|
|
1422
1418
|
-webkit-margin-start: 0;
|
|
1423
1419
|
margin-inline-start: 0;
|
|
@@ -1431,14 +1427,14 @@ input[type="month"] {
|
|
|
1431
1427
|
padding-inline-end: 0;
|
|
1432
1428
|
-webkit-padding-after: 0;
|
|
1433
1429
|
padding-block-end: 0; }
|
|
1434
|
-
.cdr-chip-
|
|
1430
|
+
.cdr-chip-group legend {
|
|
1435
1431
|
-webkit-padding-start: 0;
|
|
1436
1432
|
padding-inline-start: 0;
|
|
1437
1433
|
margin-bottom: 0.8rem; }
|
|
1438
|
-
.cdr-chip-
|
|
1434
|
+
.cdr-chip-group__content > button:not(:last-child) {
|
|
1439
1435
|
margin-right: 0.8rem;
|
|
1440
1436
|
margin-bottom: 0.8rem; }
|
|
1441
|
-
.cdr-chip-group__legend--
|
|
1437
|
+
.cdr-chip-group__legend--hidden {
|
|
1442
1438
|
position: absolute;
|
|
1443
1439
|
width: 0.1rem;
|
|
1444
1440
|
height: 0.1rem;
|
|
@@ -1447,7 +1443,7 @@ input[type="month"] {
|
|
|
1447
1443
|
overflow: hidden;
|
|
1448
1444
|
clip: rect(0, 0, 0, 0);
|
|
1449
1445
|
border: 0; }
|
|
1450
|
-
.cdr-chip-
|
|
1446
|
+
.cdr-chip-group__legend {
|
|
1451
1447
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1452
1448
|
font-style: normal;
|
|
1453
1449
|
font-weight: 500;
|
|
@@ -1455,7 +1451,7 @@ input[type="month"] {
|
|
|
1455
1451
|
font-size: 1.6rem;
|
|
1456
1452
|
line-height: 2rem; }
|
|
1457
1453
|
|
|
1458
|
-
.cdr-
|
|
1454
|
+
.cdr-container {
|
|
1459
1455
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1460
1456
|
font-style: normal;
|
|
1461
1457
|
font-weight: 400;
|
|
@@ -1466,16 +1462,41 @@ input[type="month"] {
|
|
|
1466
1462
|
padding-right: 1.6rem;
|
|
1467
1463
|
width: 100%; }
|
|
1468
1464
|
@media (min-width: 992px) {
|
|
1469
|
-
.cdr-
|
|
1465
|
+
.cdr-container {
|
|
1470
1466
|
padding-left: 3.2rem;
|
|
1471
1467
|
padding-right: 3.2rem; } }
|
|
1472
|
-
.cdr-container--
|
|
1468
|
+
.cdr-container--static {
|
|
1473
1469
|
margin-left: auto;
|
|
1474
1470
|
margin-right: auto;
|
|
1475
1471
|
max-width: 123.2rem; }
|
|
1476
1472
|
|
|
1473
|
+
.cdr-form-error {
|
|
1474
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1475
|
+
font-style: normal;
|
|
1476
|
+
font-weight: 400;
|
|
1477
|
+
letter-spacing: -0.016rem;
|
|
1478
|
+
font-size: 1.6rem;
|
|
1479
|
+
line-height: 2.2rem;
|
|
1480
|
+
color: #b33322;
|
|
1481
|
+
fill: #b33322;
|
|
1482
|
+
margin-top: 0.4rem; }
|
|
1483
|
+
.cdr-form-error__icon {
|
|
1484
|
+
position: relative;
|
|
1485
|
+
width: 1.8rem;
|
|
1486
|
+
height: 1.8rem;
|
|
1487
|
+
display: inline-block; }
|
|
1488
|
+
.cdr-form-error__icon::after {
|
|
1489
|
+
content: '';
|
|
1490
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='9' cy='9' r='8' stroke='%23FFF5F5' stroke-width='2' opacity='0.75'/%3E %3Ccircle cx='9' cy='9' r='6.25' fill='white' stroke='%23B33322' stroke-width='1.5'/%3E %3Crect x='5.6416' y='6.70215' width='1.5' height='8' rx='0.75' transform='rotate(-45 5.6416 6.70215)' fill='%23B33322'/%3E %3C/svg%3E");
|
|
1491
|
+
background-repeat: no-repeat;
|
|
1492
|
+
position: absolute;
|
|
1493
|
+
top: 0.2rem;
|
|
1494
|
+
left: 0;
|
|
1495
|
+
width: 100%;
|
|
1496
|
+
height: 100%; }
|
|
1497
|
+
|
|
1477
1498
|
/* intentionally empty */
|
|
1478
|
-
.cdr-form-
|
|
1499
|
+
.cdr-form-group {
|
|
1479
1500
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1480
1501
|
font-style: normal;
|
|
1481
1502
|
font-weight: 500;
|
|
@@ -1495,105 +1516,81 @@ input[type="month"] {
|
|
|
1495
1516
|
padding-inline-end: 0;
|
|
1496
1517
|
-webkit-padding-after: 0;
|
|
1497
1518
|
padding-block-end: 0; }
|
|
1498
|
-
.cdr-form-
|
|
1519
|
+
.cdr-form-group legend {
|
|
1499
1520
|
-webkit-padding-start: 0;
|
|
1500
1521
|
padding-inline-start: 0;
|
|
1501
1522
|
margin-bottom: 0.8rem; }
|
|
1502
|
-
.cdr-form-group--
|
|
1523
|
+
.cdr-form-group--error {
|
|
1503
1524
|
box-shadow: inset 0 0 0 0.1rem #b33322;
|
|
1504
1525
|
background-color: rgba(255, 242, 242, 0.75); }
|
|
1505
|
-
.cdr-form-group--
|
|
1526
|
+
.cdr-form-group--error:hover {
|
|
1506
1527
|
background-color: transparent; }
|
|
1507
|
-
.cdr-form-group--
|
|
1528
|
+
.cdr-form-group--disabled {
|
|
1508
1529
|
cursor: not-allowed;
|
|
1509
1530
|
color: #d1cbbd; }
|
|
1510
|
-
.cdr-form-group--
|
|
1531
|
+
.cdr-form-group--disabled .cdr-form-group__optional, .cdr-form-group--disabled .cdr-form-group__required {
|
|
1511
1532
|
color: #d1cbbd; }
|
|
1512
|
-
.cdr-form-
|
|
1533
|
+
.cdr-form-group__wrapper {
|
|
1513
1534
|
border-radius: 0.4rem;
|
|
1514
1535
|
display: flex;
|
|
1515
1536
|
flex-direction: column; }
|
|
1516
|
-
.cdr-form-
|
|
1537
|
+
.cdr-form-group__wrapper > * {
|
|
1517
1538
|
flex: 1 1 0; }
|
|
1518
|
-
.cdr-form-
|
|
1539
|
+
.cdr-form-group__optional {
|
|
1519
1540
|
color: rgba(66, 59, 47, 0.75); }
|
|
1520
1541
|
|
|
1521
|
-
.cdr-
|
|
1522
|
-
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1523
|
-
font-style: normal;
|
|
1524
|
-
font-weight: 400;
|
|
1525
|
-
letter-spacing: -0.016rem;
|
|
1526
|
-
font-size: 1.6rem;
|
|
1527
|
-
line-height: 2.2rem;
|
|
1528
|
-
color: #b33322;
|
|
1529
|
-
fill: #b33322;
|
|
1530
|
-
margin-top: 0.4rem; }
|
|
1531
|
-
.cdr-form-error__icon_11-0-1 {
|
|
1532
|
-
margin-right: 0.4rem; }
|
|
1533
|
-
|
|
1534
|
-
.cdr-grid_11-0-1 {
|
|
1542
|
+
.cdr-grid {
|
|
1535
1543
|
display: grid;
|
|
1536
1544
|
list-style: none;
|
|
1537
1545
|
margin: 0;
|
|
1538
1546
|
padding: 0;
|
|
1539
1547
|
gap: 1.6rem 1.6rem; }
|
|
1540
|
-
.cdr-grid--gutter-
|
|
1548
|
+
.cdr-grid--gutter-none {
|
|
1541
1549
|
gap: 0 0; }
|
|
1542
|
-
.cdr-grid--gutter-
|
|
1550
|
+
.cdr-grid--gutter-small {
|
|
1543
1551
|
gap: 0.2rem 0.2rem; }
|
|
1544
|
-
.cdr-grid--gutter-
|
|
1552
|
+
.cdr-grid--gutter-medium {
|
|
1545
1553
|
gap: 1.6rem 1.6rem; }
|
|
1546
|
-
.cdr-grid--gutter-
|
|
1554
|
+
.cdr-grid--gutter-large {
|
|
1547
1555
|
gap: 3.2rem 3.2rem; }
|
|
1548
1556
|
@media (min-width: 0) and (max-width: 767px) {
|
|
1549
|
-
.cdr-grid--gutter-none\@
|
|
1557
|
+
.cdr-grid--gutter-none\@xs {
|
|
1550
1558
|
gap: 0 0; }
|
|
1551
|
-
.cdr-grid--gutter-small\@
|
|
1559
|
+
.cdr-grid--gutter-small\@xs {
|
|
1552
1560
|
gap: 0.2rem 0.2rem; }
|
|
1553
|
-
.cdr-grid--gutter-medium\@
|
|
1561
|
+
.cdr-grid--gutter-medium\@xs {
|
|
1554
1562
|
gap: 1.6rem 1.6rem; }
|
|
1555
|
-
.cdr-grid--gutter-large\@
|
|
1563
|
+
.cdr-grid--gutter-large\@xs {
|
|
1556
1564
|
gap: 3.2rem 3.2rem; } }
|
|
1557
1565
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
1558
|
-
.cdr-grid--gutter-none\@
|
|
1566
|
+
.cdr-grid--gutter-none\@sm {
|
|
1559
1567
|
gap: 0 0; }
|
|
1560
|
-
.cdr-grid--gutter-small\@
|
|
1568
|
+
.cdr-grid--gutter-small\@sm {
|
|
1561
1569
|
gap: 0.2rem 0.2rem; }
|
|
1562
|
-
.cdr-grid--gutter-medium\@
|
|
1570
|
+
.cdr-grid--gutter-medium\@sm {
|
|
1563
1571
|
gap: 1.6rem 1.6rem; }
|
|
1564
|
-
.cdr-grid--gutter-large\@
|
|
1572
|
+
.cdr-grid--gutter-large\@sm {
|
|
1565
1573
|
gap: 3.2rem 3.2rem; } }
|
|
1566
1574
|
@media (min-width: 992px) and (max-width: 1231px) {
|
|
1567
|
-
.cdr-grid--gutter-none\@
|
|
1575
|
+
.cdr-grid--gutter-none\@md {
|
|
1568
1576
|
gap: 0 0; }
|
|
1569
|
-
.cdr-grid--gutter-small\@
|
|
1577
|
+
.cdr-grid--gutter-small\@md {
|
|
1570
1578
|
gap: 0.2rem 0.2rem; }
|
|
1571
|
-
.cdr-grid--gutter-medium\@
|
|
1579
|
+
.cdr-grid--gutter-medium\@md {
|
|
1572
1580
|
gap: 1.6rem 1.6rem; }
|
|
1573
|
-
.cdr-grid--gutter-large\@
|
|
1581
|
+
.cdr-grid--gutter-large\@md {
|
|
1574
1582
|
gap: 3.2rem 3.2rem; } }
|
|
1575
1583
|
@media (min-width: 1232px) {
|
|
1576
|
-
.cdr-grid--gutter-none\@
|
|
1584
|
+
.cdr-grid--gutter-none\@lg {
|
|
1577
1585
|
gap: 0 0; }
|
|
1578
|
-
.cdr-grid--gutter-small\@
|
|
1586
|
+
.cdr-grid--gutter-small\@lg {
|
|
1579
1587
|
gap: 0.2rem 0.2rem; }
|
|
1580
|
-
.cdr-grid--gutter-medium\@
|
|
1588
|
+
.cdr-grid--gutter-medium\@lg {
|
|
1581
1589
|
gap: 1.6rem 1.6rem; }
|
|
1582
|
-
.cdr-grid--gutter-large\@
|
|
1590
|
+
.cdr-grid--gutter-large\@lg {
|
|
1583
1591
|
gap: 3.2rem 3.2rem; } }
|
|
1584
1592
|
|
|
1585
|
-
|
|
1586
|
-
# CdrIcon
|
|
1587
|
-
|
|
1588
|
-
All values should map to variables in
|
|
1589
|
-
vars/CdrIcon.vars.pcss
|
|
1590
|
-
in order to allow for theming
|
|
1591
|
-
|
|
1592
|
-
TOC:
|
|
1593
|
-
|
|
1594
|
-
:Base Styles
|
|
1595
|
-
========================================================================== */
|
|
1596
|
-
.cdr-icon_11-0-1 {
|
|
1593
|
+
.cdr-icon {
|
|
1597
1594
|
display: inline-block;
|
|
1598
1595
|
vertical-align: middle;
|
|
1599
1596
|
flex: 0 0 auto;
|
|
@@ -1612,44 +1609,44 @@ input[type="month"] {
|
|
|
1612
1609
|
/* @lg
|
|
1613
1610
|
1200px and up
|
|
1614
1611
|
========== */ }
|
|
1615
|
-
.cdr-icon--
|
|
1612
|
+
.cdr-icon--small {
|
|
1616
1613
|
width: 1.6rem;
|
|
1617
1614
|
height: 1.6rem; }
|
|
1618
|
-
.cdr-icon--
|
|
1615
|
+
.cdr-icon--large {
|
|
1619
1616
|
width: 3.2rem;
|
|
1620
1617
|
height: 3.2rem; }
|
|
1621
|
-
@media (min-width: 0) and (max-width: 767px) {
|
|
1622
|
-
.cdr-icon--small\@
|
|
1618
|
+
@media (min-width: 0) and (max-width: 767px) {
|
|
1619
|
+
.cdr-icon--small\@xs {
|
|
1623
1620
|
width: 1.6rem;
|
|
1624
1621
|
height: 1.6rem; }
|
|
1625
|
-
.cdr-icon--large\@
|
|
1622
|
+
.cdr-icon--large\@xs {
|
|
1626
1623
|
width: 3.2rem;
|
|
1627
1624
|
height: 3.2rem; } }
|
|
1628
|
-
@media (min-width: 768px) and (max-width: 991px) {
|
|
1629
|
-
.cdr-icon--small\@
|
|
1625
|
+
@media (min-width: 768px) and (max-width: 991px) {
|
|
1626
|
+
.cdr-icon--small\@sm {
|
|
1630
1627
|
width: 1.6rem;
|
|
1631
1628
|
height: 1.6rem; }
|
|
1632
|
-
.cdr-icon--large\@
|
|
1629
|
+
.cdr-icon--large\@sm {
|
|
1633
1630
|
width: 3.2rem;
|
|
1634
1631
|
height: 3.2rem; } }
|
|
1635
|
-
@media (min-width: 992px) and (max-width: 1231px) {
|
|
1636
|
-
.cdr-icon--small\@
|
|
1632
|
+
@media (min-width: 992px) and (max-width: 1231px) {
|
|
1633
|
+
.cdr-icon--small\@md {
|
|
1637
1634
|
width: 1.6rem;
|
|
1638
1635
|
height: 1.6rem; }
|
|
1639
|
-
.cdr-icon--large\@
|
|
1636
|
+
.cdr-icon--large\@md {
|
|
1640
1637
|
width: 3.2rem;
|
|
1641
1638
|
height: 3.2rem; } }
|
|
1642
|
-
@media (min-width: 1232px) {
|
|
1643
|
-
.cdr-icon--small\@
|
|
1639
|
+
@media (min-width: 1232px) {
|
|
1640
|
+
.cdr-icon--small\@lg {
|
|
1644
1641
|
width: 1.6rem;
|
|
1645
1642
|
height: 1.6rem; }
|
|
1646
|
-
.cdr-icon--large\@
|
|
1643
|
+
.cdr-icon--large\@lg {
|
|
1647
1644
|
width: 3.2rem;
|
|
1648
1645
|
height: 3.2rem; } }
|
|
1649
|
-
.cdr-icon--inherit-
|
|
1646
|
+
.cdr-icon--inherit-color {
|
|
1650
1647
|
fill: inherit; }
|
|
1651
1648
|
|
|
1652
|
-
.cdr-
|
|
1649
|
+
.cdr-image {
|
|
1653
1650
|
max-width: 100%;
|
|
1654
1651
|
vertical-align: middle;
|
|
1655
1652
|
border-style: none;
|
|
@@ -1661,46 +1658,43 @@ input[type="month"] {
|
|
|
1661
1658
|
========== */
|
|
1662
1659
|
/* circle
|
|
1663
1660
|
========== */ }
|
|
1664
|
-
.cdr-image--
|
|
1661
|
+
.cdr-image--responsive {
|
|
1665
1662
|
display: block;
|
|
1666
1663
|
height: auto;
|
|
1667
1664
|
width: 100%; }
|
|
1668
|
-
.cdr-image--
|
|
1665
|
+
.cdr-image--rounded {
|
|
1669
1666
|
border-radius: 0.4rem; }
|
|
1670
|
-
.cdr-image--
|
|
1667
|
+
.cdr-image--circle {
|
|
1671
1668
|
border-radius: 999.9rem; }
|
|
1672
1669
|
/* ==========================================================================
|
|
1673
1670
|
# MEDIA FRAME
|
|
1674
1671
|
========================================================================== */
|
|
1675
|
-
.cdr-image-
|
|
1672
|
+
.cdr-image-ratio {
|
|
1676
1673
|
position: relative;
|
|
1677
1674
|
overflow: hidden; }
|
|
1678
|
-
.cdr-image-
|
|
1675
|
+
.cdr-image-ratio::before {
|
|
1679
1676
|
content: '';
|
|
1680
1677
|
height: 0;
|
|
1681
1678
|
display: block;
|
|
1682
1679
|
padding-bottom: var(--ratio); }
|
|
1683
|
-
.cdr-image-
|
|
1680
|
+
.cdr-image-ratio__cover {
|
|
1684
1681
|
position: absolute;
|
|
1685
1682
|
top: 0;
|
|
1686
1683
|
left: 0;
|
|
1687
1684
|
height: 100%;
|
|
1688
1685
|
width: 100%;
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
object-fit: cover; }
|
|
1697
|
-
|
|
1698
|
-
.cdr-label-standalone_11-0-1 {
|
|
1686
|
+
object-fit: contain; }
|
|
1687
|
+
.cdr-image-ratio__cover--crop {
|
|
1688
|
+
object-fit: none; }
|
|
1689
|
+
.cdr-image-ratio__cover--cover {
|
|
1690
|
+
object-fit: cover; }
|
|
1691
|
+
|
|
1692
|
+
.cdr-label-standalone {
|
|
1699
1693
|
display: grid;
|
|
1700
1694
|
grid-template-areas: "label label info" "input input input" "post post post"; }
|
|
1701
|
-
.cdr-label-standalone__label-
|
|
1695
|
+
.cdr-label-standalone__label-wrapper {
|
|
1702
1696
|
grid-area: label; }
|
|
1703
|
-
.cdr-label-
|
|
1697
|
+
.cdr-label-standalone__label {
|
|
1704
1698
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1705
1699
|
font-style: normal;
|
|
1706
1700
|
font-weight: 400;
|
|
@@ -1709,7 +1703,7 @@ input[type="month"] {
|
|
|
1709
1703
|
line-height: 1.8rem;
|
|
1710
1704
|
color: rgba(12, 11, 8, 0.75);
|
|
1711
1705
|
margin: 0; }
|
|
1712
|
-
.cdr-label-standalone__label--sr-
|
|
1706
|
+
.cdr-label-standalone__label--sr-only {
|
|
1713
1707
|
position: absolute;
|
|
1714
1708
|
width: 0.1rem;
|
|
1715
1709
|
height: 0.1rem;
|
|
@@ -1718,13 +1712,13 @@ input[type="month"] {
|
|
|
1718
1712
|
overflow: hidden;
|
|
1719
1713
|
clip: rect(0, 0, 0, 0);
|
|
1720
1714
|
border: 0; }
|
|
1721
|
-
.cdr-label-standalone__label--
|
|
1715
|
+
.cdr-label-standalone__label--disabled {
|
|
1722
1716
|
color: #d1cbbd; }
|
|
1723
|
-
.cdr-label-standalone__label--
|
|
1717
|
+
.cdr-label-standalone__label--disabled .cdr-label-standalone__optional {
|
|
1724
1718
|
color: #d1cbbd; }
|
|
1725
|
-
.cdr-label-
|
|
1719
|
+
.cdr-label-standalone__optional {
|
|
1726
1720
|
color: rgba(66, 59, 47, 0.75); }
|
|
1727
|
-
.cdr-label-
|
|
1721
|
+
.cdr-label-standalone__helper {
|
|
1728
1722
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1729
1723
|
font-style: normal;
|
|
1730
1724
|
font-weight: 400;
|
|
@@ -1733,7 +1727,7 @@ input[type="month"] {
|
|
|
1733
1727
|
line-height: 1.8rem;
|
|
1734
1728
|
color: rgba(66, 59, 47, 0.75);
|
|
1735
1729
|
margin-top: 0.2rem; }
|
|
1736
|
-
.cdr-label-
|
|
1730
|
+
.cdr-label-standalone__info {
|
|
1737
1731
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1738
1732
|
font-style: normal;
|
|
1739
1733
|
font-weight: 400;
|
|
@@ -1744,30 +1738,30 @@ input[type="month"] {
|
|
|
1744
1738
|
order: 2;
|
|
1745
1739
|
align-self: end;
|
|
1746
1740
|
justify-self: end; }
|
|
1747
|
-
.cdr-label-standalone__post-
|
|
1741
|
+
.cdr-label-standalone__post-content {
|
|
1748
1742
|
grid-area: post; }
|
|
1749
|
-
.cdr-label-standalone__info-
|
|
1743
|
+
.cdr-label-standalone__info-action {
|
|
1750
1744
|
display: flex;
|
|
1751
1745
|
justify-content: center;
|
|
1752
1746
|
align-items: center;
|
|
1753
1747
|
width: 4rem; }
|
|
1754
|
-
.cdr-label-standalone__input-
|
|
1748
|
+
.cdr-label-standalone__input-wrap {
|
|
1755
1749
|
position: relative;
|
|
1756
1750
|
display: flex;
|
|
1757
1751
|
grid-area: input; }
|
|
1758
|
-
.cdr-label-standalone__input-
|
|
1752
|
+
.cdr-label-standalone__input-spacing {
|
|
1759
1753
|
margin-top: 0.8rem; }
|
|
1760
1754
|
|
|
1761
1755
|
/* intentionally empty */
|
|
1762
1756
|
/* ==========================================================================
|
|
1763
1757
|
# INPUT LABEL
|
|
1764
1758
|
========================================================================== */
|
|
1765
|
-
.cdr-input__button {
|
|
1759
|
+
:global(.cdr-input__button) {
|
|
1766
1760
|
display: inline-block; }
|
|
1767
|
-
.cdr-input__button ~ .cdr-input__button {
|
|
1761
|
+
:global(.cdr-input__button) ~ :global(.cdr-input__button) {
|
|
1768
1762
|
position: relative;
|
|
1769
1763
|
margin-left: -0.4rem; }
|
|
1770
|
-
.cdr-input__button ~ .cdr-input__button::before {
|
|
1764
|
+
:global(.cdr-input__button) ~ :global(.cdr-input__button)::before {
|
|
1771
1765
|
content: '';
|
|
1772
1766
|
background-color: #928b80;
|
|
1773
1767
|
position: absolute;
|
|
@@ -1776,24 +1770,24 @@ input[type="month"] {
|
|
|
1776
1770
|
height: 55%;
|
|
1777
1771
|
top: 50%;
|
|
1778
1772
|
transform: translateY(-50%); }
|
|
1779
|
-
.cdr-input__button:hover, .cdr-input__button:active, .cdr-input__button:focus, .cdr-input__button:focus-within {
|
|
1773
|
+
:global(.cdr-input__button):hover, :global(.cdr-input__button):active, :global(.cdr-input__button):focus, :global(.cdr-input__button):focus-within {
|
|
1780
1774
|
background-color: #f9f8f6;
|
|
1781
1775
|
box-shadow: inset 0 0 0 0.2rem #20201d;
|
|
1782
1776
|
outline: none;
|
|
1783
1777
|
fill: rgba(12, 11, 8, 0.75); }
|
|
1784
|
-
.cdr-input__button:hover svg, .cdr-input__button:active svg, .cdr-input__button:focus svg, .cdr-input__button:focus-within svg {
|
|
1778
|
+
:global(.cdr-input__button):hover svg, :global(.cdr-input__button):active svg, :global(.cdr-input__button):focus svg, :global(.cdr-input__button):focus-within svg {
|
|
1785
1779
|
box-shadow: none;
|
|
1786
1780
|
fill: rgba(12, 11, 8, 0.75) !important; }
|
|
1787
|
-
.cdr-input__button:hover::before, .cdr-input__button:active::before, .cdr-input__button:focus::before, .cdr-input__button:focus-within::before {
|
|
1781
|
+
:global(.cdr-input__button):hover::before, :global(.cdr-input__button):active::before, :global(.cdr-input__button):focus::before, :global(.cdr-input__button):focus-within::before {
|
|
1788
1782
|
width: 0; }
|
|
1789
|
-
.cdr-input__button:last-child {
|
|
1783
|
+
:global(.cdr-input__button):last-child {
|
|
1790
1784
|
margin-right: -0.8rem;
|
|
1791
1785
|
border-top-right-radius: 0.4rem;
|
|
1792
1786
|
border-bottom-right-radius: 0.4rem; }
|
|
1793
1787
|
/* ==========================================================================
|
|
1794
1788
|
# INPUT
|
|
1795
1789
|
========================================================================== */
|
|
1796
|
-
.cdr-
|
|
1790
|
+
.cdr-input {
|
|
1797
1791
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1798
1792
|
font-style: normal;
|
|
1799
1793
|
font-weight: 400;
|
|
@@ -1834,15 +1828,15 @@ input[type="month"] {
|
|
|
1834
1828
|
========== */
|
|
1835
1829
|
/* Slot Sections
|
|
1836
1830
|
========================================================================== */ }
|
|
1837
|
-
.cdr-
|
|
1831
|
+
.cdr-input[type=number]::-webkit-inner-spin-button, .cdr-input[type=number]::-webkit-outer-spin-button {
|
|
1838
1832
|
-webkit-appearance: none;
|
|
1839
1833
|
-moz-appearance: none;
|
|
1840
1834
|
appearance: none;
|
|
1841
1835
|
margin: 0; }
|
|
1842
|
-
.cdr-
|
|
1836
|
+
.cdr-input:active, .cdr-input:focus {
|
|
1843
1837
|
outline: none;
|
|
1844
1838
|
box-shadow: inset 0 0 0 0.2rem #20201d, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
1845
|
-
.cdr-
|
|
1839
|
+
.cdr-input::-webkit-input-placeholder {
|
|
1846
1840
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1847
1841
|
font-style: normal;
|
|
1848
1842
|
font-weight: 400;
|
|
@@ -1850,7 +1844,7 @@ input[type="month"] {
|
|
|
1850
1844
|
font-size: 1.6rem;
|
|
1851
1845
|
line-height: 2.2rem;
|
|
1852
1846
|
color: rgba(66, 59, 47, 0.75); }
|
|
1853
|
-
.cdr-
|
|
1847
|
+
.cdr-input::-ms-input-placeholder {
|
|
1854
1848
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1855
1849
|
font-style: normal;
|
|
1856
1850
|
font-weight: 400;
|
|
@@ -1858,7 +1852,7 @@ input[type="month"] {
|
|
|
1858
1852
|
font-size: 1.6rem;
|
|
1859
1853
|
line-height: 2.2rem;
|
|
1860
1854
|
color: rgba(66, 59, 47, 0.75); }
|
|
1861
|
-
.cdr-
|
|
1855
|
+
.cdr-input::placeholder {
|
|
1862
1856
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1863
1857
|
font-style: normal;
|
|
1864
1858
|
font-weight: 400;
|
|
@@ -1866,43 +1860,43 @@ input[type="month"] {
|
|
|
1866
1860
|
font-size: 1.6rem;
|
|
1867
1861
|
line-height: 2.2rem;
|
|
1868
1862
|
color: rgba(66, 59, 47, 0.75); }
|
|
1869
|
-
.cdr-
|
|
1863
|
+
.cdr-input[disabled] {
|
|
1870
1864
|
background-color: #f9f8f6;
|
|
1871
1865
|
color: #d1cbbd;
|
|
1872
1866
|
box-shadow: inset 0 0 0 0.1rem #d1cbbd; }
|
|
1873
|
-
.cdr-
|
|
1867
|
+
.cdr-input[disabled]:hover {
|
|
1874
1868
|
box-shadow: inset 0 0 0 0.1rem #d1cbbd;
|
|
1875
1869
|
cursor: not-allowed; }
|
|
1876
|
-
.cdr-
|
|
1870
|
+
.cdr-input[disabled]::-webkit-input-placeholder {
|
|
1877
1871
|
color: #d1cbbd; }
|
|
1878
|
-
.cdr-
|
|
1872
|
+
.cdr-input[disabled]::-ms-input-placeholder {
|
|
1879
1873
|
color: #d1cbbd; }
|
|
1880
|
-
.cdr-
|
|
1874
|
+
.cdr-input[disabled]::placeholder {
|
|
1881
1875
|
color: #d1cbbd; }
|
|
1882
|
-
.cdr-input--
|
|
1876
|
+
.cdr-input--focus svg {
|
|
1883
1877
|
fill: rgba(12, 11, 8, 0.75) !important; }
|
|
1884
|
-
.cdr-input--
|
|
1878
|
+
.cdr-input--multiline {
|
|
1885
1879
|
height: auto; }
|
|
1886
|
-
.cdr-input--
|
|
1880
|
+
.cdr-input--preicon {
|
|
1887
1881
|
/* $input-pre-icon-default-width = 25px with the expectation that
|
|
1888
1882
|
slot provided icon is close to that width */
|
|
1889
1883
|
padding-left: 3.7rem !important; }
|
|
1890
|
-
.cdr-input--
|
|
1884
|
+
.cdr-input--posticon {
|
|
1891
1885
|
padding-right: 4.5rem; }
|
|
1892
|
-
.cdr-input--
|
|
1886
|
+
.cdr-input--posticons {
|
|
1893
1887
|
padding-right: 9rem; }
|
|
1894
|
-
.cdr-input--
|
|
1888
|
+
.cdr-input--primary {
|
|
1895
1889
|
background-color: rgba(244, 242, 237, 0.15); }
|
|
1896
|
-
.cdr-input--
|
|
1890
|
+
.cdr-input--primary:active, .cdr-input--primary:focus {
|
|
1897
1891
|
background-color: #f9f8f6; }
|
|
1898
|
-
.cdr-input--
|
|
1892
|
+
.cdr-input--secondary {
|
|
1899
1893
|
background-color: rgba(255, 255, 255, 0.85); }
|
|
1900
|
-
.cdr-input--
|
|
1894
|
+
.cdr-input--secondary:active, .cdr-input--secondary:focus {
|
|
1901
1895
|
background-color: #ffffff; }
|
|
1902
|
-
.cdr-input--
|
|
1896
|
+
.cdr-input--error {
|
|
1903
1897
|
background-color: rgba(255, 242, 242, 0.75);
|
|
1904
1898
|
box-shadow: inset 0 0 0 0.1rem #b33322; }
|
|
1905
|
-
.cdr-input--
|
|
1899
|
+
.cdr-input--large {
|
|
1906
1900
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1907
1901
|
font-style: normal;
|
|
1908
1902
|
font-weight: 400;
|
|
@@ -1912,14 +1906,14 @@ input[type="month"] {
|
|
|
1912
1906
|
line-height: 3.2rem;
|
|
1913
1907
|
padding-left: 0.8rem;
|
|
1914
1908
|
height: 4.8rem; }
|
|
1915
|
-
.cdr-input--
|
|
1909
|
+
.cdr-input--large::-webkit-input-placeholder {
|
|
1916
1910
|
line-height: 3.2rem; }
|
|
1917
|
-
.cdr-input--
|
|
1911
|
+
.cdr-input--large::-ms-input-placeholder {
|
|
1918
1912
|
line-height: 3.2rem; }
|
|
1919
|
-
.cdr-input--
|
|
1913
|
+
.cdr-input--large::placeholder {
|
|
1920
1914
|
line-height: 3.2rem; }
|
|
1921
1915
|
@media (min-width: 0) and (max-width: 767px) {
|
|
1922
|
-
.cdr-input--large\@
|
|
1916
|
+
.cdr-input--large\@xs {
|
|
1923
1917
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1924
1918
|
font-style: normal;
|
|
1925
1919
|
font-weight: 400;
|
|
@@ -1929,14 +1923,14 @@ input[type="month"] {
|
|
|
1929
1923
|
line-height: 3.2rem;
|
|
1930
1924
|
padding-left: 0.8rem;
|
|
1931
1925
|
height: 4.8rem; }
|
|
1932
|
-
.cdr-input--large\@
|
|
1926
|
+
.cdr-input--large\@xs::-webkit-input-placeholder {
|
|
1933
1927
|
line-height: 3.2rem; }
|
|
1934
|
-
.cdr-input--large\@
|
|
1928
|
+
.cdr-input--large\@xs::-ms-input-placeholder {
|
|
1935
1929
|
line-height: 3.2rem; }
|
|
1936
|
-
.cdr-input--large\@
|
|
1930
|
+
.cdr-input--large\@xs::placeholder {
|
|
1937
1931
|
line-height: 3.2rem; } }
|
|
1938
1932
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
1939
|
-
.cdr-input--large\@
|
|
1933
|
+
.cdr-input--large\@sm {
|
|
1940
1934
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1941
1935
|
font-style: normal;
|
|
1942
1936
|
font-weight: 400;
|
|
@@ -1946,14 +1940,14 @@ input[type="month"] {
|
|
|
1946
1940
|
line-height: 3.2rem;
|
|
1947
1941
|
padding-left: 0.8rem;
|
|
1948
1942
|
height: 4.8rem; }
|
|
1949
|
-
.cdr-input--large\@
|
|
1943
|
+
.cdr-input--large\@sm::-webkit-input-placeholder {
|
|
1950
1944
|
line-height: 3.2rem; }
|
|
1951
|
-
.cdr-input--large\@
|
|
1945
|
+
.cdr-input--large\@sm::-ms-input-placeholder {
|
|
1952
1946
|
line-height: 3.2rem; }
|
|
1953
|
-
.cdr-input--large\@
|
|
1947
|
+
.cdr-input--large\@sm::placeholder {
|
|
1954
1948
|
line-height: 3.2rem; } }
|
|
1955
1949
|
@media (min-width: 992px) and (max-width: 1231px) {
|
|
1956
|
-
.cdr-input--large\@
|
|
1950
|
+
.cdr-input--large\@md {
|
|
1957
1951
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1958
1952
|
font-style: normal;
|
|
1959
1953
|
font-weight: 400;
|
|
@@ -1963,14 +1957,14 @@ input[type="month"] {
|
|
|
1963
1957
|
line-height: 3.2rem;
|
|
1964
1958
|
padding-left: 0.8rem;
|
|
1965
1959
|
height: 4.8rem; }
|
|
1966
|
-
.cdr-input--large\@
|
|
1960
|
+
.cdr-input--large\@md::-webkit-input-placeholder {
|
|
1967
1961
|
line-height: 3.2rem; }
|
|
1968
|
-
.cdr-input--large\@
|
|
1962
|
+
.cdr-input--large\@md::-ms-input-placeholder {
|
|
1969
1963
|
line-height: 3.2rem; }
|
|
1970
|
-
.cdr-input--large\@
|
|
1964
|
+
.cdr-input--large\@md::placeholder {
|
|
1971
1965
|
line-height: 3.2rem; } }
|
|
1972
1966
|
@media (min-width: 1232px) {
|
|
1973
|
-
.cdr-input--large\@
|
|
1967
|
+
.cdr-input--large\@lg {
|
|
1974
1968
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1975
1969
|
font-style: normal;
|
|
1976
1970
|
font-weight: 400;
|
|
@@ -1980,24 +1974,24 @@ input[type="month"] {
|
|
|
1980
1974
|
line-height: 3.2rem;
|
|
1981
1975
|
padding-left: 0.8rem;
|
|
1982
1976
|
height: 4.8rem; }
|
|
1983
|
-
.cdr-input--large\@
|
|
1977
|
+
.cdr-input--large\@lg::-webkit-input-placeholder {
|
|
1984
1978
|
line-height: 3.2rem; }
|
|
1985
|
-
.cdr-input--large\@
|
|
1979
|
+
.cdr-input--large\@lg::-ms-input-placeholder {
|
|
1986
1980
|
line-height: 3.2rem; }
|
|
1987
|
-
.cdr-input--large\@
|
|
1981
|
+
.cdr-input--large\@lg::placeholder {
|
|
1988
1982
|
line-height: 3.2rem; } }
|
|
1989
|
-
.cdr-input__pre-
|
|
1983
|
+
.cdr-input__pre-icon {
|
|
1990
1984
|
position: absolute;
|
|
1991
1985
|
top: 50%;
|
|
1992
1986
|
left: 0.8rem;
|
|
1993
1987
|
transform: translateY(-50%); }
|
|
1994
|
-
.cdr-input__post-
|
|
1988
|
+
.cdr-input__post-icon {
|
|
1995
1989
|
display: block;
|
|
1996
1990
|
position: absolute;
|
|
1997
1991
|
top: 50%;
|
|
1998
1992
|
right: 0.8rem;
|
|
1999
1993
|
transform: translateY(-50%); }
|
|
2000
|
-
.cdr-input__helper-
|
|
1994
|
+
.cdr-input__helper-text {
|
|
2001
1995
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2002
1996
|
font-style: normal;
|
|
2003
1997
|
font-weight: 400;
|
|
@@ -2010,7 +2004,7 @@ input[type="month"] {
|
|
|
2010
2004
|
/* ==========================================================================
|
|
2011
2005
|
# INPUT WRAPPER
|
|
2012
2006
|
========================================================================== */
|
|
2013
|
-
.cdr-input-
|
|
2007
|
+
.cdr-input-wrap {
|
|
2014
2008
|
position: relative;
|
|
2015
2009
|
flex-grow: 1;
|
|
2016
2010
|
fill: #928b80; }
|
|
@@ -2026,7 +2020,7 @@ input[type="month"] {
|
|
|
2026
2020
|
:Style variants
|
|
2027
2021
|
:Standalone
|
|
2028
2022
|
========================================================================== */
|
|
2029
|
-
.cdr-
|
|
2023
|
+
.cdr-link {
|
|
2030
2024
|
font-family: inherit;
|
|
2031
2025
|
font-size: inherit;
|
|
2032
2026
|
line-height: inherit;
|
|
@@ -2042,29 +2036,29 @@ input[type="month"] {
|
|
|
2042
2036
|
padding: 0;
|
|
2043
2037
|
text-decoration: underline;
|
|
2044
2038
|
vertical-align: top; }
|
|
2045
|
-
.cdr-
|
|
2039
|
+
.cdr-link:active, .cdr-link:focus {
|
|
2046
2040
|
color: #0b2d60; }
|
|
2047
|
-
.cdr-
|
|
2041
|
+
.cdr-link:hover {
|
|
2048
2042
|
color: #406eb5;
|
|
2049
2043
|
text-decoration: none; }
|
|
2050
|
-
.cdr-
|
|
2044
|
+
.cdr-link:focus {
|
|
2051
2045
|
outline: 0.2rem solid Highlight;
|
|
2052
2046
|
outline-color: -webkit-focus-ring-color;
|
|
2053
2047
|
outline-offset: 0; }
|
|
2054
2048
|
/* Standalone
|
|
2055
2049
|
========== */
|
|
2056
|
-
.cdr-link--
|
|
2050
|
+
.cdr-link--standalone {
|
|
2057
2051
|
text-decoration: none; }
|
|
2058
|
-
.cdr-link--
|
|
2052
|
+
.cdr-link--standalone:hover, .cdr-link--standalone:active, .cdr-link--standalone:focus, .cdr-link--standalone:visited {
|
|
2059
2053
|
text-decoration: underline; }
|
|
2060
|
-
.cdr-link--inherit-
|
|
2054
|
+
.cdr-link--inherit-color {
|
|
2061
2055
|
fill: inherit;
|
|
2062
2056
|
color: inherit; }
|
|
2063
|
-
.cdr-link--inherit-
|
|
2057
|
+
.cdr-link--inherit-color:active, .cdr-link--inherit-color:hover, .cdr-link--inherit-color:focus {
|
|
2064
2058
|
color: inherit;
|
|
2065
2059
|
fill: inherit; }
|
|
2066
2060
|
|
|
2067
|
-
.cdr-
|
|
2061
|
+
.cdr-list {
|
|
2068
2062
|
list-style-type: none;
|
|
2069
2063
|
padding: 0;
|
|
2070
2064
|
margin: 0;
|
|
@@ -2080,59 +2074,59 @@ input[type="month"] {
|
|
|
2080
2074
|
========== */
|
|
2081
2075
|
/* Inline
|
|
2082
2076
|
========== */ }
|
|
2083
|
-
.cdr-
|
|
2077
|
+
.cdr-list > li + li {
|
|
2084
2078
|
margin-top: 0.8rem; }
|
|
2085
|
-
.cdr-
|
|
2079
|
+
.cdr-list li > .cdr-list {
|
|
2086
2080
|
margin-top: 0.8rem;
|
|
2087
2081
|
padding-left: 1em;
|
|
2088
2082
|
list-style-type: none; }
|
|
2089
|
-
.cdr-list--
|
|
2083
|
+
.cdr-list--compact {
|
|
2090
2084
|
/* nesting
|
|
2091
2085
|
---------- */ }
|
|
2092
|
-
.cdr-list--
|
|
2086
|
+
.cdr-list--compact > li + li {
|
|
2093
2087
|
margin-top: 0.4rem; }
|
|
2094
|
-
.cdr-list--
|
|
2088
|
+
.cdr-list--compact li > .cdr-list {
|
|
2095
2089
|
margin-top: 0.4rem; }
|
|
2096
|
-
.cdr-list--
|
|
2090
|
+
.cdr-list--ordered {
|
|
2097
2091
|
list-style-type: decimal;
|
|
2098
2092
|
padding-left: 1.5em;
|
|
2099
2093
|
list-style-position: outside; }
|
|
2100
|
-
.cdr-list--
|
|
2094
|
+
.cdr-list--ordered li {
|
|
2101
2095
|
padding: 0 0 0 0.4rem; }
|
|
2102
|
-
.cdr-list--
|
|
2096
|
+
.cdr-list--ordered li {
|
|
2103
2097
|
/* nesting
|
|
2104
2098
|
---------- */ }
|
|
2105
|
-
.cdr-list--
|
|
2099
|
+
.cdr-list--ordered li > .cdr-list {
|
|
2106
2100
|
position: relative;
|
|
2107
2101
|
padding-left: 1em; }
|
|
2108
|
-
.cdr-list--
|
|
2102
|
+
.cdr-list--ordered li > .cdr-list > li {
|
|
2109
2103
|
padding-left: 0; }
|
|
2110
|
-
.cdr-list--
|
|
2104
|
+
.cdr-list--ordered li > .cdr-list > li::before {
|
|
2111
2105
|
content: '\2013';
|
|
2112
2106
|
position: absolute;
|
|
2113
2107
|
color: rgba(66, 59, 47, 0.75);
|
|
2114
2108
|
left: 0; }
|
|
2115
|
-
.cdr-list--
|
|
2109
|
+
.cdr-list--unordered {
|
|
2116
2110
|
position: relative;
|
|
2117
2111
|
padding-left: 1em;
|
|
2118
2112
|
/* nesting
|
|
2119
2113
|
---------- */ }
|
|
2120
|
-
.cdr-list--
|
|
2114
|
+
.cdr-list--unordered > li::before {
|
|
2121
2115
|
content: '\2022';
|
|
2122
2116
|
position: relative;
|
|
2123
2117
|
margin-left: -1em;
|
|
2124
2118
|
padding-right: 0.8rem;
|
|
2125
2119
|
color: rgba(66, 59, 47, 0.75); }
|
|
2126
|
-
.cdr-list--
|
|
2120
|
+
.cdr-list--unordered li > .cdr-list {
|
|
2127
2121
|
position: relative;
|
|
2128
2122
|
padding-left: 1em; }
|
|
2129
|
-
.cdr-list--
|
|
2123
|
+
.cdr-list--unordered li > .cdr-list > li::before {
|
|
2130
2124
|
content: '\2013';
|
|
2131
2125
|
position: relative;
|
|
2132
2126
|
margin-left: -1em;
|
|
2133
2127
|
padding-right: 0.8rem;
|
|
2134
2128
|
color: rgba(66, 59, 47, 0.75); }
|
|
2135
|
-
.cdr-list--
|
|
2129
|
+
.cdr-list--inline {
|
|
2136
2130
|
display: flex;
|
|
2137
2131
|
flex-wrap: wrap;
|
|
2138
2132
|
list-style-type: none;
|
|
@@ -2141,24 +2135,24 @@ input[type="month"] {
|
|
|
2141
2135
|
---------- */
|
|
2142
2136
|
/* inline - unordered
|
|
2143
2137
|
---------- */ }
|
|
2144
|
-
.cdr-list--
|
|
2138
|
+
.cdr-list--inline > li {
|
|
2145
2139
|
display: block; }
|
|
2146
|
-
.cdr-list--
|
|
2140
|
+
.cdr-list--inline > li + li {
|
|
2147
2141
|
margin-top: 0;
|
|
2148
2142
|
padding-left: 1em; }
|
|
2149
|
-
.cdr-list--
|
|
2143
|
+
.cdr-list--inline.cdr-list--compact > li + li {
|
|
2150
2144
|
padding-left: 0.5em; }
|
|
2151
|
-
.cdr-list--
|
|
2145
|
+
.cdr-list--inline.cdr-list--unordered {
|
|
2152
2146
|
left: 0;
|
|
2153
2147
|
/* inline - unordered - compact
|
|
2154
2148
|
---------- */ }
|
|
2155
|
-
.cdr-list--
|
|
2149
|
+
.cdr-list--inline.cdr-list--unordered > li {
|
|
2156
2150
|
position: relative; }
|
|
2157
|
-
.cdr-list--
|
|
2151
|
+
.cdr-list--inline.cdr-list--unordered > li + li {
|
|
2158
2152
|
padding-left: 1.5em; }
|
|
2159
|
-
.cdr-list--
|
|
2153
|
+
.cdr-list--inline.cdr-list--unordered > li:first-of-type::before {
|
|
2160
2154
|
display: none; }
|
|
2161
|
-
.cdr-list--
|
|
2155
|
+
.cdr-list--inline.cdr-list--unordered > li::before {
|
|
2162
2156
|
content: '\2022';
|
|
2163
2157
|
color: rgba(66, 59, 47, 0.75);
|
|
2164
2158
|
display: block;
|
|
@@ -2171,12 +2165,12 @@ input[type="month"] {
|
|
|
2171
2165
|
left: 0;
|
|
2172
2166
|
padding: 0;
|
|
2173
2167
|
margin: 0; }
|
|
2174
|
-
.cdr-list--
|
|
2168
|
+
.cdr-list--inline.cdr-list--unordered.cdr-list--compact > li + li {
|
|
2175
2169
|
padding-left: 1em; }
|
|
2176
|
-
.cdr-list--
|
|
2170
|
+
.cdr-list--inline.cdr-list--unordered.cdr-list--compact > li + li::before {
|
|
2177
2171
|
transform: translate(100%, -50%); }
|
|
2178
2172
|
|
|
2179
|
-
.cdr-
|
|
2173
|
+
.cdr-modal {
|
|
2180
2174
|
bottom: 0;
|
|
2181
2175
|
height: 100%;
|
|
2182
2176
|
left: 0;
|
|
@@ -2187,9 +2181,12 @@ input[type="month"] {
|
|
|
2187
2181
|
visibility: visible;
|
|
2188
2182
|
z-index: 1000; }
|
|
2189
2183
|
@supports (-webkit-touch-callout: none) {
|
|
2190
|
-
.cdr-
|
|
2184
|
+
.cdr-modal * {
|
|
2185
|
+
/* Safari iOS hack: force hardware acceleration on all elements inside modal
|
|
2186
|
+
otherwise content that is offscreen will flicker/disappear when scrolling
|
|
2187
|
+
Issue has to do with scrolling inside a position: fixed or relative container */
|
|
2191
2188
|
will-change: transform; } }
|
|
2192
|
-
.cdr-
|
|
2189
|
+
.cdr-modal__overlay {
|
|
2193
2190
|
background-color: rgba(244, 242, 237, 0.85);
|
|
2194
2191
|
-webkit-backdrop-filter: blur(1.6rem);
|
|
2195
2192
|
backdrop-filter: blur(1.6rem);
|
|
@@ -2201,13 +2198,13 @@ input[type="month"] {
|
|
|
2201
2198
|
top: 0;
|
|
2202
2199
|
transition: opacity 150ms;
|
|
2203
2200
|
z-index: 0; }
|
|
2204
|
-
.cdr-
|
|
2201
|
+
.cdr-modal__outerWrap {
|
|
2205
2202
|
display: flex;
|
|
2206
2203
|
box-sizing: border-box;
|
|
2207
2204
|
min-height: 100%;
|
|
2208
2205
|
position: static;
|
|
2209
2206
|
z-index: -1; }
|
|
2210
|
-
.cdr-
|
|
2207
|
+
.cdr-modal__contentWrap {
|
|
2211
2208
|
align-items: flex-start;
|
|
2212
2209
|
background-color: #ffffff;
|
|
2213
2210
|
display: flex;
|
|
@@ -2222,19 +2219,19 @@ input[type="month"] {
|
|
|
2222
2219
|
transition: opacity 150ms 150ms;
|
|
2223
2220
|
width: 100%;
|
|
2224
2221
|
z-index: 0; }
|
|
2225
|
-
.cdr-
|
|
2222
|
+
.cdr-modal__contentWrap:focus {
|
|
2226
2223
|
outline: 0; }
|
|
2227
|
-
.cdr-
|
|
2224
|
+
.cdr-modal__innerWrap {
|
|
2228
2225
|
width: 100%;
|
|
2229
2226
|
padding: 1.6rem; }
|
|
2230
|
-
.cdr-
|
|
2227
|
+
.cdr-modal__dialog {
|
|
2231
2228
|
width: 100%; }
|
|
2232
|
-
.cdr-
|
|
2229
|
+
.cdr-modal__content {
|
|
2233
2230
|
position: relative; }
|
|
2234
|
-
.cdr-
|
|
2231
|
+
.cdr-modal__header {
|
|
2235
2232
|
display: flex;
|
|
2236
2233
|
padding-bottom: 1.6rem; }
|
|
2237
|
-
.cdr-
|
|
2234
|
+
.cdr-modal__title {
|
|
2238
2235
|
flex: auto;
|
|
2239
2236
|
font-family: Stuart, Georgia, serif;
|
|
2240
2237
|
font-style: normal;
|
|
@@ -2242,7 +2239,7 @@ input[type="month"] {
|
|
|
2242
2239
|
letter-spacing: 0;
|
|
2243
2240
|
font-size: 2.4rem;
|
|
2244
2241
|
line-height: 3rem; }
|
|
2245
|
-
.cdr-modal__close-
|
|
2242
|
+
.cdr-modal__close-button {
|
|
2246
2243
|
align-self: flex-start;
|
|
2247
2244
|
border: 0.1rem solid #928b80;
|
|
2248
2245
|
flex: none;
|
|
@@ -2251,20 +2248,20 @@ input[type="month"] {
|
|
|
2251
2248
|
position: relative;
|
|
2252
2249
|
top: -0.2rem;
|
|
2253
2250
|
right: -0.4rem; }
|
|
2254
|
-
.cdr-modal__close-
|
|
2251
|
+
.cdr-modal__close-button:hover, .cdr-modal__close-button:focus {
|
|
2255
2252
|
border: 0.1rem solid #928b80; }
|
|
2256
|
-
.cdr-
|
|
2253
|
+
.cdr-modal__text {
|
|
2257
2254
|
padding: 0;
|
|
2258
2255
|
position: relative; }
|
|
2259
|
-
.cdr-modal__text-
|
|
2256
|
+
.cdr-modal__text-content {
|
|
2260
2257
|
overflow: auto;
|
|
2261
2258
|
position: relative; }
|
|
2262
2259
|
@media (min-width: 768px) {
|
|
2263
|
-
.cdr-
|
|
2260
|
+
.cdr-modal__outerWrap {
|
|
2264
2261
|
padding: 1.6rem; }
|
|
2265
|
-
.cdr-
|
|
2262
|
+
.cdr-modal__innerWrap {
|
|
2266
2263
|
padding: 2.4rem; }
|
|
2267
|
-
.cdr-
|
|
2264
|
+
.cdr-modal__contentWrap {
|
|
2268
2265
|
border-radius: 0.4rem;
|
|
2269
2266
|
box-shadow: 0 1.6rem 1.6rem 0 rgba(12, 11, 8, 0.2);
|
|
2270
2267
|
min-height: auto;
|
|
@@ -2272,42 +2269,42 @@ input[type="month"] {
|
|
|
2272
2269
|
top: auto;
|
|
2273
2270
|
left: auto;
|
|
2274
2271
|
right: auto; }
|
|
2275
|
-
.cdr-
|
|
2272
|
+
.cdr-modal__dialog {
|
|
2276
2273
|
max-width: 64rem; }
|
|
2277
|
-
.cdr-modal__close-
|
|
2274
|
+
.cdr-modal__close-button {
|
|
2278
2275
|
margin-left: 1.2rem;
|
|
2279
2276
|
right: -0.8rem;
|
|
2280
2277
|
top: -0.5rem; } }
|
|
2281
|
-
.
|
|
2278
|
+
.cdr-modal--closed {
|
|
2282
2279
|
transition: z-index 0s 300ms, visibility 0s 300ms;
|
|
2283
2280
|
visibility: hidden;
|
|
2284
2281
|
z-index: -1; }
|
|
2285
|
-
.
|
|
2282
|
+
.cdr-modal--closed .cdr-modal__overlay {
|
|
2286
2283
|
opacity: 0;
|
|
2287
2284
|
transition: opacity 150ms 150ms; }
|
|
2288
|
-
.
|
|
2285
|
+
.cdr-modal--closed .cdr-modal__contentWrap {
|
|
2289
2286
|
opacity: 0;
|
|
2290
2287
|
transition: opacity 150ms; }
|
|
2291
|
-
.cdr-
|
|
2288
|
+
:global(.cdr-modal__noscroll) {
|
|
2292
2289
|
overflow: hidden !important;
|
|
2293
2290
|
position: fixed !important;
|
|
2294
2291
|
width: 100%; }
|
|
2295
2292
|
|
|
2296
2293
|
/* intentionally empty */
|
|
2297
|
-
.cdr-
|
|
2294
|
+
.cdr-pagination {
|
|
2298
2295
|
display: flex;
|
|
2299
2296
|
justify-content: center;
|
|
2300
2297
|
align-items: center;
|
|
2301
2298
|
list-style: none;
|
|
2302
2299
|
padding: 0;
|
|
2303
2300
|
/* Responsive */ }
|
|
2304
|
-
.cdr-pagination__li--
|
|
2301
|
+
.cdr-pagination__li--links {
|
|
2305
2302
|
display: none; }
|
|
2306
|
-
.cdr-pagination__li--
|
|
2303
|
+
.cdr-pagination__li--links + .cdr-pagination__li--links {
|
|
2307
2304
|
margin-left: 0.4rem; }
|
|
2308
|
-
.cdr-pagination__li--
|
|
2305
|
+
.cdr-pagination__li--select {
|
|
2309
2306
|
display: block; }
|
|
2310
|
-
.cdr-
|
|
2307
|
+
.cdr-pagination__link {
|
|
2311
2308
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2312
2309
|
font-style: normal;
|
|
2313
2310
|
font-weight: 400;
|
|
@@ -2323,12 +2320,12 @@ input[type="month"] {
|
|
|
2323
2320
|
padding: 0.6rem 1.2rem;
|
|
2324
2321
|
text-decoration: none;
|
|
2325
2322
|
border-radius: 0.4rem; }
|
|
2326
|
-
.cdr-
|
|
2323
|
+
.cdr-pagination__link:hover, .cdr-pagination__link:focus, .cdr-pagination__link:active {
|
|
2327
2324
|
background-color: #f9f8f6;
|
|
2328
2325
|
cursor: pointer; }
|
|
2329
|
-
.cdr-
|
|
2326
|
+
.cdr-pagination__link--current {
|
|
2330
2327
|
position: relative; }
|
|
2331
|
-
.cdr-
|
|
2328
|
+
.cdr-pagination__link--current:after {
|
|
2332
2329
|
content: '';
|
|
2333
2330
|
position: absolute;
|
|
2334
2331
|
bottom: 0;
|
|
@@ -2337,289 +2334,157 @@ input[type="month"] {
|
|
|
2337
2334
|
height: 0.2rem;
|
|
2338
2335
|
width: 80%;
|
|
2339
2336
|
background-color: #406eb5; }
|
|
2340
|
-
.cdr-
|
|
2337
|
+
.cdr-pagination__link--current:hover, .cdr-pagination__link--current:focus, .cdr-pagination__link--current:active {
|
|
2341
2338
|
text-decoration: none; }
|
|
2342
|
-
.cdr-
|
|
2339
|
+
.cdr-pagination__link.cdr-pagination__link--disabled {
|
|
2343
2340
|
color: #d1cbbd;
|
|
2344
2341
|
fill: #d1cbbd;
|
|
2345
2342
|
cursor: not-allowed; }
|
|
2346
|
-
.cdr-
|
|
2343
|
+
.cdr-pagination__link.cdr-pagination__link--disabled:hover, .cdr-pagination__link.cdr-pagination__link--disabled:focus, .cdr-pagination__link.cdr-pagination__link--disabled:active {
|
|
2347
2344
|
color: #d1cbbd;
|
|
2348
2345
|
background-color: transparent; }
|
|
2349
|
-
.cdr-
|
|
2346
|
+
.cdr-pagination__ellipse {
|
|
2350
2347
|
display: block;
|
|
2351
2348
|
padding: 0.6rem 1.2rem; }
|
|
2352
|
-
.cdr-
|
|
2349
|
+
.cdr-pagination__prev {
|
|
2353
2350
|
display: flex;
|
|
2354
2351
|
align-items: center;
|
|
2355
2352
|
margin-right: 1.6rem; }
|
|
2356
|
-
.cdr-
|
|
2353
|
+
.cdr-pagination__next {
|
|
2357
2354
|
display: flex;
|
|
2358
2355
|
align-items: center;
|
|
2359
2356
|
margin-left: 1.6rem; }
|
|
2360
|
-
.cdr-pagination__caret--
|
|
2357
|
+
.cdr-pagination__caret--prev {
|
|
2361
2358
|
margin-right: 0.2rem; }
|
|
2362
|
-
.cdr-pagination__caret--
|
|
2359
|
+
.cdr-pagination__caret--next {
|
|
2363
2360
|
margin-left: 0.2rem; }
|
|
2364
2361
|
@media (min-width: 768px) {
|
|
2365
|
-
.cdr-pagination__li--
|
|
2362
|
+
.cdr-pagination__li--links {
|
|
2366
2363
|
display: block; }
|
|
2367
|
-
.cdr-pagination__li--
|
|
2364
|
+
.cdr-pagination__li--select {
|
|
2368
2365
|
display: none; } }
|
|
2369
2366
|
|
|
2370
|
-
|
|
2371
|
-
.cdr-popover--position_11-0-1 {
|
|
2372
|
-
position: relative; }
|
|
2373
|
-
.cdr-popover--wrapper_11-0-1 {
|
|
2374
|
-
width: -webkit-max-content;
|
|
2375
|
-
width: -moz-max-content;
|
|
2376
|
-
width: max-content;
|
|
2377
|
-
height: -webkit-max-content;
|
|
2378
|
-
height: -moz-max-content;
|
|
2379
|
-
height: max-content; }
|
|
2380
|
-
.cdr-popover--wrapper_11-0-1 .cdr-popup--closed_11-0-1 {
|
|
2381
|
-
display: none; }
|
|
2382
|
-
.cdr-popover__title_11-0-1 {
|
|
2383
|
-
font-family: Stuart, Georgia, serif;
|
|
2384
|
-
font-style: normal;
|
|
2385
|
-
font-weight: 500;
|
|
2386
|
-
letter-spacing: 0;
|
|
2387
|
-
font-size: 1.8rem;
|
|
2388
|
-
line-height: 2.4rem;
|
|
2389
|
-
margin-bottom: 0.8rem;
|
|
2390
|
-
margin-right: 0.8rem; }
|
|
2391
|
-
.cdr-popover__container_11-0-1 {
|
|
2392
|
-
padding: 0.8rem;
|
|
2393
|
-
padding-left: 1.6rem;
|
|
2394
|
-
display: flex; }
|
|
2395
|
-
.cdr-popover__content_11-0-1 {
|
|
2396
|
-
flex: auto; }
|
|
2397
|
-
.cdr-popover__close-button_11-0-1 {
|
|
2398
|
-
align-self: flex-start;
|
|
2399
|
-
flex: none;
|
|
2400
|
-
padding: 0; }
|
|
2401
|
-
|
|
2402
|
-
@-webkit-keyframes popup-exit-down {
|
|
2367
|
+
@keyframes :global(popup-exit-down) {
|
|
2403
2368
|
from {
|
|
2404
2369
|
top: calc(100% + 1.4rem); }
|
|
2405
2370
|
to {
|
|
2406
2371
|
top: 100%; } }
|
|
2407
2372
|
|
|
2408
|
-
@keyframes popup-
|
|
2409
|
-
from {
|
|
2410
|
-
top: calc(100% + 1.4rem); }
|
|
2411
|
-
to {
|
|
2412
|
-
top: 100%; } }
|
|
2413
|
-
|
|
2414
|
-
@-webkit-keyframes popup-enter-down {
|
|
2373
|
+
@keyframes :global(popup-enter-down) {
|
|
2415
2374
|
from {
|
|
2416
2375
|
top: 100%; }
|
|
2417
2376
|
to {
|
|
2418
2377
|
top: calc(100% + 1.4rem); } }
|
|
2419
2378
|
|
|
2420
|
-
@keyframes popup-
|
|
2421
|
-
from {
|
|
2422
|
-
top: 100%; }
|
|
2423
|
-
to {
|
|
2424
|
-
top: calc(100% + 1.4rem); } }
|
|
2425
|
-
|
|
2426
|
-
@-webkit-keyframes popup-arrow-exit-down {
|
|
2427
|
-
from {
|
|
2428
|
-
bottom: -1.5rem; }
|
|
2429
|
-
to {
|
|
2430
|
-
bottom: 0; } }
|
|
2431
|
-
|
|
2432
|
-
@keyframes popup-arrow-exit-down {
|
|
2379
|
+
@keyframes :global(popup-arrow-exit-down) {
|
|
2433
2380
|
from {
|
|
2434
2381
|
bottom: -1.5rem; }
|
|
2435
2382
|
to {
|
|
2436
2383
|
bottom: 0; } }
|
|
2437
2384
|
|
|
2438
|
-
|
|
2385
|
+
@keyframes :global(popup-arrow-enter-down) {
|
|
2439
2386
|
from {
|
|
2440
2387
|
bottom: 0; }
|
|
2441
2388
|
to {
|
|
2442
2389
|
bottom: -1.5rem; } }
|
|
2443
2390
|
|
|
2444
|
-
@keyframes popup-
|
|
2445
|
-
from {
|
|
2446
|
-
bottom: 0; }
|
|
2447
|
-
to {
|
|
2448
|
-
bottom: -1.5rem; } }
|
|
2449
|
-
|
|
2450
|
-
@-webkit-keyframes popup-exit-up {
|
|
2451
|
-
from {
|
|
2452
|
-
bottom: calc(100% + 1.4rem); }
|
|
2453
|
-
to {
|
|
2454
|
-
bottom: 100%; } }
|
|
2455
|
-
|
|
2456
|
-
@keyframes popup-exit-up {
|
|
2391
|
+
@keyframes :global(popup-exit-up) {
|
|
2457
2392
|
from {
|
|
2458
2393
|
bottom: calc(100% + 1.4rem); }
|
|
2459
2394
|
to {
|
|
2460
2395
|
bottom: 100%; } }
|
|
2461
2396
|
|
|
2462
|
-
|
|
2463
|
-
from {
|
|
2464
|
-
bottom: 100%; }
|
|
2465
|
-
to {
|
|
2466
|
-
bottom: calc(100% + 1.4rem); } }
|
|
2467
|
-
|
|
2468
|
-
@keyframes popup-enter-up {
|
|
2397
|
+
@keyframes :global(popup-enter-up) {
|
|
2469
2398
|
from {
|
|
2470
2399
|
bottom: 100%; }
|
|
2471
2400
|
to {
|
|
2472
2401
|
bottom: calc(100% + 1.4rem); } }
|
|
2473
2402
|
|
|
2474
|
-
|
|
2403
|
+
@keyframes :global(popup-arrow-exit-up) {
|
|
2475
2404
|
from {
|
|
2476
2405
|
top: -1.5rem; }
|
|
2477
2406
|
to {
|
|
2478
2407
|
top: 0; } }
|
|
2479
2408
|
|
|
2480
|
-
@keyframes popup-arrow-
|
|
2481
|
-
from {
|
|
2482
|
-
top: -1.5rem; }
|
|
2483
|
-
to {
|
|
2484
|
-
top: 0; } }
|
|
2485
|
-
|
|
2486
|
-
@-webkit-keyframes popup-arrow-enter-up {
|
|
2487
|
-
from {
|
|
2488
|
-
top: 0; }
|
|
2489
|
-
to {
|
|
2490
|
-
top: -1.5rem; } }
|
|
2491
|
-
|
|
2492
|
-
@keyframes popup-arrow-enter-up {
|
|
2409
|
+
@keyframes :global(popup-arrow-enter-up) {
|
|
2493
2410
|
from {
|
|
2494
2411
|
top: 0; }
|
|
2495
2412
|
to {
|
|
2496
2413
|
top: -1.5rem; } }
|
|
2497
2414
|
|
|
2498
|
-
|
|
2415
|
+
@keyframes :global(popup-exit-left) {
|
|
2499
2416
|
from {
|
|
2500
2417
|
right: calc(100% + 1.4rem); }
|
|
2501
2418
|
to {
|
|
2502
2419
|
right: 100%; } }
|
|
2503
2420
|
|
|
2504
|
-
@keyframes popup-
|
|
2505
|
-
from {
|
|
2506
|
-
right: calc(100% + 1.4rem); }
|
|
2507
|
-
to {
|
|
2508
|
-
right: 100%; } }
|
|
2509
|
-
|
|
2510
|
-
@-webkit-keyframes popup-enter-left {
|
|
2421
|
+
@keyframes :global(popup-enter-left) {
|
|
2511
2422
|
from {
|
|
2512
2423
|
right: 100%; }
|
|
2513
2424
|
to {
|
|
2514
2425
|
right: calc(100% + 1.4rem); } }
|
|
2515
2426
|
|
|
2516
|
-
@keyframes popup-
|
|
2517
|
-
from {
|
|
2518
|
-
right: 100%; }
|
|
2519
|
-
to {
|
|
2520
|
-
right: calc(100% + 1.4rem); } }
|
|
2521
|
-
|
|
2522
|
-
@-webkit-keyframes popup-arrow-exit-left {
|
|
2427
|
+
@keyframes :global(popup-arrow-exit-left) {
|
|
2523
2428
|
from {
|
|
2524
2429
|
left: -1.5rem; }
|
|
2525
2430
|
to {
|
|
2526
2431
|
left: 0; } }
|
|
2527
2432
|
|
|
2528
|
-
@keyframes popup-arrow-
|
|
2529
|
-
from {
|
|
2530
|
-
left: -1.5rem; }
|
|
2531
|
-
to {
|
|
2532
|
-
left: 0; } }
|
|
2533
|
-
|
|
2534
|
-
@-webkit-keyframes popup-arrow-enter-left {
|
|
2535
|
-
from {
|
|
2536
|
-
left: 0; }
|
|
2537
|
-
to {
|
|
2538
|
-
left: -1.5rem; } }
|
|
2539
|
-
|
|
2540
|
-
@keyframes popup-arrow-enter-left {
|
|
2433
|
+
@keyframes :global(popup-arrow-enter-left) {
|
|
2541
2434
|
from {
|
|
2542
2435
|
left: 0; }
|
|
2543
2436
|
to {
|
|
2544
2437
|
left: -1.5rem; } }
|
|
2545
2438
|
|
|
2546
|
-
|
|
2439
|
+
@keyframes :global(popup-exit-right) {
|
|
2547
2440
|
from {
|
|
2548
2441
|
left: calc(100% + 1.4rem); }
|
|
2549
2442
|
to {
|
|
2550
2443
|
left: 100%; } }
|
|
2551
2444
|
|
|
2552
|
-
@keyframes popup-
|
|
2553
|
-
from {
|
|
2554
|
-
left: calc(100% + 1.4rem); }
|
|
2555
|
-
to {
|
|
2556
|
-
left: 100%; } }
|
|
2557
|
-
|
|
2558
|
-
@-webkit-keyframes popup-enter-right {
|
|
2445
|
+
@keyframes :global(popup-enter-right) {
|
|
2559
2446
|
from {
|
|
2560
2447
|
left: 100%; }
|
|
2561
2448
|
to {
|
|
2562
2449
|
left: calc(100% + 1.4rem); } }
|
|
2563
2450
|
|
|
2564
|
-
@keyframes popup-
|
|
2565
|
-
from {
|
|
2566
|
-
left: 100%; }
|
|
2567
|
-
to {
|
|
2568
|
-
left: calc(100% + 1.4rem); } }
|
|
2569
|
-
|
|
2570
|
-
@-webkit-keyframes popup-arrow-exit-right {
|
|
2451
|
+
@keyframes :global(popup-arrow-exit-right) {
|
|
2571
2452
|
from {
|
|
2572
2453
|
right: -1.5rem; }
|
|
2573
2454
|
to {
|
|
2574
2455
|
right: 0; } }
|
|
2575
2456
|
|
|
2576
|
-
@keyframes popup-arrow-
|
|
2577
|
-
from {
|
|
2578
|
-
right: -1.5rem; }
|
|
2579
|
-
to {
|
|
2580
|
-
right: 0; } }
|
|
2581
|
-
|
|
2582
|
-
@-webkit-keyframes popup-arrow-enter-right {
|
|
2583
|
-
from {
|
|
2584
|
-
right: 0; }
|
|
2585
|
-
to {
|
|
2586
|
-
right: -1.5rem; } }
|
|
2587
|
-
|
|
2588
|
-
@keyframes popup-arrow-enter-right {
|
|
2457
|
+
@keyframes :global(popup-arrow-enter-right) {
|
|
2589
2458
|
from {
|
|
2590
2459
|
right: 0; }
|
|
2591
2460
|
to {
|
|
2592
2461
|
right: -1.5rem; } }
|
|
2593
2462
|
|
|
2594
|
-
.cdr-
|
|
2463
|
+
.cdr-popup {
|
|
2595
2464
|
opacity: 0;
|
|
2596
2465
|
transition: opacity 0.2s cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
2597
2466
|
|
|
2598
|
-
.cdr-popup--
|
|
2467
|
+
.cdr-popup--open {
|
|
2599
2468
|
opacity: 1; }
|
|
2600
2469
|
|
|
2601
|
-
.cdr-popup--
|
|
2470
|
+
.cdr-popup--closed {
|
|
2602
2471
|
opacity: 0; }
|
|
2603
2472
|
|
|
2604
|
-
.cdr-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
|
|
2609
|
-
-webkit-animation-fill-mode: forwards;
|
|
2610
|
-
animation-fill-mode: forwards;
|
|
2473
|
+
.cdr-popup__content {
|
|
2474
|
+
animation-duration: 0.2s;
|
|
2475
|
+
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
|
|
2476
|
+
animation-fill-mode: forwards;
|
|
2611
2477
|
background: #ffffff;
|
|
2612
2478
|
border: 0.1rem solid #928b80;
|
|
2613
2479
|
border-radius: 0.4rem;
|
|
2614
2480
|
box-shadow: 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2);
|
|
2615
2481
|
max-width: 28.6rem;
|
|
2616
2482
|
width: -webkit-max-content;
|
|
2617
|
-
width: -moz-max-content;
|
|
2618
2483
|
width: max-content;
|
|
2619
2484
|
position: absolute;
|
|
2620
2485
|
z-index: 100; }
|
|
2621
2486
|
|
|
2622
|
-
.cdr-
|
|
2487
|
+
.cdr-popup__arrow::before, .cdr-popup__arrow::after {
|
|
2623
2488
|
content: '';
|
|
2624
2489
|
position: absolute;
|
|
2625
2490
|
margin: auto;
|
|
@@ -2627,146 +2492,157 @@ input[type="month"] {
|
|
|
2627
2492
|
height: 0;
|
|
2628
2493
|
border-style: solid;
|
|
2629
2494
|
border-color: transparent;
|
|
2630
|
-
|
|
2631
|
-
|
|
2632
|
-
|
|
2633
|
-
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
|
|
2634
|
-
-webkit-animation-fill-mode: forwards;
|
|
2635
|
-
animation-fill-mode: forwards;
|
|
2495
|
+
animation-duration: 0.2s;
|
|
2496
|
+
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
|
|
2497
|
+
animation-fill-mode: forwards;
|
|
2636
2498
|
z-index: 100; }
|
|
2637
2499
|
|
|
2638
|
-
.cdr-
|
|
2500
|
+
.cdr-popup__arrow::before {
|
|
2639
2501
|
border-width: 1rem; }
|
|
2640
2502
|
|
|
2641
|
-
.cdr-
|
|
2503
|
+
.cdr-popup__arrow::after {
|
|
2642
2504
|
border-width: 0.9rem; }
|
|
2643
2505
|
|
|
2644
|
-
.cdr-popup--
|
|
2506
|
+
.cdr-popup--top .cdr-popup__content, .cdr-popup--top .cdr-popup__arrow::before, .cdr-popup--top .cdr-popup__arrow::after, .cdr-popup--bottom .cdr-popup__content, .cdr-popup--bottom .cdr-popup__arrow::before, .cdr-popup--bottom .cdr-popup__arrow::after {
|
|
2645
2507
|
left: 50%;
|
|
2646
2508
|
transform: translateX(-50%); }
|
|
2647
2509
|
|
|
2648
|
-
.cdr-popup--
|
|
2649
|
-
|
|
2650
|
-
animation-name: popup-enter-down; }
|
|
2510
|
+
.cdr-popup--bottom.cdr-popup--open .cdr-popup__content :global {
|
|
2511
|
+
animation-name: popup-enter-down; }
|
|
2651
2512
|
|
|
2652
|
-
.cdr-popup--
|
|
2653
|
-
|
|
2654
|
-
animation-name: popup-arrow-enter-down; }
|
|
2513
|
+
.cdr-popup--bottom.cdr-popup--open .cdr-popup__arrow::before :global, .cdr-popup--bottom.cdr-popup--open .cdr-popup__arrow::after :global {
|
|
2514
|
+
animation-name: popup-arrow-enter-down; }
|
|
2655
2515
|
|
|
2656
|
-
.cdr-popup--
|
|
2657
|
-
|
|
2658
|
-
animation-name: popup-exit-down; }
|
|
2516
|
+
.cdr-popup--bottom.cdr-popup--exit .cdr-popup__content :global {
|
|
2517
|
+
animation-name: popup-exit-down; }
|
|
2659
2518
|
|
|
2660
|
-
.cdr-popup--
|
|
2661
|
-
|
|
2662
|
-
animation-name: popup-arrow-exit-down; }
|
|
2519
|
+
.cdr-popup--bottom.cdr-popup--exit .cdr-popup__arrow::before :global, .cdr-popup--bottom.cdr-popup--exit .cdr-popup__arrow::after :global {
|
|
2520
|
+
animation-name: popup-arrow-exit-down; }
|
|
2663
2521
|
|
|
2664
|
-
.cdr-popup--
|
|
2522
|
+
.cdr-popup--bottom .cdr-popup__content {
|
|
2665
2523
|
top: calc(100% + 1.4rem); }
|
|
2666
2524
|
|
|
2667
|
-
.cdr-popup--
|
|
2525
|
+
.cdr-popup--bottom .cdr-popup__arrow::before {
|
|
2668
2526
|
border-bottom-color: #928b80; }
|
|
2669
2527
|
|
|
2670
|
-
.cdr-popup--
|
|
2528
|
+
.cdr-popup--bottom .cdr-popup__arrow::after {
|
|
2671
2529
|
border-bottom-color: #ffffff; }
|
|
2672
2530
|
|
|
2673
|
-
.cdr-popup--
|
|
2674
|
-
|
|
2675
|
-
animation-name: popup-enter-up; }
|
|
2531
|
+
.cdr-popup--top.cdr-popup--open .cdr-popup__content :global {
|
|
2532
|
+
animation-name: popup-enter-up; }
|
|
2676
2533
|
|
|
2677
|
-
.cdr-popup--
|
|
2678
|
-
|
|
2679
|
-
animation-name: popup-arrow-enter-up; }
|
|
2534
|
+
.cdr-popup--top.cdr-popup--open .cdr-popup__arrow::before :global, .cdr-popup--top.cdr-popup--open .cdr-popup__arrow::after :global {
|
|
2535
|
+
animation-name: popup-arrow-enter-up; }
|
|
2680
2536
|
|
|
2681
|
-
.cdr-popup--
|
|
2682
|
-
|
|
2683
|
-
animation-name: popup-exit-up; }
|
|
2537
|
+
.cdr-popup--top.cdr-popup--exit .cdr-popup__content :global {
|
|
2538
|
+
animation-name: popup-exit-up; }
|
|
2684
2539
|
|
|
2685
|
-
.cdr-popup--
|
|
2686
|
-
|
|
2687
|
-
animation-name: popup-arrow-exit-up; }
|
|
2540
|
+
.cdr-popup--top.cdr-popup--exit .cdr-popup__arrow::before :global, .cdr-popup--top.cdr-popup--exit .cdr-popup__arrow::after :global {
|
|
2541
|
+
animation-name: popup-arrow-exit-up; }
|
|
2688
2542
|
|
|
2689
|
-
.cdr-popup--
|
|
2543
|
+
.cdr-popup--top .cdr-popup__content {
|
|
2690
2544
|
bottom: calc(100% + 1.4rem); }
|
|
2691
2545
|
|
|
2692
|
-
.cdr-popup--
|
|
2546
|
+
.cdr-popup--top .cdr-popup__arrow::before {
|
|
2693
2547
|
border-top-color: #928b80; }
|
|
2694
2548
|
|
|
2695
|
-
.cdr-popup--
|
|
2549
|
+
.cdr-popup--top .cdr-popup__arrow::after {
|
|
2696
2550
|
border-top-color: #ffffff; }
|
|
2697
2551
|
|
|
2698
|
-
.cdr-popup--corner-
|
|
2552
|
+
.cdr-popup--corner-left .cdr-popup__content {
|
|
2699
2553
|
left: 0;
|
|
2700
2554
|
transform: unset; }
|
|
2701
2555
|
|
|
2702
|
-
.cdr-popup--corner-
|
|
2556
|
+
.cdr-popup--corner-right .cdr-popup__content {
|
|
2703
2557
|
left: unset;
|
|
2704
2558
|
right: 0;
|
|
2705
2559
|
transform: unset; }
|
|
2706
2560
|
|
|
2707
|
-
.cdr-popup--
|
|
2561
|
+
.cdr-popup--left .cdr-popup__content, .cdr-popup--left .cdr-popup__arrow::before, .cdr-popup--left .cdr-popup__arrow::after, .cdr-popup--right .cdr-popup__content, .cdr-popup--right .cdr-popup__arrow::before, .cdr-popup--right .cdr-popup__arrow::after {
|
|
2708
2562
|
top: 50%;
|
|
2709
2563
|
transform: translateY(-50%); }
|
|
2710
2564
|
|
|
2711
|
-
.cdr-popup--
|
|
2712
|
-
|
|
2713
|
-
animation-name: popup-enter-left; }
|
|
2565
|
+
.cdr-popup--left.cdr-popup--open .cdr-popup__content :global {
|
|
2566
|
+
animation-name: popup-enter-left; }
|
|
2714
2567
|
|
|
2715
|
-
.cdr-popup--
|
|
2716
|
-
|
|
2717
|
-
animation-name: popup-arrow-enter-left; }
|
|
2568
|
+
.cdr-popup--left.cdr-popup--open .cdr-popup__arrow::before :global, .cdr-popup--left.cdr-popup--open .cdr-popup__arrow::after :global {
|
|
2569
|
+
animation-name: popup-arrow-enter-left; }
|
|
2718
2570
|
|
|
2719
|
-
.cdr-popup--
|
|
2720
|
-
|
|
2721
|
-
animation-name: popup-exit-left; }
|
|
2571
|
+
.cdr-popup--left.cdr-popup--exit .cdr-popup__content :global {
|
|
2572
|
+
animation-name: popup-exit-left; }
|
|
2722
2573
|
|
|
2723
|
-
.cdr-popup--
|
|
2724
|
-
|
|
2725
|
-
animation-name: popup-arrow-exit-left; }
|
|
2574
|
+
.cdr-popup--left.cdr-popup--exit .cdr-popup__arrow::before :global, .cdr-popup--left.cdr-popup--exit .cdr-popup__arrow::after :global {
|
|
2575
|
+
animation-name: popup-arrow-exit-left; }
|
|
2726
2576
|
|
|
2727
|
-
.cdr-popup--
|
|
2577
|
+
.cdr-popup--left .cdr-popup__content {
|
|
2728
2578
|
right: calc(100% + 1.4rem); }
|
|
2729
2579
|
|
|
2730
|
-
.cdr-popup--
|
|
2580
|
+
.cdr-popup--left .cdr-popup__arrow::before {
|
|
2731
2581
|
border-left-color: #928b80; }
|
|
2732
2582
|
|
|
2733
|
-
.cdr-popup--
|
|
2583
|
+
.cdr-popup--left .cdr-popup__arrow::after {
|
|
2734
2584
|
border-left-color: #ffffff; }
|
|
2735
2585
|
|
|
2736
|
-
.cdr-popup--
|
|
2737
|
-
|
|
2738
|
-
animation-name: popup-enter-right; }
|
|
2586
|
+
.cdr-popup--right.cdr-popup--open .cdr-popup__content :global {
|
|
2587
|
+
animation-name: popup-enter-right; }
|
|
2739
2588
|
|
|
2740
|
-
.cdr-popup--
|
|
2741
|
-
|
|
2742
|
-
animation-name: popup-arrow-enter-right; }
|
|
2589
|
+
.cdr-popup--right.cdr-popup--open .cdr-popup__arrow::before :global, .cdr-popup--right.cdr-popup--open .cdr-popup__arrow::after :global {
|
|
2590
|
+
animation-name: popup-arrow-enter-right; }
|
|
2743
2591
|
|
|
2744
|
-
.cdr-popup--
|
|
2745
|
-
|
|
2746
|
-
animation-name: popup-exit-right; }
|
|
2592
|
+
.cdr-popup--right.cdr-popup--exit .cdr-popup__content :global {
|
|
2593
|
+
animation-name: popup-exit-right; }
|
|
2747
2594
|
|
|
2748
|
-
.cdr-popup--
|
|
2749
|
-
|
|
2750
|
-
animation-name: popup-arrow-exit-right; }
|
|
2595
|
+
.cdr-popup--right.cdr-popup--exit .cdr-popup__arrow::before :global, .cdr-popup--right.cdr-popup--exit .cdr-popup__arrow::after :global {
|
|
2596
|
+
animation-name: popup-arrow-exit-right; }
|
|
2751
2597
|
|
|
2752
|
-
.cdr-popup--
|
|
2598
|
+
.cdr-popup--right .cdr-popup__content {
|
|
2753
2599
|
left: calc(100% + 1.4rem); }
|
|
2754
2600
|
|
|
2755
|
-
.cdr-popup--
|
|
2601
|
+
.cdr-popup--right .cdr-popup__arrow::before {
|
|
2756
2602
|
border-right-color: #928b80; }
|
|
2757
2603
|
|
|
2758
|
-
.cdr-popup--
|
|
2604
|
+
.cdr-popup--right .cdr-popup__arrow::after {
|
|
2759
2605
|
border-right-color: #ffffff; }
|
|
2760
2606
|
|
|
2761
|
-
.cdr-popup--corner-
|
|
2607
|
+
.cdr-popup--corner-top .cdr-popup__content {
|
|
2762
2608
|
top: 0;
|
|
2763
2609
|
transform: unset; }
|
|
2764
2610
|
|
|
2765
|
-
.cdr-popup--corner-
|
|
2611
|
+
.cdr-popup--corner-bottom .cdr-popup__content {
|
|
2766
2612
|
top: unset;
|
|
2767
2613
|
bottom: 0;
|
|
2768
2614
|
transform: unset; }
|
|
2769
2615
|
|
|
2616
|
+
/* intentionally empty */
|
|
2617
|
+
.cdr-popover--position {
|
|
2618
|
+
position: relative; }
|
|
2619
|
+
.cdr-popover--wrapper {
|
|
2620
|
+
width: -webkit-max-content;
|
|
2621
|
+
width: max-content;
|
|
2622
|
+
height: -webkit-max-content;
|
|
2623
|
+
height: max-content; }
|
|
2624
|
+
.cdr-popover--wrapper .cdr-popup--closed {
|
|
2625
|
+
display: none; }
|
|
2626
|
+
.cdr-popover__title {
|
|
2627
|
+
font-family: Stuart, Georgia, serif;
|
|
2628
|
+
font-style: normal;
|
|
2629
|
+
font-weight: 500;
|
|
2630
|
+
letter-spacing: 0;
|
|
2631
|
+
font-size: 1.8rem;
|
|
2632
|
+
line-height: 2.4rem;
|
|
2633
|
+
margin-bottom: 0.8rem;
|
|
2634
|
+
margin-right: 0.8rem; }
|
|
2635
|
+
.cdr-popover__container {
|
|
2636
|
+
padding: 0.8rem;
|
|
2637
|
+
padding-left: 1.6rem;
|
|
2638
|
+
display: flex; }
|
|
2639
|
+
.cdr-popover__content {
|
|
2640
|
+
flex: auto; }
|
|
2641
|
+
.cdr-popover__close-button {
|
|
2642
|
+
align-self: flex-start;
|
|
2643
|
+
flex: none;
|
|
2644
|
+
padding: 0; }
|
|
2645
|
+
|
|
2770
2646
|
/* intentionally empty */
|
|
2771
2647
|
/* ==========================================================================
|
|
2772
2648
|
# Cdrquote
|
|
@@ -2775,11 +2651,11 @@ input[type="month"] {
|
|
|
2775
2651
|
|
|
2776
2652
|
:Base - Cdrquote
|
|
2777
2653
|
========================================================================== */
|
|
2778
|
-
.cdr-
|
|
2654
|
+
.cdr-quote {
|
|
2779
2655
|
margin: 0;
|
|
2780
2656
|
padding: 2.4rem 1.6rem;
|
|
2781
2657
|
line-height: 1; }
|
|
2782
|
-
.cdr-
|
|
2658
|
+
.cdr-quote cite {
|
|
2783
2659
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2784
2660
|
font-style: normal;
|
|
2785
2661
|
font-weight: 400;
|
|
@@ -2788,7 +2664,7 @@ input[type="month"] {
|
|
|
2788
2664
|
line-height: 1.6rem;
|
|
2789
2665
|
color: rgba(66, 59, 47, 0.75);
|
|
2790
2666
|
display: block; }
|
|
2791
|
-
.cdr-
|
|
2667
|
+
.cdr-quote__summary {
|
|
2792
2668
|
font-family: Stuart, Georgia, serif;
|
|
2793
2669
|
font-weight: 400;
|
|
2794
2670
|
font-size: 2.4rem;
|
|
@@ -2797,38 +2673,45 @@ input[type="month"] {
|
|
|
2797
2673
|
color: rgba(12, 11, 8, 0.75);
|
|
2798
2674
|
margin: 0; }
|
|
2799
2675
|
@media (min-width: 0) and (max-width: 767px) {
|
|
2800
|
-
.cdr-
|
|
2676
|
+
.cdr-quote__summary {
|
|
2801
2677
|
font-size: 1.8rem;
|
|
2802
2678
|
line-height: 2.8rem; } }
|
|
2803
|
-
.cdr-
|
|
2679
|
+
.cdr-quote__summary + cite {
|
|
2804
2680
|
padding-top: 1.6rem; }
|
|
2805
|
-
.cdr-quote--
|
|
2681
|
+
.cdr-quote--pull {
|
|
2806
2682
|
border-style: solid;
|
|
2807
2683
|
border-color: #dcd6cb; }
|
|
2808
2684
|
@media (min-width: 0) {
|
|
2809
|
-
.cdr-quote--
|
|
2685
|
+
.cdr-quote--pull {
|
|
2810
2686
|
border-width: 0 0 0.1rem 0;
|
|
2811
2687
|
padding: 2.4rem 1.6rem;
|
|
2812
2688
|
margin: 0 0 1.6rem; } }
|
|
2813
2689
|
@media (min-width: 768px) {
|
|
2814
|
-
.cdr-quote--
|
|
2690
|
+
.cdr-quote--pull {
|
|
2815
2691
|
border-width: 0 0 0 0.1rem;
|
|
2816
2692
|
padding: 0.8rem 1.6rem 0.8rem 3.2rem;
|
|
2817
2693
|
margin: 1.6rem 0; } }
|
|
2818
|
-
.cdr-quote--
|
|
2694
|
+
.cdr-quote--pull .cdr-quote__summary {
|
|
2819
2695
|
font-weight: 600; }
|
|
2820
2696
|
|
|
2821
2697
|
/* intentionally empty */
|
|
2822
|
-
.cdr-
|
|
2698
|
+
.cdr-radio {
|
|
2823
2699
|
/* Figure
|
|
2824
2700
|
========== */
|
|
2825
2701
|
/* States
|
|
2826
2702
|
========================================================================== */
|
|
2827
2703
|
/* Checked
|
|
2704
|
+
========== */
|
|
2705
|
+
/* Hover */
|
|
2706
|
+
/* Disabled
|
|
2707
|
+
========== */
|
|
2708
|
+
/* Focus
|
|
2709
|
+
========== */
|
|
2710
|
+
/* Active
|
|
2828
2711
|
========== */ }
|
|
2829
|
-
.cdr-
|
|
2712
|
+
.cdr-radio .cdr-label-wrapper__figure {
|
|
2830
2713
|
border-radius: 100%; }
|
|
2831
|
-
.cdr-
|
|
2714
|
+
.cdr-radio .cdr-label-wrapper__figure::after {
|
|
2832
2715
|
content: '';
|
|
2833
2716
|
position: absolute;
|
|
2834
2717
|
width: 0.4rem;
|
|
@@ -2837,46 +2720,46 @@ input[type="month"] {
|
|
|
2837
2720
|
top: 50%;
|
|
2838
2721
|
transform: translate(-50%, -50%);
|
|
2839
2722
|
border-radius: 999.9rem; }
|
|
2840
|
-
.cdr-
|
|
2723
|
+
.cdr-radio__input:checked ~ .cdr-label-wrapper__figure {
|
|
2841
2724
|
box-shadow: inset 0 0 0 0.1rem #4e4d49;
|
|
2842
2725
|
background-color: #4e4d49; }
|
|
2843
|
-
.cdr-
|
|
2726
|
+
.cdr-radio__input:checked ~ .cdr-label-wrapper__figure::after {
|
|
2844
2727
|
background-color: #ffffff; }
|
|
2845
|
-
.cdr-
|
|
2728
|
+
.cdr-radio:hover .cdr-label-wrapper__figure {
|
|
2846
2729
|
cursor: pointer;
|
|
2847
2730
|
box-shadow: inset 0 0 0 0.1rem #20201d, 0 0 0 0.1rem #20201d;
|
|
2848
2731
|
background-color: #f9f8f6; }
|
|
2849
|
-
.cdr-
|
|
2732
|
+
.cdr-radio:hover .cdr-radio__input:checked ~ .cdr-label-wrapper__figure {
|
|
2850
2733
|
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
2851
2734
|
background-color: #928b80; }
|
|
2852
|
-
.cdr-
|
|
2735
|
+
.cdr-radio__input:disabled {
|
|
2853
2736
|
/* Disabled + Checked
|
|
2854
2737
|
========== */ }
|
|
2855
|
-
.cdr-
|
|
2738
|
+
.cdr-radio__input:disabled ~ .cdr-label-wrapper__figure {
|
|
2856
2739
|
cursor: not-allowed !important;
|
|
2857
2740
|
box-shadow: inset 0 0 0 0.1rem #d1cbbd !important;
|
|
2858
2741
|
background-color: #f9f8f6 !important; }
|
|
2859
|
-
.cdr-
|
|
2742
|
+
.cdr-radio__input:disabled ~ .cdr-label-wrapper__figure:after {
|
|
2860
2743
|
background-color: #f9f8f6 !important; }
|
|
2861
|
-
.cdr-
|
|
2744
|
+
.cdr-radio__input:disabled:checked ~ .cdr-label-wrapper__figure::after {
|
|
2862
2745
|
background-color: #f9f8f6 !important; }
|
|
2863
|
-
.cdr-
|
|
2746
|
+
.cdr-radio__input:focus ~ .cdr-label-wrapper__figure {
|
|
2864
2747
|
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
2865
2748
|
background-color: #f9f8f6; }
|
|
2866
|
-
.cdr-
|
|
2749
|
+
.cdr-radio__input:focus:checked ~ .cdr-label-wrapper__figure {
|
|
2867
2750
|
background-color: #928b80; }
|
|
2868
|
-
.cdr-
|
|
2751
|
+
.cdr-radio:active .cdr-label-wrapper__figure, .cdr-radio:active .cdr-radio__input:checked ~ .cdr-label-wrapper__figure {
|
|
2869
2752
|
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
2870
2753
|
background-color: #f9f8f6; }
|
|
2871
|
-
.cdr-
|
|
2754
|
+
.cdr-radio:active .cdr-label-wrapper__figure::after, .cdr-radio:active .cdr-radio__input:checked ~ .cdr-label-wrapper__figure::after {
|
|
2872
2755
|
background-color: #4e4d49; }
|
|
2873
2756
|
|
|
2874
2757
|
@charset "UTF-8";
|
|
2875
|
-
.cdr-
|
|
2758
|
+
.cdr-rating__icon {
|
|
2876
2759
|
width: 2.4rem;
|
|
2877
2760
|
height: 2.4rem;
|
|
2878
2761
|
font-size: 2.4rem; }
|
|
2879
|
-
.cdr-
|
|
2762
|
+
.cdr-rating__count {
|
|
2880
2763
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2881
2764
|
font-style: normal;
|
|
2882
2765
|
font-weight: 400;
|
|
@@ -2884,7 +2767,7 @@ input[type="month"] {
|
|
|
2884
2767
|
font-size: 1.4rem;
|
|
2885
2768
|
line-height: 1.8rem;
|
|
2886
2769
|
margin-left: 0.8rem; }
|
|
2887
|
-
.cdr-
|
|
2770
|
+
.cdr-rating {
|
|
2888
2771
|
display: flex;
|
|
2889
2772
|
align-items: center;
|
|
2890
2773
|
position: relative;
|
|
@@ -2906,14 +2789,14 @@ input[type="month"] {
|
|
|
2906
2789
|
========== */
|
|
2907
2790
|
/* Small
|
|
2908
2791
|
========== */ }
|
|
2909
|
-
.cdr-
|
|
2792
|
+
.cdr-rating__number {
|
|
2910
2793
|
font-weight: 600; }
|
|
2911
|
-
.cdr-
|
|
2794
|
+
.cdr-rating__ratings {
|
|
2912
2795
|
display: flex; }
|
|
2913
|
-
.cdr-
|
|
2796
|
+
.cdr-rating__icon {
|
|
2914
2797
|
position: relative;
|
|
2915
2798
|
z-index: 1; }
|
|
2916
|
-
.cdr-rating__caption-
|
|
2799
|
+
.cdr-rating__caption-sr {
|
|
2917
2800
|
position: absolute;
|
|
2918
2801
|
width: 0.1rem;
|
|
2919
2802
|
height: 0.1rem;
|
|
@@ -2922,7 +2805,7 @@ input[type="month"] {
|
|
|
2922
2805
|
overflow: hidden;
|
|
2923
2806
|
clip: rect(0, 0, 0, 0);
|
|
2924
2807
|
border: 0; }
|
|
2925
|
-
.cdr-
|
|
2808
|
+
.cdr-rating__placeholder::after {
|
|
2926
2809
|
content: '';
|
|
2927
2810
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M7.186 19.635L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.041l-2.179 5.41-5.645.51 4.284 3.907z'/%3E %3Cpath fill='%23BD7B2D' d='M5.69 21.769l1.669-7.552-5.535-5.048 7.298-.66L12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006zm1.496-2.134L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.04 9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767z'/%3E %3C/g%3E %3C/svg%3E");
|
|
2928
2811
|
background-repeat: no-repeat;
|
|
@@ -2931,7 +2814,7 @@ input[type="month"] {
|
|
|
2931
2814
|
left: 0;
|
|
2932
2815
|
width: 100%;
|
|
2933
2816
|
height: 100%; }
|
|
2934
|
-
.cdr-
|
|
2817
|
+
.cdr-rating__placeholder::before {
|
|
2935
2818
|
content: "☆";
|
|
2936
2819
|
display: block;
|
|
2937
2820
|
position: absolute;
|
|
@@ -2942,7 +2825,7 @@ input[type="month"] {
|
|
|
2942
2825
|
color: #BD7B2D;
|
|
2943
2826
|
width: auto;
|
|
2944
2827
|
overflow: hidden; }
|
|
2945
|
-
.cdr-rating__placeholder--no-
|
|
2828
|
+
.cdr-rating__placeholder--no-reviews::after {
|
|
2946
2829
|
content: '';
|
|
2947
2830
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M7.186 19.635L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.041l-2.179 5.41-5.645.51 4.284 3.907z'/%3E %3Cpath fill='%23928B80' d='M5.69 21.769l1.669-7.552-5.535-5.048 7.298-.66L12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006zm1.496-2.134L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.04 9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767z'/%3E %3C/g%3E %3C/svg%3E");
|
|
2948
2831
|
background-repeat: no-repeat;
|
|
@@ -2951,7 +2834,7 @@ input[type="month"] {
|
|
|
2951
2834
|
left: 0;
|
|
2952
2835
|
width: 100%;
|
|
2953
2836
|
height: 100%; }
|
|
2954
|
-
.cdr-rating__placeholder--no-
|
|
2837
|
+
.cdr-rating__placeholder--no-reviews::before {
|
|
2955
2838
|
content: "☆";
|
|
2956
2839
|
display: block;
|
|
2957
2840
|
position: absolute;
|
|
@@ -2962,7 +2845,7 @@ input[type="month"] {
|
|
|
2962
2845
|
color: #BD7B2D;
|
|
2963
2846
|
width: auto;
|
|
2964
2847
|
overflow: hidden; }
|
|
2965
|
-
.cdr-
|
|
2848
|
+
.cdr-rating__100::after {
|
|
2966
2849
|
content: '';
|
|
2967
2850
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23FFD280' fill-rule='nonzero' d='M7.186 19.635L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.041l-2.179 5.41-5.645.51 4.284 3.907z'/%3E %3Cpath fill='%23BD7B2D' d='M5.69 21.769l1.669-7.552-5.535-5.048 7.298-.66L12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006zm1.496-2.134L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.04 9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767z'/%3E %3C/g%3E %3C/svg%3E");
|
|
2968
2851
|
background-repeat: no-repeat;
|
|
@@ -2971,7 +2854,7 @@ input[type="month"] {
|
|
|
2971
2854
|
left: 0;
|
|
2972
2855
|
width: 100%;
|
|
2973
2856
|
height: 100%; }
|
|
2974
|
-
.cdr-
|
|
2857
|
+
.cdr-rating__100::before {
|
|
2975
2858
|
content: "★";
|
|
2976
2859
|
display: block;
|
|
2977
2860
|
position: absolute;
|
|
@@ -2982,7 +2865,7 @@ input[type="month"] {
|
|
|
2982
2865
|
color: #BD7B2D;
|
|
2983
2866
|
width: auto;
|
|
2984
2867
|
overflow: hidden; }
|
|
2985
|
-
.cdr-
|
|
2868
|
+
.cdr-rating__75::after {
|
|
2986
2869
|
content: '';
|
|
2987
2870
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M14.175 17.967l2.639 1.668-1.274-5.767 4.284-3.907-5.643-.515z'/%3E %3Cpath fill='%23FFD280' fill-rule='nonzero' d='M14.182 9.453L12 4.041l-2.179 5.41-5.645.51 4.284 3.907-1.274 5.767L12 16.579l2.18 1.389z'/%3E %3Cpath fill='%23BD7B2D' d='M12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006 1.669-7.552-5.535-5.048 7.298-.66L12 1.364zm0 2.677L9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767L12 16.579l2.007 1.273v-8.83L12 4.042zm2.507 5.439v8.689l2.307 1.466-1.274-5.767 4.284-3.907-5.317-.481z'/%3E %3C/g%3E %3C/svg%3E");
|
|
2988
2871
|
background-repeat: no-repeat;
|
|
@@ -2991,7 +2874,7 @@ input[type="month"] {
|
|
|
2991
2874
|
left: 0;
|
|
2992
2875
|
width: 100%;
|
|
2993
2876
|
height: 100%; }
|
|
2994
|
-
.cdr-
|
|
2877
|
+
.cdr-rating__75::before {
|
|
2995
2878
|
content: "★";
|
|
2996
2879
|
display: block;
|
|
2997
2880
|
position: absolute;
|
|
@@ -3002,7 +2885,7 @@ input[type="month"] {
|
|
|
3002
2885
|
color: #BD7B2D;
|
|
3003
2886
|
width: 0.75em;
|
|
3004
2887
|
overflow: hidden; }
|
|
3005
|
-
.cdr-
|
|
2888
|
+
.cdr-rating__50::after {
|
|
3006
2889
|
content: '';
|
|
3007
2890
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M16.815 19.635l-4.817-3.009-.006-12.615 2.188 5.44 5.645.51-4.284 3.907z'/%3E %3Cpath fill='%23FFD280' fill-rule='nonzero' d='M7.186 19.635L12 16.579V4.041l-2.179 5.41-5.645.51 4.284 3.907z'/%3E %3Cpath fill='%23BD7B2D' d='M12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006 1.669-7.552-5.535-5.048 7.298-.66L12 1.364zm-.247 3.289L9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767 4.567-2.9V4.653zm.5.015v12.07l4.561 2.897-1.274-5.767 4.284-3.907-5.645-.51-1.926-4.783z'/%3E %3C/g%3E %3C/svg%3E");
|
|
3008
2891
|
background-repeat: no-repeat;
|
|
@@ -3011,7 +2894,7 @@ input[type="month"] {
|
|
|
3011
2894
|
left: 0;
|
|
3012
2895
|
width: 100%;
|
|
3013
2896
|
height: 100%; }
|
|
3014
|
-
.cdr-
|
|
2897
|
+
.cdr-rating__50::before {
|
|
3015
2898
|
content: "★";
|
|
3016
2899
|
display: block;
|
|
3017
2900
|
position: absolute;
|
|
@@ -3022,7 +2905,7 @@ input[type="month"] {
|
|
|
3022
2905
|
color: #BD7B2D;
|
|
3023
2906
|
width: 0.5em;
|
|
3024
2907
|
overflow: hidden; }
|
|
3025
|
-
.cdr-
|
|
2908
|
+
.cdr-rating__25::after {
|
|
3026
2909
|
content: '';
|
|
3027
2910
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23FFD280' fill-rule='nonzero' d='M9.822 17.968l-2.633 1.667 1.274-5.767-4.284-3.907 5.643-.515z'/%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M9.816 9.453l2.182-5.412 2.179 5.41 5.645.51-4.284 3.907 1.274 5.767-4.814-3.056-2.18 1.389z'/%3E %3Cpath fill='%23BD7B2D' d='M12 1.364l2.878 7.145 7.298.66-5.535 5.048 1.669 7.552L12 17.763 5.69 21.77l1.669-7.552L1.824 9.17l7.298-.66L12 1.365zM9.503 9.479l-5.327.482 4.284 3.907-1.274 5.767 2.317-1.472V9.479zM12 4.04l-1.997 4.957v8.848L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.04z'/%3E %3C/g%3E %3C/svg%3E");
|
|
3028
2911
|
background-repeat: no-repeat;
|
|
@@ -3031,7 +2914,7 @@ input[type="month"] {
|
|
|
3031
2914
|
left: 0;
|
|
3032
2915
|
width: 100%;
|
|
3033
2916
|
height: 100%; }
|
|
3034
|
-
.cdr-
|
|
2917
|
+
.cdr-rating__25::before {
|
|
3035
2918
|
content: "★";
|
|
3036
2919
|
display: block;
|
|
3037
2920
|
position: absolute;
|
|
@@ -3042,32 +2925,32 @@ input[type="month"] {
|
|
|
3042
2925
|
color: #BD7B2D;
|
|
3043
2926
|
width: 0.33em;
|
|
3044
2927
|
overflow: hidden; }
|
|
3045
|
-
.cdr-rating--
|
|
2928
|
+
.cdr-rating--linked {
|
|
3046
2929
|
display: inline-flex;
|
|
3047
2930
|
text-decoration: none; }
|
|
3048
|
-
.cdr-rating--
|
|
2931
|
+
.cdr-rating--linked .cdr-rating__count:hover, .cdr-rating--linked .cdr-rating__count:active, .cdr-rating--linked .cdr-rating__count:focus {
|
|
3049
2932
|
color: #406eb5;
|
|
3050
2933
|
text-decoration: underline; }
|
|
3051
|
-
.cdr-rating--
|
|
2934
|
+
.cdr-rating--linked .cdr-rating__count > .cdr-rating__number {
|
|
3052
2935
|
border-right: 0.1rem solid #b2ab9f;
|
|
3053
2936
|
padding: 0 0.6rem;
|
|
3054
2937
|
margin-right: 0.6rem; }
|
|
3055
|
-
.cdr-rating--
|
|
2938
|
+
.cdr-rating--large .cdr-rating__icon {
|
|
3056
2939
|
width: 3.2rem;
|
|
3057
2940
|
height: 3.2rem;
|
|
3058
2941
|
font-size: 3.2rem; }
|
|
3059
|
-
.cdr-rating--
|
|
2942
|
+
.cdr-rating--large .cdr-rating__count {
|
|
3060
2943
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3061
2944
|
font-style: normal;
|
|
3062
2945
|
font-weight: 400;
|
|
3063
2946
|
letter-spacing: -0.016rem;
|
|
3064
2947
|
font-size: 1.6rem;
|
|
3065
2948
|
line-height: 2.2rem; }
|
|
3066
|
-
.cdr-rating--
|
|
2949
|
+
.cdr-rating--medium .cdr-rating__icon {
|
|
3067
2950
|
width: 2.4rem;
|
|
3068
2951
|
height: 2.4rem;
|
|
3069
2952
|
font-size: 2.4rem; }
|
|
3070
|
-
.cdr-rating--
|
|
2953
|
+
.cdr-rating--medium .cdr-rating__count {
|
|
3071
2954
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3072
2955
|
font-style: normal;
|
|
3073
2956
|
font-weight: 400;
|
|
@@ -3075,11 +2958,11 @@ input[type="month"] {
|
|
|
3075
2958
|
font-size: 1.4rem;
|
|
3076
2959
|
line-height: 1.8rem;
|
|
3077
2960
|
margin-left: 0.8rem; }
|
|
3078
|
-
.cdr-rating--
|
|
2961
|
+
.cdr-rating--small .cdr-rating__icon {
|
|
3079
2962
|
width: 1.6rem;
|
|
3080
2963
|
height: 1.6rem;
|
|
3081
2964
|
font-size: 1.6rem; }
|
|
3082
|
-
.cdr-rating--
|
|
2965
|
+
.cdr-rating--small .cdr-rating__count {
|
|
3083
2966
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3084
2967
|
font-style: normal;
|
|
3085
2968
|
font-weight: 400;
|
|
@@ -3088,11 +2971,11 @@ input[type="month"] {
|
|
|
3088
2971
|
line-height: 1.6rem;
|
|
3089
2972
|
margin-left: 0.4rem; }
|
|
3090
2973
|
@media (min-width: 0) and (max-width: 767px) {
|
|
3091
|
-
.cdr-rating--small\@
|
|
2974
|
+
.cdr-rating--small\@xs .cdr-rating__icon {
|
|
3092
2975
|
width: 1.6rem;
|
|
3093
2976
|
height: 1.6rem;
|
|
3094
2977
|
font-size: 1.6rem; }
|
|
3095
|
-
.cdr-rating--small\@
|
|
2978
|
+
.cdr-rating--small\@xs .cdr-rating__count {
|
|
3096
2979
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3097
2980
|
font-style: normal;
|
|
3098
2981
|
font-weight: 400;
|
|
@@ -3100,11 +2983,11 @@ input[type="month"] {
|
|
|
3100
2983
|
font-size: 1.2rem;
|
|
3101
2984
|
line-height: 1.6rem;
|
|
3102
2985
|
margin-left: 0.4rem; }
|
|
3103
|
-
.cdr-rating--medium\@
|
|
2986
|
+
.cdr-rating--medium\@xs .cdr-rating__icon {
|
|
3104
2987
|
width: 2.4rem;
|
|
3105
2988
|
height: 2.4rem;
|
|
3106
2989
|
font-size: 2.4rem; }
|
|
3107
|
-
.cdr-rating--medium\@
|
|
2990
|
+
.cdr-rating--medium\@xs .cdr-rating__count {
|
|
3108
2991
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3109
2992
|
font-style: normal;
|
|
3110
2993
|
font-weight: 400;
|
|
@@ -3112,11 +2995,11 @@ input[type="month"] {
|
|
|
3112
2995
|
font-size: 1.4rem;
|
|
3113
2996
|
line-height: 1.8rem;
|
|
3114
2997
|
margin-left: 0.8rem; }
|
|
3115
|
-
.cdr-rating--large\@
|
|
2998
|
+
.cdr-rating--large\@xs .cdr-rating__icon {
|
|
3116
2999
|
width: 3.2rem;
|
|
3117
3000
|
height: 3.2rem;
|
|
3118
3001
|
font-size: 3.2rem; }
|
|
3119
|
-
.cdr-rating--large\@
|
|
3002
|
+
.cdr-rating--large\@xs .cdr-rating__count {
|
|
3120
3003
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3121
3004
|
font-style: normal;
|
|
3122
3005
|
font-weight: 400;
|
|
@@ -3124,11 +3007,11 @@ input[type="month"] {
|
|
|
3124
3007
|
font-size: 1.6rem;
|
|
3125
3008
|
line-height: 2.2rem; } }
|
|
3126
3009
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
3127
|
-
.cdr-rating--small\@
|
|
3010
|
+
.cdr-rating--small\@sm .cdr-rating__icon {
|
|
3128
3011
|
width: 1.6rem;
|
|
3129
3012
|
height: 1.6rem;
|
|
3130
3013
|
font-size: 1.6rem; }
|
|
3131
|
-
.cdr-rating--small\@
|
|
3014
|
+
.cdr-rating--small\@sm .cdr-rating__count {
|
|
3132
3015
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3133
3016
|
font-style: normal;
|
|
3134
3017
|
font-weight: 400;
|
|
@@ -3136,11 +3019,11 @@ input[type="month"] {
|
|
|
3136
3019
|
font-size: 1.2rem;
|
|
3137
3020
|
line-height: 1.6rem;
|
|
3138
3021
|
margin-left: 0.4rem; }
|
|
3139
|
-
.cdr-rating--medium\@
|
|
3022
|
+
.cdr-rating--medium\@sm .cdr-rating__icon {
|
|
3140
3023
|
width: 2.4rem;
|
|
3141
3024
|
height: 2.4rem;
|
|
3142
3025
|
font-size: 2.4rem; }
|
|
3143
|
-
.cdr-rating--medium\@
|
|
3026
|
+
.cdr-rating--medium\@sm .cdr-rating__count {
|
|
3144
3027
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3145
3028
|
font-style: normal;
|
|
3146
3029
|
font-weight: 400;
|
|
@@ -3148,11 +3031,11 @@ input[type="month"] {
|
|
|
3148
3031
|
font-size: 1.4rem;
|
|
3149
3032
|
line-height: 1.8rem;
|
|
3150
3033
|
margin-left: 0.8rem; }
|
|
3151
|
-
.cdr-rating--large\@
|
|
3034
|
+
.cdr-rating--large\@sm .cdr-rating__icon {
|
|
3152
3035
|
width: 3.2rem;
|
|
3153
3036
|
height: 3.2rem;
|
|
3154
3037
|
font-size: 3.2rem; }
|
|
3155
|
-
.cdr-rating--large\@
|
|
3038
|
+
.cdr-rating--large\@sm .cdr-rating__count {
|
|
3156
3039
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3157
3040
|
font-style: normal;
|
|
3158
3041
|
font-weight: 400;
|
|
@@ -3160,11 +3043,11 @@ input[type="month"] {
|
|
|
3160
3043
|
font-size: 1.6rem;
|
|
3161
3044
|
line-height: 2.2rem; } }
|
|
3162
3045
|
@media (min-width: 992px) and (max-width: 1231px) {
|
|
3163
|
-
.cdr-rating--small\@
|
|
3046
|
+
.cdr-rating--small\@md .cdr-rating__icon {
|
|
3164
3047
|
width: 1.6rem;
|
|
3165
3048
|
height: 1.6rem;
|
|
3166
3049
|
font-size: 1.6rem; }
|
|
3167
|
-
.cdr-rating--small\@
|
|
3050
|
+
.cdr-rating--small\@md .cdr-rating__count {
|
|
3168
3051
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3169
3052
|
font-style: normal;
|
|
3170
3053
|
font-weight: 400;
|
|
@@ -3172,11 +3055,11 @@ input[type="month"] {
|
|
|
3172
3055
|
font-size: 1.2rem;
|
|
3173
3056
|
line-height: 1.6rem;
|
|
3174
3057
|
margin-left: 0.4rem; }
|
|
3175
|
-
.cdr-rating--medium\@
|
|
3058
|
+
.cdr-rating--medium\@md .cdr-rating__icon {
|
|
3176
3059
|
width: 2.4rem;
|
|
3177
3060
|
height: 2.4rem;
|
|
3178
3061
|
font-size: 2.4rem; }
|
|
3179
|
-
.cdr-rating--medium\@
|
|
3062
|
+
.cdr-rating--medium\@md .cdr-rating__count {
|
|
3180
3063
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3181
3064
|
font-style: normal;
|
|
3182
3065
|
font-weight: 400;
|
|
@@ -3184,11 +3067,11 @@ input[type="month"] {
|
|
|
3184
3067
|
font-size: 1.4rem;
|
|
3185
3068
|
line-height: 1.8rem;
|
|
3186
3069
|
margin-left: 0.8rem; }
|
|
3187
|
-
.cdr-rating--large\@
|
|
3070
|
+
.cdr-rating--large\@md .cdr-rating__icon {
|
|
3188
3071
|
width: 3.2rem;
|
|
3189
3072
|
height: 3.2rem;
|
|
3190
3073
|
font-size: 3.2rem; }
|
|
3191
|
-
.cdr-rating--large\@
|
|
3074
|
+
.cdr-rating--large\@md .cdr-rating__count {
|
|
3192
3075
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3193
3076
|
font-style: normal;
|
|
3194
3077
|
font-weight: 400;
|
|
@@ -3196,11 +3079,11 @@ input[type="month"] {
|
|
|
3196
3079
|
font-size: 1.6rem;
|
|
3197
3080
|
line-height: 2.2rem; } }
|
|
3198
3081
|
@media (min-width: 1232px) {
|
|
3199
|
-
.cdr-rating--small\@
|
|
3082
|
+
.cdr-rating--small\@lg .cdr-rating__icon {
|
|
3200
3083
|
width: 1.6rem;
|
|
3201
3084
|
height: 1.6rem;
|
|
3202
3085
|
font-size: 1.6rem; }
|
|
3203
|
-
.cdr-rating--small\@
|
|
3086
|
+
.cdr-rating--small\@lg .cdr-rating__count {
|
|
3204
3087
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3205
3088
|
font-style: normal;
|
|
3206
3089
|
font-weight: 400;
|
|
@@ -3208,11 +3091,11 @@ input[type="month"] {
|
|
|
3208
3091
|
font-size: 1.2rem;
|
|
3209
3092
|
line-height: 1.6rem;
|
|
3210
3093
|
margin-left: 0.4rem; }
|
|
3211
|
-
.cdr-rating--medium\@
|
|
3094
|
+
.cdr-rating--medium\@lg .cdr-rating__icon {
|
|
3212
3095
|
width: 2.4rem;
|
|
3213
3096
|
height: 2.4rem;
|
|
3214
3097
|
font-size: 2.4rem; }
|
|
3215
|
-
.cdr-rating--medium\@
|
|
3098
|
+
.cdr-rating--medium\@lg .cdr-rating__count {
|
|
3216
3099
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3217
3100
|
font-style: normal;
|
|
3218
3101
|
font-weight: 400;
|
|
@@ -3220,11 +3103,11 @@ input[type="month"] {
|
|
|
3220
3103
|
font-size: 1.4rem;
|
|
3221
3104
|
line-height: 1.8rem;
|
|
3222
3105
|
margin-left: 0.8rem; }
|
|
3223
|
-
.cdr-rating--large\@
|
|
3106
|
+
.cdr-rating--large\@lg .cdr-rating__icon {
|
|
3224
3107
|
width: 3.2rem;
|
|
3225
3108
|
height: 3.2rem;
|
|
3226
3109
|
font-size: 3.2rem; }
|
|
3227
|
-
.cdr-rating--large\@
|
|
3110
|
+
.cdr-rating--large\@lg .cdr-rating__count {
|
|
3228
3111
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3229
3112
|
font-style: normal;
|
|
3230
3113
|
font-weight: 400;
|
|
@@ -3247,7 +3130,7 @@ input[type="month"] {
|
|
|
3247
3130
|
|
|
3248
3131
|
/* Style variants
|
|
3249
3132
|
========================================================================== */
|
|
3250
|
-
.cdr-
|
|
3133
|
+
.cdr-select {
|
|
3251
3134
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3252
3135
|
font-style: normal;
|
|
3253
3136
|
font-weight: 400;
|
|
@@ -3285,34 +3168,34 @@ input[type="month"] {
|
|
|
3285
3168
|
/* @lg
|
|
3286
3169
|
1200px and up
|
|
3287
3170
|
========== */ }
|
|
3288
|
-
.cdr-
|
|
3171
|
+
.cdr-select[disabled] {
|
|
3289
3172
|
background-color: #f9f8f6;
|
|
3290
3173
|
color: #d1cbbd;
|
|
3291
3174
|
box-shadow: inset 0 0 0 0.1rem #d1cbbd; }
|
|
3292
|
-
.cdr-
|
|
3175
|
+
.cdr-select[disabled]:hover {
|
|
3293
3176
|
box-shadow: inset 0 0 0 0.1rem #d1cbbd;
|
|
3294
3177
|
cursor: not-allowed; }
|
|
3295
|
-
.cdr-
|
|
3178
|
+
.cdr-select:active, .cdr-select:focus {
|
|
3296
3179
|
box-shadow: inset 0 0 0 0.2rem #20201d, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
|
|
3297
3180
|
outline: none; }
|
|
3298
|
-
.cdr-
|
|
3181
|
+
.cdr-select::-ms-expand {
|
|
3299
3182
|
display: none; }
|
|
3300
|
-
.cdr-select--
|
|
3183
|
+
.cdr-select--primary {
|
|
3301
3184
|
background-color: rgba(244, 242, 237, 0.15); }
|
|
3302
|
-
.cdr-select--
|
|
3185
|
+
.cdr-select--primary:active, .cdr-select--primary:focus {
|
|
3303
3186
|
background-color: #f9f8f6; }
|
|
3304
|
-
.cdr-select--
|
|
3187
|
+
.cdr-select--secondary {
|
|
3305
3188
|
background-color: rgba(255, 255, 255, 0.85); }
|
|
3306
|
-
.cdr-select--
|
|
3189
|
+
.cdr-select--secondary:active, .cdr-select--secondary:focus {
|
|
3307
3190
|
background-color: #ffffff; }
|
|
3308
|
-
.cdr-select--
|
|
3191
|
+
.cdr-select--error {
|
|
3309
3192
|
background-color: rgba(255, 242, 242, 0.75);
|
|
3310
3193
|
box-shadow: inset 0 0 0 0.1rem #b33322; }
|
|
3311
|
-
.cdr-select--
|
|
3194
|
+
.cdr-select--preicon {
|
|
3312
3195
|
/* $input-pre-icon-default-width = 25px with the expectation that
|
|
3313
3196
|
slot provided icon is close to that width */
|
|
3314
3197
|
padding-left: 3.7rem; }
|
|
3315
|
-
.cdr-
|
|
3198
|
+
.cdr-select__prompt {
|
|
3316
3199
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3317
3200
|
font-style: normal;
|
|
3318
3201
|
font-weight: 400;
|
|
@@ -3321,29 +3204,29 @@ input[type="month"] {
|
|
|
3321
3204
|
line-height: 2.2rem;
|
|
3322
3205
|
font-style: normal;
|
|
3323
3206
|
color: rgba(12, 11, 8, 0.75); }
|
|
3324
|
-
.cdr-
|
|
3207
|
+
.cdr-select__prompt[disabled] {
|
|
3325
3208
|
color: #d1cbbd; }
|
|
3326
|
-
.cdr-
|
|
3209
|
+
.cdr-select__caret {
|
|
3327
3210
|
fill: rgba(12, 11, 8, 0.75);
|
|
3328
3211
|
position: absolute;
|
|
3329
3212
|
top: 50%;
|
|
3330
3213
|
right: 0.8rem;
|
|
3331
3214
|
transform: translateY(-50%);
|
|
3332
3215
|
pointer-events: none; }
|
|
3333
|
-
.cdr-select__caret--
|
|
3216
|
+
.cdr-select__caret--disabled {
|
|
3334
3217
|
fill: #dcd6cb; }
|
|
3335
|
-
.cdr-select__pre-
|
|
3218
|
+
.cdr-select__pre-icon {
|
|
3336
3219
|
position: absolute;
|
|
3337
3220
|
top: 50%;
|
|
3338
3221
|
left: 0.8rem;
|
|
3339
3222
|
transform: translateY(-50%); }
|
|
3340
|
-
.cdr-select--
|
|
3223
|
+
.cdr-select--multiple {
|
|
3341
3224
|
height: auto;
|
|
3342
3225
|
padding: 0.8rem; }
|
|
3343
|
-
.cdr-select--
|
|
3226
|
+
.cdr-select--multiple + .cdr-select__caret {
|
|
3344
3227
|
display: none; }
|
|
3345
3228
|
@media (min-width: 0) and (max-width: 767px) {
|
|
3346
|
-
.cdr-select--large\@
|
|
3229
|
+
.cdr-select--large\@xs {
|
|
3347
3230
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3348
3231
|
font-style: normal;
|
|
3349
3232
|
font-weight: 400;
|
|
@@ -3352,7 +3235,7 @@ input[type="month"] {
|
|
|
3352
3235
|
line-height: 2.4rem;
|
|
3353
3236
|
height: 4.8rem;
|
|
3354
3237
|
padding-left: 0.8rem; } }
|
|
3355
|
-
.cdr-select--
|
|
3238
|
+
.cdr-select--large {
|
|
3356
3239
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3357
3240
|
font-style: normal;
|
|
3358
3241
|
font-weight: 400;
|
|
@@ -3362,7 +3245,7 @@ input[type="month"] {
|
|
|
3362
3245
|
height: 4.8rem;
|
|
3363
3246
|
padding-left: 0.8rem; }
|
|
3364
3247
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
3365
|
-
.cdr-select--large\@
|
|
3248
|
+
.cdr-select--large\@sm {
|
|
3366
3249
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3367
3250
|
font-style: normal;
|
|
3368
3251
|
font-weight: 400;
|
|
@@ -3372,7 +3255,7 @@ input[type="month"] {
|
|
|
3372
3255
|
height: 4.8rem;
|
|
3373
3256
|
padding-left: 0.8rem; } }
|
|
3374
3257
|
@media (min-width: 992px) and (max-width: 1231px) {
|
|
3375
|
-
.cdr-select--large\@
|
|
3258
|
+
.cdr-select--large\@md {
|
|
3376
3259
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3377
3260
|
font-style: normal;
|
|
3378
3261
|
font-weight: 400;
|
|
@@ -3382,7 +3265,7 @@ input[type="month"] {
|
|
|
3382
3265
|
height: 4.8rem;
|
|
3383
3266
|
padding-left: 0.8rem; } }
|
|
3384
3267
|
@media (min-width: 1232px) {
|
|
3385
|
-
.cdr-select--large\@
|
|
3268
|
+
.cdr-select--large\@lg {
|
|
3386
3269
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3387
3270
|
font-style: normal;
|
|
3388
3271
|
font-weight: 400;
|
|
@@ -3395,11 +3278,11 @@ input[type="month"] {
|
|
|
3395
3278
|
# SELECT WRAPPER
|
|
3396
3279
|
========================================================================== */
|
|
3397
3280
|
/* Sets new origin for relative positioning of Select and Caret */
|
|
3398
|
-
.cdr-select-
|
|
3281
|
+
.cdr-select-wrap {
|
|
3399
3282
|
position: relative;
|
|
3400
3283
|
flex: 1; }
|
|
3401
3284
|
|
|
3402
|
-
.cdr-
|
|
3285
|
+
.cdr-table {
|
|
3403
3286
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3404
3287
|
font-style: normal;
|
|
3405
3288
|
font-weight: 400;
|
|
@@ -3409,23 +3292,23 @@ input[type="month"] {
|
|
|
3409
3292
|
color: rgba(12, 11, 8, 0.75);
|
|
3410
3293
|
border: none;
|
|
3411
3294
|
border-collapse: collapse; }
|
|
3412
|
-
.cdr-
|
|
3295
|
+
.cdr-table tr {
|
|
3413
3296
|
background-color: #ffffff; }
|
|
3414
|
-
.cdr-
|
|
3297
|
+
.cdr-table thead tr {
|
|
3415
3298
|
background-color: #f4f2ed; }
|
|
3416
|
-
.cdr-
|
|
3417
|
-
.cdr-
|
|
3299
|
+
.cdr-table th,
|
|
3300
|
+
.cdr-table td {
|
|
3418
3301
|
color: rgba(12, 11, 8, 0.75);
|
|
3419
3302
|
padding: 0.8rem 1.6rem;
|
|
3420
3303
|
text-align: left; }
|
|
3421
|
-
.cdr-
|
|
3304
|
+
.cdr-table th {
|
|
3422
3305
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3423
3306
|
font-style: normal;
|
|
3424
3307
|
font-weight: 600;
|
|
3425
3308
|
letter-spacing: -0.008rem;
|
|
3426
3309
|
font-size: 1.4rem;
|
|
3427
3310
|
line-height: 1.8rem; }
|
|
3428
|
-
.cdr-
|
|
3311
|
+
.cdr-table caption {
|
|
3429
3312
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3430
3313
|
font-style: normal;
|
|
3431
3314
|
font-weight: 600;
|
|
@@ -3434,57 +3317,57 @@ input[type="month"] {
|
|
|
3434
3317
|
line-height: 2.2rem;
|
|
3435
3318
|
text-align: left;
|
|
3436
3319
|
margin-bottom: 0.8rem; }
|
|
3437
|
-
.cdr-table--
|
|
3320
|
+
.cdr-table--small th, .cdr-table--small td {
|
|
3438
3321
|
padding: 0.4rem 1.6rem; }
|
|
3439
|
-
.cdr-table--
|
|
3322
|
+
.cdr-table--medium th, .cdr-table--medium td {
|
|
3440
3323
|
padding: 0.8rem 1.6rem; }
|
|
3441
|
-
.cdr-table--
|
|
3324
|
+
.cdr-table--large th, .cdr-table--large td {
|
|
3442
3325
|
padding: 1.6rem; }
|
|
3443
|
-
.cdr-table--
|
|
3326
|
+
.cdr-table--striped tr:nth-child(odd) {
|
|
3444
3327
|
background-color: #f9f8f6; }
|
|
3445
|
-
.cdr-table--
|
|
3328
|
+
.cdr-table--striped thead + tbody tr:nth-child(even) {
|
|
3446
3329
|
background-color: #f9f8f6; }
|
|
3447
|
-
.cdr-table--
|
|
3330
|
+
.cdr-table--striped thead + tbody tr:nth-child(odd) {
|
|
3448
3331
|
background-color: #ffffff; }
|
|
3449
|
-
.cdr-table--
|
|
3450
|
-
.cdr-table--
|
|
3332
|
+
.cdr-table--striped tbody tr:nth-child(odd),
|
|
3333
|
+
.cdr-table--striped tfoot tr:nth-child(odd) {
|
|
3451
3334
|
background-color: #f9f8f6; }
|
|
3452
|
-
.cdr-table--
|
|
3335
|
+
.cdr-table--border tr + tr > * {
|
|
3453
3336
|
border-top: 0.1rem solid #dcd6cb; }
|
|
3454
|
-
.cdr-table--
|
|
3337
|
+
.cdr-table--border thead tr + tr > * {
|
|
3455
3338
|
border-top: 0.1rem solid #928b80; }
|
|
3456
|
-
.cdr-table--
|
|
3339
|
+
.cdr-table--border tbody tr + tr > *, .cdr-table--border tfoot tr + tr > * {
|
|
3457
3340
|
border-top: 0.1rem solid #dcd6cb; }
|
|
3458
|
-
.cdr-table--
|
|
3459
|
-
.cdr-table--
|
|
3341
|
+
.cdr-table--border thead + tbody,
|
|
3342
|
+
.cdr-table--border tbody + tfoot {
|
|
3460
3343
|
border-top: 0.1rem solid #dcd6cb; }
|
|
3461
|
-
.cdr-table--full-
|
|
3344
|
+
.cdr-table--full-width {
|
|
3462
3345
|
width: 100%; }
|
|
3463
|
-
.cdr-table--
|
|
3346
|
+
.cdr-table--responsive {
|
|
3464
3347
|
display: block;
|
|
3465
3348
|
width: 100%;
|
|
3466
3349
|
overflow-x: auto; }
|
|
3467
|
-
.cdr-table--
|
|
3350
|
+
.cdr-table--hover tr:hover > * {
|
|
3468
3351
|
background-color: #f4f2ed; }
|
|
3469
3352
|
@media (min-width: 0) and (max-width: 767px) {
|
|
3470
|
-
.cdr-table--full-width\@
|
|
3353
|
+
.cdr-table--full-width\@xs {
|
|
3471
3354
|
width: 100%; } }
|
|
3472
3355
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
3473
|
-
.cdr-table--full-width\@
|
|
3356
|
+
.cdr-table--full-width\@sm {
|
|
3474
3357
|
width: 100%; } }
|
|
3475
3358
|
@media (min-width: 992px) and (max-width: 1231px) {
|
|
3476
|
-
.cdr-table--full-width\@
|
|
3359
|
+
.cdr-table--full-width\@md {
|
|
3477
3360
|
width: 100%; } }
|
|
3478
3361
|
@media (min-width: 1232px) {
|
|
3479
|
-
.cdr-table--full-width\@
|
|
3362
|
+
.cdr-table--full-width\@lg {
|
|
3480
3363
|
width: 100%; } }
|
|
3481
3364
|
|
|
3482
|
-
.cdr-tab-
|
|
3365
|
+
.cdr-tab-panel {
|
|
3483
3366
|
width: 100%;
|
|
3484
3367
|
height: 100%;
|
|
3485
3368
|
padding-top: 0.2rem; }
|
|
3486
3369
|
|
|
3487
|
-
|
|
3370
|
+
@keyframes :global(exit-left) {
|
|
3488
3371
|
from {
|
|
3489
3372
|
transform: translateX(0);
|
|
3490
3373
|
opacity: 1; }
|
|
@@ -3492,23 +3375,7 @@ input[type="month"] {
|
|
|
3492
3375
|
transform: translateX(-1rem);
|
|
3493
3376
|
opacity: 0; } }
|
|
3494
3377
|
|
|
3495
|
-
@keyframes exit-
|
|
3496
|
-
from {
|
|
3497
|
-
transform: translateX(0);
|
|
3498
|
-
opacity: 1; }
|
|
3499
|
-
to {
|
|
3500
|
-
transform: translateX(-1rem);
|
|
3501
|
-
opacity: 0; } }
|
|
3502
|
-
|
|
3503
|
-
@-webkit-keyframes exit-right {
|
|
3504
|
-
from {
|
|
3505
|
-
transform: translateX(0);
|
|
3506
|
-
opacity: 1; }
|
|
3507
|
-
to {
|
|
3508
|
-
transform: translateX(1rem);
|
|
3509
|
-
opacity: 0; } }
|
|
3510
|
-
|
|
3511
|
-
@keyframes exit-right {
|
|
3378
|
+
@keyframes :global(exit-right) {
|
|
3512
3379
|
from {
|
|
3513
3380
|
transform: translateX(0);
|
|
3514
3381
|
opacity: 1; }
|
|
@@ -3516,15 +3383,7 @@ input[type="month"] {
|
|
|
3516
3383
|
transform: translateX(1rem);
|
|
3517
3384
|
opacity: 0; } }
|
|
3518
3385
|
|
|
3519
|
-
|
|
3520
|
-
from {
|
|
3521
|
-
transform: translateX(-1rem);
|
|
3522
|
-
opacity: 0; }
|
|
3523
|
-
to {
|
|
3524
|
-
transform: translateX(0);
|
|
3525
|
-
opacity: 1; } }
|
|
3526
|
-
|
|
3527
|
-
@keyframes enter-left {
|
|
3386
|
+
@keyframes :global(enter-left) {
|
|
3528
3387
|
from {
|
|
3529
3388
|
transform: translateX(-1rem);
|
|
3530
3389
|
opacity: 0; }
|
|
@@ -3532,7 +3391,7 @@ input[type="month"] {
|
|
|
3532
3391
|
transform: translateX(0);
|
|
3533
3392
|
opacity: 1; } }
|
|
3534
3393
|
|
|
3535
|
-
|
|
3394
|
+
@keyframes :global(enter-right) {
|
|
3536
3395
|
from {
|
|
3537
3396
|
transform: translateX(1rem);
|
|
3538
3397
|
opacity: 0; }
|
|
@@ -3540,61 +3399,42 @@ input[type="month"] {
|
|
|
3540
3399
|
transform: translateX(0);
|
|
3541
3400
|
opacity: 1; } }
|
|
3542
3401
|
|
|
3543
|
-
|
|
3544
|
-
|
|
3545
|
-
|
|
3546
|
-
|
|
3547
|
-
|
|
3548
|
-
|
|
3549
|
-
|
|
3402
|
+
.cdr-tab-panel-enter-left {
|
|
3403
|
+
animation-duration: 0.2s;
|
|
3404
|
+
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
3405
|
+
|
|
3406
|
+
.cdr-tab-panel-enter-left :global {
|
|
3407
|
+
animation-name: enter-left; }
|
|
3408
|
+
|
|
3409
|
+
.cdr-tab-panel-enter-right {
|
|
3410
|
+
animation-duration: 0.2s;
|
|
3411
|
+
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
3412
|
+
|
|
3413
|
+
.cdr-tab-panel-enter-right :global {
|
|
3414
|
+
animation-name: enter-right; }
|
|
3415
|
+
|
|
3416
|
+
.cdr-tab-panel-exit-left {
|
|
3417
|
+
animation-duration: 0.2s;
|
|
3418
|
+
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
3550
3419
|
|
|
3551
|
-
.cdr-tab-panel-
|
|
3552
|
-
|
|
3553
|
-
|
|
3554
|
-
|
|
3555
|
-
|
|
3556
|
-
|
|
3557
|
-
|
|
3558
|
-
|
|
3559
|
-
|
|
3560
|
-
|
|
3561
|
-
.cdr-tab-panel-enter-right_11-0-1 {
|
|
3562
|
-
-webkit-animation-duration: 0.2s;
|
|
3563
|
-
animation-duration: 0.2s;
|
|
3564
|
-
-webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
|
|
3565
|
-
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
3566
|
-
|
|
3567
|
-
.cdr-tab-panel-enter-right_11-0-1 {
|
|
3568
|
-
-webkit-animation-name: enter-right;
|
|
3569
|
-
animation-name: enter-right; }
|
|
3570
|
-
|
|
3571
|
-
.cdr-tab-panel-exit-left_11-0-1 {
|
|
3572
|
-
-webkit-animation-duration: 0.2s;
|
|
3573
|
-
animation-duration: 0.2s;
|
|
3574
|
-
-webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
|
|
3575
|
-
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
3576
|
-
|
|
3577
|
-
.cdr-tab-panel-exit-left_11-0-1 {
|
|
3578
|
-
-webkit-animation-name: exit-left;
|
|
3579
|
-
animation-name: exit-left; }
|
|
3580
|
-
|
|
3581
|
-
.cdr-tab-panel-exit-right_11-0-1 {
|
|
3582
|
-
-webkit-animation-duration: 0.2s;
|
|
3583
|
-
animation-duration: 0.2s;
|
|
3584
|
-
-webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
|
|
3585
|
-
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
3586
|
-
|
|
3587
|
-
.cdr-tab-panel-exit-right_11-0-1 {
|
|
3588
|
-
-webkit-animation-name: exit-right;
|
|
3589
|
-
animation-name: exit-right; }
|
|
3420
|
+
.cdr-tab-panel-exit-left :global {
|
|
3421
|
+
animation-name: exit-left; }
|
|
3422
|
+
|
|
3423
|
+
.cdr-tab-panel-exit-right {
|
|
3424
|
+
animation-duration: 0.2s;
|
|
3425
|
+
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
3426
|
+
|
|
3427
|
+
.cdr-tab-panel-exit-right :global {
|
|
3428
|
+
animation-name: exit-right; }
|
|
3590
3429
|
|
|
3591
3430
|
/* intentionally empty */
|
|
3592
|
-
.cdr-
|
|
3431
|
+
.cdr-tabs {
|
|
3593
3432
|
/* overflow-x: auto; */
|
|
3594
3433
|
display: flex;
|
|
3595
3434
|
flex-flow: column;
|
|
3596
3435
|
height: 50rem;
|
|
3597
3436
|
overflow-x: hidden;
|
|
3437
|
+
/* https://davidwalsh.name/osx-overflow */
|
|
3598
3438
|
/* Compact
|
|
3599
3439
|
========== */
|
|
3600
3440
|
/* No Border
|
|
@@ -3603,24 +3443,24 @@ input[type="month"] {
|
|
|
3603
3443
|
========== */
|
|
3604
3444
|
/* Centered
|
|
3605
3445
|
========== */ }
|
|
3606
|
-
.cdr-
|
|
3446
|
+
.cdr-tabs ::-webkit-scrollbar {
|
|
3607
3447
|
-webkit-appearance: none;
|
|
3608
3448
|
width: 0.7rem; }
|
|
3609
|
-
.cdr-
|
|
3449
|
+
.cdr-tabs ::-webkit-scrollbar-thumb {
|
|
3610
3450
|
border-radius: 0.4rem;
|
|
3611
3451
|
background-color: rgba(0, 0, 0, 0.5);
|
|
3612
3452
|
-webkit-box-shadow: 0 0 0.1rem rgba(255, 255, 255, 0.5); }
|
|
3613
|
-
.cdr-tabs__header-
|
|
3453
|
+
.cdr-tabs__header-container {
|
|
3614
3454
|
overflow-x: auto;
|
|
3615
3455
|
border-bottom: 0.1rem solid #928b80;
|
|
3616
3456
|
-webkit-overflow-scrolling: touch;
|
|
3617
3457
|
-ms-overflow-style: -ms-autohiding-scrollbar; }
|
|
3618
|
-
.cdr-tabs__header-
|
|
3458
|
+
.cdr-tabs__header-container::-webkit-scrollbar {
|
|
3619
3459
|
width: 0 !important;
|
|
3620
3460
|
height: 0 !important; }
|
|
3621
|
-
.cdr-tabs__gradient-
|
|
3461
|
+
.cdr-tabs__gradient-container {
|
|
3622
3462
|
position: relative; }
|
|
3623
|
-
.cdr-
|
|
3463
|
+
.cdr-tabs__gradient {
|
|
3624
3464
|
transition: opacity 0.2s ease;
|
|
3625
3465
|
-webkit-transition: opacity 0.2s ease;
|
|
3626
3466
|
position: absolute;
|
|
@@ -3630,19 +3470,19 @@ input[type="month"] {
|
|
|
3630
3470
|
width: 4.8rem;
|
|
3631
3471
|
pointer-events: none;
|
|
3632
3472
|
opacity: 0; }
|
|
3633
|
-
.cdr-tabs__gradient--
|
|
3473
|
+
.cdr-tabs__gradient--left {
|
|
3634
3474
|
left: 0; }
|
|
3635
|
-
.cdr-tabs__gradient--
|
|
3475
|
+
.cdr-tabs__gradient--right {
|
|
3636
3476
|
right: 0; }
|
|
3637
|
-
.cdr-tabs__gradient--
|
|
3477
|
+
.cdr-tabs__gradient--active {
|
|
3638
3478
|
opacity: 1; }
|
|
3639
|
-
.cdr-
|
|
3479
|
+
.cdr-tabs__header {
|
|
3640
3480
|
display: flex;
|
|
3641
3481
|
width: 100%;
|
|
3642
3482
|
margin: 0;
|
|
3643
3483
|
padding: 0;
|
|
3644
3484
|
position: relative; }
|
|
3645
|
-
.cdr-tabs__header-
|
|
3485
|
+
.cdr-tabs__header-item {
|
|
3646
3486
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3647
3487
|
font-style: normal;
|
|
3648
3488
|
font-weight: inherit;
|
|
@@ -3657,30 +3497,31 @@ input[type="month"] {
|
|
|
3657
3497
|
text-decoration: none;
|
|
3658
3498
|
padding: 1.2rem 0.8rem;
|
|
3659
3499
|
white-space: nowrap;
|
|
3660
|
-
outline-offset: -0.3rem;
|
|
3661
|
-
|
|
3500
|
+
outline-offset: -0.3rem;
|
|
3501
|
+
/* Prevent content from shifting when font-weight changes */ }
|
|
3502
|
+
.cdr-tabs__header-item + .cdr-tabs__header-item {
|
|
3662
3503
|
margin-left: 1.6rem; }
|
|
3663
|
-
.cdr-tabs__header-item-
|
|
3504
|
+
.cdr-tabs__header-item-active {
|
|
3664
3505
|
color: rgba(12, 11, 8, 0.75);
|
|
3665
3506
|
font-weight: 500; }
|
|
3666
|
-
.cdr-tabs__header-
|
|
3507
|
+
.cdr-tabs__header-item::before {
|
|
3667
3508
|
display: block;
|
|
3668
3509
|
content: attr(js-name);
|
|
3669
3510
|
font-weight: 500;
|
|
3670
3511
|
height: 0;
|
|
3671
3512
|
overflow: hidden;
|
|
3672
3513
|
visibility: hidden; }
|
|
3673
|
-
.cdr-tabs__header-
|
|
3514
|
+
.cdr-tabs__header-item:active, .cdr-tabs__header-item:hover, .cdr-tabs__header-item:focus {
|
|
3674
3515
|
text-decoration: none;
|
|
3675
3516
|
color: #406eb5; }
|
|
3676
|
-
.cdr-tabs__header-item--
|
|
3517
|
+
.cdr-tabs__header-item--disabled {
|
|
3677
3518
|
border: none;
|
|
3678
3519
|
background-color: transparent;
|
|
3679
3520
|
color: #d1cbbd; }
|
|
3680
|
-
.cdr-tabs__header-item--
|
|
3521
|
+
.cdr-tabs__header-item--disabled:active, .cdr-tabs__header-item--disabled:hover, .cdr-tabs__header-item--disabled:focus {
|
|
3681
3522
|
color: #d1cbbd;
|
|
3682
3523
|
cursor: not-allowed; }
|
|
3683
|
-
.cdr-
|
|
3524
|
+
.cdr-tabs__underline {
|
|
3684
3525
|
z-index: 1;
|
|
3685
3526
|
position: absolute;
|
|
3686
3527
|
width: 3rem;
|
|
@@ -3691,18 +3532,18 @@ input[type="month"] {
|
|
|
3691
3532
|
border: none;
|
|
3692
3533
|
background-color: #406eb5;
|
|
3693
3534
|
transition: 0.4s cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
3694
|
-
.cdr-tabs__content-
|
|
3535
|
+
.cdr-tabs__content-container {
|
|
3695
3536
|
position: relative;
|
|
3696
3537
|
flex: 1 1 auto;
|
|
3697
3538
|
overflow-x: hidden;
|
|
3698
3539
|
overflow-y: auto; }
|
|
3699
|
-
.cdr-
|
|
3700
|
-
.cdr-
|
|
3540
|
+
.cdr-tabs .fade-enter-active,
|
|
3541
|
+
.cdr-tabs .fade-leave-active {
|
|
3701
3542
|
opacity: 0.5s; }
|
|
3702
|
-
.cdr-
|
|
3703
|
-
.cdr-
|
|
3543
|
+
.cdr-tabs .fade-enter,
|
|
3544
|
+
.cdr-tabs .fade-leave-to {
|
|
3704
3545
|
opacity: 0; }
|
|
3705
|
-
.cdr-tabs--
|
|
3546
|
+
.cdr-tabs--compact .cdr-tabs__header-item-label, .cdr-tabs--small .cdr-tabs__header-item-label {
|
|
3706
3547
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3707
3548
|
font-style: normal;
|
|
3708
3549
|
font-weight: inherit;
|
|
@@ -3710,19 +3551,19 @@ input[type="month"] {
|
|
|
3710
3551
|
font-size: 1.4rem;
|
|
3711
3552
|
line-height: 1.8rem;
|
|
3712
3553
|
padding: 0.6rem 1.2rem; }
|
|
3713
|
-
.cdr-tabs--
|
|
3554
|
+
.cdr-tabs--compact .cdr-tabs__header-item + .cdr-tabs--compact .cdr-tabs__header-item, .cdr-tabs--small .cdr-tabs__header-item + .cdr-tabs--compact .cdr-tabs__header-item, .cdr-tabs--compact .cdr-tabs__header-item + .cdr-tabs--small .cdr-tabs__header-item, .cdr-tabs--small .cdr-tabs__header-item + .cdr-tabs--small .cdr-tabs__header-item {
|
|
3714
3555
|
margin-left: 0.8rem; }
|
|
3715
|
-
.cdr-tabs--no-
|
|
3716
|
-
.cdr-tabs--no-
|
|
3556
|
+
.cdr-tabs--no-border .cdr-tabs__header,
|
|
3557
|
+
.cdr-tabs--no-border .cdr-tabs__header-container {
|
|
3717
3558
|
border-bottom: 0.1rem solid transparent; }
|
|
3718
|
-
.cdr-tabs--full-
|
|
3559
|
+
.cdr-tabs--full-width .cdr-tabs__header-item {
|
|
3719
3560
|
flex-grow: 1; }
|
|
3720
|
-
.cdr-tabs--
|
|
3561
|
+
.cdr-tabs--centered .cdr-tabs__header-item:first-of-type {
|
|
3721
3562
|
margin-left: auto; }
|
|
3722
|
-
.cdr-tabs--
|
|
3563
|
+
.cdr-tabs--centered .cdr-tabs__header-item:last-of-type {
|
|
3723
3564
|
margin-right: auto; }
|
|
3724
3565
|
|
|
3725
|
-
.cdr-
|
|
3566
|
+
.cdr-text {
|
|
3726
3567
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3727
3568
|
font-style: normal;
|
|
3728
3569
|
font-weight: 400;
|
|
@@ -3731,7 +3572,8 @@ input[type="month"] {
|
|
|
3731
3572
|
line-height: 2.2rem;
|
|
3732
3573
|
margin: 0; }
|
|
3733
3574
|
|
|
3734
|
-
|
|
3575
|
+
/* intentionally empty */
|
|
3576
|
+
.cdr-toast {
|
|
3735
3577
|
position: relative;
|
|
3736
3578
|
border-left: 0.4rem solid;
|
|
3737
3579
|
box-shadow: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
|
|
@@ -3742,123 +3584,121 @@ input[type="month"] {
|
|
|
3742
3584
|
letter-spacing: -0.016rem;
|
|
3743
3585
|
font-size: 1.4rem;
|
|
3744
3586
|
line-height: 1.8rem; }
|
|
3745
|
-
|
|
3746
|
-
.cdr-
|
|
3587
|
+
@media (min-width: 768px) {
|
|
3588
|
+
.cdr-toast {
|
|
3747
3589
|
width: 39rem; } }
|
|
3748
|
-
|
|
3590
|
+
.cdr-toast__transition--toast-enter-from {
|
|
3749
3591
|
opacity: 0;
|
|
3750
3592
|
transform: translateX(2.4rem); }
|
|
3751
|
-
|
|
3593
|
+
.cdr-toast__transition--toast-enter-active {
|
|
3752
3594
|
transition: all 0.5s cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
3753
|
-
|
|
3595
|
+
.cdr-toast__transition--toast-leave-to {
|
|
3754
3596
|
opacity: 0; }
|
|
3755
|
-
|
|
3597
|
+
.cdr-toast__transition--toast-leave-active {
|
|
3756
3598
|
transition: opacity 0.2s cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
3757
|
-
|
|
3599
|
+
.cdr-toast__main {
|
|
3758
3600
|
display: grid;
|
|
3759
3601
|
grid-template-columns: auto 1fr auto;
|
|
3760
3602
|
grid-template-areas: "icon-left message close-button"; }
|
|
3761
|
-
|
|
3603
|
+
.cdr-toast__icon-left {
|
|
3762
3604
|
width: 3.2rem;
|
|
3763
3605
|
grid-area: icon-left;
|
|
3764
3606
|
display: inherit;
|
|
3765
3607
|
align-items: center;
|
|
3766
3608
|
justify-items: center; }
|
|
3767
|
-
|
|
3609
|
+
.cdr-toast__icon-left svg {
|
|
3768
3610
|
max-height: 2.2rem;
|
|
3769
3611
|
max-width: 2.2rem;
|
|
3770
3612
|
stroke: white;
|
|
3771
3613
|
stroke-width: 0.4rem;
|
|
3772
3614
|
paint-order: stroke fill;
|
|
3773
3615
|
margin: 0.4rem; }
|
|
3774
|
-
|
|
3616
|
+
.cdr-toast__message {
|
|
3775
3617
|
display: inherit;
|
|
3776
3618
|
align-items: center;
|
|
3777
3619
|
grid-area: message;
|
|
3778
3620
|
padding: 0.7rem; }
|
|
3779
|
-
|
|
3621
|
+
.cdr-toast__close-button {
|
|
3780
3622
|
display: inherit;
|
|
3781
3623
|
align-content: center;
|
|
3782
3624
|
grid-area: close-button;
|
|
3783
3625
|
max-height: 3.2rem; }
|
|
3784
|
-
|
|
3626
|
+
.cdr-toast__close-button svg {
|
|
3785
3627
|
height: 2.2rem;
|
|
3786
3628
|
width: 2.2rem;
|
|
3787
3629
|
fill: rgba(3, 3, 1, 0.9) !important; }
|
|
3788
|
-
|
|
3630
|
+
.cdr-toast--default {
|
|
3789
3631
|
border-left-color: #726d64; }
|
|
3790
|
-
|
|
3632
|
+
.cdr-toast--default .cdr-toast__main {
|
|
3791
3633
|
background-color: #f9f8f6;
|
|
3792
3634
|
border-top: 0.1rem solid;
|
|
3793
3635
|
border-right: 0.1rem solid;
|
|
3794
3636
|
border-bottom: 0.1rem solid;
|
|
3795
3637
|
border-color: #e8e0ce; }
|
|
3796
|
-
|
|
3638
|
+
.cdr-toast--default .cdr-toast__main .cdr-toast__icon-left {
|
|
3797
3639
|
background-color: #e8e0ce; }
|
|
3798
|
-
|
|
3640
|
+
.cdr-toast--default .cdr-toast__main .cdr-toast__icon-left svg {
|
|
3799
3641
|
fill: #726d64; }
|
|
3800
|
-
|
|
3642
|
+
.cdr-toast--info {
|
|
3801
3643
|
border-left-color: #408e86; }
|
|
3802
|
-
|
|
3644
|
+
.cdr-toast--info .cdr-toast__main {
|
|
3803
3645
|
background-color: #edf4f5;
|
|
3804
3646
|
border-top: 0.1rem solid;
|
|
3805
3647
|
border-right: 0.1rem solid;
|
|
3806
3648
|
border-bottom: 0.1rem solid;
|
|
3807
3649
|
border-color: #c2d8db; }
|
|
3808
|
-
|
|
3650
|
+
.cdr-toast--info .cdr-toast__main .cdr-toast__icon-left {
|
|
3809
3651
|
background-color: #c2d8db; }
|
|
3810
|
-
|
|
3652
|
+
.cdr-toast--info .cdr-toast__main .cdr-toast__icon-left svg {
|
|
3811
3653
|
fill: #408e86; }
|
|
3812
|
-
|
|
3654
|
+
.cdr-toast--warning {
|
|
3813
3655
|
border-left-color: #b68b37; }
|
|
3814
|
-
|
|
3656
|
+
.cdr-toast--warning .cdr-toast__main {
|
|
3815
3657
|
background-color: #fefcf1;
|
|
3816
3658
|
border-top: 0.1rem solid;
|
|
3817
3659
|
border-right: 0.1rem solid;
|
|
3818
3660
|
border-bottom: 0.1rem solid;
|
|
3819
3661
|
border-color: #f5e9b7; }
|
|
3820
|
-
|
|
3662
|
+
.cdr-toast--warning .cdr-toast__main .cdr-toast__icon-left {
|
|
3821
3663
|
background-color: #f5e9b7; }
|
|
3822
|
-
|
|
3664
|
+
.cdr-toast--warning .cdr-toast__main .cdr-toast__icon-left svg {
|
|
3823
3665
|
fill: #b68b37; }
|
|
3824
|
-
|
|
3666
|
+
.cdr-toast--success {
|
|
3825
3667
|
border-left-color: #3b8349; }
|
|
3826
|
-
|
|
3668
|
+
.cdr-toast--success .cdr-toast__main {
|
|
3827
3669
|
background-color: #f4fbf5;
|
|
3828
3670
|
border-top: 0.1rem solid;
|
|
3829
3671
|
border-right: 0.1rem solid;
|
|
3830
3672
|
border-bottom: 0.1rem solid;
|
|
3831
3673
|
border-color: #d5e6cb; }
|
|
3832
|
-
|
|
3674
|
+
.cdr-toast--success .cdr-toast__main .cdr-toast__icon-left {
|
|
3833
3675
|
background-color: #d5e6cb; }
|
|
3834
|
-
|
|
3676
|
+
.cdr-toast--success .cdr-toast__main .cdr-toast__icon-left svg {
|
|
3835
3677
|
fill: #3b8349; }
|
|
3836
|
-
|
|
3678
|
+
.cdr-toast--error {
|
|
3837
3679
|
border-left-color: #bb4045; }
|
|
3838
|
-
|
|
3680
|
+
.cdr-toast--error .cdr-toast__main {
|
|
3839
3681
|
background-color: #fdf7f7;
|
|
3840
3682
|
border-top: 0.1rem solid;
|
|
3841
3683
|
border-right: 0.1rem solid;
|
|
3842
3684
|
border-bottom: 0.1rem solid;
|
|
3843
3685
|
border-color: #eecbc1; }
|
|
3844
|
-
|
|
3686
|
+
.cdr-toast--error .cdr-toast__main svg {
|
|
3845
3687
|
fill: #bb4045; }
|
|
3846
|
-
|
|
3688
|
+
.cdr-toast--error .cdr-toast__main .cdr-toast__icon-left {
|
|
3847
3689
|
background-color: #eecbc1; }
|
|
3848
|
-
|
|
3690
|
+
.cdr-toast--error .cdr-toast__main .cdr-toast__icon-left svg {
|
|
3849
3691
|
fill: #bb4045; }
|
|
3850
3692
|
|
|
3851
3693
|
/* intentionally empty */
|
|
3852
|
-
.cdr-tooltip--
|
|
3694
|
+
.cdr-tooltip--position {
|
|
3853
3695
|
position: relative; }
|
|
3854
|
-
.cdr-tooltip--
|
|
3696
|
+
.cdr-tooltip--wrapper {
|
|
3855
3697
|
width: -webkit-max-content;
|
|
3856
|
-
width: -moz-max-content;
|
|
3857
3698
|
width: max-content;
|
|
3858
3699
|
height: -webkit-max-content;
|
|
3859
|
-
height: -moz-max-content;
|
|
3860
3700
|
height: max-content; }
|
|
3861
|
-
.cdr-tooltip--
|
|
3701
|
+
.cdr-tooltip--wrapper .cdr-popup--closed {
|
|
3862
3702
|
position: absolute;
|
|
3863
3703
|
width: 0.1rem;
|
|
3864
3704
|
height: 0.1rem;
|
|
@@ -3867,7 +3707,7 @@ input[type="month"] {
|
|
|
3867
3707
|
overflow: hidden;
|
|
3868
3708
|
clip: rect(0, 0, 0, 0);
|
|
3869
3709
|
border: 0; }
|
|
3870
|
-
.cdr-tooltip--
|
|
3710
|
+
.cdr-tooltip--wrapper .cdr-popup__content {
|
|
3871
3711
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
3872
3712
|
font-style: normal;
|
|
3873
3713
|
font-weight: 600;
|
|
@@ -3878,19 +3718,19 @@ input[type="month"] {
|
|
|
3878
3718
|
color: #f9f8f6;
|
|
3879
3719
|
border: 0.1rem solid #f9f8f6;
|
|
3880
3720
|
padding: 0.6rem 1.2rem; }
|
|
3881
|
-
.cdr-tooltip--
|
|
3721
|
+
.cdr-tooltip--wrapper .cdr-popup--bottom .cdr-popup__arrow::before {
|
|
3882
3722
|
border-bottom-color: #f9f8f6; }
|
|
3883
|
-
.cdr-tooltip--
|
|
3723
|
+
.cdr-tooltip--wrapper .cdr-popup--bottom .cdr-popup__arrow::after {
|
|
3884
3724
|
border-bottom-color: #373734; }
|
|
3885
|
-
.cdr-tooltip--
|
|
3725
|
+
.cdr-tooltip--wrapper .cdr-popup--top .cdr-popup__arrow::before {
|
|
3886
3726
|
border-top-color: #f9f8f6; }
|
|
3887
|
-
.cdr-tooltip--
|
|
3727
|
+
.cdr-tooltip--wrapper .cdr-popup--top .cdr-popup__arrow::after {
|
|
3888
3728
|
border-top-color: #373734; }
|
|
3889
|
-
.cdr-tooltip--
|
|
3729
|
+
.cdr-tooltip--wrapper .cdr-popup--right .cdr-popup__arrow::before {
|
|
3890
3730
|
border-right-color: #f9f8f6; }
|
|
3891
|
-
.cdr-tooltip--
|
|
3731
|
+
.cdr-tooltip--wrapper .cdr-popup--right .cdr-popup__arrow::after {
|
|
3892
3732
|
border-right-color: #373734; }
|
|
3893
|
-
.cdr-tooltip--
|
|
3733
|
+
.cdr-tooltip--wrapper .cdr-popup--left .cdr-popup__arrow::before {
|
|
3894
3734
|
border-left-color: #f9f8f6; }
|
|
3895
|
-
.cdr-tooltip--
|
|
3735
|
+
.cdr-tooltip--wrapper .cdr-popup--left .cdr-popup__arrow::after {
|
|
3896
3736
|
border-left-color: #373734; }
|