tide-design-system 2.5.20 → 2.6.0
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 +1 -0
- package/dist/_virtual/_plugin-vue_export-helper.js +11 -0
- package/dist/_virtual/_plugin-vue_export-helper.js.map +1 -0
- package/dist/_virtual/dynamic-import-helper.js +20 -0
- package/dist/_virtual/dynamic-import-helper.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-aero.svg.js +18 -0
- package/dist/assets/svg/branding/logo/logo-aero.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-atv.svg.js +20 -0
- package/dist/assets/svg/branding/logo/logo-atv.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-boatmart.svg.js +18 -0
- package/dist/assets/svg/branding/logo/logo-boatmart.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-cycle.svg.js +18 -0
- package/dist/assets/svg/branding/logo/logo-cycle.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-equipment.svg.js +18 -0
- package/dist/assets/svg/branding/logo/logo-equipment.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-pwc.svg.js +21 -0
- package/dist/assets/svg/branding/logo/logo-pwc.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-rv.svg.js +20 -0
- package/dist/assets/svg/branding/logo/logo-rv.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-rvt.svg.js +16 -0
- package/dist/assets/svg/branding/logo/logo-rvt.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-snow.svg.js +18 -0
- package/dist/assets/svg/branding/logo/logo-snow.svg.js.map +1 -0
- package/dist/assets/svg/branding/logo/logo-truck.svg.js +19 -0
- package/dist/assets/svg/branding/logo/logo-truck.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-aero.svg.js +17 -0
- package/dist/assets/svg/branding/mark/mark-aero.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-atv.svg.js +22 -0
- package/dist/assets/svg/branding/mark/mark-atv.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-boatmart.svg.js +17 -0
- package/dist/assets/svg/branding/mark/mark-boatmart.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-cycle.svg.js +17 -0
- package/dist/assets/svg/branding/mark/mark-cycle.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-equipment.svg.js +17 -0
- package/dist/assets/svg/branding/mark/mark-equipment.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-pwc.svg.js +17 -0
- package/dist/assets/svg/branding/mark/mark-pwc.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-rv.svg.js +22 -0
- package/dist/assets/svg/branding/mark/mark-rv.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-rvt.svg.js +18 -0
- package/dist/assets/svg/branding/mark/mark-rvt.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-snow.svg.js +17 -0
- package/dist/assets/svg/branding/mark/mark-snow.svg.js.map +1 -0
- package/dist/assets/svg/branding/mark/mark-truck.svg.js +18 -0
- package/dist/assets/svg/branding/mark/mark-truck.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAccountBalance.svg.js +16 -0
- package/dist/assets/svg/icons/IconAccountBalance.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAcute.svg.js +16 -0
- package/dist/assets/svg/icons/IconAcute.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAdd.svg.js +16 -0
- package/dist/assets/svg/icons/IconAdd.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAiDescription.svg.js +20 -0
- package/dist/assets/svg/icons/IconAiDescription.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAlignSpaceEven.svg.js +16 -0
- package/dist/assets/svg/icons/IconAlignSpaceEven.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconApplePay.svg.js +16 -0
- package/dist/assets/svg/icons/IconApplePay.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconArrowBack.svg.js +16 -0
- package/dist/assets/svg/icons/IconArrowBack.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconArrowCycle.svg.js +16 -0
- package/dist/assets/svg/icons/IconArrowCycle.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconArrowForward.svg.js +16 -0
- package/dist/assets/svg/icons/IconArrowForward.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconArrowRight.svg.js +16 -0
- package/dist/assets/svg/icons/IconArrowRight.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconArrowUp.svg.js +16 -0
- package/dist/assets/svg/icons/IconArrowUp.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAssignment.svg.js +16 -0
- package/dist/assets/svg/icons/IconAssignment.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAttachMoney.svg.js +16 -0
- package/dist/assets/svg/icons/IconAttachMoney.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAutoRenew.svg.js +16 -0
- package/dist/assets/svg/icons/IconAutoRenew.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconAwardStar.svg.js +16 -0
- package/dist/assets/svg/icons/IconAwardStar.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconBed.svg.js +16 -0
- package/dist/assets/svg/icons/IconBed.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconBolt.svg.js +16 -0
- package/dist/assets/svg/icons/IconBolt.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconBookmark.svg.js +16 -0
- package/dist/assets/svg/icons/IconBookmark.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconBunkhouse.svg.js +16 -0
- package/dist/assets/svg/icons/IconBunkhouse.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCalculate.svg.js +16 -0
- package/dist/assets/svg/icons/IconCalculate.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCalendarMonth.svg.js +16 -0
- package/dist/assets/svg/icons/IconCalendarMonth.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCall.svg.js +16 -0
- package/dist/assets/svg/icons/IconCall.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCallQuality.svg.js +16 -0
- package/dist/assets/svg/icons/IconCallQuality.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCarRental.svg.js +16 -0
- package/dist/assets/svg/icons/IconCarRental.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCheck.svg.js +16 -0
- package/dist/assets/svg/icons/IconCheck.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconChevronLeft.svg.js +16 -0
- package/dist/assets/svg/icons/IconChevronLeft.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconChevronRight.svg.js +16 -0
- package/dist/assets/svg/icons/IconChevronRight.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconClear.svg.js +16 -0
- package/dist/assets/svg/icons/IconClear.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconClose.svg.js +16 -0
- package/dist/assets/svg/icons/IconClose.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconContract.svg.js +16 -0
- package/dist/assets/svg/icons/IconContract.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconCrash.svg.js +16 -0
- package/dist/assets/svg/icons/IconCrash.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconDashboardCustomize.svg.js +16 -0
- package/dist/assets/svg/icons/IconDashboardCustomize.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconDelete.svg.js +16 -0
- package/dist/assets/svg/icons/IconDelete.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconDiamond.svg.js +16 -0
- package/dist/assets/svg/icons/IconDiamond.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconDirectionsBoat.svg.js +16 -0
- package/dist/assets/svg/icons/IconDirectionsBoat.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconDomain.svg.js +16 -0
- package/dist/assets/svg/icons/IconDomain.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconDraft.svg.js +16 -0
- package/dist/assets/svg/icons/IconDraft.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconEdit.svg.js +16 -0
- package/dist/assets/svg/icons/IconEdit.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconEngine.svg.js +20 -0
- package/dist/assets/svg/icons/IconEngine.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconEngineering.svg.js +16 -0
- package/dist/assets/svg/icons/IconEngineering.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconError.svg.js +16 -0
- package/dist/assets/svg/icons/IconError.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconExpandContent.svg.js +16 -0
- package/dist/assets/svg/icons/IconExpandContent.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconExpandLess.svg.js +16 -0
- package/dist/assets/svg/icons/IconExpandLess.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconExpandMore.svg.js +16 -0
- package/dist/assets/svg/icons/IconExpandMore.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFacebook.svg.js +16 -0
- package/dist/assets/svg/icons/IconFacebook.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFavorite.svg.js +16 -0
- package/dist/assets/svg/icons/IconFavorite.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFavoriteFilled.svg.js +16 -0
- package/dist/assets/svg/icons/IconFavoriteFilled.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFlag.svg.js +16 -0
- package/dist/assets/svg/icons/IconFlag.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFormatBold.svg.js +16 -0
- package/dist/assets/svg/icons/IconFormatBold.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFormatItalic.svg.js +16 -0
- package/dist/assets/svg/icons/IconFormatItalic.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconFormatListBulleted.svg.js +16 -0
- package/dist/assets/svg/icons/IconFormatListBulleted.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconForum.svg.js +16 -0
- package/dist/assets/svg/icons/IconForum.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGas.svg.js +16 -0
- package/dist/assets/svg/icons/IconGas.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGavel.svg.js +16 -0
- package/dist/assets/svg/icons/IconGavel.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGears.svg.js +16 -0
- package/dist/assets/svg/icons/IconGears.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGlobeLocationPin.svg.js +16 -0
- package/dist/assets/svg/icons/IconGlobeLocationPin.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGoogle.svg.js +31 -0
- package/dist/assets/svg/icons/IconGoogle.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGooglePay.svg.js +16 -0
- package/dist/assets/svg/icons/IconGooglePay.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconGrid.svg.js +16 -0
- package/dist/assets/svg/icons/IconGrid.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconHandshake.svg.js +16 -0
- package/dist/assets/svg/icons/IconHandshake.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconHandyman.svg.js +16 -0
- package/dist/assets/svg/icons/IconHandyman.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconHeight.svg.js +16 -0
- package/dist/assets/svg/icons/IconHeight.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconHelp.svg.js +16 -0
- package/dist/assets/svg/icons/IconHelp.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconInfo.svg.js +16 -0
- package/dist/assets/svg/icons/IconInfo.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconInformation.svg.js +16 -0
- package/dist/assets/svg/icons/IconInformation.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconInsertText.svg.js +16 -0
- package/dist/assets/svg/icons/IconInsertText.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconInstagram.svg.js +16 -0
- package/dist/assets/svg/icons/IconInstagram.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconIosShare.svg.js +16 -0
- package/dist/assets/svg/icons/IconIosShare.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconLayout.svg.js +16 -0
- package/dist/assets/svg/icons/IconLayout.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconLevellingJack.svg.js +20 -0
- package/dist/assets/svg/icons/IconLevellingJack.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconLinkedIn.svg.js +16 -0
- package/dist/assets/svg/icons/IconLinkedIn.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconLocalShipping.svg.js +16 -0
- package/dist/assets/svg/icons/IconLocalShipping.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconLock.svg.js +16 -0
- package/dist/assets/svg/icons/IconLock.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconMail.svg.js +16 -0
- package/dist/assets/svg/icons/IconMail.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconMenu.svg.js +16 -0
- package/dist/assets/svg/icons/IconMenu.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconMoneyBag.svg.js +16 -0
- package/dist/assets/svg/icons/IconMoneyBag.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconMoreHoriz.svg.js +16 -0
- package/dist/assets/svg/icons/IconMoreHoriz.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconMove.svg.js +16 -0
- package/dist/assets/svg/icons/IconMove.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconNotifications.svg.js +16 -0
- package/dist/assets/svg/icons/IconNotifications.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconOdometer.svg.js +16 -0
- package/dist/assets/svg/icons/IconOdometer.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconOpenInNew.svg.js +16 -0
- package/dist/assets/svg/icons/IconOpenInNew.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPalette.svg.js +16 -0
- package/dist/assets/svg/icons/IconPalette.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPaypal.svg.js +16 -0
- package/dist/assets/svg/icons/IconPaypal.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPerson.svg.js +16 -0
- package/dist/assets/svg/icons/IconPerson.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPersonSearch.svg.js +16 -0
- package/dist/assets/svg/icons/IconPersonSearch.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPhotoCamera.svg.js +16 -0
- package/dist/assets/svg/icons/IconPhotoCamera.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPinterest.svg.js +16 -0
- package/dist/assets/svg/icons/IconPinterest.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPlayArrow.svg.js +16 -0
- package/dist/assets/svg/icons/IconPlayArrow.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPolicy.svg.js +16 -0
- package/dist/assets/svg/icons/IconPolicy.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPower.svg.js +16 -0
- package/dist/assets/svg/icons/IconPower.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPowerOff.svg.js +16 -0
- package/dist/assets/svg/icons/IconPowerOff.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconPriorityHigh.svg.js +16 -0
- package/dist/assets/svg/icons/IconPriorityHigh.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconRemove.svg.js +16 -0
- package/dist/assets/svg/icons/IconRemove.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconRequestQuote.svg.js +16 -0
- package/dist/assets/svg/icons/IconRequestQuote.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconResetWrench.svg.js +16 -0
- package/dist/assets/svg/icons/IconResetWrench.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconRoad.svg.js +16 -0
- package/dist/assets/svg/icons/IconRoad.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconRoundedCorner.svg.js +16 -0
- package/dist/assets/svg/icons/IconRoundedCorner.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconRuler.svg.js +16 -0
- package/dist/assets/svg/icons/IconRuler.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSailing.svg.js +16 -0
- package/dist/assets/svg/icons/IconSailing.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSchool.svg.js +16 -0
- package/dist/assets/svg/icons/IconSchool.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSearch.svg.js +16 -0
- package/dist/assets/svg/icons/IconSearch.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSeating.svg.js +16 -0
- package/dist/assets/svg/icons/IconSeating.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSell.svg.js +16 -0
- package/dist/assets/svg/icons/IconSell.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSensors.svg.js +16 -0
- package/dist/assets/svg/icons/IconSensors.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSettings.svg.js +16 -0
- package/dist/assets/svg/icons/IconSettings.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconShare.svg.js +16 -0
- package/dist/assets/svg/icons/IconShare.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconShieldCheck.svg.js +16 -0
- package/dist/assets/svg/icons/IconShieldCheck.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconShoppingCart.svg.js +16 -0
- package/dist/assets/svg/icons/IconShoppingCart.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSleeps.svg.js +16 -0
- package/dist/assets/svg/icons/IconSleeps.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSms.svg.js +16 -0
- package/dist/assets/svg/icons/IconSms.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSnowflake.svg.js +16 -0
- package/dist/assets/svg/icons/IconSnowflake.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconStar.svg.js +16 -0
- package/dist/assets/svg/icons/IconStar.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconStarFilled.svg.js +16 -0
- package/dist/assets/svg/icons/IconStarFilled.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconStarHalf.svg.js +16 -0
- package/dist/assets/svg/icons/IconStarHalf.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSummarize.svg.js +16 -0
- package/dist/assets/svg/icons/IconSummarize.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSwapHoriz.svg.js +16 -0
- package/dist/assets/svg/icons/IconSwapHoriz.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconSwapVert.svg.js +16 -0
- package/dist/assets/svg/icons/IconSwapVert.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconThreeDRotation.svg.js +29 -0
- package/dist/assets/svg/icons/IconThreeDRotation.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconThumbUp.svg.js +16 -0
- package/dist/assets/svg/icons/IconThumbUp.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconTrendingDown.svg.js +16 -0
- package/dist/assets/svg/icons/IconTrendingDown.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconTrophy.svg.js +16 -0
- package/dist/assets/svg/icons/IconTrophy.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconTune.svg.js +16 -0
- package/dist/assets/svg/icons/IconTune.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconTwitter.svg.js +16 -0
- package/dist/assets/svg/icons/IconTwitter.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconUmbrella.svg.js +16 -0
- package/dist/assets/svg/icons/IconUmbrella.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconVerified.svg.js +20 -0
- package/dist/assets/svg/icons/IconVerified.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconVideocam.svg.js +16 -0
- package/dist/assets/svg/icons/IconVideocam.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconViewInAr.svg.js +16 -0
- package/dist/assets/svg/icons/IconViewInAr.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconVisibility.svg.js +16 -0
- package/dist/assets/svg/icons/IconVisibility.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconVolumeOff.svg.js +16 -0
- package/dist/assets/svg/icons/IconVolumeOff.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconVolumeOn.svg.js +16 -0
- package/dist/assets/svg/icons/IconVolumeOn.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWarehouse.svg.js +16 -0
- package/dist/assets/svg/icons/IconWarehouse.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWarning.svg.js +16 -0
- package/dist/assets/svg/icons/IconWarning.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWater.svg.js +16 -0
- package/dist/assets/svg/icons/IconWater.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWeight.svg.js +16 -0
- package/dist/assets/svg/icons/IconWeight.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWidth.svg.js +16 -0
- package/dist/assets/svg/icons/IconWidth.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWorkspacePremium.svg.js +16 -0
- package/dist/assets/svg/icons/IconWorkspacePremium.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconWrench.svg.js +16 -0
- package/dist/assets/svg/icons/IconWrench.svg.js.map +1 -0
- package/dist/assets/svg/icons/IconYoutube.svg.js +16 -0
- package/dist/assets/svg/icons/IconYoutube.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroFlight.svg.js +16 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroFlight.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroHelicopter.svg.js +16 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroHelicopter.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroModeFan.svg.js +16 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroModeFan.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroPlaneContrails.svg.js +16 -0
- package/dist/assets/svg/icons/realm/aero/IconAeroPlaneContrails.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvAtv.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvAtv.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvDuneBuggy.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvDuneBuggy.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvGoKart.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvGoKart.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvGolfCart.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvGolfCart.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvSandRail.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvSandRail.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvSideBySide.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvSideBySide.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvTrailer.svg.js +20 -0
- package/dist/assets/svg/icons/realm/atv/IconAtvTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/boatmart/IconBoatmartPwc.svg.js +20 -0
- package/dist/assets/svg/icons/realm/boatmart/IconBoatmartPwc.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/boatmart/IconBoatmartTrailer.svg.js +20 -0
- package/dist/assets/svg/icons/realm/boatmart/IconBoatmartTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/cycle/IconCycleMotorcycle.svg.js +21 -0
- package/dist/assets/svg/icons/realm/cycle/IconCycleMotorcycle.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/cycle/IconCycleTrailer.svg.js +20 -0
- package/dist/assets/svg/icons/realm/cycle/IconCycleTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/pwc/IconPwcPwc.svg.js +20 -0
- package/dist/assets/svg/icons/realm/pwc/IconPwcPwc.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/pwc/IconPwcSnowmobile.svg.js +20 -0
- package/dist/assets/svg/icons/realm/pwc/IconPwcSnowmobile.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/pwc/IconPwcTrailer.svg.js +20 -0
- package/dist/assets/svg/icons/realm/pwc/IconPwcTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvClassA.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvClassA.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvClassB.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvClassB.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvClassC.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvClassC.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvDestinationTrailer.svg.js +18 -0
- package/dist/assets/svg/icons/realm/rv/IconRvDestinationTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvFifthWheel.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvFifthWheel.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvFishHouse.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvFishHouse.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvParkModel.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvParkModel.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvPopUpCamper.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvPopUpCamper.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvTeardropTrailer.svg.js +17 -0
- package/dist/assets/svg/icons/realm/rv/IconRvTeardropTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvTravelTrailer.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvTravelTrailer.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/rv/IconRvTruckCamper.svg.js +20 -0
- package/dist/assets/svg/icons/realm/rv/IconRvTruckCamper.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowMotorcycle.svg.js +21 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowMotorcycle.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowPwc.svg.js +20 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowPwc.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowSideBySide.svg.js +20 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowSideBySide.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowSnowmobile.svg.js +20 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowSnowmobile.svg.js.map +1 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowTrailer.svg.js +20 -0
- package/dist/assets/svg/icons/realm/snow/IconSnowTrailer.svg.js.map +1 -0
- package/dist/components/InternalBaseLink.vue.js +20 -0
- package/dist/components/InternalBaseLink.vue.js.map +1 -0
- package/dist/components/InternalBaseLink.vue2.js +5 -0
- package/dist/components/InternalBaseLink.vue2.js.map +1 -0
- package/dist/components/TideAccordionItem.vue.js +8 -0
- package/dist/components/TideAccordionItem.vue.js.map +1 -0
- package/dist/components/TideAccordionItem.vue2.js +88 -0
- package/dist/components/TideAccordionItem.vue2.js.map +1 -0
- package/dist/components/TideAlert.vue.js +8 -0
- package/dist/components/TideAlert.vue.js.map +1 -0
- package/dist/components/TideAlert.vue2.js +128 -0
- package/dist/components/TideAlert.vue2.js.map +1 -0
- package/dist/components/TideBadge.vue.js +52 -0
- package/dist/components/TideBadge.vue.js.map +1 -0
- package/dist/components/TideBadge.vue2.js +5 -0
- package/dist/components/TideBadge.vue2.js.map +1 -0
- package/dist/components/TideBadgeTrustedPartner.vue.js +45 -0
- package/dist/components/TideBadgeTrustedPartner.vue.js.map +1 -0
- package/dist/components/TideBadgeTrustedPartner.vue2.js +5 -0
- package/dist/components/TideBadgeTrustedPartner.vue2.js.map +1 -0
- package/dist/components/TideBadgeVerifiedVehicle.vue.js +8 -0
- package/dist/components/TideBadgeVerifiedVehicle.vue.js.map +1 -0
- package/dist/components/TideBadgeVerifiedVehicle.vue2.js +42 -0
- package/dist/components/TideBadgeVerifiedVehicle.vue2.js.map +1 -0
- package/dist/components/TideBreadCrumbs.vue.js +61 -0
- package/dist/components/TideBreadCrumbs.vue.js.map +1 -0
- package/dist/components/TideBreadCrumbs.vue2.js +5 -0
- package/dist/components/TideBreadCrumbs.vue2.js.map +1 -0
- package/dist/components/TideButton.vue.js +72 -0
- package/dist/components/TideButton.vue.js.map +1 -0
- package/dist/components/TideButton.vue2.js +5 -0
- package/dist/components/TideButton.vue2.js.map +1 -0
- package/dist/components/TideButtonIcon.vue.js +62 -0
- package/dist/components/TideButtonIcon.vue.js.map +1 -0
- package/dist/components/TideButtonIcon.vue2.js +5 -0
- package/dist/components/TideButtonIcon.vue2.js.map +1 -0
- package/dist/components/TideButtonPagination.vue.js +8 -0
- package/dist/components/TideButtonPagination.vue.js.map +1 -0
- package/dist/components/TideButtonPagination.vue2.js +44 -0
- package/dist/components/TideButtonPagination.vue2.js.map +1 -0
- package/dist/components/TideButtonSave.vue.js +8 -0
- package/dist/components/TideButtonSave.vue.js.map +1 -0
- package/dist/components/TideButtonSave.vue2.js +56 -0
- package/dist/components/TideButtonSave.vue2.js.map +1 -0
- package/dist/components/TideButtonSegmented.vue.js +8 -0
- package/dist/components/TideButtonSegmented.vue.js.map +1 -0
- package/dist/components/TideButtonSegmented.vue2.js +82 -0
- package/dist/components/TideButtonSegmented.vue2.js.map +1 -0
- package/dist/components/TideCard.vue.js +8 -0
- package/dist/components/TideCard.vue.js.map +1 -0
- package/dist/components/TideCard.vue2.js +72 -0
- package/dist/components/TideCard.vue2.js.map +1 -0
- package/dist/components/TideCarousel.vue.js +8 -0
- package/dist/components/TideCarousel.vue.js.map +1 -0
- package/dist/components/TideCarousel.vue2.js +359 -0
- package/dist/components/TideCarousel.vue2.js.map +1 -0
- package/dist/components/TideChipAction.vue.js +8 -0
- package/dist/components/TideChipAction.vue.js.map +1 -0
- package/dist/components/TideChipAction.vue2.js +58 -0
- package/dist/components/TideChipAction.vue2.js.map +1 -0
- package/dist/components/TideChipFilter.vue.js +8 -0
- package/dist/components/TideChipFilter.vue.js.map +1 -0
- package/dist/components/TideChipFilter.vue2.js +51 -0
- package/dist/components/TideChipFilter.vue2.js.map +1 -0
- package/dist/components/TideChipInput.vue.js +8 -0
- package/dist/components/TideChipInput.vue.js.map +1 -0
- package/dist/components/TideChipInput.vue2.js +43 -0
- package/dist/components/TideChipInput.vue2.js.map +1 -0
- package/dist/components/TideColumns.vue.js +8 -0
- package/dist/components/TideColumns.vue.js.map +1 -0
- package/dist/components/TideColumns.vue2.js +45 -0
- package/dist/components/TideColumns.vue2.js.map +1 -0
- package/dist/components/TideDivider.vue.js +8 -0
- package/dist/components/TideDivider.vue.js.map +1 -0
- package/dist/components/TideDivider.vue2.js +31 -0
- package/dist/components/TideDivider.vue2.js.map +1 -0
- package/dist/components/TideForm.vue.js +28 -0
- package/dist/components/TideForm.vue.js.map +1 -0
- package/dist/components/TideForm.vue2.js +5 -0
- package/dist/components/TideForm.vue2.js.map +1 -0
- package/dist/components/TideIcon.vue.js +52 -0
- package/dist/components/TideIcon.vue.js.map +1 -0
- package/dist/components/TideIcon.vue3.js +6 -0
- package/dist/components/TideIcon.vue3.js.map +1 -0
- package/dist/components/TideImage.vue.js +8 -0
- package/dist/components/TideImage.vue.js.map +1 -0
- package/dist/components/TideImage.vue2.js +90 -0
- package/dist/components/TideImage.vue2.js.map +1 -0
- package/dist/components/TideImageBackground.vue.js +8 -0
- package/dist/components/TideImageBackground.vue.js.map +1 -0
- package/dist/components/TideImageBackground.vue2.js +48 -0
- package/dist/components/TideImageBackground.vue2.js.map +1 -0
- package/dist/components/TideIndicator.vue.js +8 -0
- package/dist/components/TideIndicator.vue.js.map +1 -0
- package/dist/components/TideIndicator.vue2.js +37 -0
- package/dist/components/TideIndicator.vue2.js.map +1 -0
- package/dist/components/TideInputCheckbox.vue.js +8 -0
- package/dist/components/TideInputCheckbox.vue.js.map +1 -0
- package/dist/components/TideInputCheckbox.vue2.js +151 -0
- package/dist/components/TideInputCheckbox.vue2.js.map +1 -0
- package/dist/components/TideInputCheckboxDeprecated.vue.js +8 -0
- package/dist/components/TideInputCheckboxDeprecated.vue.js.map +1 -0
- package/dist/components/TideInputCheckboxDeprecated.vue2.js +96 -0
- package/dist/components/TideInputCheckboxDeprecated.vue2.js.map +1 -0
- package/dist/components/TideInputRadio.vue.js +8 -0
- package/dist/components/TideInputRadio.vue.js.map +1 -0
- package/dist/components/TideInputRadio.vue2.js +84 -0
- package/dist/components/TideInputRadio.vue2.js.map +1 -0
- package/dist/components/TideInputRadioDeprecated.vue.js +8 -0
- package/dist/components/TideInputRadioDeprecated.vue.js.map +1 -0
- package/dist/components/TideInputRadioDeprecated.vue2.js +92 -0
- package/dist/components/TideInputRadioDeprecated.vue2.js.map +1 -0
- package/dist/components/TideInputSelect.vue.js +8 -0
- package/dist/components/TideInputSelect.vue.js.map +1 -0
- package/dist/components/TideInputSelect.vue2.js +228 -0
- package/dist/components/TideInputSelect.vue2.js.map +1 -0
- package/dist/components/TideInputSelectDeprecated.vue.js +8 -0
- package/dist/components/TideInputSelectDeprecated.vue.js.map +1 -0
- package/dist/components/TideInputSelectDeprecated.vue2.js +182 -0
- package/dist/components/TideInputSelectDeprecated.vue2.js.map +1 -0
- package/dist/components/TideInputSupportingText.vue.js +40 -0
- package/dist/components/TideInputSupportingText.vue.js.map +1 -0
- package/dist/components/TideInputSupportingText.vue2.js +5 -0
- package/dist/components/TideInputSupportingText.vue2.js.map +1 -0
- package/dist/components/TideInputText.vue.js +8 -0
- package/dist/components/TideInputText.vue.js.map +1 -0
- package/dist/components/TideInputText.vue2.js +251 -0
- package/dist/components/TideInputText.vue2.js.map +1 -0
- package/dist/components/TideInputTextDeprecated.vue.js +8 -0
- package/dist/components/TideInputTextDeprecated.vue.js.map +1 -0
- package/dist/components/TideInputTextDeprecated.vue2.js +235 -0
- package/dist/components/TideInputTextDeprecated.vue2.js.map +1 -0
- package/dist/components/TideInputTextarea.vue.js +8 -0
- package/dist/components/TideInputTextarea.vue.js.map +1 -0
- package/dist/components/TideInputTextarea.vue2.js +147 -0
- package/dist/components/TideInputTextarea.vue2.js.map +1 -0
- package/dist/components/TideInputTextareaDeprecated.vue.js +8 -0
- package/dist/components/TideInputTextareaDeprecated.vue.js.map +1 -0
- package/dist/components/TideInputTextareaDeprecated.vue2.js +136 -0
- package/dist/components/TideInputTextareaDeprecated.vue2.js.map +1 -0
- package/dist/components/TideLink.vue.js +63 -0
- package/dist/components/TideLink.vue.js.map +1 -0
- package/dist/components/TideLink.vue2.js +5 -0
- package/dist/components/TideLink.vue2.js.map +1 -0
- package/dist/components/TideMenuItem.vue.js +8 -0
- package/dist/components/TideMenuItem.vue.js.map +1 -0
- package/dist/components/TideMenuItem.vue2.js +55 -0
- package/dist/components/TideMenuItem.vue2.js.map +1 -0
- package/dist/components/TideModal.vue.js +8 -0
- package/dist/components/TideModal.vue.js.map +1 -0
- package/dist/components/TideModal.vue2.js +186 -0
- package/dist/components/TideModal.vue2.js.map +1 -0
- package/dist/components/TidePagination.vue.js +82 -0
- package/dist/components/TidePagination.vue.js.map +1 -0
- package/dist/components/TidePagination.vue2.js +5 -0
- package/dist/components/TidePagination.vue2.js.map +1 -0
- package/dist/components/TidePopover.vue.js +8 -0
- package/dist/components/TidePopover.vue.js.map +1 -0
- package/dist/components/TidePopover.vue2.js +156 -0
- package/dist/components/TidePopover.vue2.js.map +1 -0
- package/dist/components/TideRating.vue.js +8 -0
- package/dist/components/TideRating.vue.js.map +1 -0
- package/dist/components/TideRating.vue2.js +75 -0
- package/dist/components/TideRating.vue2.js.map +1 -0
- package/dist/components/TideRealmLogo.vue.js +8 -0
- package/dist/components/TideRealmLogo.vue.js.map +1 -0
- package/dist/components/TideRealmLogo.vue2.js +66 -0
- package/dist/components/TideRealmLogo.vue2.js.map +1 -0
- package/dist/components/TideSeoLinks.vue.js +8 -0
- package/dist/components/TideSeoLinks.vue.js.map +1 -0
- package/dist/components/TideSeoLinks.vue2.js +47 -0
- package/dist/components/TideSeoLinks.vue2.js.map +1 -0
- package/dist/components/TideSheet.vue.js +8 -0
- package/dist/components/TideSheet.vue.js.map +1 -0
- package/dist/components/TideSheet.vue2.js +140 -0
- package/dist/components/TideSheet.vue2.js.map +1 -0
- package/dist/components/TideSwitch.vue.js +8 -0
- package/dist/components/TideSwitch.vue.js.map +1 -0
- package/dist/components/TideSwitch.vue2.js +69 -0
- package/dist/components/TideSwitch.vue2.js.map +1 -0
- package/dist/components/TideTabs.vue.js +8 -0
- package/dist/components/TideTabs.vue.js.map +1 -0
- package/dist/components/TideTabs.vue2.js +60 -0
- package/dist/components/TideTabs.vue2.js.map +1 -0
- package/dist/components/TideToaster.vue.js +8 -0
- package/dist/components/TideToaster.vue.js.map +1 -0
- package/dist/components/TideToaster.vue2.js +78 -0
- package/dist/components/TideToaster.vue2.js.map +1 -0
- package/dist/composables/useTideConfig.js +16 -0
- package/dist/composables/useTideConfig.js.map +1 -0
- package/dist/composables/useTideForm.js +18 -0
- package/dist/composables/useTideForm.js.map +1 -0
- package/dist/composables/useTideToaster.js +49 -0
- package/dist/composables/useTideToaster.js.map +1 -0
- package/dist/index.js +141 -5369
- package/dist/index.js.map +1 -0
- package/dist/style.css +3730 -1
- package/dist/types/Alert.js +10 -0
- package/dist/types/Alert.js.map +1 -0
- package/dist/types/Badge.js +69 -0
- package/dist/types/Badge.js.map +1 -0
- package/dist/types/Breakpoint.js +17 -0
- package/dist/types/Breakpoint.js.map +1 -0
- package/dist/types/Card.js +9 -0
- package/dist/types/Card.js.map +1 -0
- package/dist/types/Element.js +14 -0
- package/dist/types/Element.js.map +1 -0
- package/dist/types/Formatted.js +21 -0
- package/dist/types/Formatted.js.map +1 -0
- package/dist/types/Icon.js +195 -0
- package/dist/types/Icon.js.map +1 -0
- package/dist/types/Image.js +9 -0
- package/dist/types/Image.js.map +1 -0
- package/dist/types/Orientation.js +8 -0
- package/dist/types/Orientation.js.map +1 -0
- package/dist/types/Priority.js +11 -0
- package/dist/types/Priority.js.map +1 -0
- package/dist/types/Realm.js +16 -0
- package/dist/types/Realm.js.map +1 -0
- package/dist/types/RealmLogo.js +26 -0
- package/dist/types/RealmLogo.js.map +1 -0
- package/dist/types/Size.js +13 -0
- package/dist/types/Size.js.map +1 -0
- package/dist/types/Styles.js +484 -0
- package/dist/types/Styles.js.map +1 -0
- package/dist/types/Target.js +8 -0
- package/dist/types/Target.js.map +1 -0
- package/dist/types/TextInput.js +28 -0
- package/dist/types/TextInput.js.map +1 -0
- package/dist/types/Validation.js +19 -0
- package/dist/types/Validation.js.map +1 -0
- package/dist/utilities/event.js +8 -0
- package/dist/utilities/event.js.map +1 -0
- package/dist/utilities/format.js +47 -0
- package/dist/utilities/format.js.map +1 -0
- package/dist/utilities/forms.js +21 -0
- package/dist/utilities/forms.js.map +1 -0
- package/dist/utilities/realm.js +15 -0
- package/dist/utilities/realm.js.map +1 -0
- package/dist/utilities/validation-deprecated.js +89 -0
- package/dist/utilities/validation-deprecated.js.map +1 -0
- package/dist/utilities/validation.js +110 -0
- package/dist/utilities/validation.js.map +1 -0
- package/dist/utilities/viewport.js +47 -0
- package/dist/utilities/viewport.js.map +1 -0
- package/package.json +6 -4
- package/dist/chunks/IconAccountBalance.js +0 -16
- package/dist/chunks/IconAcute.js +0 -16
- package/dist/chunks/IconAdd.js +0 -16
- package/dist/chunks/IconAeroFlight.js +0 -16
- package/dist/chunks/IconAeroHelicopter.js +0 -16
- package/dist/chunks/IconAeroModeFan.js +0 -16
- package/dist/chunks/IconAeroPlaneContrails.js +0 -16
- package/dist/chunks/IconAiDescription.js +0 -20
- package/dist/chunks/IconAlignSpaceEven.js +0 -16
- package/dist/chunks/IconApplePay.js +0 -16
- package/dist/chunks/IconArrowBack.js +0 -16
- package/dist/chunks/IconArrowCycle.js +0 -16
- package/dist/chunks/IconArrowForward.js +0 -16
- package/dist/chunks/IconArrowRight.js +0 -16
- package/dist/chunks/IconArrowUp.js +0 -16
- package/dist/chunks/IconAssignment.js +0 -16
- package/dist/chunks/IconAttachMoney.js +0 -16
- package/dist/chunks/IconAtvAtv.js +0 -20
- package/dist/chunks/IconAtvDuneBuggy.js +0 -20
- package/dist/chunks/IconAtvGoKart.js +0 -20
- package/dist/chunks/IconAtvGolfCart.js +0 -20
- package/dist/chunks/IconAtvSandRail.js +0 -20
- package/dist/chunks/IconAtvSideBySide.js +0 -20
- package/dist/chunks/IconAtvTrailer.js +0 -20
- package/dist/chunks/IconAutoRenew.js +0 -16
- package/dist/chunks/IconAwardStar.js +0 -16
- package/dist/chunks/IconBed.js +0 -16
- package/dist/chunks/IconBoatmartPwc.js +0 -20
- package/dist/chunks/IconBoatmartTrailer.js +0 -20
- package/dist/chunks/IconBolt.js +0 -16
- package/dist/chunks/IconBookmark.js +0 -16
- package/dist/chunks/IconBunkhouse.js +0 -16
- package/dist/chunks/IconCalculate.js +0 -16
- package/dist/chunks/IconCalendarMonth.js +0 -16
- package/dist/chunks/IconCall.js +0 -16
- package/dist/chunks/IconCallQuality.js +0 -16
- package/dist/chunks/IconCarRental.js +0 -16
- package/dist/chunks/IconCheck.js +0 -16
- package/dist/chunks/IconChevronLeft.js +0 -16
- package/dist/chunks/IconChevronRight.js +0 -16
- package/dist/chunks/IconClear.js +0 -16
- package/dist/chunks/IconClose.js +0 -16
- package/dist/chunks/IconContract.js +0 -16
- package/dist/chunks/IconCrash.js +0 -16
- package/dist/chunks/IconCycleMotorcycle.js +0 -21
- package/dist/chunks/IconCycleTrailer.js +0 -20
- package/dist/chunks/IconDashboardCustomize.js +0 -16
- package/dist/chunks/IconDelete.js +0 -16
- package/dist/chunks/IconDiamond.js +0 -16
- package/dist/chunks/IconDirectionsBoat.js +0 -16
- package/dist/chunks/IconDomain.js +0 -16
- package/dist/chunks/IconDraft.js +0 -16
- package/dist/chunks/IconEdit.js +0 -16
- package/dist/chunks/IconEngine.js +0 -20
- package/dist/chunks/IconEngineering.js +0 -16
- package/dist/chunks/IconError.js +0 -16
- package/dist/chunks/IconExpandContent.js +0 -16
- package/dist/chunks/IconExpandLess.js +0 -16
- package/dist/chunks/IconExpandMore.js +0 -16
- package/dist/chunks/IconFacebook.js +0 -16
- package/dist/chunks/IconFavorite.js +0 -16
- package/dist/chunks/IconFavoriteFilled.js +0 -16
- package/dist/chunks/IconFlag.js +0 -16
- package/dist/chunks/IconFormatBold.js +0 -16
- package/dist/chunks/IconFormatItalic.js +0 -16
- package/dist/chunks/IconFormatListBulleted.js +0 -16
- package/dist/chunks/IconForum.js +0 -16
- package/dist/chunks/IconGas.js +0 -16
- package/dist/chunks/IconGavel.js +0 -16
- package/dist/chunks/IconGears.js +0 -16
- package/dist/chunks/IconGlobeLocationPin.js +0 -16
- package/dist/chunks/IconGoogle.js +0 -31
- package/dist/chunks/IconGooglePay.js +0 -16
- package/dist/chunks/IconGrid.js +0 -16
- package/dist/chunks/IconHandshake.js +0 -16
- package/dist/chunks/IconHandyman.js +0 -16
- package/dist/chunks/IconHeight.js +0 -16
- package/dist/chunks/IconHelp.js +0 -16
- package/dist/chunks/IconInfo.js +0 -16
- package/dist/chunks/IconInformation.js +0 -16
- package/dist/chunks/IconInsertText.js +0 -16
- package/dist/chunks/IconInstagram.js +0 -16
- package/dist/chunks/IconIosShare.js +0 -16
- package/dist/chunks/IconLayout.js +0 -16
- package/dist/chunks/IconLevellingJack.js +0 -20
- package/dist/chunks/IconLinkedIn.js +0 -16
- package/dist/chunks/IconLocalShipping.js +0 -16
- package/dist/chunks/IconLock.js +0 -16
- package/dist/chunks/IconMail.js +0 -16
- package/dist/chunks/IconMenu.js +0 -16
- package/dist/chunks/IconMoneyBag.js +0 -16
- package/dist/chunks/IconMoreHoriz.js +0 -16
- package/dist/chunks/IconMove.js +0 -16
- package/dist/chunks/IconNotifications.js +0 -16
- package/dist/chunks/IconOdometer.js +0 -16
- package/dist/chunks/IconOpenInNew.js +0 -16
- package/dist/chunks/IconPalette.js +0 -16
- package/dist/chunks/IconPaypal.js +0 -16
- package/dist/chunks/IconPerson.js +0 -16
- package/dist/chunks/IconPersonSearch.js +0 -16
- package/dist/chunks/IconPhotoCamera.js +0 -16
- package/dist/chunks/IconPinterest.js +0 -16
- package/dist/chunks/IconPlayArrow.js +0 -16
- package/dist/chunks/IconPolicy.js +0 -16
- package/dist/chunks/IconPower.js +0 -16
- package/dist/chunks/IconPowerOff.js +0 -16
- package/dist/chunks/IconPriorityHigh.js +0 -16
- package/dist/chunks/IconPwcPwc.js +0 -20
- package/dist/chunks/IconPwcSnowmobile.js +0 -20
- package/dist/chunks/IconPwcTrailer.js +0 -20
- package/dist/chunks/IconRemove.js +0 -16
- package/dist/chunks/IconRequestQuote.js +0 -16
- package/dist/chunks/IconResetWrench.js +0 -16
- package/dist/chunks/IconRoad.js +0 -16
- package/dist/chunks/IconRoundedCorner.js +0 -16
- package/dist/chunks/IconRuler.js +0 -16
- package/dist/chunks/IconRvClassA.js +0 -20
- package/dist/chunks/IconRvClassB.js +0 -20
- package/dist/chunks/IconRvClassC.js +0 -20
- package/dist/chunks/IconRvDestinationTrailer.js +0 -18
- package/dist/chunks/IconRvFifthWheel.js +0 -20
- package/dist/chunks/IconRvFishHouse.js +0 -20
- package/dist/chunks/IconRvParkModel.js +0 -20
- package/dist/chunks/IconRvPopUpCamper.js +0 -20
- package/dist/chunks/IconRvTeardropTrailer.js +0 -17
- package/dist/chunks/IconRvTravelTrailer.js +0 -20
- package/dist/chunks/IconRvTruckCamper.js +0 -20
- package/dist/chunks/IconSailing.js +0 -16
- package/dist/chunks/IconSchool.js +0 -16
- package/dist/chunks/IconSearch.js +0 -16
- package/dist/chunks/IconSeating.js +0 -16
- package/dist/chunks/IconSell.js +0 -16
- package/dist/chunks/IconSensors.js +0 -16
- package/dist/chunks/IconSettings.js +0 -16
- package/dist/chunks/IconShare.js +0 -16
- package/dist/chunks/IconShieldCheck.js +0 -16
- package/dist/chunks/IconShoppingCart.js +0 -16
- package/dist/chunks/IconSleeps.js +0 -16
- package/dist/chunks/IconSms.js +0 -16
- package/dist/chunks/IconSnowMotorcycle.js +0 -21
- package/dist/chunks/IconSnowPwc.js +0 -20
- package/dist/chunks/IconSnowSideBySide.js +0 -20
- package/dist/chunks/IconSnowSnowmobile.js +0 -20
- package/dist/chunks/IconSnowTrailer.js +0 -20
- package/dist/chunks/IconSnowflake.js +0 -16
- package/dist/chunks/IconStar.js +0 -16
- package/dist/chunks/IconStarFilled.js +0 -16
- package/dist/chunks/IconStarHalf.js +0 -16
- package/dist/chunks/IconSummarize.js +0 -16
- package/dist/chunks/IconSwapHoriz.js +0 -16
- package/dist/chunks/IconSwapVert.js +0 -16
- package/dist/chunks/IconThreeDRotation.js +0 -29
- package/dist/chunks/IconThumbUp.js +0 -16
- package/dist/chunks/IconTrendingDown.js +0 -16
- package/dist/chunks/IconTrophy.js +0 -16
- package/dist/chunks/IconTune.js +0 -16
- package/dist/chunks/IconTwitter.js +0 -16
- package/dist/chunks/IconUmbrella.js +0 -16
- package/dist/chunks/IconVerified.js +0 -20
- package/dist/chunks/IconVideocam.js +0 -16
- package/dist/chunks/IconViewInAr.js +0 -16
- package/dist/chunks/IconVisibility.js +0 -16
- package/dist/chunks/IconVolumeOff.js +0 -16
- package/dist/chunks/IconVolumeOn.js +0 -16
- package/dist/chunks/IconWarehouse.js +0 -16
- package/dist/chunks/IconWarning.js +0 -16
- package/dist/chunks/IconWater.js +0 -16
- package/dist/chunks/IconWeight.js +0 -16
- package/dist/chunks/IconWidth.js +0 -16
- package/dist/chunks/IconWorkspacePremium.js +0 -16
- package/dist/chunks/IconWrench.js +0 -16
- package/dist/chunks/IconYoutube.js +0 -16
- package/dist/chunks/logo-aero.js +0 -18
- package/dist/chunks/logo-atv.js +0 -20
- package/dist/chunks/logo-boatmart.js +0 -18
- package/dist/chunks/logo-cycle.js +0 -18
- package/dist/chunks/logo-equipment.js +0 -18
- package/dist/chunks/logo-pwc.js +0 -21
- package/dist/chunks/logo-rv.js +0 -20
- package/dist/chunks/logo-rvt.js +0 -16
- package/dist/chunks/logo-snow.js +0 -18
- package/dist/chunks/logo-truck.js +0 -19
- package/dist/chunks/mark-aero.js +0 -17
- package/dist/chunks/mark-atv.js +0 -22
- package/dist/chunks/mark-boatmart.js +0 -17
- package/dist/chunks/mark-cycle.js +0 -17
- package/dist/chunks/mark-equipment.js +0 -17
- package/dist/chunks/mark-pwc.js +0 -17
- package/dist/chunks/mark-rv.js +0 -22
- package/dist/chunks/mark-rvt.js +0 -18
- package/dist/chunks/mark-snow.js +0 -17
- package/dist/chunks/mark-truck.js +0 -18
package/dist/style.css
CHANGED
|
@@ -1 +1,3730 @@
|
|
|
1
|
-
.tide-divider[data-v-a1f225d2]{align-self:stretch}.tide-icon{width:1.5rem;height:1.5rem}.tide-icon.small{width:1.25rem;height:1.25rem}.tide-icon svg{width:100%;height:100%}.tide-accordion-item[data-v-0e32b249]{align-self:stretch}.tide-accordion-body[data-v-0e32b249]{transition:grid-template-rows var(--tide-animate)}.tide-accordion-body.expanded[data-v-0e32b249]{grid-template-rows:minmax(0px,1fr)}.tide-accordion-body.collapsed[data-v-0e32b249]{grid-template-rows:minmax(0px,0fr)}.tide-alert[data-v-09638e3c]{grid-template-areas:"icon heading close" ". body .";grid-template-columns:auto var(--tide-safe-fr) auto;grid-column-gap:var(--tide-spacing-1\/2);max-width:var(--tide-max-width, 640px)}.tide-alert-icon[data-v-09638e3c]{grid-area:icon}.tide-alert-heading[data-v-09638e3c]{grid-area:heading}.tide-alert-close[data-v-09638e3c]{grid-area:close}.tide-alert-body[data-v-09638e3c]{grid-area:body}.tide-icon[data-v-e9541ad7]{color:var(--tide-info-primary)}.tide-button-icon[data-v-2da25be7],.tide-link-as-button-icon[data-v-2da25be7]{border:1px solid var(--tide-white);background:var(--tide-white);color:var(--tide-secondary)}.tide-button-icon[data-v-2da25be7]:not(:disabled):hover,.tide-link-as-button-icon[data-v-2da25be7]:not(:disabled):hover{border:1px solid var(--tide-surface-variant);background:var(--tide-surface-variant)}.tide-button-icon[data-v-2da25be7]:disabled,.tide-link-as-button-icon[data-v-2da25be7]:disabled{border:1px solid var(--tide-border-high)}.tide-button-icon .label[data-v-2da25be7],.tide-link-as-button-icon .label[data-v-2da25be7]{width:1.5rem;height:1.5rem}.heart-container[data-v-4e7723df]{--rotate-during-heart-beat: 9deg;filter:drop-shadow(0px 2px 8px rgba(0,0,0,.3));transition:var(--tide-duration-300) var(--tide-easing-ease-out);transition-property:transform,scale;rotate:0deg}.heart-container.animate-heartbeat[data-v-4e7723df]{animation:heartBeat-4e7723df var(--tide-duration-150);animation-direction:alternate;animation-iteration-count:4}.heart-container[data-v-4e7723df]:active{scale:.9;transition-duration:var(--tide-duration-75)}.tide-button-save-icon[data-v-4e7723df]{fill:currentColor}@media(hover:hover){.heart-container[data-v-4e7723df]{--rotate-during-heart-beat: 0deg}.tide-button-save:where(:hover,:focus-visible) .heart-container[data-v-4e7723df]{transform:rotate(9deg)}}.heart-filled[data-v-4e7723df]{scale:.985;transform-origin:center;transition:color var(--tide-duration-75) var(--tide-easing-linear)}.filled-transparent[data-v-4e7723df]{color:var(--tide-transparent-400)}@keyframes heartBeat-4e7723df{0%{scale:1;rotate:0deg}to{scale:1.25;rotate:var(--rotate-during-heart-beat)}}.tide-button-segmented[data-v-57a30386]{max-width:23.3rem;align-self:stretch}.tide-button-segmented[data-v-57a30386]:has(:focus-visible){outline:auto}.inactive[data-v-57a30386]{border-color:var(--tide-surface-variant)}.inactive[data-v-57a30386]:hover{border-color:var(--tide-border);color:var(--tide-surface-default)}.tide-card.hoverable[data-v-0bfffaad]:not(.selected):hover{border-color:var(--tide-border-rest)}.tide-card.selected[data-v-0bfffaad]{outline:2px solid var(--tide-border-high);outline-offset:-2px}.tide-carousel-button-overlay.hideaway[data-v-a9f0952b]{opacity:0}.tide-carousel:hover .tide-carousel-button-overlay.hideaway[data-v-a9f0952b]{opacity:1}.tide-carousel-dot[data-v-a9f0952b]{width:8px;height:8px;opacity:.75;transform:scale(.5);transition:opacity var(--tide-animate),transform var(--tide-animate)}.tide-carousel-dot-neighbor[data-v-a9f0952b]{transform:scale(.75)}.tide-carousel-dot-active[data-v-a9f0952b]{transform:scale(1);opacity:1}@media(pointer:coarse){.tide-carousel .tide-carousel-button-overlay[data-v-a9f0952b]{display:none}}.tide-chip-action[data-v-5ea552aa]:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-border-high)}.tide-chip-filter[data-v-15ee34b6]{border-color:var(--tide-surface-variant)}.tide-chip-filter.active[data-v-15ee34b6]{border-color:var(--tide-secondary)}.tide-chip-filter[data-v-15ee34b6]:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-border);color:var(--tide-on-surface)}.tide-chip-input[data-v-bd65d6f6]{border-color:var(--tide-border)}.tide-chip-input[data-v-bd65d6f6]:hover{border-color:var(--tide-border-high)}.tide-columns-column[data-v-1f7e2e25]{width:100%}@media(min-width:992px){.tide-columns-column[data-v-1f7e2e25]{width:calc((100% - 2rem)/2)}}@media(min-width:1232px){.tide-columns-column[data-v-1f7e2e25]{width:calc((100% - 6rem)/4)}}.tide-image-img[data-v-bfc515e8]{border-radius:inherit}[data-v-8695bcc4] .tide-image{z-index:-1}.tide-indicator[data-v-96a6263b]:not(.dot){min-width:1rem;min-height:1rem}.tide-indicator.dot[data-v-96a6263b]{border-color:var(--tide-gray-100);width:10px;height:10px}.tide-indicator-label[data-v-96a6263b]{margin-top:-1px}.tide-input-checkbox[data-v-2b691c9a]{align-self:start}.tide-input-checkbox-custom[data-v-2b691c9a]{width:24px;height:24px}label[data-v-2b691c9a]:has(input:focus-visible){outline:auto;outline-offset:2px}.tide-input-checkbox.disabled[data-v-345366c5]{opacity:var(--tide-disabled)}.tide-input-checkbox-custom[data-v-345366c5],.tide-input-radio-custom[data-v-2346e8b9]{width:24px;height:24px}.tide-input-radio-check[data-v-2346e8b9]{width:16px;height:16px}label[data-v-2346e8b9]:has(input:focus-visible){outline:auto;outline-offset:2px}.tide-input-radio.disabled[data-v-bde66757]{opacity:var(--tide-disabled)}.tide-input-radio-custom[data-v-bde66757]{width:24px;height:24px}.tide-input-radio-check[data-v-bde66757]{width:16px;height:16px}select[data-v-5a079d8b]{-webkit-appearance:none;-moz-appearance:none;appearance:none}label[data-v-5a079d8b]{height:1.1875rem;transition:font-size var(--tide-animate),transform var(--tide-animate)}label[data-v-5a079d8b]:not(.minilabel){transform:translateY(.5625rem)}.tide-input-select.disabled[data-v-5a079d8b]{opacity:var(--tide-disabled)}.tide-input-select.error .tide-input-border[data-v-5a079d8b]{outline-color:var(--tide-error-border);background-color:var(--tide-error-surface)}.tide-input-select.error:focus-within .tide-input-border[data-v-5a079d8b]{outline-color:var(--tide-error-border)}.tide-input-select:focus-within .tide-input-border[data-v-5a079d8b]{--tide-input-outline-width: var(--tide-border-width-2);outline-color:var(--tide-border-high)}.tide-input-border[data-v-5a079d8b]{--tide-input-outline-width: var(--tide-border-width-1);outline:var(--tide-input-outline-width) solid var(--tide-border);outline-offset:calc(var(--tide-input-outline-width) * -1)}.tide-input-select.error[data-v-5a079d8b]{color:var(--tide-error-primary)}.tide-input-select.error option[data-v-5a079d8b]{color:var(--tide-on-surface)}select[data-v-5a079d8b]{padding-top:27px}select[data-v-4cfaa9a8]{-webkit-appearance:none;-moz-appearance:none;appearance:none}label[data-v-4cfaa9a8]{height:1.1875rem;transition:font-size var(--tide-animate),transform var(--tide-animate)}label[data-v-4cfaa9a8]:not(.minilabel){transform:translateY(.5625rem)}.tide-input-select.disabled[data-v-4cfaa9a8]{opacity:var(--tide-disabled)}.tide-input-select.error .tide-input-border[data-v-4cfaa9a8]{outline-color:var(--tide-error-border);background-color:var(--tide-error-surface)}.tide-input-select.error:focus-within .tide-input-border[data-v-4cfaa9a8]{outline-color:var(--tide-error-border)}.tide-input-select:focus-within .tide-input-border[data-v-4cfaa9a8]{--tide-input-outline-width: var(--tide-border-width-2);outline-color:var(--tide-border-high)}.tide-input-border[data-v-4cfaa9a8]{--tide-input-outline-width: var(--tide-border-width-1);outline:var(--tide-input-outline-width) solid var(--tide-border);outline-offset:calc(var(--tide-input-outline-width) * -1)}.tide-input-select.error[data-v-4cfaa9a8]{color:var(--tide-error-primary)}.tide-input-select.error option[data-v-4cfaa9a8]{color:var(--tide-on-surface)}select[data-v-4cfaa9a8]{padding-top:27px}.tide-input-text-label[data-v-0a1e4747]{height:1.1875rem;transition:font-size var(--tide-animate),transform var(--tide-animate)}.tide-input-text-label[data-v-0a1e4747]:not(.minilabel),.tide-input-text-prefix[data-v-0a1e4747]:not(.offset),.tide-input-text-suffix[data-v-0a1e4747]:not(.offset){transform:translateY(.5625rem)}.tide-input-text-prefix[data-v-0a1e4747],.tide-input-text-suffix[data-v-0a1e4747]{transition:transform var(--tide-animate)}.tide-input-text.disabled[data-v-0a1e4747]{opacity:var(--tide-disabled)}.tide-input-text.error[data-v-0a1e4747]{color:var(--tide-error-primary)}.tide-input-text.error .tide-input-text-field[data-v-0a1e4747]{outline-color:var(--tide-error-border);background-color:var(--tide-error-surface)}.tide-input-text.error:focus-within .tide-input-text-field[data-v-0a1e4747]{outline-color:var(--tide-error-border)}.tide-input-text:focus-within .tide-input-text-field[data-v-0a1e4747]{--tide-input-outline-width: var(--tide-border-width-2);outline-color:var(--tide-border-high)}.tide-input-text input[data-v-0a1e4747]{outline:none}.tide-input-text-field[data-v-0a1e4747]{--tide-input-outline-width: var(--tide-border-width-1);outline:var(--tide-input-outline-width) solid var(--tide-border);outline-offset:calc(var(--tide-input-outline-width) * -1);color:var(--tide-on-surface)}.tide-input-text-label[data-v-dbb301e9]{height:1.1875rem;transition:font-size var(--tide-animate),transform var(--tide-animate)}.tide-input-text-label[data-v-dbb301e9]:not(.minilabel),.tide-input-text-prefix[data-v-dbb301e9]:not(.offset),.tide-input-text-suffix[data-v-dbb301e9]:not(.offset){transform:translateY(.5625rem)}.tide-input-text-prefix[data-v-dbb301e9],.tide-input-text-suffix[data-v-dbb301e9]{transition:transform var(--tide-animate)}.tide-input-text.disabled[data-v-dbb301e9]{opacity:var(--tide-disabled)}.tide-input-text.error[data-v-dbb301e9]{color:var(--tide-error-primary)}.tide-input-text.error .tide-input-text-field[data-v-dbb301e9]{outline-color:var(--tide-error-border);background-color:var(--tide-error-surface)}.tide-input-text.error:focus-within .tide-input-text-field[data-v-dbb301e9]{outline-color:var(--tide-error-border)}.tide-input-text:focus-within .tide-input-text-field[data-v-dbb301e9]{--tide-input-outline-width: var(--tide-border-width-2);outline-color:var(--tide-border-high)}.tide-input-text input[data-v-dbb301e9]{outline:none}.tide-input-text-field[data-v-dbb301e9]{--tide-input-outline-width: var(--tide-border-width-1);outline:var(--tide-input-outline-width) solid var(--tide-border);outline-offset:calc(var(--tide-input-outline-width) * -1);color:var(--tide-on-surface)}textarea[data-v-27ae9283]{resize:vertical}.tide-input-textarea-label[data-v-27ae9283]{height:1.1875rem;transition:font-size var(--tide-animate),transform var(--tide-animate)}.tide-input-textarea.error[data-v-27ae9283]{color:var(--tide-error-primary)}.tide-input-textarea.error .tide-input-textarea-field[data-v-27ae9283]{outline-color:var(--tide-error-border);background-color:var(--tide-error-surface)}.tide-input-textarea.error:focus-within .tide-input-textarea-field[data-v-27ae9283]{outline-color:var(--tide-error-border)}.tide-input-textarea:focus-within .tide-input-textarea-field[data-v-27ae9283]{--tide-input-outline-width: var(--tide-border-width-2);outline-color:var(--tide-border-high)}.tide-input-textarea textarea[data-v-27ae9283]{outline:none}.tide-input-textarea-field[data-v-27ae9283]{--tide-input-outline-width: var(--tide-border-width-1);outline:var(--tide-input-outline-width) solid var(--tide-border);outline-offset:calc(var(--tide-input-outline-width) * -1);color:var(--tide-on-surface)}textarea[data-v-9b7af68f]{resize:vertical}.tide-input-textarea-label[data-v-9b7af68f]{height:1.1875rem;transition:font-size var(--tide-animate),transform var(--tide-animate)}.tide-input-textarea.error[data-v-9b7af68f]{color:var(--tide-error-primary)}.tide-input-textarea.error .tide-input-textarea-field[data-v-9b7af68f]{outline-color:var(--tide-error-border);background-color:var(--tide-error-surface)}.tide-input-textarea.error:focus-within .tide-input-textarea-field[data-v-9b7af68f]{outline-color:var(--tide-error-border)}.tide-input-textarea:focus-within .tide-input-textarea-field[data-v-9b7af68f]{--tide-input-outline-width: var(--tide-border-width-2);outline-color:var(--tide-border-high)}.tide-input-textarea textarea[data-v-9b7af68f]{outline:none}.tide-input-textarea-field[data-v-9b7af68f]{--tide-input-outline-width: var(--tide-border-width-1);outline:var(--tide-input-outline-width) solid var(--tide-border);outline-offset:calc(var(--tide-input-outline-width) * -1);color:var(--tide-on-surface)}.tide-menu-item[data-v-da373674]{height:40px}.tide-menu-item[data-v-da373674]:hover{background-color:var(--tide-surface-variant)}.tide-modal[data-v-48b2fcd3]{--modal-padding-x: 20px;max-width:unset;max-height:unset;place-items:center;display:none;transition:all var(--tide-animate) allow-discrete;transform:translateY(100%)}.tide-modal[open][data-v-48b2fcd3]{display:grid;transform:translateY(0)}.tide-modal[data-v-48b2fcd3]::backdrop{background-color:transparent;transition:all var(--tide-animate) allow-discrete;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.tide-modal[open][data-v-48b2fcd3]::backdrop{background-color:var(--tide-transparent-400);-webkit-backdrop-filter:var(--tide-bg-blur);backdrop-filter:var(--tide-bg-blur)}@starting-style{.tide-modal[open][data-v-48b2fcd3]{display:grid;transform:translateY(100%)}.tide-modal[open][data-v-48b2fcd3]::backdrop{background-color:transparent;-webkit-backdrop-filter:var(--tide-bg-blur);backdrop-filter:var(--tide-bg-blur)}}.tide-modal-body[data-v-48b2fcd3]{width:var(--modal-width, 576px);max-height:calc(100% - var(--tide-spacing-2))}.tide-modal-header[data-v-48b2fcd3],.tide-modal-footer[data-v-48b2fcd3]{padding-inline:var(--modal-padding-x)}.tide-modal-content[data-v-48b2fcd3]{grid-template-columns:var(--modal-padding-x) var(--tide-safe-fr) var(--modal-padding-x);contain:layout}:where(.tide-modal-content[data-v-48b2fcd3])>:where(*){grid-column:2}@media(max-width:767px){.tide-modal-body[data-v-48b2fcd3]{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media(min-width:768px){.tide-modal[data-v-48b2fcd3]{--modal-padding-x: var(--tide-spacing-2)}.tide-modal-body[data-v-48b2fcd3]{max-height:85%;bottom:initial}}.tide-popover[data-v-c4623b8d]{max-width:256px}.v-enter-from[data-v-c4623b8d],.v-leave-to[data-v-c4623b8d]{opacity:0}.v-enter-active[data-v-c4623b8d],.v-leave-active[data-v-c4623b8d]{transition:opacity var(--tide-animate)}.v-enter-to[data-v-c4623b8d],.v-leave-from[data-v-c4623b8d]{opacity:1}.tide-rating-bar[data-v-4ae61636]{height:28px}.tide-rating-segment[data-v-4ae61636]{clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.tide-rating-segment-first[data-v-4ae61636]{border-top-left-radius:9999px;border-bottom-left-radius:9999px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.tide-rating-segment-last[data-v-4ae61636]{border-top-right-radius:9999px;border-bottom-right-radius:9999px;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.tide-realm-logo[data-v-dec575c7],.tide-realm-logo.large[data-v-dec575c7]{width:var(--logo-width-full);height:var(--logo-height-full)}.tide-realm-logo.small[data-v-dec575c7]{width:var(--logo-width-small);height:var(--logo-height-small)}.tide-realm-logo.mark[data-v-dec575c7]{width:var(--logo-width-mark);height:var(--logo-height-mark)}@media(min-width:768px){.tide-realm-logo.sm-small[data-v-dec575c7]{width:var(--logo-width-small);height:var(--logo-height-small)}.tide-realm-logo.sm-large[data-v-dec575c7]{width:var(--logo-width-full);height:var(--logo-height-full)}}@media(min-width:992px){.tide-realm-logo.md-small[data-v-dec575c7]{width:var(--logo-width-small);height:var(--logo-height-small)}.tide-realm-logo.md-large[data-v-dec575c7]{width:var(--logo-width-full);height:var(--logo-height-full)}}@media(min-width:1232px){.tide-realm-logo.lg-small[data-v-dec575c7]{width:var(--logo-width-small);height:var(--logo-height-small)}.tide-realm-logo.lg-large[data-v-dec575c7]{width:var(--logo-width-full);height:var(--logo-height-full)}}@media(min-width:1920px){.tide-realm-logo.xl-small[data-v-dec575c7]{width:var(--logo-width-small);height:var(--logo-height-small)}.tide-realm-logo.xl-large[data-v-dec575c7]{width:var(--logo-width-full);height:var(--logo-height-full)}}.tide-seo-link[data-v-5cd4472f]{width:100%}@media(min-width:992px){.tide-seo-link[data-v-5cd4472f]{width:calc((100% - 2rem)/2)}}@media(min-width:1232px){.tide-seo-link[data-v-5cd4472f]{width:calc((100% - 6rem)/4)}}.tide-sheet[data-v-4f5c60b8]{--sheet-padding-x: var(--tide-spacing-1);max-width:unset;max-height:unset;justify-items:right;display:none;transition:all var(--tide-animate) allow-discrete;transform:translate(100%)}.tide-sheet[open][data-v-4f5c60b8]{display:grid;transform:translate(0)}.tide-sheet[data-v-4f5c60b8]::backdrop{background-color:transparent;transition:all var(--tide-animate) allow-discrete;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.tide-sheet[open][data-v-4f5c60b8]::backdrop{background-color:var(--tide-transparent-400);-webkit-backdrop-filter:var(--tide-bg-blur);backdrop-filter:var(--tide-bg-blur)}.tide-sheet-body[data-v-4f5c60b8]{max-width:min(calc(100vw - var(--tide-spacing-2)),311px)}.tide-sheet-content[data-v-4f5c60b8]{grid-template-columns:var(--sheet-padding-x) var(--tide-safe-fr) var(--sheet-padding-x);contain:layout}:where(.tide-sheet-content[data-v-4f5c60b8])>:where(*){grid-column:2}@starting-style{.tide-sheet[open][data-v-4f5c60b8]{display:grid;transform:translate(100%)}.tide-sheet[open][data-v-4f5c60b8]::backdrop{background-color:transparent;-webkit-backdrop-filter:var(--tide-bg-blur);backdrop-filter:var(--tide-bg-blur)}}.tide-switch[data-v-d623c7da]{--switch-indicator-size: 24px;--switch-indicator-margin: var(--tide-spacing-1\/4);--switch-border-width: var(--tide-border-width-1);--switch-width: calc(var(--switch-indicator-size) * 2 + var(--switch-indicator-margin) * 4);--switch-height: calc(var(--switch-indicator-size) + var(--switch-indicator-margin) * 2);width:var(--switch-width);height:var(--switch-height);transition:var(--tide-animate);transition-property:background-color,border-color}.tide-switch.active[data-v-d623c7da]{border-color:var(--tide-secondary)}.tide-switch-indicator[data-v-d623c7da]{left:var(--switch-indicator-margin);transition:var(--tide-animate);transition-property:left,border-color,background-color}.tide-switch-indicator.active[data-v-d623c7da]{left:calc(var(--switch-width) - var(--switch-indicator-size) - var(--switch-indicator-margin) - var(--switch-border-width))}.rounded-border[data-v-92f91fcb]{height:4px;border-radius:var(--tide-radius-full) var(--tide-radius-full) 0 0}.pop-enter-active[data-v-158c6081],.pop-leave-active[data-v-158c6081]{transition:var(--tide-animate);transition-property:opacity,transform,translate}.pop-enter-from[data-v-158c6081]{translate:100% 0}.pop-leave-to[data-v-158c6081]{opacity:0;z-index:0!important}.pop-leave-active[data-v-158c6081]{position:absolute}@media(min-width:768px){.tide-toast-wrap[data-v-158c6081]{width:400px}}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:block;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:block;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:block;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:block;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-size:16px}body{color:var(--tide-on-surface);font-size:var(--tide-font-16);font-weight:var(--tide-font-regular);line-height:1.4;text-wrap:pretty}.body-scroll-lock{top:0;right:0;bottom:0;left:0;margin-top:calc(0px - var(--saved-scroll-y, 0px));overflow-y:scroll;position:fixed}*,*:before,*:after{box-sizing:border-box;margin:0;border:0;padding:0;color:inherit;font-family:Montserrat,system-ui,sans-serif;font-weight:inherit;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-underline-offset:.2em;text-decoration-skip-ink:none}h1{font-size:var(--tide-font-32)}h2{font-size:var(--tide-font-24)}h3{font-size:var(--tide-font-20)}h4,h5,h6{font-size:var(--tide-font-16)}h1,h2,h3,h4,h5,h6{font-weight:var(--tide-font-semibold);text-wrap:balance}img,label{display:block}img{max-width:100%}p{max-width:80ch}button,input,option,select,textarea{background-color:unset;font-family:inherit;font-size:inherit}button:enabled,select{cursor:pointer}button:disabled{cursor:not-allowed}input::placeholder{color:var(--tide-gray-700);opacity:1}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none}:root{--tide-font-10: .625rem;--tide-font-12: .75rem;--tide-font-14: .875rem;--tide-font-16: 1rem;--tide-font-18: 1.125rem;--tide-font-20: 1.25rem;--tide-font-24: 1.5rem;--tide-font-28: 1.75rem;--tide-font-32: 2rem;--tide-font-regular: 400;--tide-font-medium: 500;--tide-font-semibold: 600;--tide-duration-75: 75ms;--tide-duration-150: .15s;--tide-duration-300: .3s;--tide-duration-600: .6s;--tide-easing-ease: ease;--tide-easing-ease-out: ease-out;--tide-easing-linear: linear;--tide-animate: var(--tide-duration-300) var(--tide-easing-ease);--tide-spacing-0: 0rem;--tide-spacing-1\/4: .25rem;--tide-spacing-1\/2: .5rem;--tide-spacing-1: 1rem;--tide-spacing-2: 2rem;--tide-spacing-4: 4rem;--tide-border-width-1: 1px;--tide-border-width-2: 2px;--tide-border-1: var(--tide-border-width-1) solid var(--tide-black);--tide-border-2: var(--tide-border-width-2) solid var(--tide-black);--tide-radius-1\/4: 4px;--tide-radius-1\/2: 8px;--tide-radius-1: 16px;--tide-radius-full: 99999px;--tide-black: var(--tide-gray-900);--tide-white: var(--tide-gray-100);--tide-safe-fr: minmax(0, 1fr);--tide-disabled: .333;--tide-shadow-bottom: 0px 2px 8px 2px rgba(0, 0, 0, .07);--tide-shadow-top: 0px -2px 8px 2px rgba(0, 0, 0, .07);--tide-shadow-text: 0px 0px 5px rgba(0, 0, 0, .6);--tide-transparent-100: color-mix(in srgb, white 90%, transparent);--tide-transparent-200: color-mix(in srgb, white 75%, transparent);--tide-transparent-300: color-mix(in srgb, black 10%, transparent);--tide-transparent-400: color-mix(in srgb, black 50%, transparent);--tide-bg-blur: blur(8px);--tide-gray-100: #FFFFFF;--tide-gray-200: #F2F2F2;--tide-gray-300: #E4E4E5;--tide-gray-400: #C9CACB;--tide-gray-500: #AEAFB2;--tide-gray-600: #939598;--tide-gray-700: #6E7072;--tide-gray-800: #494A4C;--tide-gray-900: #252526;--tide-gray-1000: #000000;--tide-blue-100: #EBF1FD;--tide-blue-200: #3870E9;--tide-blue-300: #22438C;--tide-green-100: #E7F6ED;--tide-green-200: #11A94E;--tide-green-300: #0A652F;--tide-lime-100: #F7FAE9;--tide-lime-200: #ACC821;--tide-lime-300: #677814;--tide-orange-100: #FFF2EA;--tide-orange-200: #FA8131;--tide-orange-300: #964D1D;--tide-purple-100: #F1F0F8;--tide-purple-200: #756CB7;--tide-purple-300: #46416E;--tide-red-100: #FBE9EA;--tide-red-200: #D8202E;--tide-red-300: #82131C;--tide-salmon-100: #FDF1F0;--tide-salmon-200: #EE706B;--tide-salmon-300: #8F4340;--tide-teal-100: #E6F7F8;--tide-teal-200: #21B1B2;--tide-teal-300: #036C6C;--tide-yellow-100: #FEF2CC;--tide-yellow-200: #FACA33;--tide-yellow-300: #90731D;--tide-blue-primary: var(--tide-blue-200);--tide-blue-surface: var(--tide-blue-100);--tide-blue-border: var(--tide-blue-200);--tide-blue-on-surface: var(--tide-blue-300);--tide-green-primary: var(--tide-green-200);--tide-green-surface: var(--tide-green-100);--tide-green-border: var(--tide-green-200);--tide-green-on-surface: var(--tide-green-300);--tide-lime-primary: var(--tide-lime-200);--tide-lime-surface: var(--tide-lime-100);--tide-lime-border: var(--tide-lime-200);--tide-lime-on-surface: var(--tide-lime-300);--tide-orange-primary: var(--tide-orange-200);--tide-orange-surface: var(--tide-orange-100);--tide-orange-border: var(--tide-orange-200);--tide-orange-on-surface: var(--tide-orange-300);--tide-purple-primary: var(--tide-purple-200);--tide-purple-surface: var(--tide-purple-100);--tide-purple-border: var(--tide-purple-200);--tide-purple-on-surface: var(--tide-purple-300);--tide-red-primary: var(--tide-red-200);--tide-red-surface: var(--tide-red-100);--tide-red-border: var(--tide-red-200);--tide-red-on-surface: var(--tide-red-300);--tide-salmon-primary: var(--tide-salmon-200);--tide-salmon-surface: var(--tide-salmon-100);--tide-salmon-border: var(--tide-salmon-200);--tide-salmon-on-surface: var(--tide-salmon-300);--tide-teal-primary: var(--tide-teal-200);--tide-teal-surface: var(--tide-teal-100);--tide-teal-border: var(--tide-teal-200);--tide-teal-on-surface: var(--tide-teal-300);--tide-yellow-primary: var(--tide-yellow-200);--tide-yellow-surface: var(--tide-yellow-100);--tide-yellow-border: var(--tide-yellow-200);--tide-yellow-on-surface: var(--tide-yellow-300);--tide-error-primary: var(--tide-red-200);--tide-error-surface: var(--tide-red-100);--tide-error-border: var(--tide-red-200);--tide-info-primary: var(--tide-blue-200);--tide-info-surface: var(--tide-blue-100);--tide-info-border: var(--tide-blue-200);--tide-success-primary: var(--tide-green-200);--tide-success-surface: var(--tide-green-100);--tide-success-border: var(--tide-green-200);--tide-warning-primary: var(--tide-yellow-200);--tide-warning-surface: var(--tide-yellow-100);--tide-warning-border: var(--tide-yellow-200);--tide-secondary: var(--tide-gray-900);--tide-on-secondary: var(--tide-gray-100);--tide-surface: var(--tide-gray-100);--tide-surface-variant: var(--tide-gray-200);--tide-surface-floating: var(--tide-transparent-100);--tide-surface-inverse: var(--tide-gray-900);--tide-on-surface: var(--tide-gray-900);--tide-on-surface-variant: var(--tide-gray-700);--tide-on-surface-inverse: var(--tide-gray-100);--tide-on-surface-inverse-variant: var(--tide-transparent-200);--tide-border-low: var(--tide-gray-300);--tide-border: var(--tide-gray-600);--tide-border-high: var(--tide-gray-900);--tide-border-floating: var(--tide-transparent-300);--tide-surface-gradient: radial-gradient( 57.27% 60.26% at 100% 103.53%, color-mix(in srgb, var(--tide-gradient-bottom-right-color) var(--tide-gradient-bottom-right-opacity), transparent) 0%, color-mix(in srgb, var(--tide-gradient-bottom-right-color) 0%, transparent) 100% ), radial-gradient( 157.36% 151.94% at 19.69% -3.53%, color-mix(in srgb, var(--tide-gradient-top-color) var(--tide-gradient-top-opacity), transparent) 28.37%, color-mix(in srgb, var(--tide-gradient-top-color) 0%, transparent) 100% ), radial-gradient( 41.93% 63.48% at -2.12% 103.9%, color-mix(in srgb, var(--tide-gradient-bottom-left-color) var(--tide-gradient-bottom-left-opacity), transparent) 0%, color-mix(in srgb, var(--tide-gradient-bottom-left-color) 0%, transparent) 100% )}.tide-position-absolute{position:absolute}.tide-position-fixed{position:fixed}.tide-position-relative{position:relative}.tide-position-static{position:static}.tide-position-sticky{position:sticky}.tide-top-0{top:0}.tide-right-0{right:0}.tide-bottom-0{bottom:0}.tide-left-0{left:0}.tide-display-block{display:block}.tide-display-contents{display:contents}.tide-display-flex{display:flex}.tide-display-grid{display:grid}.tide-display-initial{display:initial}.tide-display-inline{display:inline}.tide-display-inline-block{display:inline-block}.tide-display-inline-flex{display:inline-flex}.tide-display-none{display:none}.tide-flex-column{flex-direction:column}.tide-flex-column-reverse{flex-direction:column-reverse}.tide-flex-row{flex-direction:row}.tide-flex-row-reverse{flex-direction:row-reverse}.tide-grow{flex-grow:1}.tide-grow-none{flex-grow:0}.tide-shrink{flex-shrink:1}.tide-shrink-none{flex-shrink:0}.tide-flex-wrap{flex-wrap:wrap}.tide-axis1-around{justify-content:space-around}.tide-axis1-between{justify-content:space-between}.tide-axis1-center{justify-content:center}.tide-axis1-end{justify-content:end}.tide-axis1-start{justify-content:start}.tide-axis2-around{align-items:space-around}.tide-axis2-center{align-items:center}.tide-axis2-end{align-items:flex-end}.tide-axis2-start{align-items:flex-start}.tide-axis2-stretch{align-items:stretch}.tide-gap-0{gap:0}.tide-gap-1\/4{gap:var(--tide-spacing-1\/4)}.tide-gap-1\/2{gap:var(--tide-spacing-1\/2)}.tide-gap-1{gap:var(--tide-spacing-1)}.tide-gap-2{gap:var(--tide-spacing-2)}.tide-gap-4{gap:var(--tide-spacing-4)}.tide-flex-basis-auto{flex-basis:auto}.tide-flex-basis-0{flex-basis:0}.tide-box-border{box-sizing:border-box}.tide-box-content{box-sizing:content-box}.tide-margin-0{margin:0}.tide-margin-1\/4{margin:var(--tide-spacing-1\/4)}.tide-margin-1\/2{margin:var(--tide-spacing-1\/2)}.tide-margin-1{margin:var(--tide-spacing-1)}.tide-margin-2{margin:var(--tide-spacing-2)}.tide-margin-4{margin:var(--tide-spacing-4)}.tide-margin-auto{margin:auto}.tide-margin-x-0{margin-left:0;margin-right:0}.tide-margin-x-1\/4{margin-left:var(--tide-spacing-1\/4);margin-right:var(--tide-spacing-1\/4)}.tide-margin-x-1\/2{margin-left:var(--tide-spacing-1\/2);margin-right:var(--tide-spacing-1\/2)}.tide-margin-x-1{margin-left:var(--tide-spacing-1);margin-right:var(--tide-spacing-1)}.tide-margin-x-2{margin-left:var(--tide-spacing-2);margin-right:var(--tide-spacing-2)}.tide-margin-x-4{margin-left:var(--tide-spacing-4);margin-right:var(--tide-spacing-4)}.tide-margin-x-auto{margin-left:auto;margin-right:auto}.tide-margin-y-0{margin-top:0;margin-bottom:0}.tide-margin-y-1\/4{margin-top:var(--tide-spacing-1\/4);margin-bottom:var(--tide-spacing-1\/4)}.tide-margin-y-1\/2{margin-top:var(--tide-spacing-1\/2);margin-bottom:var(--tide-spacing-1\/2)}.tide-margin-y-1{margin-top:var(--tide-spacing-1);margin-bottom:var(--tide-spacing-1)}.tide-margin-y-2{margin-top:var(--tide-spacing-2);margin-bottom:var(--tide-spacing-2)}.tide-margin-y-4{margin-top:var(--tide-spacing-4);margin-bottom:var(--tide-spacing-4)}.tide-margin-y-auto{margin-top:auto;margin-bottom:auto}.tide-margin-top-0{margin-top:0}.tide-margin-top-1\/4{margin-top:var(--tide-spacing-1\/4)}.tide-margin-top-1\/2{margin-top:var(--tide-spacing-1\/2)}.tide-margin-top-1{margin-top:var(--tide-spacing-1)}.tide-margin-top-2{margin-top:var(--tide-spacing-2)}.tide-margin-top-4{margin-top:var(--tide-spacing-4)}.tide-margin-top-auto{margin-top:auto}.tide-margin-right-0{margin-right:0}.tide-margin-right-1\/4{margin-right:var(--tide-spacing-1\/4)}.tide-margin-right-1\/2{margin-right:var(--tide-spacing-1\/2)}.tide-margin-right-1{margin-right:var(--tide-spacing-1)}.tide-margin-right-2{margin-right:var(--tide-spacing-2)}.tide-margin-right-4{margin-right:var(--tide-spacing-4)}.tide-margin-right-auto{margin-right:auto}.tide-margin-bottom-0{margin-bottom:0}.tide-margin-bottom-1\/4{margin-bottom:var(--tide-spacing-1\/4)}.tide-margin-bottom-1\/2{margin-bottom:var(--tide-spacing-1\/2)}.tide-margin-bottom-1{margin-bottom:var(--tide-spacing-1)}.tide-margin-bottom-2{margin-bottom:var(--tide-spacing-2)}.tide-margin-bottom-4{margin-bottom:var(--tide-spacing-4)}.tide-margin-bottom-auto{margin-bottom:auto}.tide-margin-left-0{margin-left:0}.tide-margin-left-1\/4{margin-left:var(--tide-spacing-1\/4)}.tide-margin-left-1\/2{margin-left:var(--tide-spacing-1\/2)}.tide-margin-left-1{margin-left:var(--tide-spacing-1)}.tide-margin-left-2{margin-left:var(--tide-spacing-2)}.tide-margin-left-4{margin-left:var(--tide-spacing-4)}.tide-margin-left-auto{margin-left:auto}.tide-border-color-initial{border-color:initial}.tide-border-primary{border-color:var(--tide-primary)}.tide-border{border-color:var(--tide-border)}.tide-border-low{border-color:var(--tide-border-low)}.tide-border-high{border-color:var(--tide-border-high)}.tide-border-floating{border-color:var(--tide-border-floating)}.tide-border-error{border-color:var(--tide-error-border)}.tide-border-info{border-color:var(--tide-info-border)}.tide-border-success{border-color:var(--tide-success-border)}.tide-border-warning{border-color:var(--tide-warning-border)}.tide-border-1,.tide-border-2,.tide-border-bottom-1,.tide-border-bottom-2,.tide-border-left-1,.tide-border-left-2,.tide-border-right-1,.tide-border-right-2,.tide-border-top-1,.tide-border-top-2{border-style:solid}.tide-border-dashed{border-style:dashed}.tide-border-solid{border-style:solid}.tide-border-0{border-width:0}.tide-border-1{border-width:var(--tide-border-width-1)}.tide-border-2{border-width:var(--tide-border-width-2)}.tide-border-top-0{border-top-width:0}.tide-border-right-0{border-right-width:0}.tide-border-bottom-0{border-bottom-width:0}.tide-border-left-0{border-left-width:0}.tide-border-top-1{border-top-width:var(--tide-border-width-1)}.tide-border-right-1{border-right-width:var(--tide-border-width-1)}.tide-border-bottom-1{border-bottom-width:var(--tide-border-width-1)}.tide-border-left-1{border-left-width:var(--tide-border-width-1)}.tide-border-top-2{border-top-width:var(--tide-border-width-2)}.tide-border-right-2{border-right-width:var(--tide-border-width-2)}.tide-border-bottom-2{border-bottom-width:var(--tide-border-width-2)}.tide-border-left-2{border-left-width:var(--tide-border-width-2)}.tide-radius-0{border-radius:0}.tide-radius-1\/4{border-radius:var(--tide-radius-1\/4)}.tide-radius-1\/2{border-radius:var(--tide-radius-1\/2)}.tide-radius-1{border-radius:var(--tide-radius-1)}.tide-radius-full{border-radius:var(--tide-radius-full)}.tide-padding-0{padding:0}.tide-padding-1\/4{padding:var(--tide-spacing-1\/4)}.tide-padding-1\/2{padding:var(--tide-spacing-1\/2)}.tide-padding-1{padding:var(--tide-spacing-1)}.tide-padding-2{padding:var(--tide-spacing-2)}.tide-padding-4{padding:var(--tide-spacing-4)}.tide-padding-x-0{padding-left:0;padding-right:0}.tide-padding-x-1\/4{padding-left:var(--tide-spacing-1\/4);padding-right:var(--tide-spacing-1\/4)}.tide-padding-x-1\/2{padding-left:var(--tide-spacing-1\/2);padding-right:var(--tide-spacing-1\/2)}.tide-padding-x-1{padding-left:var(--tide-spacing-1);padding-right:var(--tide-spacing-1)}.tide-padding-x-2{padding-left:var(--tide-spacing-2);padding-right:var(--tide-spacing-2)}.tide-padding-x-4{padding-left:var(--tide-spacing-4);padding-right:var(--tide-spacing-4)}.tide-padding-y-0{padding-top:0;padding-bottom:0}.tide-padding-y-1\/4{padding-top:var(--tide-spacing-1\/4);padding-bottom:var(--tide-spacing-1\/4)}.tide-padding-y-1\/2{padding-top:var(--tide-spacing-1\/2);padding-bottom:var(--tide-spacing-1\/2)}.tide-padding-y-1{padding-top:var(--tide-spacing-1);padding-bottom:var(--tide-spacing-1)}.tide-padding-y-2{padding-top:var(--tide-spacing-2);padding-bottom:var(--tide-spacing-2)}.tide-padding-y-4{padding-top:var(--tide-spacing-4);padding-bottom:var(--tide-spacing-4)}.tide-padding-top-0{padding-top:0}.tide-padding-top-1\/4{padding-top:var(--tide-spacing-1\/4)}.tide-padding-top-1\/2{padding-top:var(--tide-spacing-1\/2)}.tide-padding-top-1{padding-top:var(--tide-spacing-1)}.tide-padding-top-2{padding-top:var(--tide-spacing-2)}.tide-padding-top-4{padding-top:var(--tide-spacing-4)}.tide-padding-right-0{padding-right:0}.tide-padding-right-1\/4{padding-right:var(--tide-spacing-1\/4)}.tide-padding-right-1\/2{padding-right:var(--tide-spacing-1\/2)}.tide-padding-right-1{padding-right:var(--tide-spacing-1)}.tide-padding-right-2{padding-right:var(--tide-spacing-2)}.tide-padding-right-4{padding-right:var(--tide-spacing-4)}.tide-padding-bottom-0{padding-bottom:0}.tide-padding-bottom-1\/4{padding-bottom:var(--tide-spacing-1\/4)}.tide-padding-bottom-1\/2{padding-bottom:var(--tide-spacing-1\/2)}.tide-padding-bottom-1{padding-bottom:var(--tide-spacing-1)}.tide-padding-bottom-2{padding-bottom:var(--tide-spacing-2)}.tide-padding-bottom-4{padding-bottom:var(--tide-spacing-4)}.tide-padding-left-0{padding-left:0}.tide-padding-left-1\/4{padding-left:var(--tide-spacing-1\/4)}.tide-padding-left-1\/2{padding-left:var(--tide-spacing-1\/2)}.tide-padding-left-1{padding-left:var(--tide-spacing-1)}.tide-padding-left-2{padding-left:var(--tide-spacing-2)}.tide-padding-left-4{padding-left:var(--tide-spacing-4)}.tide-max-width-full{max-width:100%}.tide-min-width-0{min-width:0}.tide-max-height-full{max-height:100%}.tide-min-height-0{min-height:0}.tide-width-auto{width:auto}.tide-width-0{width:0}.tide-width-full{width:100%}.tide-width-stretch{width:-webkit-fill-available;width:-moz-available;width:stretch}.tide-height-auto{height:auto}.tide-height-0{height:0}.tide-height-full{height:100%}.tide-width-container{max-width:1168px}.tide-bg-initial{background-color:initial}.tide-bg-primary{background:var(--tide-primary)}.tide-bg-secondary{background:var(--tide-secondary)}.tide-bg-surface{background:var(--tide-surface)}.tide-bg-surface-variant{background:var(--tide-surface-variant)}.tide-bg-surface-brand{background:var(--tide-surface-brand)}.tide-bg-surface-accent{background:var(--tide-surface-accent)}.tide-bg-surface-gradient{background:var(--tide-surface-gradient)}.tide-bg-surface-floating{background:var(--tide-surface-floating)}.tide-bg-surface-inverse{background:var(--tide-surface-inverse)}.tide-bg-primary-error{background-color:var(--tide-error-primary)}.tide-bg-primary-info{background-color:var(--tide-info-primary)}.tide-bg-primary-success{background-color:var(--tide-success-primary)}.tide-bg-primary-warning{background-color:var(--tide-warning-primary)}.tide-bg-surface-error{background-color:var(--tide-error-surface)}.tide-bg-surface-info{background-color:var(--tide-info-surface)}.tide-bg-surface-success{background-color:var(--tide-success-surface)}.tide-bg-surface-warning{background-color:var(--tide-warning-surface)}.tide-transparent-100{background-color:var(--tide-transparent-100)}.tide-transparent-200{background-color:var(--tide-transparent-200)}.tide-transparent-300{background-color:var(--tide-transparent-300)}.tide-transparent-400{background-color:var(--tide-transparent-400)}.tide-typography-display-1{font-size:var(--tide-font-32);font-weight:var(--tide-font-semibold);text-wrap:balance}.tide-typography-headline-1{font-size:var(--tide-font-24);font-weight:var(--tide-font-semibold);text-wrap:balance}.tide-typography-headline-2{font-size:var(--tide-font-20);font-weight:var(--tide-font-semibold);text-wrap:balance}.tide-typography-headline-3{font-size:var(--tide-font-16);font-weight:var(--tide-font-semibold);text-wrap:balance}.tide-typography-title-1{font-size:var(--tide-font-20);font-weight:var(--tide-font-semibold);text-wrap:balance}.tide-typography-title-2{font-size:var(--tide-font-18);font-weight:var(--tide-font-semibold);text-wrap:balance}.tide-typography-body-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-regular)}.tide-typography-body-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-regular)}.tide-typography-label-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.tide-typography-label-1-semibold{font-size:var(--tide-font-16);font-weight:var(--tide-font-semibold)}.tide-typography-label-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.tide-typography-label-2-semibold{font-size:var(--tide-font-14);font-weight:var(--tide-font-semibold)}.tide-typography-label-3{font-size:var(--tide-font-12);font-weight:var(--tide-font-medium)}.tide-typography-link-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.tide-typography-link-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.tide-typography-link-3{font-size:var(--tide-font-12);font-weight:var(--tide-font-medium)}.tide-typography-button-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.tide-typography-button-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.tide-font-on-primary{color:var(--tide-on-primary)}.tide-font-on-secondary{color:var(--tide-on-secondary)}.tide-font-on-surface{color:var(--tide-on-surface)}.tide-font-on-surface-variant{color:var(--tide-on-surface-variant)}.tide-font-on-surface-brand{color:var(--tide-on-surface-brand)}.tide-font-on-surface-inverse{color:var(--tide-on-surface-inverse)}.tide-font-on-surface-variant-inverse{color:var(--tide-on-surface-inverse-variant)}.tide-font-error{color:var(--tide-error-primary)}.tide-font-info{color:var(--tide-info-primary)}.tide-font-success{color:var(--tide-success-primary)}.tide-font-warning{color:var(--tide-warning-primary)}.tide-font-10{font-size:var(--tide-font-10)}.tide-font-12{font-size:var(--tide-font-12)}.tide-font-14{font-size:var(--tide-font-14)}.tide-font-16{font-size:var(--tide-font-16)}.tide-font-20{font-size:var(--tide-font-20)}.tide-font-24{font-size:var(--tide-font-24)}.tide-font-32{font-size:var(--tide-font-32)}.tide-font-400{font-weight:var(--tide-font-regular)}.tide-font-500{font-weight:var(--tide-font-medium)}.tide-font-600{font-weight:var(--tide-font-semibold)}.tide-font-700{font-weight:700}.tide-align-middle{vertical-align:middle}.tide-align-initial{vertical-align:initial}.tide-bg-blur{-webkit-backdrop-filter:var(--tide-bg-blur);backdrop-filter:var(--tide-bg-blur)}.tide-break-initial{overflow-wrap:initial}.tide-break-word{overflow-wrap:break-word}.tide-break-inside-avoid-column{break-inside:avoid-column}.tide-columns-initial{column-count:initial}.tide-columns-1{column-count:1}.tide-columns-2{column-count:2}.tide-columns-3{column-count:3}.tide-columns-4{column-count:4}.tide-cursor-not-allowed{cursor:not-allowed}.tide-cursor-pointer{cursor:pointer}.tide-cursor-text{cursor:text}.tide-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tide-isolate{isolation:isolate}.tide-leading-default{line-height:1.4}.tide-leading-normal{line-height:normal}.tide-list-none{list-style-type:none}.tide-object-center{object-position:center}.tide-object-cover{object-fit:cover}.tide-object-contain{object-fit:contain}.tide-object-scale-down{object-fit:scale-down}.tide-opacity{opacity:1}.tide-opacity-disabled{opacity:var(--tide-disabled)}.tide-opacity-none{opacity:0}.tide-pointer-events{pointer-events:auto}.tide-pointer-events-none{pointer-events:none}.tide-user-select-none{-webkit-user-select:none;user-select:none}.tide-user-select-initial{-webkit-user-select:initial;user-select:initial}.tide-ratio-1\/1{aspect-ratio:1 / 1}.tide-ratio-16\/9{aspect-ratio:16 / 9}.tide-ratio-3\/2{aspect-ratio:3 / 2}.tide-scrollbar-none::-webkit-scrollbar{display:none}.tide-scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.tide-scroll-snap{scroll-snap-stop:always;scroll-snap-type:both mandatory;scroll-behavior:smooth}.tide-scroll-snap-start{scroll-snap-align:start}.tide-shadow-initial{box-shadow:initial}.tide-shadow-bottom{box-shadow:var(--tide-shadow-bottom)}.tide-shadow-top{box-shadow:var(--tide-shadow-top)}.tide-shadow-text{text-shadow:var(--tide-shadow-text)}.tide-strikethrough{text-decoration:line-through}.tide-strikethrough-none{text-decoration:none}.tide-text-center{text-align:center}.tide-text-justify{text-align:justify}.tide-text-left{text-align:left}.tide-text-right{text-align:right}.tide-text-transform-lower{text-transform:lowercase}.tide-text-transform-none{text-transform:none}.tide-text-transform-upper{text-transform:uppercase}.tide-underline{text-decoration:underline}.tide-underline-none{text-decoration:none}.tide-underline-hover:hover{text-decoration:underline}.tide-underline-hover-none:hover{text-decoration:none}.tide-visible{visibility:visible}.tide-visible-none{visibility:hidden}.tide-whitespace-nowrap{white-space:nowrap}.tide-x-auto{overflow-x:auto}.tide-x-hidden{overflow-x:hidden}.tide-x-scroll{overflow-x:scroll}.tide-xy-auto{overflow:auto}.tide-xy-hidden{overflow:hidden}.tide-y-auto{overflow-y:auto}.tide-y-hidden{overflow-y:hidden}.tide-z-index-initial{z-index:initial}.tide-z-index-1{z-index:1}.tide-button-primary,.tide-button-secondary,.tide-button-tertiary,.tide-button-quaternary,.tide-button-floating{border:var(--tide-border-width-2) solid}.tide-button-primary,.tide-button-secondary,.tide-button-tertiary,.tide-button-quaternary{box-shadow:none}.tide-button-primary{background-color:var(--tide-primary);border-color:var(--tide-primary);color:var(--tide-on-primary)}.tide-button-secondary{background-color:var(--tide-secondary);border-color:var(--tide-secondary);color:var(--tide-on-secondary)}.tide-button-tertiary{background-color:var(--tide-surface-variant);border-color:var(--tide-surface-variant);color:var(--tide-secondary)}.tide-button-quaternary{background-color:var(--tide-surface);border-color:var(--tide-surface);color:var(--tide-secondary)}.tide-button-floating{background-color:var(--tide-surface);border-color:var(--tide-surface);box-shadow:var(--tide-shadow-bottom);color:var(--tide-secondary)}a.tide-button-primary:hover,button.tide-button-primary:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-primary);color:var(--tide-primary)}a.tide-button-secondary:hover,button.tide-button-secondary:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-secondary);color:var(--tide-on-surface)}a.tide-button-tertiary:hover,button.tide-button-tertiary:enabled:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-border);color:var(--tide-secondary)}a.tide-button-quaternary:hover,button.tide-button-quaternary:enabled:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-surface-variant);color:var(--tide-secondary)}.tide-button-floating:hover,button.tide-button-floating:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-surface);color:var(--tide-secondary)}button.tide-button-primary:disabled,button.tide-button-secondary:disabled,button.tide-button-tertiary:disabled,button.tide-button-quaternary:disabled,button.tide-button-floating:disabled{opacity:var(--tide-disabled)}@media(min-width:768px){.sm-tide-position-absolute{position:absolute}.sm-tide-position-fixed{position:fixed}.sm-tide-position-relative{position:relative}.sm-tide-position-static{position:static}.sm-tide-position-sticky{position:sticky}.sm-tide-top-0{top:0}.sm-tide-right-0{right:0}.sm-tide-bottom-0{bottom:0}.sm-tide-left-0{left:0}.sm-tide-display-block{display:block}.sm-tide-display-contents{display:contents}.sm-tide-display-flex{display:flex}.sm-tide-display-grid{display:grid}.sm-tide-display-initial{display:initial}.sm-tide-display-inline{display:inline}.sm-tide-display-inline-block{display:inline-block}.sm-tide-display-inline-flex{display:inline-flex}.sm-tide-display-none{display:none}.sm-tide-flex-column{flex-direction:column}.sm-tide-flex-column-reverse{flex-direction:column-reverse}.sm-tide-flex-row{flex-direction:row}.sm-tide-flex-row-reverse{flex-direction:row-reverse}.sm-tide-grow{flex-grow:1}.sm-tide-grow-none{flex-grow:0}.sm-tide-shrink{flex-shrink:1}.sm-tide-shrink-none{flex-shrink:0}.sm-tide-flex-wrap{flex-wrap:wrap}.sm-tide-axis1-around{justify-content:space-around}.sm-tide-axis1-between{justify-content:space-between}.sm-tide-axis1-center{justify-content:center}.sm-tide-axis1-end{justify-content:end}.sm-tide-axis1-start{justify-content:start}.sm-tide-axis2-around{align-items:space-around}.sm-tide-axis2-center{align-items:center}.sm-tide-axis2-end{align-items:flex-end}.sm-tide-axis2-start{align-items:flex-start}.sm-tide-axis2-stretch{align-items:stretch}.sm-tide-gap-0{gap:0}.sm-tide-gap-1\/4{gap:var(--tide-spacing-1\/4)}.sm-tide-gap-1\/2{gap:var(--tide-spacing-1\/2)}.sm-tide-gap-1{gap:var(--tide-spacing-1)}.sm-tide-gap-2{gap:var(--tide-spacing-2)}.sm-tide-gap-4{gap:var(--tide-spacing-4)}.sm-tide-flex-basis-auto{flex-basis:auto}.sm-tide-flex-basis-0{flex-basis:0}.sm-tide-box-border{box-sizing:border-box}.sm-tide-box-content{box-sizing:content-box}.sm-tide-margin-0{margin:0}.sm-tide-margin-1\/4{margin:var(--tide-spacing-1\/4)}.sm-tide-margin-1\/2{margin:var(--tide-spacing-1\/2)}.sm-tide-margin-1{margin:var(--tide-spacing-1)}.sm-tide-margin-2{margin:var(--tide-spacing-2)}.sm-tide-margin-4{margin:var(--tide-spacing-4)}.sm-tide-margin-auto{margin:auto}.sm-tide-margin-x-0{margin-left:0;margin-right:0}.sm-tide-margin-x-1\/4{margin-left:var(--tide-spacing-1\/4);margin-right:var(--tide-spacing-1\/4)}.sm-tide-margin-x-1\/2{margin-left:var(--tide-spacing-1\/2);margin-right:var(--tide-spacing-1\/2)}.sm-tide-margin-x-1{margin-left:var(--tide-spacing-1);margin-right:var(--tide-spacing-1)}.sm-tide-margin-x-2{margin-left:var(--tide-spacing-2);margin-right:var(--tide-spacing-2)}.sm-tide-margin-x-4{margin-left:var(--tide-spacing-4);margin-right:var(--tide-spacing-4)}.sm-tide-margin-x-auto{margin-left:auto;margin-right:auto}.sm-tide-margin-y-0{margin-top:0;margin-bottom:0}.sm-tide-margin-y-1\/4{margin-top:var(--tide-spacing-1\/4);margin-bottom:var(--tide-spacing-1\/4)}.sm-tide-margin-y-1\/2{margin-top:var(--tide-spacing-1\/2);margin-bottom:var(--tide-spacing-1\/2)}.sm-tide-margin-y-1{margin-top:var(--tide-spacing-1);margin-bottom:var(--tide-spacing-1)}.sm-tide-margin-y-2{margin-top:var(--tide-spacing-2);margin-bottom:var(--tide-spacing-2)}.sm-tide-margin-y-4{margin-top:var(--tide-spacing-4);margin-bottom:var(--tide-spacing-4)}.sm-tide-margin-y-auto{margin-top:auto;margin-bottom:auto}.sm-tide-margin-top-0{margin-top:0}.sm-tide-margin-top-1\/4{margin-top:var(--tide-spacing-1\/4)}.sm-tide-margin-top-1\/2{margin-top:var(--tide-spacing-1\/2)}.sm-tide-margin-top-1{margin-top:var(--tide-spacing-1)}.sm-tide-margin-top-2{margin-top:var(--tide-spacing-2)}.sm-tide-margin-top-4{margin-top:var(--tide-spacing-4)}.sm-tide-margin-top-auto{margin-top:auto}.sm-tide-margin-right-0{margin-right:0}.sm-tide-margin-right-1\/4{margin-right:var(--tide-spacing-1\/4)}.sm-tide-margin-right-1\/2{margin-right:var(--tide-spacing-1\/2)}.sm-tide-margin-right-1{margin-right:var(--tide-spacing-1)}.sm-tide-margin-right-2{margin-right:var(--tide-spacing-2)}.sm-tide-margin-right-4{margin-right:var(--tide-spacing-4)}.sm-tide-margin-right-auto{margin-right:auto}.sm-tide-margin-bottom-0{margin-bottom:0}.sm-tide-margin-bottom-1\/4{margin-bottom:var(--tide-spacing-1\/4)}.sm-tide-margin-bottom-1\/2{margin-bottom:var(--tide-spacing-1\/2)}.sm-tide-margin-bottom-1{margin-bottom:var(--tide-spacing-1)}.sm-tide-margin-bottom-2{margin-bottom:var(--tide-spacing-2)}.sm-tide-margin-bottom-4{margin-bottom:var(--tide-spacing-4)}.sm-tide-margin-bottom-auto{margin-bottom:auto}.sm-tide-margin-left-0{margin-left:0}.sm-tide-margin-left-1\/4{margin-left:var(--tide-spacing-1\/4)}.sm-tide-margin-left-1\/2{margin-left:var(--tide-spacing-1\/2)}.sm-tide-margin-left-1{margin-left:var(--tide-spacing-1)}.sm-tide-margin-left-2{margin-left:var(--tide-spacing-2)}.sm-tide-margin-left-4{margin-left:var(--tide-spacing-4)}.sm-tide-margin-left-auto{margin-left:auto}.sm-tide-border-color-initial{border-color:initial}.sm-tide-border-primary{border-color:var(--tide-primary)}.sm-tide-border{border-color:var(--tide-border)}.sm-tide-border-low{border-color:var(--tide-border-low)}.sm-tide-border-high{border-color:var(--tide-border-high)}.sm-tide-border-floating{border-color:var(--tide-border-floating)}.sm-tide-border-error{border-color:var(--tide-error-border)}.sm-tide-border-info{border-color:var(--tide-info-border)}.sm-tide-border-success{border-color:var(--tide-success-border)}.sm-tide-border-warning{border-color:var(--tide-warning-border)}.sm-tide-border-1,.sm-tide-border-2,.sm-tide-border-bottom-1,.sm-tide-border-bottom-2,.sm-tide-border-left-1,.sm-tide-border-left-2,.sm-tide-border-right-1,.sm-tide-border-right-2,.sm-tide-border-top-1,.sm-tide-border-top-2{border-style:solid}.sm-tide-border-dashed{border-style:dashed}.sm-tide-border-solid{border-style:solid}.sm-tide-border-0{border-width:0}.sm-tide-border-1{border-width:var(--tide-border-width-1)}.sm-tide-border-2{border-width:var(--tide-border-width-2)}.sm-tide-border-top-0{border-top-width:0}.sm-tide-border-right-0{border-right-width:0}.sm-tide-border-bottom-0{border-bottom-width:0}.sm-tide-border-left-0{border-left-width:0}.sm-tide-border-top-1{border-top-width:var(--tide-border-width-1)}.sm-tide-border-right-1{border-right-width:var(--tide-border-width-1)}.sm-tide-border-bottom-1{border-bottom-width:var(--tide-border-width-1)}.sm-tide-border-left-1{border-left-width:var(--tide-border-width-1)}.sm-tide-border-top-2{border-top-width:var(--tide-border-width-2)}.sm-tide-border-right-2{border-right-width:var(--tide-border-width-2)}.sm-tide-border-bottom-2{border-bottom-width:var(--tide-border-width-2)}.sm-tide-border-left-2{border-left-width:var(--tide-border-width-2)}.sm-tide-radius-0{border-radius:0}.sm-tide-radius-1\/4{border-radius:var(--tide-radius-1\/4)}.sm-tide-radius-1\/2{border-radius:var(--tide-radius-1\/2)}.sm-tide-radius-1{border-radius:var(--tide-radius-1)}.sm-tide-radius-full{border-radius:var(--tide-radius-full)}.sm-tide-padding-0{padding:0}.sm-tide-padding-1\/4{padding:var(--tide-spacing-1\/4)}.sm-tide-padding-1\/2{padding:var(--tide-spacing-1\/2)}.sm-tide-padding-1{padding:var(--tide-spacing-1)}.sm-tide-padding-2{padding:var(--tide-spacing-2)}.sm-tide-padding-4{padding:var(--tide-spacing-4)}.sm-tide-padding-x-0{padding-left:0;padding-right:0}.sm-tide-padding-x-1\/4{padding-left:var(--tide-spacing-1\/4);padding-right:var(--tide-spacing-1\/4)}.sm-tide-padding-x-1\/2{padding-left:var(--tide-spacing-1\/2);padding-right:var(--tide-spacing-1\/2)}.sm-tide-padding-x-1{padding-left:var(--tide-spacing-1);padding-right:var(--tide-spacing-1)}.sm-tide-padding-x-2{padding-left:var(--tide-spacing-2);padding-right:var(--tide-spacing-2)}.sm-tide-padding-x-4{padding-left:var(--tide-spacing-4);padding-right:var(--tide-spacing-4)}.sm-tide-padding-y-0{padding-top:0;padding-bottom:0}.sm-tide-padding-y-1\/4{padding-top:var(--tide-spacing-1\/4);padding-bottom:var(--tide-spacing-1\/4)}.sm-tide-padding-y-1\/2{padding-top:var(--tide-spacing-1\/2);padding-bottom:var(--tide-spacing-1\/2)}.sm-tide-padding-y-1{padding-top:var(--tide-spacing-1);padding-bottom:var(--tide-spacing-1)}.sm-tide-padding-y-2{padding-top:var(--tide-spacing-2);padding-bottom:var(--tide-spacing-2)}.sm-tide-padding-y-4{padding-top:var(--tide-spacing-4);padding-bottom:var(--tide-spacing-4)}.sm-tide-padding-top-0{padding-top:0}.sm-tide-padding-top-1\/4{padding-top:var(--tide-spacing-1\/4)}.sm-tide-padding-top-1\/2{padding-top:var(--tide-spacing-1\/2)}.sm-tide-padding-top-1{padding-top:var(--tide-spacing-1)}.sm-tide-padding-top-2{padding-top:var(--tide-spacing-2)}.sm-tide-padding-top-4{padding-top:var(--tide-spacing-4)}.sm-tide-padding-right-0{padding-right:0}.sm-tide-padding-right-1\/4{padding-right:var(--tide-spacing-1\/4)}.sm-tide-padding-right-1\/2{padding-right:var(--tide-spacing-1\/2)}.sm-tide-padding-right-1{padding-right:var(--tide-spacing-1)}.sm-tide-padding-right-2{padding-right:var(--tide-spacing-2)}.sm-tide-padding-right-4{padding-right:var(--tide-spacing-4)}.sm-tide-padding-bottom-0{padding-bottom:0}.sm-tide-padding-bottom-1\/4{padding-bottom:var(--tide-spacing-1\/4)}.sm-tide-padding-bottom-1\/2{padding-bottom:var(--tide-spacing-1\/2)}.sm-tide-padding-bottom-1{padding-bottom:var(--tide-spacing-1)}.sm-tide-padding-bottom-2{padding-bottom:var(--tide-spacing-2)}.sm-tide-padding-bottom-4{padding-bottom:var(--tide-spacing-4)}.sm-tide-padding-left-0{padding-left:0}.sm-tide-padding-left-1\/4{padding-left:var(--tide-spacing-1\/4)}.sm-tide-padding-left-1\/2{padding-left:var(--tide-spacing-1\/2)}.sm-tide-padding-left-1{padding-left:var(--tide-spacing-1)}.sm-tide-padding-left-2{padding-left:var(--tide-spacing-2)}.sm-tide-padding-left-4{padding-left:var(--tide-spacing-4)}.sm-tide-max-width-full{max-width:100%}.sm-tide-min-width-0{min-width:0}.sm-tide-max-height-full{max-height:100%}.sm-tide-min-height-0{min-height:0}.sm-tide-width-auto{width:auto}.sm-tide-width-0{width:0}.sm-tide-width-full{width:100%}.sm-tide-width-stretch{width:-webkit-fill-available;width:-moz-available;width:stretch}.sm-tide-height-auto{height:auto}.sm-tide-height-0{height:0}.sm-tide-height-full{height:100%}.sm-tide-width-container{max-width:1168px}.sm-tide-bg-initial{background-color:initial}.sm-tide-bg-primary{background:var(--tide-primary)}.sm-tide-bg-secondary{background:var(--tide-secondary)}.sm-tide-bg-surface{background:var(--tide-surface)}.sm-tide-bg-surface-variant{background:var(--tide-surface-variant)}.sm-tide-bg-surface-brand{background:var(--tide-surface-brand)}.sm-tide-bg-surface-accent{background:var(--tide-surface-accent)}.sm-tide-bg-surface-gradient{background:var(--tide-surface-gradient)}.sm-tide-bg-surface-floating{background:var(--tide-surface-floating)}.sm-tide-bg-surface-inverse{background:var(--tide-surface-inverse)}.sm-tide-bg-primary-error{background-color:var(--tide-error-primary)}.sm-tide-bg-primary-info{background-color:var(--tide-info-primary)}.sm-tide-bg-primary-success{background-color:var(--tide-success-primary)}.sm-tide-bg-primary-warning{background-color:var(--tide-warning-primary)}.sm-tide-bg-surface-error{background-color:var(--tide-error-surface)}.sm-tide-bg-surface-info{background-color:var(--tide-info-surface)}.sm-tide-bg-surface-success{background-color:var(--tide-success-surface)}.sm-tide-bg-surface-warning{background-color:var(--tide-warning-surface)}.sm-tide-transparent-100{background-color:var(--tide-transparent-100)}.sm-tide-transparent-200{background-color:var(--tide-transparent-200)}.sm-tide-transparent-300{background-color:var(--tide-transparent-300)}.sm-tide-transparent-400{background-color:var(--tide-transparent-400)}.sm-tide-typography-display-1{font-size:var(--tide-font-32);font-weight:var(--tide-font-semibold);text-wrap:balance}.sm-tide-typography-headline-1{font-size:var(--tide-font-24);font-weight:var(--tide-font-semibold);text-wrap:balance}.sm-tide-typography-headline-2{font-size:var(--tide-font-20);font-weight:var(--tide-font-semibold);text-wrap:balance}.sm-tide-typography-headline-3{font-size:var(--tide-font-16);font-weight:var(--tide-font-semibold);text-wrap:balance}.sm-tide-typography-title-1{font-size:var(--tide-font-20);font-weight:var(--tide-font-semibold);text-wrap:balance}.sm-tide-typography-title-2{font-size:var(--tide-font-18);font-weight:var(--tide-font-semibold);text-wrap:balance}.sm-tide-typography-body-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-regular)}.sm-tide-typography-body-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-regular)}.sm-tide-typography-label-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.sm-tide-typography-label-1-semibold{font-size:var(--tide-font-16);font-weight:var(--tide-font-semibold)}.sm-tide-typography-label-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.sm-tide-typography-label-2-semibold{font-size:var(--tide-font-14);font-weight:var(--tide-font-semibold)}.sm-tide-typography-label-3{font-size:var(--tide-font-12);font-weight:var(--tide-font-medium)}.sm-tide-typography-link-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.sm-tide-typography-link-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.sm-tide-typography-link-3{font-size:var(--tide-font-12);font-weight:var(--tide-font-medium)}.sm-tide-typography-button-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.sm-tide-typography-button-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.sm-tide-font-on-primary{color:var(--tide-on-primary)}.sm-tide-font-on-secondary{color:var(--tide-on-secondary)}.sm-tide-font-on-surface{color:var(--tide-on-surface)}.sm-tide-font-on-surface-variant{color:var(--tide-on-surface-variant)}.sm-tide-font-on-surface-brand{color:var(--tide-on-surface-brand)}.sm-tide-font-on-surface-inverse{color:var(--tide-on-surface-inverse)}.sm-tide-font-on-surface-variant-inverse{color:var(--tide-on-surface-inverse-variant)}.sm-tide-font-error{color:var(--tide-error-primary)}.sm-tide-font-info{color:var(--tide-info-primary)}.sm-tide-font-success{color:var(--tide-success-primary)}.sm-tide-font-warning{color:var(--tide-warning-primary)}.sm-tide-font-10{font-size:var(--tide-font-10)}.sm-tide-font-12{font-size:var(--tide-font-12)}.sm-tide-font-14{font-size:var(--tide-font-14)}.sm-tide-font-16{font-size:var(--tide-font-16)}.sm-tide-font-20{font-size:var(--tide-font-20)}.sm-tide-font-24{font-size:var(--tide-font-24)}.sm-tide-font-32{font-size:var(--tide-font-32)}.sm-tide-font-400{font-weight:var(--tide-font-regular)}.sm-tide-font-500{font-weight:var(--tide-font-medium)}.sm-tide-font-600{font-weight:var(--tide-font-semibold)}.sm-tide-font-700{font-weight:700}.sm-tide-align-middle{vertical-align:middle}.sm-tide-align-initial{vertical-align:initial}.sm-tide-bg-blur{-webkit-backdrop-filter:var(--tide-bg-blur);backdrop-filter:var(--tide-bg-blur)}.sm-tide-break-initial{overflow-wrap:initial}.sm-tide-break-word{overflow-wrap:break-word}.sm-tide-break-inside-avoid-column{break-inside:avoid-column}.sm-tide-columns-initial{column-count:initial}.sm-tide-columns-1{column-count:1}.sm-tide-columns-2{column-count:2}.sm-tide-columns-3{column-count:3}.sm-tide-columns-4{column-count:4}.sm-tide-cursor-not-allowed{cursor:not-allowed}.sm-tide-cursor-pointer{cursor:pointer}.sm-tide-cursor-text{cursor:text}.sm-tide-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-tide-isolate{isolation:isolate}.sm-tide-leading-default{line-height:1.4}.sm-tide-leading-normal{line-height:normal}.sm-tide-list-none{list-style-type:none}.sm-tide-object-center{object-position:center}.sm-tide-object-cover{object-fit:cover}.sm-tide-object-contain{object-fit:contain}.sm-tide-object-scale-down{object-fit:scale-down}.sm-tide-opacity{opacity:1}.sm-tide-opacity-disabled{opacity:var(--tide-disabled)}.sm-tide-opacity-none{opacity:0}.sm-tide-pointer-events{pointer-events:auto}.sm-tide-pointer-events-none{pointer-events:none}.sm-tide-user-select-none{-webkit-user-select:none;user-select:none}.sm-tide-user-select-initial{-webkit-user-select:initial;user-select:initial}.sm-tide-ratio-1\/1{aspect-ratio:1 / 1}.sm-tide-ratio-16\/9{aspect-ratio:16 / 9}.sm-tide-ratio-3\/2{aspect-ratio:3 / 2}.sm-tide-scrollbar-none::-webkit-scrollbar{display:none}.sm-tide-scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.sm-tide-scroll-snap{scroll-snap-stop:always;scroll-snap-type:both mandatory;scroll-behavior:smooth}.sm-tide-scroll-snap-start{scroll-snap-align:start}.sm-tide-shadow-initial{box-shadow:initial}.sm-tide-shadow-bottom{box-shadow:var(--tide-shadow-bottom)}.sm-tide-shadow-top{box-shadow:var(--tide-shadow-top)}.sm-tide-shadow-text{text-shadow:var(--tide-shadow-text)}.sm-tide-strikethrough{text-decoration:line-through}.sm-tide-strikethrough-none{text-decoration:none}.sm-tide-text-center{text-align:center}.sm-tide-text-justify{text-align:justify}.sm-tide-text-left{text-align:left}.sm-tide-text-right{text-align:right}.sm-tide-text-transform-lower{text-transform:lowercase}.sm-tide-text-transform-none{text-transform:none}.sm-tide-text-transform-upper{text-transform:uppercase}.sm-tide-underline{text-decoration:underline}.sm-tide-underline-none{text-decoration:none}.sm-tide-underline-hover:hover{text-decoration:underline}.sm-tide-underline-hover-none:hover{text-decoration:none}.sm-tide-visible{visibility:visible}.sm-tide-visible-none{visibility:hidden}.sm-tide-whitespace-nowrap{white-space:nowrap}.sm-tide-x-auto{overflow-x:auto}.sm-tide-x-hidden{overflow-x:hidden}.sm-tide-x-scroll{overflow-x:scroll}.sm-tide-xy-auto{overflow:auto}.sm-tide-xy-hidden{overflow:hidden}.sm-tide-y-auto{overflow-y:auto}.sm-tide-y-hidden{overflow-y:hidden}.sm-tide-z-index-initial{z-index:initial}.sm-tide-z-index-1{z-index:1}.sm-tide-button-primary,.sm-tide-button-secondary,.sm-tide-button-tertiary,.sm-tide-button-quaternary,.sm-tide-button-floating{border:var(--tide-border-width-2) solid}.sm-tide-button-primary,.sm-tide-button-secondary,.sm-tide-button-tertiary,.sm-tide-button-quaternary{box-shadow:none}.sm-tide-button-primary{background-color:var(--tide-primary);border-color:var(--tide-primary);color:var(--tide-on-primary)}.sm-tide-button-secondary{background-color:var(--tide-secondary);border-color:var(--tide-secondary);color:var(--tide-on-secondary)}.sm-tide-button-tertiary{background-color:var(--tide-surface-variant);border-color:var(--tide-surface-variant);color:var(--tide-secondary)}.sm-tide-button-quaternary{background-color:var(--tide-surface);border-color:var(--tide-surface);color:var(--tide-secondary)}.sm-tide-button-floating{background-color:var(--tide-surface);border-color:var(--tide-surface);box-shadow:var(--tide-shadow-bottom);color:var(--tide-secondary)}a.sm-tide-button-primary:hover,button.sm-tide-button-primary:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-primary);color:var(--tide-primary)}a.sm-tide-button-secondary:hover,button.sm-tide-button-secondary:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-secondary);color:var(--tide-on-surface)}a.sm-tide-button-tertiary:hover,button.sm-tide-button-tertiary:enabled:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-border);color:var(--tide-secondary)}a.sm-tide-button-quaternary:hover,button.sm-tide-button-quaternary:enabled:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-surface-variant);color:var(--tide-secondary)}.sm-tide-button-floating:hover,button.sm-tide-button-floating:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-surface);color:var(--tide-secondary)}button.sm-tide-button-primary:disabled,button.sm-tide-button-secondary:disabled,button.sm-tide-button-tertiary:disabled,button.sm-tide-button-quaternary:disabled,button.sm-tide-button-floating:disabled{opacity:var(--tide-disabled)}}@media(min-width:992px){.md-tide-position-absolute{position:absolute}.md-tide-position-fixed{position:fixed}.md-tide-position-relative{position:relative}.md-tide-position-static{position:static}.md-tide-position-sticky{position:sticky}.md-tide-top-0{top:0}.md-tide-right-0{right:0}.md-tide-bottom-0{bottom:0}.md-tide-left-0{left:0}.md-tide-display-block{display:block}.md-tide-display-contents{display:contents}.md-tide-display-flex{display:flex}.md-tide-display-grid{display:grid}.md-tide-display-initial{display:initial}.md-tide-display-inline{display:inline}.md-tide-display-inline-block{display:inline-block}.md-tide-display-inline-flex{display:inline-flex}.md-tide-display-none{display:none}.md-tide-flex-column{flex-direction:column}.md-tide-flex-column-reverse{flex-direction:column-reverse}.md-tide-flex-row{flex-direction:row}.md-tide-flex-row-reverse{flex-direction:row-reverse}.md-tide-grow{flex-grow:1}.md-tide-grow-none{flex-grow:0}.md-tide-shrink{flex-shrink:1}.md-tide-shrink-none{flex-shrink:0}.md-tide-flex-wrap{flex-wrap:wrap}.md-tide-axis1-around{justify-content:space-around}.md-tide-axis1-between{justify-content:space-between}.md-tide-axis1-center{justify-content:center}.md-tide-axis1-end{justify-content:end}.md-tide-axis1-start{justify-content:start}.md-tide-axis2-around{align-items:space-around}.md-tide-axis2-center{align-items:center}.md-tide-axis2-end{align-items:flex-end}.md-tide-axis2-start{align-items:flex-start}.md-tide-axis2-stretch{align-items:stretch}.md-tide-gap-0{gap:0}.md-tide-gap-1\/4{gap:var(--tide-spacing-1\/4)}.md-tide-gap-1\/2{gap:var(--tide-spacing-1\/2)}.md-tide-gap-1{gap:var(--tide-spacing-1)}.md-tide-gap-2{gap:var(--tide-spacing-2)}.md-tide-gap-4{gap:var(--tide-spacing-4)}.md-tide-flex-basis-auto{flex-basis:auto}.md-tide-flex-basis-0{flex-basis:0}.md-tide-box-border{box-sizing:border-box}.md-tide-box-content{box-sizing:content-box}.md-tide-margin-0{margin:0}.md-tide-margin-1\/4{margin:var(--tide-spacing-1\/4)}.md-tide-margin-1\/2{margin:var(--tide-spacing-1\/2)}.md-tide-margin-1{margin:var(--tide-spacing-1)}.md-tide-margin-2{margin:var(--tide-spacing-2)}.md-tide-margin-4{margin:var(--tide-spacing-4)}.md-tide-margin-auto{margin:auto}.md-tide-margin-x-0{margin-left:0;margin-right:0}.md-tide-margin-x-1\/4{margin-left:var(--tide-spacing-1\/4);margin-right:var(--tide-spacing-1\/4)}.md-tide-margin-x-1\/2{margin-left:var(--tide-spacing-1\/2);margin-right:var(--tide-spacing-1\/2)}.md-tide-margin-x-1{margin-left:var(--tide-spacing-1);margin-right:var(--tide-spacing-1)}.md-tide-margin-x-2{margin-left:var(--tide-spacing-2);margin-right:var(--tide-spacing-2)}.md-tide-margin-x-4{margin-left:var(--tide-spacing-4);margin-right:var(--tide-spacing-4)}.md-tide-margin-x-auto{margin-left:auto;margin-right:auto}.md-tide-margin-y-0{margin-top:0;margin-bottom:0}.md-tide-margin-y-1\/4{margin-top:var(--tide-spacing-1\/4);margin-bottom:var(--tide-spacing-1\/4)}.md-tide-margin-y-1\/2{margin-top:var(--tide-spacing-1\/2);margin-bottom:var(--tide-spacing-1\/2)}.md-tide-margin-y-1{margin-top:var(--tide-spacing-1);margin-bottom:var(--tide-spacing-1)}.md-tide-margin-y-2{margin-top:var(--tide-spacing-2);margin-bottom:var(--tide-spacing-2)}.md-tide-margin-y-4{margin-top:var(--tide-spacing-4);margin-bottom:var(--tide-spacing-4)}.md-tide-margin-y-auto{margin-top:auto;margin-bottom:auto}.md-tide-margin-top-0{margin-top:0}.md-tide-margin-top-1\/4{margin-top:var(--tide-spacing-1\/4)}.md-tide-margin-top-1\/2{margin-top:var(--tide-spacing-1\/2)}.md-tide-margin-top-1{margin-top:var(--tide-spacing-1)}.md-tide-margin-top-2{margin-top:var(--tide-spacing-2)}.md-tide-margin-top-4{margin-top:var(--tide-spacing-4)}.md-tide-margin-top-auto{margin-top:auto}.md-tide-margin-right-0{margin-right:0}.md-tide-margin-right-1\/4{margin-right:var(--tide-spacing-1\/4)}.md-tide-margin-right-1\/2{margin-right:var(--tide-spacing-1\/2)}.md-tide-margin-right-1{margin-right:var(--tide-spacing-1)}.md-tide-margin-right-2{margin-right:var(--tide-spacing-2)}.md-tide-margin-right-4{margin-right:var(--tide-spacing-4)}.md-tide-margin-right-auto{margin-right:auto}.md-tide-margin-bottom-0{margin-bottom:0}.md-tide-margin-bottom-1\/4{margin-bottom:var(--tide-spacing-1\/4)}.md-tide-margin-bottom-1\/2{margin-bottom:var(--tide-spacing-1\/2)}.md-tide-margin-bottom-1{margin-bottom:var(--tide-spacing-1)}.md-tide-margin-bottom-2{margin-bottom:var(--tide-spacing-2)}.md-tide-margin-bottom-4{margin-bottom:var(--tide-spacing-4)}.md-tide-margin-bottom-auto{margin-bottom:auto}.md-tide-margin-left-0{margin-left:0}.md-tide-margin-left-1\/4{margin-left:var(--tide-spacing-1\/4)}.md-tide-margin-left-1\/2{margin-left:var(--tide-spacing-1\/2)}.md-tide-margin-left-1{margin-left:var(--tide-spacing-1)}.md-tide-margin-left-2{margin-left:var(--tide-spacing-2)}.md-tide-margin-left-4{margin-left:var(--tide-spacing-4)}.md-tide-margin-left-auto{margin-left:auto}.md-tide-border-color-initial{border-color:initial}.md-tide-border-primary{border-color:var(--tide-primary)}.md-tide-border{border-color:var(--tide-border)}.md-tide-border-low{border-color:var(--tide-border-low)}.md-tide-border-high{border-color:var(--tide-border-high)}.md-tide-border-floating{border-color:var(--tide-border-floating)}.md-tide-border-error{border-color:var(--tide-error-border)}.md-tide-border-info{border-color:var(--tide-info-border)}.md-tide-border-success{border-color:var(--tide-success-border)}.md-tide-border-warning{border-color:var(--tide-warning-border)}.md-tide-border-1,.md-tide-border-2,.md-tide-border-bottom-1,.md-tide-border-bottom-2,.md-tide-border-left-1,.md-tide-border-left-2,.md-tide-border-right-1,.md-tide-border-right-2,.md-tide-border-top-1,.md-tide-border-top-2{border-style:solid}.md-tide-border-dashed{border-style:dashed}.md-tide-border-solid{border-style:solid}.md-tide-border-0{border-width:0}.md-tide-border-1{border-width:var(--tide-border-width-1)}.md-tide-border-2{border-width:var(--tide-border-width-2)}.md-tide-border-top-0{border-top-width:0}.md-tide-border-right-0{border-right-width:0}.md-tide-border-bottom-0{border-bottom-width:0}.md-tide-border-left-0{border-left-width:0}.md-tide-border-top-1{border-top-width:var(--tide-border-width-1)}.md-tide-border-right-1{border-right-width:var(--tide-border-width-1)}.md-tide-border-bottom-1{border-bottom-width:var(--tide-border-width-1)}.md-tide-border-left-1{border-left-width:var(--tide-border-width-1)}.md-tide-border-top-2{border-top-width:var(--tide-border-width-2)}.md-tide-border-right-2{border-right-width:var(--tide-border-width-2)}.md-tide-border-bottom-2{border-bottom-width:var(--tide-border-width-2)}.md-tide-border-left-2{border-left-width:var(--tide-border-width-2)}.md-tide-radius-0{border-radius:0}.md-tide-radius-1\/4{border-radius:var(--tide-radius-1\/4)}.md-tide-radius-1\/2{border-radius:var(--tide-radius-1\/2)}.md-tide-radius-1{border-radius:var(--tide-radius-1)}.md-tide-radius-full{border-radius:var(--tide-radius-full)}.md-tide-padding-0{padding:0}.md-tide-padding-1\/4{padding:var(--tide-spacing-1\/4)}.md-tide-padding-1\/2{padding:var(--tide-spacing-1\/2)}.md-tide-padding-1{padding:var(--tide-spacing-1)}.md-tide-padding-2{padding:var(--tide-spacing-2)}.md-tide-padding-4{padding:var(--tide-spacing-4)}.md-tide-padding-x-0{padding-left:0;padding-right:0}.md-tide-padding-x-1\/4{padding-left:var(--tide-spacing-1\/4);padding-right:var(--tide-spacing-1\/4)}.md-tide-padding-x-1\/2{padding-left:var(--tide-spacing-1\/2);padding-right:var(--tide-spacing-1\/2)}.md-tide-padding-x-1{padding-left:var(--tide-spacing-1);padding-right:var(--tide-spacing-1)}.md-tide-padding-x-2{padding-left:var(--tide-spacing-2);padding-right:var(--tide-spacing-2)}.md-tide-padding-x-4{padding-left:var(--tide-spacing-4);padding-right:var(--tide-spacing-4)}.md-tide-padding-y-0{padding-top:0;padding-bottom:0}.md-tide-padding-y-1\/4{padding-top:var(--tide-spacing-1\/4);padding-bottom:var(--tide-spacing-1\/4)}.md-tide-padding-y-1\/2{padding-top:var(--tide-spacing-1\/2);padding-bottom:var(--tide-spacing-1\/2)}.md-tide-padding-y-1{padding-top:var(--tide-spacing-1);padding-bottom:var(--tide-spacing-1)}.md-tide-padding-y-2{padding-top:var(--tide-spacing-2);padding-bottom:var(--tide-spacing-2)}.md-tide-padding-y-4{padding-top:var(--tide-spacing-4);padding-bottom:var(--tide-spacing-4)}.md-tide-padding-top-0{padding-top:0}.md-tide-padding-top-1\/4{padding-top:var(--tide-spacing-1\/4)}.md-tide-padding-top-1\/2{padding-top:var(--tide-spacing-1\/2)}.md-tide-padding-top-1{padding-top:var(--tide-spacing-1)}.md-tide-padding-top-2{padding-top:var(--tide-spacing-2)}.md-tide-padding-top-4{padding-top:var(--tide-spacing-4)}.md-tide-padding-right-0{padding-right:0}.md-tide-padding-right-1\/4{padding-right:var(--tide-spacing-1\/4)}.md-tide-padding-right-1\/2{padding-right:var(--tide-spacing-1\/2)}.md-tide-padding-right-1{padding-right:var(--tide-spacing-1)}.md-tide-padding-right-2{padding-right:var(--tide-spacing-2)}.md-tide-padding-right-4{padding-right:var(--tide-spacing-4)}.md-tide-padding-bottom-0{padding-bottom:0}.md-tide-padding-bottom-1\/4{padding-bottom:var(--tide-spacing-1\/4)}.md-tide-padding-bottom-1\/2{padding-bottom:var(--tide-spacing-1\/2)}.md-tide-padding-bottom-1{padding-bottom:var(--tide-spacing-1)}.md-tide-padding-bottom-2{padding-bottom:var(--tide-spacing-2)}.md-tide-padding-bottom-4{padding-bottom:var(--tide-spacing-4)}.md-tide-padding-left-0{padding-left:0}.md-tide-padding-left-1\/4{padding-left:var(--tide-spacing-1\/4)}.md-tide-padding-left-1\/2{padding-left:var(--tide-spacing-1\/2)}.md-tide-padding-left-1{padding-left:var(--tide-spacing-1)}.md-tide-padding-left-2{padding-left:var(--tide-spacing-2)}.md-tide-padding-left-4{padding-left:var(--tide-spacing-4)}.md-tide-max-width-full{max-width:100%}.md-tide-min-width-0{min-width:0}.md-tide-max-height-full{max-height:100%}.md-tide-min-height-0{min-height:0}.md-tide-width-auto{width:auto}.md-tide-width-0{width:0}.md-tide-width-full{width:100%}.md-tide-width-stretch{width:-webkit-fill-available;width:-moz-available;width:stretch}.md-tide-height-auto{height:auto}.md-tide-height-0{height:0}.md-tide-height-full{height:100%}.md-tide-width-container{max-width:1168px}.md-tide-bg-initial{background-color:initial}.md-tide-bg-primary{background:var(--tide-primary)}.md-tide-bg-secondary{background:var(--tide-secondary)}.md-tide-bg-surface{background:var(--tide-surface)}.md-tide-bg-surface-variant{background:var(--tide-surface-variant)}.md-tide-bg-surface-brand{background:var(--tide-surface-brand)}.md-tide-bg-surface-accent{background:var(--tide-surface-accent)}.md-tide-bg-surface-gradient{background:var(--tide-surface-gradient)}.md-tide-bg-surface-floating{background:var(--tide-surface-floating)}.md-tide-bg-surface-inverse{background:var(--tide-surface-inverse)}.md-tide-bg-primary-error{background-color:var(--tide-error-primary)}.md-tide-bg-primary-info{background-color:var(--tide-info-primary)}.md-tide-bg-primary-success{background-color:var(--tide-success-primary)}.md-tide-bg-primary-warning{background-color:var(--tide-warning-primary)}.md-tide-bg-surface-error{background-color:var(--tide-error-surface)}.md-tide-bg-surface-info{background-color:var(--tide-info-surface)}.md-tide-bg-surface-success{background-color:var(--tide-success-surface)}.md-tide-bg-surface-warning{background-color:var(--tide-warning-surface)}.md-tide-transparent-100{background-color:var(--tide-transparent-100)}.md-tide-transparent-200{background-color:var(--tide-transparent-200)}.md-tide-transparent-300{background-color:var(--tide-transparent-300)}.md-tide-transparent-400{background-color:var(--tide-transparent-400)}.md-tide-typography-display-1{font-size:var(--tide-font-32);font-weight:var(--tide-font-semibold);text-wrap:balance}.md-tide-typography-headline-1{font-size:var(--tide-font-24);font-weight:var(--tide-font-semibold);text-wrap:balance}.md-tide-typography-headline-2{font-size:var(--tide-font-20);font-weight:var(--tide-font-semibold);text-wrap:balance}.md-tide-typography-headline-3{font-size:var(--tide-font-16);font-weight:var(--tide-font-semibold);text-wrap:balance}.md-tide-typography-title-1{font-size:var(--tide-font-20);font-weight:var(--tide-font-semibold);text-wrap:balance}.md-tide-typography-title-2{font-size:var(--tide-font-18);font-weight:var(--tide-font-semibold);text-wrap:balance}.md-tide-typography-body-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-regular)}.md-tide-typography-body-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-regular)}.md-tide-typography-label-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.md-tide-typography-label-1-semibold{font-size:var(--tide-font-16);font-weight:var(--tide-font-semibold)}.md-tide-typography-label-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.md-tide-typography-label-2-semibold{font-size:var(--tide-font-14);font-weight:var(--tide-font-semibold)}.md-tide-typography-label-3{font-size:var(--tide-font-12);font-weight:var(--tide-font-medium)}.md-tide-typography-link-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.md-tide-typography-link-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.md-tide-typography-link-3{font-size:var(--tide-font-12);font-weight:var(--tide-font-medium)}.md-tide-typography-button-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.md-tide-typography-button-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.md-tide-font-on-primary{color:var(--tide-on-primary)}.md-tide-font-on-secondary{color:var(--tide-on-secondary)}.md-tide-font-on-surface{color:var(--tide-on-surface)}.md-tide-font-on-surface-variant{color:var(--tide-on-surface-variant)}.md-tide-font-on-surface-brand{color:var(--tide-on-surface-brand)}.md-tide-font-on-surface-inverse{color:var(--tide-on-surface-inverse)}.md-tide-font-on-surface-variant-inverse{color:var(--tide-on-surface-inverse-variant)}.md-tide-font-error{color:var(--tide-error-primary)}.md-tide-font-info{color:var(--tide-info-primary)}.md-tide-font-success{color:var(--tide-success-primary)}.md-tide-font-warning{color:var(--tide-warning-primary)}.md-tide-font-10{font-size:var(--tide-font-10)}.md-tide-font-12{font-size:var(--tide-font-12)}.md-tide-font-14{font-size:var(--tide-font-14)}.md-tide-font-16{font-size:var(--tide-font-16)}.md-tide-font-20{font-size:var(--tide-font-20)}.md-tide-font-24{font-size:var(--tide-font-24)}.md-tide-font-32{font-size:var(--tide-font-32)}.md-tide-font-400{font-weight:var(--tide-font-regular)}.md-tide-font-500{font-weight:var(--tide-font-medium)}.md-tide-font-600{font-weight:var(--tide-font-semibold)}.md-tide-font-700{font-weight:700}.md-tide-align-middle{vertical-align:middle}.md-tide-align-initial{vertical-align:initial}.md-tide-bg-blur{-webkit-backdrop-filter:var(--tide-bg-blur);backdrop-filter:var(--tide-bg-blur)}.md-tide-break-initial{overflow-wrap:initial}.md-tide-break-word{overflow-wrap:break-word}.md-tide-break-inside-avoid-column{break-inside:avoid-column}.md-tide-columns-initial{column-count:initial}.md-tide-columns-1{column-count:1}.md-tide-columns-2{column-count:2}.md-tide-columns-3{column-count:3}.md-tide-columns-4{column-count:4}.md-tide-cursor-not-allowed{cursor:not-allowed}.md-tide-cursor-pointer{cursor:pointer}.md-tide-cursor-text{cursor:text}.md-tide-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-tide-isolate{isolation:isolate}.md-tide-leading-default{line-height:1.4}.md-tide-leading-normal{line-height:normal}.md-tide-list-none{list-style-type:none}.md-tide-object-center{object-position:center}.md-tide-object-cover{object-fit:cover}.md-tide-object-contain{object-fit:contain}.md-tide-object-scale-down{object-fit:scale-down}.md-tide-opacity{opacity:1}.md-tide-opacity-disabled{opacity:var(--tide-disabled)}.md-tide-opacity-none{opacity:0}.md-tide-pointer-events{pointer-events:auto}.md-tide-pointer-events-none{pointer-events:none}.md-tide-user-select-none{-webkit-user-select:none;user-select:none}.md-tide-user-select-initial{-webkit-user-select:initial;user-select:initial}.md-tide-ratio-1\/1{aspect-ratio:1 / 1}.md-tide-ratio-16\/9{aspect-ratio:16 / 9}.md-tide-ratio-3\/2{aspect-ratio:3 / 2}.md-tide-scrollbar-none::-webkit-scrollbar{display:none}.md-tide-scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.md-tide-scroll-snap{scroll-snap-stop:always;scroll-snap-type:both mandatory;scroll-behavior:smooth}.md-tide-scroll-snap-start{scroll-snap-align:start}.md-tide-shadow-initial{box-shadow:initial}.md-tide-shadow-bottom{box-shadow:var(--tide-shadow-bottom)}.md-tide-shadow-top{box-shadow:var(--tide-shadow-top)}.md-tide-shadow-text{text-shadow:var(--tide-shadow-text)}.md-tide-strikethrough{text-decoration:line-through}.md-tide-strikethrough-none{text-decoration:none}.md-tide-text-center{text-align:center}.md-tide-text-justify{text-align:justify}.md-tide-text-left{text-align:left}.md-tide-text-right{text-align:right}.md-tide-text-transform-lower{text-transform:lowercase}.md-tide-text-transform-none{text-transform:none}.md-tide-text-transform-upper{text-transform:uppercase}.md-tide-underline{text-decoration:underline}.md-tide-underline-none{text-decoration:none}.md-tide-underline-hover:hover{text-decoration:underline}.md-tide-underline-hover-none:hover{text-decoration:none}.md-tide-visible{visibility:visible}.md-tide-visible-none{visibility:hidden}.md-tide-whitespace-nowrap{white-space:nowrap}.md-tide-x-auto{overflow-x:auto}.md-tide-x-hidden{overflow-x:hidden}.md-tide-x-scroll{overflow-x:scroll}.md-tide-xy-auto{overflow:auto}.md-tide-xy-hidden{overflow:hidden}.md-tide-y-auto{overflow-y:auto}.md-tide-y-hidden{overflow-y:hidden}.md-tide-z-index-initial{z-index:initial}.md-tide-z-index-1{z-index:1}.md-tide-button-primary,.md-tide-button-secondary,.md-tide-button-tertiary,.md-tide-button-quaternary,.md-tide-button-floating{border:var(--tide-border-width-2) solid}.md-tide-button-primary,.md-tide-button-secondary,.md-tide-button-tertiary,.md-tide-button-quaternary{box-shadow:none}.md-tide-button-primary{background-color:var(--tide-primary);border-color:var(--tide-primary);color:var(--tide-on-primary)}.md-tide-button-secondary{background-color:var(--tide-secondary);border-color:var(--tide-secondary);color:var(--tide-on-secondary)}.md-tide-button-tertiary{background-color:var(--tide-surface-variant);border-color:var(--tide-surface-variant);color:var(--tide-secondary)}.md-tide-button-quaternary{background-color:var(--tide-surface);border-color:var(--tide-surface);color:var(--tide-secondary)}.md-tide-button-floating{background-color:var(--tide-surface);border-color:var(--tide-surface);box-shadow:var(--tide-shadow-bottom);color:var(--tide-secondary)}a.md-tide-button-primary:hover,button.md-tide-button-primary:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-primary);color:var(--tide-primary)}a.md-tide-button-secondary:hover,button.md-tide-button-secondary:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-secondary);color:var(--tide-on-surface)}a.md-tide-button-tertiary:hover,button.md-tide-button-tertiary:enabled:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-border);color:var(--tide-secondary)}a.md-tide-button-quaternary:hover,button.md-tide-button-quaternary:enabled:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-surface-variant);color:var(--tide-secondary)}.md-tide-button-floating:hover,button.md-tide-button-floating:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-surface);color:var(--tide-secondary)}button.md-tide-button-primary:disabled,button.md-tide-button-secondary:disabled,button.md-tide-button-tertiary:disabled,button.md-tide-button-quaternary:disabled,button.md-tide-button-floating:disabled{opacity:var(--tide-disabled)}}@media(min-width:1232px){.lg-tide-position-absolute{position:absolute}.lg-tide-position-fixed{position:fixed}.lg-tide-position-relative{position:relative}.lg-tide-position-static{position:static}.lg-tide-position-sticky{position:sticky}.lg-tide-top-0{top:0}.lg-tide-right-0{right:0}.lg-tide-bottom-0{bottom:0}.lg-tide-left-0{left:0}.lg-tide-display-block{display:block}.lg-tide-display-contents{display:contents}.lg-tide-display-flex{display:flex}.lg-tide-display-grid{display:grid}.lg-tide-display-initial{display:initial}.lg-tide-display-inline{display:inline}.lg-tide-display-inline-block{display:inline-block}.lg-tide-display-inline-flex{display:inline-flex}.lg-tide-display-none{display:none}.lg-tide-flex-column{flex-direction:column}.lg-tide-flex-column-reverse{flex-direction:column-reverse}.lg-tide-flex-row{flex-direction:row}.lg-tide-flex-row-reverse{flex-direction:row-reverse}.lg-tide-grow{flex-grow:1}.lg-tide-grow-none{flex-grow:0}.lg-tide-shrink{flex-shrink:1}.lg-tide-shrink-none{flex-shrink:0}.lg-tide-flex-wrap{flex-wrap:wrap}.lg-tide-axis1-around{justify-content:space-around}.lg-tide-axis1-between{justify-content:space-between}.lg-tide-axis1-center{justify-content:center}.lg-tide-axis1-end{justify-content:end}.lg-tide-axis1-start{justify-content:start}.lg-tide-axis2-around{align-items:space-around}.lg-tide-axis2-center{align-items:center}.lg-tide-axis2-end{align-items:flex-end}.lg-tide-axis2-start{align-items:flex-start}.lg-tide-axis2-stretch{align-items:stretch}.lg-tide-gap-0{gap:0}.lg-tide-gap-1\/4{gap:var(--tide-spacing-1\/4)}.lg-tide-gap-1\/2{gap:var(--tide-spacing-1\/2)}.lg-tide-gap-1{gap:var(--tide-spacing-1)}.lg-tide-gap-2{gap:var(--tide-spacing-2)}.lg-tide-gap-4{gap:var(--tide-spacing-4)}.lg-tide-flex-basis-auto{flex-basis:auto}.lg-tide-flex-basis-0{flex-basis:0}.lg-tide-box-border{box-sizing:border-box}.lg-tide-box-content{box-sizing:content-box}.lg-tide-margin-0{margin:0}.lg-tide-margin-1\/4{margin:var(--tide-spacing-1\/4)}.lg-tide-margin-1\/2{margin:var(--tide-spacing-1\/2)}.lg-tide-margin-1{margin:var(--tide-spacing-1)}.lg-tide-margin-2{margin:var(--tide-spacing-2)}.lg-tide-margin-4{margin:var(--tide-spacing-4)}.lg-tide-margin-auto{margin:auto}.lg-tide-margin-x-0{margin-left:0;margin-right:0}.lg-tide-margin-x-1\/4{margin-left:var(--tide-spacing-1\/4);margin-right:var(--tide-spacing-1\/4)}.lg-tide-margin-x-1\/2{margin-left:var(--tide-spacing-1\/2);margin-right:var(--tide-spacing-1\/2)}.lg-tide-margin-x-1{margin-left:var(--tide-spacing-1);margin-right:var(--tide-spacing-1)}.lg-tide-margin-x-2{margin-left:var(--tide-spacing-2);margin-right:var(--tide-spacing-2)}.lg-tide-margin-x-4{margin-left:var(--tide-spacing-4);margin-right:var(--tide-spacing-4)}.lg-tide-margin-x-auto{margin-left:auto;margin-right:auto}.lg-tide-margin-y-0{margin-top:0;margin-bottom:0}.lg-tide-margin-y-1\/4{margin-top:var(--tide-spacing-1\/4);margin-bottom:var(--tide-spacing-1\/4)}.lg-tide-margin-y-1\/2{margin-top:var(--tide-spacing-1\/2);margin-bottom:var(--tide-spacing-1\/2)}.lg-tide-margin-y-1{margin-top:var(--tide-spacing-1);margin-bottom:var(--tide-spacing-1)}.lg-tide-margin-y-2{margin-top:var(--tide-spacing-2);margin-bottom:var(--tide-spacing-2)}.lg-tide-margin-y-4{margin-top:var(--tide-spacing-4);margin-bottom:var(--tide-spacing-4)}.lg-tide-margin-y-auto{margin-top:auto;margin-bottom:auto}.lg-tide-margin-top-0{margin-top:0}.lg-tide-margin-top-1\/4{margin-top:var(--tide-spacing-1\/4)}.lg-tide-margin-top-1\/2{margin-top:var(--tide-spacing-1\/2)}.lg-tide-margin-top-1{margin-top:var(--tide-spacing-1)}.lg-tide-margin-top-2{margin-top:var(--tide-spacing-2)}.lg-tide-margin-top-4{margin-top:var(--tide-spacing-4)}.lg-tide-margin-top-auto{margin-top:auto}.lg-tide-margin-right-0{margin-right:0}.lg-tide-margin-right-1\/4{margin-right:var(--tide-spacing-1\/4)}.lg-tide-margin-right-1\/2{margin-right:var(--tide-spacing-1\/2)}.lg-tide-margin-right-1{margin-right:var(--tide-spacing-1)}.lg-tide-margin-right-2{margin-right:var(--tide-spacing-2)}.lg-tide-margin-right-4{margin-right:var(--tide-spacing-4)}.lg-tide-margin-right-auto{margin-right:auto}.lg-tide-margin-bottom-0{margin-bottom:0}.lg-tide-margin-bottom-1\/4{margin-bottom:var(--tide-spacing-1\/4)}.lg-tide-margin-bottom-1\/2{margin-bottom:var(--tide-spacing-1\/2)}.lg-tide-margin-bottom-1{margin-bottom:var(--tide-spacing-1)}.lg-tide-margin-bottom-2{margin-bottom:var(--tide-spacing-2)}.lg-tide-margin-bottom-4{margin-bottom:var(--tide-spacing-4)}.lg-tide-margin-bottom-auto{margin-bottom:auto}.lg-tide-margin-left-0{margin-left:0}.lg-tide-margin-left-1\/4{margin-left:var(--tide-spacing-1\/4)}.lg-tide-margin-left-1\/2{margin-left:var(--tide-spacing-1\/2)}.lg-tide-margin-left-1{margin-left:var(--tide-spacing-1)}.lg-tide-margin-left-2{margin-left:var(--tide-spacing-2)}.lg-tide-margin-left-4{margin-left:var(--tide-spacing-4)}.lg-tide-margin-left-auto{margin-left:auto}.lg-tide-border-color-initial{border-color:initial}.lg-tide-border-primary{border-color:var(--tide-primary)}.lg-tide-border{border-color:var(--tide-border)}.lg-tide-border-low{border-color:var(--tide-border-low)}.lg-tide-border-high{border-color:var(--tide-border-high)}.lg-tide-border-floating{border-color:var(--tide-border-floating)}.lg-tide-border-error{border-color:var(--tide-error-border)}.lg-tide-border-info{border-color:var(--tide-info-border)}.lg-tide-border-success{border-color:var(--tide-success-border)}.lg-tide-border-warning{border-color:var(--tide-warning-border)}.lg-tide-border-1,.lg-tide-border-2,.lg-tide-border-bottom-1,.lg-tide-border-bottom-2,.lg-tide-border-left-1,.lg-tide-border-left-2,.lg-tide-border-right-1,.lg-tide-border-right-2,.lg-tide-border-top-1,.lg-tide-border-top-2{border-style:solid}.lg-tide-border-dashed{border-style:dashed}.lg-tide-border-solid{border-style:solid}.lg-tide-border-0{border-width:0}.lg-tide-border-1{border-width:var(--tide-border-width-1)}.lg-tide-border-2{border-width:var(--tide-border-width-2)}.lg-tide-border-top-0{border-top-width:0}.lg-tide-border-right-0{border-right-width:0}.lg-tide-border-bottom-0{border-bottom-width:0}.lg-tide-border-left-0{border-left-width:0}.lg-tide-border-top-1{border-top-width:var(--tide-border-width-1)}.lg-tide-border-right-1{border-right-width:var(--tide-border-width-1)}.lg-tide-border-bottom-1{border-bottom-width:var(--tide-border-width-1)}.lg-tide-border-left-1{border-left-width:var(--tide-border-width-1)}.lg-tide-border-top-2{border-top-width:var(--tide-border-width-2)}.lg-tide-border-right-2{border-right-width:var(--tide-border-width-2)}.lg-tide-border-bottom-2{border-bottom-width:var(--tide-border-width-2)}.lg-tide-border-left-2{border-left-width:var(--tide-border-width-2)}.lg-tide-radius-0{border-radius:0}.lg-tide-radius-1\/4{border-radius:var(--tide-radius-1\/4)}.lg-tide-radius-1\/2{border-radius:var(--tide-radius-1\/2)}.lg-tide-radius-1{border-radius:var(--tide-radius-1)}.lg-tide-radius-full{border-radius:var(--tide-radius-full)}.lg-tide-padding-0{padding:0}.lg-tide-padding-1\/4{padding:var(--tide-spacing-1\/4)}.lg-tide-padding-1\/2{padding:var(--tide-spacing-1\/2)}.lg-tide-padding-1{padding:var(--tide-spacing-1)}.lg-tide-padding-2{padding:var(--tide-spacing-2)}.lg-tide-padding-4{padding:var(--tide-spacing-4)}.lg-tide-padding-x-0{padding-left:0;padding-right:0}.lg-tide-padding-x-1\/4{padding-left:var(--tide-spacing-1\/4);padding-right:var(--tide-spacing-1\/4)}.lg-tide-padding-x-1\/2{padding-left:var(--tide-spacing-1\/2);padding-right:var(--tide-spacing-1\/2)}.lg-tide-padding-x-1{padding-left:var(--tide-spacing-1);padding-right:var(--tide-spacing-1)}.lg-tide-padding-x-2{padding-left:var(--tide-spacing-2);padding-right:var(--tide-spacing-2)}.lg-tide-padding-x-4{padding-left:var(--tide-spacing-4);padding-right:var(--tide-spacing-4)}.lg-tide-padding-y-0{padding-top:0;padding-bottom:0}.lg-tide-padding-y-1\/4{padding-top:var(--tide-spacing-1\/4);padding-bottom:var(--tide-spacing-1\/4)}.lg-tide-padding-y-1\/2{padding-top:var(--tide-spacing-1\/2);padding-bottom:var(--tide-spacing-1\/2)}.lg-tide-padding-y-1{padding-top:var(--tide-spacing-1);padding-bottom:var(--tide-spacing-1)}.lg-tide-padding-y-2{padding-top:var(--tide-spacing-2);padding-bottom:var(--tide-spacing-2)}.lg-tide-padding-y-4{padding-top:var(--tide-spacing-4);padding-bottom:var(--tide-spacing-4)}.lg-tide-padding-top-0{padding-top:0}.lg-tide-padding-top-1\/4{padding-top:var(--tide-spacing-1\/4)}.lg-tide-padding-top-1\/2{padding-top:var(--tide-spacing-1\/2)}.lg-tide-padding-top-1{padding-top:var(--tide-spacing-1)}.lg-tide-padding-top-2{padding-top:var(--tide-spacing-2)}.lg-tide-padding-top-4{padding-top:var(--tide-spacing-4)}.lg-tide-padding-right-0{padding-right:0}.lg-tide-padding-right-1\/4{padding-right:var(--tide-spacing-1\/4)}.lg-tide-padding-right-1\/2{padding-right:var(--tide-spacing-1\/2)}.lg-tide-padding-right-1{padding-right:var(--tide-spacing-1)}.lg-tide-padding-right-2{padding-right:var(--tide-spacing-2)}.lg-tide-padding-right-4{padding-right:var(--tide-spacing-4)}.lg-tide-padding-bottom-0{padding-bottom:0}.lg-tide-padding-bottom-1\/4{padding-bottom:var(--tide-spacing-1\/4)}.lg-tide-padding-bottom-1\/2{padding-bottom:var(--tide-spacing-1\/2)}.lg-tide-padding-bottom-1{padding-bottom:var(--tide-spacing-1)}.lg-tide-padding-bottom-2{padding-bottom:var(--tide-spacing-2)}.lg-tide-padding-bottom-4{padding-bottom:var(--tide-spacing-4)}.lg-tide-padding-left-0{padding-left:0}.lg-tide-padding-left-1\/4{padding-left:var(--tide-spacing-1\/4)}.lg-tide-padding-left-1\/2{padding-left:var(--tide-spacing-1\/2)}.lg-tide-padding-left-1{padding-left:var(--tide-spacing-1)}.lg-tide-padding-left-2{padding-left:var(--tide-spacing-2)}.lg-tide-padding-left-4{padding-left:var(--tide-spacing-4)}.lg-tide-max-width-full{max-width:100%}.lg-tide-min-width-0{min-width:0}.lg-tide-max-height-full{max-height:100%}.lg-tide-min-height-0{min-height:0}.lg-tide-width-auto{width:auto}.lg-tide-width-0{width:0}.lg-tide-width-full{width:100%}.lg-tide-width-stretch{width:-webkit-fill-available;width:-moz-available;width:stretch}.lg-tide-height-auto{height:auto}.lg-tide-height-0{height:0}.lg-tide-height-full{height:100%}.lg-tide-width-container{max-width:1168px}.lg-tide-bg-initial{background-color:initial}.lg-tide-bg-primary{background:var(--tide-primary)}.lg-tide-bg-secondary{background:var(--tide-secondary)}.lg-tide-bg-surface{background:var(--tide-surface)}.lg-tide-bg-surface-variant{background:var(--tide-surface-variant)}.lg-tide-bg-surface-brand{background:var(--tide-surface-brand)}.lg-tide-bg-surface-accent{background:var(--tide-surface-accent)}.lg-tide-bg-surface-gradient{background:var(--tide-surface-gradient)}.lg-tide-bg-surface-floating{background:var(--tide-surface-floating)}.lg-tide-bg-surface-inverse{background:var(--tide-surface-inverse)}.lg-tide-bg-primary-error{background-color:var(--tide-error-primary)}.lg-tide-bg-primary-info{background-color:var(--tide-info-primary)}.lg-tide-bg-primary-success{background-color:var(--tide-success-primary)}.lg-tide-bg-primary-warning{background-color:var(--tide-warning-primary)}.lg-tide-bg-surface-error{background-color:var(--tide-error-surface)}.lg-tide-bg-surface-info{background-color:var(--tide-info-surface)}.lg-tide-bg-surface-success{background-color:var(--tide-success-surface)}.lg-tide-bg-surface-warning{background-color:var(--tide-warning-surface)}.lg-tide-transparent-100{background-color:var(--tide-transparent-100)}.lg-tide-transparent-200{background-color:var(--tide-transparent-200)}.lg-tide-transparent-300{background-color:var(--tide-transparent-300)}.lg-tide-transparent-400{background-color:var(--tide-transparent-400)}.lg-tide-typography-display-1{font-size:var(--tide-font-32);font-weight:var(--tide-font-semibold);text-wrap:balance}.lg-tide-typography-headline-1{font-size:var(--tide-font-24);font-weight:var(--tide-font-semibold);text-wrap:balance}.lg-tide-typography-headline-2{font-size:var(--tide-font-20);font-weight:var(--tide-font-semibold);text-wrap:balance}.lg-tide-typography-headline-3{font-size:var(--tide-font-16);font-weight:var(--tide-font-semibold);text-wrap:balance}.lg-tide-typography-title-1{font-size:var(--tide-font-20);font-weight:var(--tide-font-semibold);text-wrap:balance}.lg-tide-typography-title-2{font-size:var(--tide-font-18);font-weight:var(--tide-font-semibold);text-wrap:balance}.lg-tide-typography-body-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-regular)}.lg-tide-typography-body-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-regular)}.lg-tide-typography-label-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.lg-tide-typography-label-1-semibold{font-size:var(--tide-font-16);font-weight:var(--tide-font-semibold)}.lg-tide-typography-label-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.lg-tide-typography-label-2-semibold{font-size:var(--tide-font-14);font-weight:var(--tide-font-semibold)}.lg-tide-typography-label-3{font-size:var(--tide-font-12);font-weight:var(--tide-font-medium)}.lg-tide-typography-link-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.lg-tide-typography-link-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.lg-tide-typography-link-3{font-size:var(--tide-font-12);font-weight:var(--tide-font-medium)}.lg-tide-typography-button-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.lg-tide-typography-button-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.lg-tide-font-on-primary{color:var(--tide-on-primary)}.lg-tide-font-on-secondary{color:var(--tide-on-secondary)}.lg-tide-font-on-surface{color:var(--tide-on-surface)}.lg-tide-font-on-surface-variant{color:var(--tide-on-surface-variant)}.lg-tide-font-on-surface-brand{color:var(--tide-on-surface-brand)}.lg-tide-font-on-surface-inverse{color:var(--tide-on-surface-inverse)}.lg-tide-font-on-surface-variant-inverse{color:var(--tide-on-surface-inverse-variant)}.lg-tide-font-error{color:var(--tide-error-primary)}.lg-tide-font-info{color:var(--tide-info-primary)}.lg-tide-font-success{color:var(--tide-success-primary)}.lg-tide-font-warning{color:var(--tide-warning-primary)}.lg-tide-font-10{font-size:var(--tide-font-10)}.lg-tide-font-12{font-size:var(--tide-font-12)}.lg-tide-font-14{font-size:var(--tide-font-14)}.lg-tide-font-16{font-size:var(--tide-font-16)}.lg-tide-font-20{font-size:var(--tide-font-20)}.lg-tide-font-24{font-size:var(--tide-font-24)}.lg-tide-font-32{font-size:var(--tide-font-32)}.lg-tide-font-400{font-weight:var(--tide-font-regular)}.lg-tide-font-500{font-weight:var(--tide-font-medium)}.lg-tide-font-600{font-weight:var(--tide-font-semibold)}.lg-tide-font-700{font-weight:700}.lg-tide-align-middle{vertical-align:middle}.lg-tide-align-initial{vertical-align:initial}.lg-tide-bg-blur{-webkit-backdrop-filter:var(--tide-bg-blur);backdrop-filter:var(--tide-bg-blur)}.lg-tide-break-initial{overflow-wrap:initial}.lg-tide-break-word{overflow-wrap:break-word}.lg-tide-break-inside-avoid-column{break-inside:avoid-column}.lg-tide-columns-initial{column-count:initial}.lg-tide-columns-1{column-count:1}.lg-tide-columns-2{column-count:2}.lg-tide-columns-3{column-count:3}.lg-tide-columns-4{column-count:4}.lg-tide-cursor-not-allowed{cursor:not-allowed}.lg-tide-cursor-pointer{cursor:pointer}.lg-tide-cursor-text{cursor:text}.lg-tide-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-tide-isolate{isolation:isolate}.lg-tide-leading-default{line-height:1.4}.lg-tide-leading-normal{line-height:normal}.lg-tide-list-none{list-style-type:none}.lg-tide-object-center{object-position:center}.lg-tide-object-cover{object-fit:cover}.lg-tide-object-contain{object-fit:contain}.lg-tide-object-scale-down{object-fit:scale-down}.lg-tide-opacity{opacity:1}.lg-tide-opacity-disabled{opacity:var(--tide-disabled)}.lg-tide-opacity-none{opacity:0}.lg-tide-pointer-events{pointer-events:auto}.lg-tide-pointer-events-none{pointer-events:none}.lg-tide-user-select-none{-webkit-user-select:none;user-select:none}.lg-tide-user-select-initial{-webkit-user-select:initial;user-select:initial}.lg-tide-ratio-1\/1{aspect-ratio:1 / 1}.lg-tide-ratio-16\/9{aspect-ratio:16 / 9}.lg-tide-ratio-3\/2{aspect-ratio:3 / 2}.lg-tide-scrollbar-none::-webkit-scrollbar{display:none}.lg-tide-scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.lg-tide-scroll-snap{scroll-snap-stop:always;scroll-snap-type:both mandatory;scroll-behavior:smooth}.lg-tide-scroll-snap-start{scroll-snap-align:start}.lg-tide-shadow-initial{box-shadow:initial}.lg-tide-shadow-bottom{box-shadow:var(--tide-shadow-bottom)}.lg-tide-shadow-top{box-shadow:var(--tide-shadow-top)}.lg-tide-shadow-text{text-shadow:var(--tide-shadow-text)}.lg-tide-strikethrough{text-decoration:line-through}.lg-tide-strikethrough-none{text-decoration:none}.lg-tide-text-center{text-align:center}.lg-tide-text-justify{text-align:justify}.lg-tide-text-left{text-align:left}.lg-tide-text-right{text-align:right}.lg-tide-text-transform-lower{text-transform:lowercase}.lg-tide-text-transform-none{text-transform:none}.lg-tide-text-transform-upper{text-transform:uppercase}.lg-tide-underline{text-decoration:underline}.lg-tide-underline-none{text-decoration:none}.lg-tide-underline-hover:hover{text-decoration:underline}.lg-tide-underline-hover-none:hover{text-decoration:none}.lg-tide-visible{visibility:visible}.lg-tide-visible-none{visibility:hidden}.lg-tide-whitespace-nowrap{white-space:nowrap}.lg-tide-x-auto{overflow-x:auto}.lg-tide-x-hidden{overflow-x:hidden}.lg-tide-x-scroll{overflow-x:scroll}.lg-tide-xy-auto{overflow:auto}.lg-tide-xy-hidden{overflow:hidden}.lg-tide-y-auto{overflow-y:auto}.lg-tide-y-hidden{overflow-y:hidden}.lg-tide-z-index-initial{z-index:initial}.lg-tide-z-index-1{z-index:1}.lg-tide-button-primary,.lg-tide-button-secondary,.lg-tide-button-tertiary,.lg-tide-button-quaternary,.lg-tide-button-floating{border:var(--tide-border-width-2) solid}.lg-tide-button-primary,.lg-tide-button-secondary,.lg-tide-button-tertiary,.lg-tide-button-quaternary{box-shadow:none}.lg-tide-button-primary{background-color:var(--tide-primary);border-color:var(--tide-primary);color:var(--tide-on-primary)}.lg-tide-button-secondary{background-color:var(--tide-secondary);border-color:var(--tide-secondary);color:var(--tide-on-secondary)}.lg-tide-button-tertiary{background-color:var(--tide-surface-variant);border-color:var(--tide-surface-variant);color:var(--tide-secondary)}.lg-tide-button-quaternary{background-color:var(--tide-surface);border-color:var(--tide-surface);color:var(--tide-secondary)}.lg-tide-button-floating{background-color:var(--tide-surface);border-color:var(--tide-surface);box-shadow:var(--tide-shadow-bottom);color:var(--tide-secondary)}a.lg-tide-button-primary:hover,button.lg-tide-button-primary:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-primary);color:var(--tide-primary)}a.lg-tide-button-secondary:hover,button.lg-tide-button-secondary:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-secondary);color:var(--tide-on-surface)}a.lg-tide-button-tertiary:hover,button.lg-tide-button-tertiary:enabled:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-border);color:var(--tide-secondary)}a.lg-tide-button-quaternary:hover,button.lg-tide-button-quaternary:enabled:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-surface-variant);color:var(--tide-secondary)}.lg-tide-button-floating:hover,button.lg-tide-button-floating:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-surface);color:var(--tide-secondary)}button.lg-tide-button-primary:disabled,button.lg-tide-button-secondary:disabled,button.lg-tide-button-tertiary:disabled,button.lg-tide-button-quaternary:disabled,button.lg-tide-button-floating:disabled{opacity:var(--tide-disabled)}}@media(min-width:1920px){.xl-tide-position-absolute{position:absolute}.xl-tide-position-fixed{position:fixed}.xl-tide-position-relative{position:relative}.xl-tide-position-static{position:static}.xl-tide-position-sticky{position:sticky}.xl-tide-top-0{top:0}.xl-tide-right-0{right:0}.xl-tide-bottom-0{bottom:0}.xl-tide-left-0{left:0}.xl-tide-display-block{display:block}.xl-tide-display-contents{display:contents}.xl-tide-display-flex{display:flex}.xl-tide-display-grid{display:grid}.xl-tide-display-initial{display:initial}.xl-tide-display-inline{display:inline}.xl-tide-display-inline-block{display:inline-block}.xl-tide-display-inline-flex{display:inline-flex}.xl-tide-display-none{display:none}.xl-tide-flex-column{flex-direction:column}.xl-tide-flex-column-reverse{flex-direction:column-reverse}.xl-tide-flex-row{flex-direction:row}.xl-tide-flex-row-reverse{flex-direction:row-reverse}.xl-tide-grow{flex-grow:1}.xl-tide-grow-none{flex-grow:0}.xl-tide-shrink{flex-shrink:1}.xl-tide-shrink-none{flex-shrink:0}.xl-tide-flex-wrap{flex-wrap:wrap}.xl-tide-axis1-around{justify-content:space-around}.xl-tide-axis1-between{justify-content:space-between}.xl-tide-axis1-center{justify-content:center}.xl-tide-axis1-end{justify-content:end}.xl-tide-axis1-start{justify-content:start}.xl-tide-axis2-around{align-items:space-around}.xl-tide-axis2-center{align-items:center}.xl-tide-axis2-end{align-items:flex-end}.xl-tide-axis2-start{align-items:flex-start}.xl-tide-axis2-stretch{align-items:stretch}.xl-tide-gap-0{gap:0}.xl-tide-gap-1\/4{gap:var(--tide-spacing-1\/4)}.xl-tide-gap-1\/2{gap:var(--tide-spacing-1\/2)}.xl-tide-gap-1{gap:var(--tide-spacing-1)}.xl-tide-gap-2{gap:var(--tide-spacing-2)}.xl-tide-gap-4{gap:var(--tide-spacing-4)}.xl-tide-flex-basis-auto{flex-basis:auto}.xl-tide-flex-basis-0{flex-basis:0}.xl-tide-box-border{box-sizing:border-box}.xl-tide-box-content{box-sizing:content-box}.xl-tide-margin-0{margin:0}.xl-tide-margin-1\/4{margin:var(--tide-spacing-1\/4)}.xl-tide-margin-1\/2{margin:var(--tide-spacing-1\/2)}.xl-tide-margin-1{margin:var(--tide-spacing-1)}.xl-tide-margin-2{margin:var(--tide-spacing-2)}.xl-tide-margin-4{margin:var(--tide-spacing-4)}.xl-tide-margin-auto{margin:auto}.xl-tide-margin-x-0{margin-left:0;margin-right:0}.xl-tide-margin-x-1\/4{margin-left:var(--tide-spacing-1\/4);margin-right:var(--tide-spacing-1\/4)}.xl-tide-margin-x-1\/2{margin-left:var(--tide-spacing-1\/2);margin-right:var(--tide-spacing-1\/2)}.xl-tide-margin-x-1{margin-left:var(--tide-spacing-1);margin-right:var(--tide-spacing-1)}.xl-tide-margin-x-2{margin-left:var(--tide-spacing-2);margin-right:var(--tide-spacing-2)}.xl-tide-margin-x-4{margin-left:var(--tide-spacing-4);margin-right:var(--tide-spacing-4)}.xl-tide-margin-x-auto{margin-left:auto;margin-right:auto}.xl-tide-margin-y-0{margin-top:0;margin-bottom:0}.xl-tide-margin-y-1\/4{margin-top:var(--tide-spacing-1\/4);margin-bottom:var(--tide-spacing-1\/4)}.xl-tide-margin-y-1\/2{margin-top:var(--tide-spacing-1\/2);margin-bottom:var(--tide-spacing-1\/2)}.xl-tide-margin-y-1{margin-top:var(--tide-spacing-1);margin-bottom:var(--tide-spacing-1)}.xl-tide-margin-y-2{margin-top:var(--tide-spacing-2);margin-bottom:var(--tide-spacing-2)}.xl-tide-margin-y-4{margin-top:var(--tide-spacing-4);margin-bottom:var(--tide-spacing-4)}.xl-tide-margin-y-auto{margin-top:auto;margin-bottom:auto}.xl-tide-margin-top-0{margin-top:0}.xl-tide-margin-top-1\/4{margin-top:var(--tide-spacing-1\/4)}.xl-tide-margin-top-1\/2{margin-top:var(--tide-spacing-1\/2)}.xl-tide-margin-top-1{margin-top:var(--tide-spacing-1)}.xl-tide-margin-top-2{margin-top:var(--tide-spacing-2)}.xl-tide-margin-top-4{margin-top:var(--tide-spacing-4)}.xl-tide-margin-top-auto{margin-top:auto}.xl-tide-margin-right-0{margin-right:0}.xl-tide-margin-right-1\/4{margin-right:var(--tide-spacing-1\/4)}.xl-tide-margin-right-1\/2{margin-right:var(--tide-spacing-1\/2)}.xl-tide-margin-right-1{margin-right:var(--tide-spacing-1)}.xl-tide-margin-right-2{margin-right:var(--tide-spacing-2)}.xl-tide-margin-right-4{margin-right:var(--tide-spacing-4)}.xl-tide-margin-right-auto{margin-right:auto}.xl-tide-margin-bottom-0{margin-bottom:0}.xl-tide-margin-bottom-1\/4{margin-bottom:var(--tide-spacing-1\/4)}.xl-tide-margin-bottom-1\/2{margin-bottom:var(--tide-spacing-1\/2)}.xl-tide-margin-bottom-1{margin-bottom:var(--tide-spacing-1)}.xl-tide-margin-bottom-2{margin-bottom:var(--tide-spacing-2)}.xl-tide-margin-bottom-4{margin-bottom:var(--tide-spacing-4)}.xl-tide-margin-bottom-auto{margin-bottom:auto}.xl-tide-margin-left-0{margin-left:0}.xl-tide-margin-left-1\/4{margin-left:var(--tide-spacing-1\/4)}.xl-tide-margin-left-1\/2{margin-left:var(--tide-spacing-1\/2)}.xl-tide-margin-left-1{margin-left:var(--tide-spacing-1)}.xl-tide-margin-left-2{margin-left:var(--tide-spacing-2)}.xl-tide-margin-left-4{margin-left:var(--tide-spacing-4)}.xl-tide-margin-left-auto{margin-left:auto}.xl-tide-border-color-initial{border-color:initial}.xl-tide-border-primary{border-color:var(--tide-primary)}.xl-tide-border{border-color:var(--tide-border)}.xl-tide-border-low{border-color:var(--tide-border-low)}.xl-tide-border-high{border-color:var(--tide-border-high)}.xl-tide-border-floating{border-color:var(--tide-border-floating)}.xl-tide-border-error{border-color:var(--tide-error-border)}.xl-tide-border-info{border-color:var(--tide-info-border)}.xl-tide-border-success{border-color:var(--tide-success-border)}.xl-tide-border-warning{border-color:var(--tide-warning-border)}.xl-tide-border-1,.xl-tide-border-2,.xl-tide-border-bottom-1,.xl-tide-border-bottom-2,.xl-tide-border-left-1,.xl-tide-border-left-2,.xl-tide-border-right-1,.xl-tide-border-right-2,.xl-tide-border-top-1,.xl-tide-border-top-2{border-style:solid}.xl-tide-border-dashed{border-style:dashed}.xl-tide-border-solid{border-style:solid}.xl-tide-border-0{border-width:0}.xl-tide-border-1{border-width:var(--tide-border-width-1)}.xl-tide-border-2{border-width:var(--tide-border-width-2)}.xl-tide-border-top-0{border-top-width:0}.xl-tide-border-right-0{border-right-width:0}.xl-tide-border-bottom-0{border-bottom-width:0}.xl-tide-border-left-0{border-left-width:0}.xl-tide-border-top-1{border-top-width:var(--tide-border-width-1)}.xl-tide-border-right-1{border-right-width:var(--tide-border-width-1)}.xl-tide-border-bottom-1{border-bottom-width:var(--tide-border-width-1)}.xl-tide-border-left-1{border-left-width:var(--tide-border-width-1)}.xl-tide-border-top-2{border-top-width:var(--tide-border-width-2)}.xl-tide-border-right-2{border-right-width:var(--tide-border-width-2)}.xl-tide-border-bottom-2{border-bottom-width:var(--tide-border-width-2)}.xl-tide-border-left-2{border-left-width:var(--tide-border-width-2)}.xl-tide-radius-0{border-radius:0}.xl-tide-radius-1\/4{border-radius:var(--tide-radius-1\/4)}.xl-tide-radius-1\/2{border-radius:var(--tide-radius-1\/2)}.xl-tide-radius-1{border-radius:var(--tide-radius-1)}.xl-tide-radius-full{border-radius:var(--tide-radius-full)}.xl-tide-padding-0{padding:0}.xl-tide-padding-1\/4{padding:var(--tide-spacing-1\/4)}.xl-tide-padding-1\/2{padding:var(--tide-spacing-1\/2)}.xl-tide-padding-1{padding:var(--tide-spacing-1)}.xl-tide-padding-2{padding:var(--tide-spacing-2)}.xl-tide-padding-4{padding:var(--tide-spacing-4)}.xl-tide-padding-x-0{padding-left:0;padding-right:0}.xl-tide-padding-x-1\/4{padding-left:var(--tide-spacing-1\/4);padding-right:var(--tide-spacing-1\/4)}.xl-tide-padding-x-1\/2{padding-left:var(--tide-spacing-1\/2);padding-right:var(--tide-spacing-1\/2)}.xl-tide-padding-x-1{padding-left:var(--tide-spacing-1);padding-right:var(--tide-spacing-1)}.xl-tide-padding-x-2{padding-left:var(--tide-spacing-2);padding-right:var(--tide-spacing-2)}.xl-tide-padding-x-4{padding-left:var(--tide-spacing-4);padding-right:var(--tide-spacing-4)}.xl-tide-padding-y-0{padding-top:0;padding-bottom:0}.xl-tide-padding-y-1\/4{padding-top:var(--tide-spacing-1\/4);padding-bottom:var(--tide-spacing-1\/4)}.xl-tide-padding-y-1\/2{padding-top:var(--tide-spacing-1\/2);padding-bottom:var(--tide-spacing-1\/2)}.xl-tide-padding-y-1{padding-top:var(--tide-spacing-1);padding-bottom:var(--tide-spacing-1)}.xl-tide-padding-y-2{padding-top:var(--tide-spacing-2);padding-bottom:var(--tide-spacing-2)}.xl-tide-padding-y-4{padding-top:var(--tide-spacing-4);padding-bottom:var(--tide-spacing-4)}.xl-tide-padding-top-0{padding-top:0}.xl-tide-padding-top-1\/4{padding-top:var(--tide-spacing-1\/4)}.xl-tide-padding-top-1\/2{padding-top:var(--tide-spacing-1\/2)}.xl-tide-padding-top-1{padding-top:var(--tide-spacing-1)}.xl-tide-padding-top-2{padding-top:var(--tide-spacing-2)}.xl-tide-padding-top-4{padding-top:var(--tide-spacing-4)}.xl-tide-padding-right-0{padding-right:0}.xl-tide-padding-right-1\/4{padding-right:var(--tide-spacing-1\/4)}.xl-tide-padding-right-1\/2{padding-right:var(--tide-spacing-1\/2)}.xl-tide-padding-right-1{padding-right:var(--tide-spacing-1)}.xl-tide-padding-right-2{padding-right:var(--tide-spacing-2)}.xl-tide-padding-right-4{padding-right:var(--tide-spacing-4)}.xl-tide-padding-bottom-0{padding-bottom:0}.xl-tide-padding-bottom-1\/4{padding-bottom:var(--tide-spacing-1\/4)}.xl-tide-padding-bottom-1\/2{padding-bottom:var(--tide-spacing-1\/2)}.xl-tide-padding-bottom-1{padding-bottom:var(--tide-spacing-1)}.xl-tide-padding-bottom-2{padding-bottom:var(--tide-spacing-2)}.xl-tide-padding-bottom-4{padding-bottom:var(--tide-spacing-4)}.xl-tide-padding-left-0{padding-left:0}.xl-tide-padding-left-1\/4{padding-left:var(--tide-spacing-1\/4)}.xl-tide-padding-left-1\/2{padding-left:var(--tide-spacing-1\/2)}.xl-tide-padding-left-1{padding-left:var(--tide-spacing-1)}.xl-tide-padding-left-2{padding-left:var(--tide-spacing-2)}.xl-tide-padding-left-4{padding-left:var(--tide-spacing-4)}.xl-tide-max-width-full{max-width:100%}.xl-tide-min-width-0{min-width:0}.xl-tide-max-height-full{max-height:100%}.xl-tide-min-height-0{min-height:0}.xl-tide-width-auto{width:auto}.xl-tide-width-0{width:0}.xl-tide-width-full{width:100%}.xl-tide-width-stretch{width:-webkit-fill-available;width:-moz-available;width:stretch}.xl-tide-height-auto{height:auto}.xl-tide-height-0{height:0}.xl-tide-height-full{height:100%}.xl-tide-width-container{max-width:1168px}.xl-tide-bg-initial{background-color:initial}.xl-tide-bg-primary{background:var(--tide-primary)}.xl-tide-bg-secondary{background:var(--tide-secondary)}.xl-tide-bg-surface{background:var(--tide-surface)}.xl-tide-bg-surface-variant{background:var(--tide-surface-variant)}.xl-tide-bg-surface-brand{background:var(--tide-surface-brand)}.xl-tide-bg-surface-accent{background:var(--tide-surface-accent)}.xl-tide-bg-surface-gradient{background:var(--tide-surface-gradient)}.xl-tide-bg-surface-floating{background:var(--tide-surface-floating)}.xl-tide-bg-surface-inverse{background:var(--tide-surface-inverse)}.xl-tide-bg-primary-error{background-color:var(--tide-error-primary)}.xl-tide-bg-primary-info{background-color:var(--tide-info-primary)}.xl-tide-bg-primary-success{background-color:var(--tide-success-primary)}.xl-tide-bg-primary-warning{background-color:var(--tide-warning-primary)}.xl-tide-bg-surface-error{background-color:var(--tide-error-surface)}.xl-tide-bg-surface-info{background-color:var(--tide-info-surface)}.xl-tide-bg-surface-success{background-color:var(--tide-success-surface)}.xl-tide-bg-surface-warning{background-color:var(--tide-warning-surface)}.xl-tide-transparent-100{background-color:var(--tide-transparent-100)}.xl-tide-transparent-200{background-color:var(--tide-transparent-200)}.xl-tide-transparent-300{background-color:var(--tide-transparent-300)}.xl-tide-transparent-400{background-color:var(--tide-transparent-400)}.xl-tide-typography-display-1{font-size:var(--tide-font-32);font-weight:var(--tide-font-semibold);text-wrap:balance}.xl-tide-typography-headline-1{font-size:var(--tide-font-24);font-weight:var(--tide-font-semibold);text-wrap:balance}.xl-tide-typography-headline-2{font-size:var(--tide-font-20);font-weight:var(--tide-font-semibold);text-wrap:balance}.xl-tide-typography-headline-3{font-size:var(--tide-font-16);font-weight:var(--tide-font-semibold);text-wrap:balance}.xl-tide-typography-title-1{font-size:var(--tide-font-20);font-weight:var(--tide-font-semibold);text-wrap:balance}.xl-tide-typography-title-2{font-size:var(--tide-font-18);font-weight:var(--tide-font-semibold);text-wrap:balance}.xl-tide-typography-body-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-regular)}.xl-tide-typography-body-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-regular)}.xl-tide-typography-label-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.xl-tide-typography-label-1-semibold{font-size:var(--tide-font-16);font-weight:var(--tide-font-semibold)}.xl-tide-typography-label-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.xl-tide-typography-label-2-semibold{font-size:var(--tide-font-14);font-weight:var(--tide-font-semibold)}.xl-tide-typography-label-3{font-size:var(--tide-font-12);font-weight:var(--tide-font-medium)}.xl-tide-typography-link-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.xl-tide-typography-link-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.xl-tide-typography-link-3{font-size:var(--tide-font-12);font-weight:var(--tide-font-medium)}.xl-tide-typography-button-1{font-size:var(--tide-font-16);font-weight:var(--tide-font-medium)}.xl-tide-typography-button-2{font-size:var(--tide-font-14);font-weight:var(--tide-font-medium)}.xl-tide-font-on-primary{color:var(--tide-on-primary)}.xl-tide-font-on-secondary{color:var(--tide-on-secondary)}.xl-tide-font-on-surface{color:var(--tide-on-surface)}.xl-tide-font-on-surface-variant{color:var(--tide-on-surface-variant)}.xl-tide-font-on-surface-brand{color:var(--tide-on-surface-brand)}.xl-tide-font-on-surface-inverse{color:var(--tide-on-surface-inverse)}.xl-tide-font-on-surface-variant-inverse{color:var(--tide-on-surface-inverse-variant)}.xl-tide-font-error{color:var(--tide-error-primary)}.xl-tide-font-info{color:var(--tide-info-primary)}.xl-tide-font-success{color:var(--tide-success-primary)}.xl-tide-font-warning{color:var(--tide-warning-primary)}.xl-tide-font-10{font-size:var(--tide-font-10)}.xl-tide-font-12{font-size:var(--tide-font-12)}.xl-tide-font-14{font-size:var(--tide-font-14)}.xl-tide-font-16{font-size:var(--tide-font-16)}.xl-tide-font-20{font-size:var(--tide-font-20)}.xl-tide-font-24{font-size:var(--tide-font-24)}.xl-tide-font-32{font-size:var(--tide-font-32)}.xl-tide-font-400{font-weight:var(--tide-font-regular)}.xl-tide-font-500{font-weight:var(--tide-font-medium)}.xl-tide-font-600{font-weight:var(--tide-font-semibold)}.xl-tide-font-700{font-weight:700}.xl-tide-align-middle{vertical-align:middle}.xl-tide-align-initial{vertical-align:initial}.xl-tide-bg-blur{-webkit-backdrop-filter:var(--tide-bg-blur);backdrop-filter:var(--tide-bg-blur)}.xl-tide-break-initial{overflow-wrap:initial}.xl-tide-break-word{overflow-wrap:break-word}.xl-tide-break-inside-avoid-column{break-inside:avoid-column}.xl-tide-columns-initial{column-count:initial}.xl-tide-columns-1{column-count:1}.xl-tide-columns-2{column-count:2}.xl-tide-columns-3{column-count:3}.xl-tide-columns-4{column-count:4}.xl-tide-cursor-not-allowed{cursor:not-allowed}.xl-tide-cursor-pointer{cursor:pointer}.xl-tide-cursor-text{cursor:text}.xl-tide-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xl-tide-isolate{isolation:isolate}.xl-tide-leading-default{line-height:1.4}.xl-tide-leading-normal{line-height:normal}.xl-tide-list-none{list-style-type:none}.xl-tide-object-center{object-position:center}.xl-tide-object-cover{object-fit:cover}.xl-tide-object-contain{object-fit:contain}.xl-tide-object-scale-down{object-fit:scale-down}.xl-tide-opacity{opacity:1}.xl-tide-opacity-disabled{opacity:var(--tide-disabled)}.xl-tide-opacity-none{opacity:0}.xl-tide-pointer-events{pointer-events:auto}.xl-tide-pointer-events-none{pointer-events:none}.xl-tide-user-select-none{-webkit-user-select:none;user-select:none}.xl-tide-user-select-initial{-webkit-user-select:initial;user-select:initial}.xl-tide-ratio-1\/1{aspect-ratio:1 / 1}.xl-tide-ratio-16\/9{aspect-ratio:16 / 9}.xl-tide-ratio-3\/2{aspect-ratio:3 / 2}.xl-tide-scrollbar-none::-webkit-scrollbar{display:none}.xl-tide-scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.xl-tide-scroll-snap{scroll-snap-stop:always;scroll-snap-type:both mandatory;scroll-behavior:smooth}.xl-tide-scroll-snap-start{scroll-snap-align:start}.xl-tide-shadow-initial{box-shadow:initial}.xl-tide-shadow-bottom{box-shadow:var(--tide-shadow-bottom)}.xl-tide-shadow-top{box-shadow:var(--tide-shadow-top)}.xl-tide-shadow-text{text-shadow:var(--tide-shadow-text)}.xl-tide-strikethrough{text-decoration:line-through}.xl-tide-strikethrough-none{text-decoration:none}.xl-tide-text-center{text-align:center}.xl-tide-text-justify{text-align:justify}.xl-tide-text-left{text-align:left}.xl-tide-text-right{text-align:right}.xl-tide-text-transform-lower{text-transform:lowercase}.xl-tide-text-transform-none{text-transform:none}.xl-tide-text-transform-upper{text-transform:uppercase}.xl-tide-underline{text-decoration:underline}.xl-tide-underline-none{text-decoration:none}.xl-tide-underline-hover:hover{text-decoration:underline}.xl-tide-underline-hover-none:hover{text-decoration:none}.xl-tide-visible{visibility:visible}.xl-tide-visible-none{visibility:hidden}.xl-tide-whitespace-nowrap{white-space:nowrap}.xl-tide-x-auto{overflow-x:auto}.xl-tide-x-hidden{overflow-x:hidden}.xl-tide-x-scroll{overflow-x:scroll}.xl-tide-xy-auto{overflow:auto}.xl-tide-xy-hidden{overflow:hidden}.xl-tide-y-auto{overflow-y:auto}.xl-tide-y-hidden{overflow-y:hidden}.xl-tide-z-index-initial{z-index:initial}.xl-tide-z-index-1{z-index:1}.xl-tide-button-primary,.xl-tide-button-secondary,.xl-tide-button-tertiary,.xl-tide-button-quaternary,.xl-tide-button-floating{border:var(--tide-border-width-2) solid}.xl-tide-button-primary,.xl-tide-button-secondary,.xl-tide-button-tertiary,.xl-tide-button-quaternary{box-shadow:none}.xl-tide-button-primary{background-color:var(--tide-primary);border-color:var(--tide-primary);color:var(--tide-on-primary)}.xl-tide-button-secondary{background-color:var(--tide-secondary);border-color:var(--tide-secondary);color:var(--tide-on-secondary)}.xl-tide-button-tertiary{background-color:var(--tide-surface-variant);border-color:var(--tide-surface-variant);color:var(--tide-secondary)}.xl-tide-button-quaternary{background-color:var(--tide-surface);border-color:var(--tide-surface);color:var(--tide-secondary)}.xl-tide-button-floating{background-color:var(--tide-surface);border-color:var(--tide-surface);box-shadow:var(--tide-shadow-bottom);color:var(--tide-secondary)}a.xl-tide-button-primary:hover,button.xl-tide-button-primary:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-primary);color:var(--tide-primary)}a.xl-tide-button-secondary:hover,button.xl-tide-button-secondary:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-secondary);color:var(--tide-on-surface)}a.xl-tide-button-tertiary:hover,button.xl-tide-button-tertiary:enabled:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-border);color:var(--tide-secondary)}a.xl-tide-button-quaternary:hover,button.xl-tide-button-quaternary:enabled:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-surface-variant);color:var(--tide-secondary)}.xl-tide-button-floating:hover,button.xl-tide-button-floating:enabled:hover{background-color:var(--tide-surface);border-color:var(--tide-surface);color:var(--tide-secondary)}button.xl-tide-button-primary:disabled,button.xl-tide-button-secondary:disabled,button.xl-tide-button-tertiary:disabled,button.xl-tide-button-quaternary:disabled,button.xl-tide-button-floating:disabled{opacity:var(--tide-disabled)}}.tide-screen-reader-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--tide-1232px: 73rem;--tide-1920px: 120rem}.tide-grid-layout{--tide-max-content-width: var(--tide-1232px);--tide-column-width: minmax(0, var(--tide-max-content-width));--tide-gutter-width: var(--tide-spacing-1);display:grid;grid-auto-rows:min-content;grid-template-columns:minmax(var(--tide-gutter-width),1fr) var(--tide-column-width) minmax(var(--tide-gutter-width),1fr)}@media(min-width:768px){.tide-grid-layout{--tide-gutter-width: var(--tide-spacing-2)}}@media(min-width:1232px){.tide-grid-layout{--tide-gutter-width: var(--tide-spacing-4)}}.tide-grid-xl{--tide-max-content-width: var(--tide-1920px)}.tide-grid-layout>*,.tide-grid-item{grid-column:2 / -2}.tide-fluid{grid-column:1 / -1}
|
|
1
|
+
|
|
2
|
+
.tide-divider[data-v-a1f225d2] {
|
|
3
|
+
align-self: stretch;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.tide-icon {
|
|
7
|
+
width: 1.5rem;
|
|
8
|
+
height: 1.5rem;
|
|
9
|
+
}
|
|
10
|
+
.tide-icon.small {
|
|
11
|
+
width: 1.25rem;
|
|
12
|
+
height: 1.25rem;
|
|
13
|
+
}
|
|
14
|
+
.tide-icon svg {
|
|
15
|
+
width: 100%;
|
|
16
|
+
height: 100%;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.tide-accordion-item[data-v-0e32b249] {
|
|
20
|
+
align-self: stretch;
|
|
21
|
+
}
|
|
22
|
+
.tide-accordion-body[data-v-0e32b249] {
|
|
23
|
+
transition: grid-template-rows var(--tide-animate);
|
|
24
|
+
}
|
|
25
|
+
.tide-accordion-body.expanded[data-v-0e32b249] {
|
|
26
|
+
grid-template-rows: minmax(0px, 1fr);
|
|
27
|
+
}
|
|
28
|
+
.tide-accordion-body.collapsed[data-v-0e32b249] {
|
|
29
|
+
grid-template-rows: minmax(0px, 0fr);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.tide-alert[data-v-09638e3c] {
|
|
33
|
+
grid-template-areas:
|
|
34
|
+
'icon heading close'
|
|
35
|
+
'. body .';
|
|
36
|
+
grid-template-columns: auto var(--tide-safe-fr) auto;
|
|
37
|
+
grid-column-gap: var(--tide-spacing-1\/2);
|
|
38
|
+
max-width: var(--tide-max-width, 640px);
|
|
39
|
+
}
|
|
40
|
+
.tide-alert-icon[data-v-09638e3c] {
|
|
41
|
+
grid-area: icon;
|
|
42
|
+
}
|
|
43
|
+
.tide-alert-heading[data-v-09638e3c] {
|
|
44
|
+
grid-area: heading;
|
|
45
|
+
}
|
|
46
|
+
.tide-alert-close[data-v-09638e3c] {
|
|
47
|
+
grid-area: close;
|
|
48
|
+
}
|
|
49
|
+
.tide-alert-body[data-v-09638e3c] {
|
|
50
|
+
grid-area: body;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.tide-icon[data-v-e9541ad7] {
|
|
54
|
+
color: var(--tide-info-primary);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.tide-button-icon[data-v-2da25be7],
|
|
58
|
+
.tide-link-as-button-icon[data-v-2da25be7] {
|
|
59
|
+
border: 1px solid var(--tide-white);
|
|
60
|
+
background: var(--tide-white);
|
|
61
|
+
color: var(--tide-secondary);
|
|
62
|
+
}
|
|
63
|
+
.tide-button-icon[data-v-2da25be7]:not(:disabled):hover,
|
|
64
|
+
.tide-link-as-button-icon[data-v-2da25be7]:not(:disabled):hover {
|
|
65
|
+
border: 1px solid var(--tide-surface-variant);
|
|
66
|
+
background: var(--tide-surface-variant);
|
|
67
|
+
}
|
|
68
|
+
.tide-button-icon[data-v-2da25be7]:disabled,
|
|
69
|
+
.tide-link-as-button-icon[data-v-2da25be7]:disabled {
|
|
70
|
+
border: 1px solid var(--tide-border-high);
|
|
71
|
+
}
|
|
72
|
+
.tide-button-icon .label[data-v-2da25be7],
|
|
73
|
+
.tide-link-as-button-icon .label[data-v-2da25be7] {
|
|
74
|
+
width: 1.5rem;
|
|
75
|
+
height: 1.5rem;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.heart-container[data-v-4e7723df] {
|
|
79
|
+
--rotate-during-heart-beat: 9deg;
|
|
80
|
+
filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.3));
|
|
81
|
+
transition: var(--tide-duration-300) var(--tide-easing-ease-out);
|
|
82
|
+
transition-property: transform, scale;
|
|
83
|
+
rotate: 0deg;
|
|
84
|
+
}
|
|
85
|
+
.heart-container.animate-heartbeat[data-v-4e7723df] {
|
|
86
|
+
animation: heartBeat-4e7723df var(--tide-duration-150);
|
|
87
|
+
animation-direction: alternate;
|
|
88
|
+
animation-iteration-count: 4;
|
|
89
|
+
}
|
|
90
|
+
.heart-container[data-v-4e7723df]:active {
|
|
91
|
+
scale: 0.9;
|
|
92
|
+
transition-duration: var(--tide-duration-75);
|
|
93
|
+
}
|
|
94
|
+
.tide-button-save-icon[data-v-4e7723df] {
|
|
95
|
+
fill: currentColor;
|
|
96
|
+
}
|
|
97
|
+
@media (hover: hover) {
|
|
98
|
+
.heart-container[data-v-4e7723df] {
|
|
99
|
+
--rotate-during-heart-beat: 0deg;
|
|
100
|
+
}
|
|
101
|
+
.tide-button-save:where(:hover, :focus-visible) .heart-container[data-v-4e7723df] {
|
|
102
|
+
transform: rotate(9deg);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
.heart-filled[data-v-4e7723df] {
|
|
106
|
+
scale: 0.985; /* avoid hairline border render issue */
|
|
107
|
+
transform-origin: center;
|
|
108
|
+
transition: color var(--tide-duration-75) var(--tide-easing-linear);
|
|
109
|
+
}
|
|
110
|
+
.filled-transparent[data-v-4e7723df] {
|
|
111
|
+
color: var(--tide-transparent-400);
|
|
112
|
+
}
|
|
113
|
+
@keyframes heartBeat-4e7723df {
|
|
114
|
+
from {
|
|
115
|
+
scale: 1;
|
|
116
|
+
rotate: 0deg;
|
|
117
|
+
}
|
|
118
|
+
to {
|
|
119
|
+
scale: 1.25;
|
|
120
|
+
rotate: var(--rotate-during-heart-beat);
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.tide-button-segmented[data-v-57a30386] {
|
|
125
|
+
max-width: 23.3rem;
|
|
126
|
+
align-self: stretch;
|
|
127
|
+
}
|
|
128
|
+
.tide-button-segmented[data-v-57a30386]:has(:focus-visible) {
|
|
129
|
+
outline: auto;
|
|
130
|
+
}
|
|
131
|
+
.inactive[data-v-57a30386] {
|
|
132
|
+
border-color: var(--tide-surface-variant);
|
|
133
|
+
}
|
|
134
|
+
.inactive[data-v-57a30386]:hover {
|
|
135
|
+
border-color: var(--tide-border);
|
|
136
|
+
color: var(--tide-surface-default);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.tide-card.hoverable[data-v-0bfffaad]:not(.selected):hover {
|
|
140
|
+
border-color: var(--tide-border-rest);
|
|
141
|
+
}
|
|
142
|
+
.tide-card.selected[data-v-0bfffaad] {
|
|
143
|
+
outline: 2px solid var(--tide-border-high);
|
|
144
|
+
outline-offset: -2px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.tide-carousel-button-overlay.hideaway[data-v-a9f0952b] {
|
|
148
|
+
opacity: 0;
|
|
149
|
+
}
|
|
150
|
+
.tide-carousel:hover .tide-carousel-button-overlay.hideaway[data-v-a9f0952b] {
|
|
151
|
+
opacity: 1;
|
|
152
|
+
}
|
|
153
|
+
.tide-carousel-dot[data-v-a9f0952b] {
|
|
154
|
+
width: 8px;
|
|
155
|
+
height: 8px;
|
|
156
|
+
opacity: 0.75;
|
|
157
|
+
transform: scale(0.5);
|
|
158
|
+
transition: opacity var(--tide-animate), transform var(--tide-animate);
|
|
159
|
+
}
|
|
160
|
+
.tide-carousel-dot-neighbor[data-v-a9f0952b] {
|
|
161
|
+
transform: scale(0.75);
|
|
162
|
+
}
|
|
163
|
+
.tide-carousel-dot-active[data-v-a9f0952b] {
|
|
164
|
+
transform: scale(1);
|
|
165
|
+
opacity: 1;
|
|
166
|
+
}
|
|
167
|
+
@media (pointer: coarse) {
|
|
168
|
+
.tide-carousel .tide-carousel-button-overlay[data-v-a9f0952b] {
|
|
169
|
+
display: none;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.tide-chip-action[data-v-5ea552aa]:hover {
|
|
174
|
+
background-color: var(--tide-surface-variant);
|
|
175
|
+
border-color: var(--tide-border-high);
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
/* Border must always exist to prevent resize on hover state, but match background color on rest state to blend in. */
|
|
179
|
+
.tide-chip-filter[data-v-15ee34b6] {
|
|
180
|
+
border-color: var(--tide-surface-variant);
|
|
181
|
+
}
|
|
182
|
+
.tide-chip-filter.active[data-v-15ee34b6] {
|
|
183
|
+
border-color: var(--tide-secondary);
|
|
184
|
+
}
|
|
185
|
+
.tide-chip-filter[data-v-15ee34b6]:hover {
|
|
186
|
+
background-color: var(--tide-surface-variant);
|
|
187
|
+
border-color: var(--tide-border);
|
|
188
|
+
color: var(--tide-on-surface);
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.tide-chip-input[data-v-bd65d6f6] {
|
|
192
|
+
border-color: var(--tide-border);
|
|
193
|
+
}
|
|
194
|
+
.tide-chip-input[data-v-bd65d6f6]:hover {
|
|
195
|
+
border-color: var(--tide-border-high);
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.tide-columns-column[data-v-1f7e2e25] {
|
|
199
|
+
width: 100%;
|
|
200
|
+
}
|
|
201
|
+
@media (min-width: 992px) {
|
|
202
|
+
.tide-columns-column[data-v-1f7e2e25] {
|
|
203
|
+
width: calc((100% - 2rem) / 2);
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
@media (min-width: 1232px) {
|
|
207
|
+
.tide-columns-column[data-v-1f7e2e25] {
|
|
208
|
+
width: calc((100% - 6rem) / 4);
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.tide-image-img[data-v-bfc515e8] {
|
|
213
|
+
border-radius: inherit;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
[data-v-8695bcc4] .tide-image {
|
|
217
|
+
z-index: -1;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
.tide-indicator[data-v-96a6263b]:not(.dot) {
|
|
221
|
+
min-width: 1rem;
|
|
222
|
+
min-height: 1rem;
|
|
223
|
+
}
|
|
224
|
+
.tide-indicator.dot[data-v-96a6263b] {
|
|
225
|
+
border-color: var(--tide-gray-100);
|
|
226
|
+
width: 10px;
|
|
227
|
+
height: 10px;
|
|
228
|
+
}
|
|
229
|
+
.tide-indicator-label[data-v-96a6263b] {
|
|
230
|
+
/* Use bottom-weighting to offset the mathematical center to the optical center. */
|
|
231
|
+
margin-top: -1px;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
.tide-input-checkbox[data-v-2b691c9a] {
|
|
235
|
+
align-self: start;
|
|
236
|
+
}
|
|
237
|
+
.tide-input-checkbox-custom[data-v-2b691c9a] {
|
|
238
|
+
width: 24px;
|
|
239
|
+
height: 24px;
|
|
240
|
+
}
|
|
241
|
+
label[data-v-2b691c9a]:has(input:focus-visible) {
|
|
242
|
+
outline: auto;
|
|
243
|
+
outline-offset: 2px;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
.tide-input-checkbox.disabled[data-v-345366c5] {
|
|
247
|
+
opacity: var(--tide-disabled);
|
|
248
|
+
}
|
|
249
|
+
.tide-input-checkbox-custom[data-v-345366c5] {
|
|
250
|
+
width: 24px;
|
|
251
|
+
height: 24px;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.tide-input-radio-custom[data-v-2346e8b9] {
|
|
255
|
+
width: 24px;
|
|
256
|
+
height: 24px;
|
|
257
|
+
}
|
|
258
|
+
.tide-input-radio-check[data-v-2346e8b9] {
|
|
259
|
+
width: 16px;
|
|
260
|
+
height: 16px;
|
|
261
|
+
}
|
|
262
|
+
label[data-v-2346e8b9]:has(input:focus-visible) {
|
|
263
|
+
outline: auto;
|
|
264
|
+
outline-offset: 2px;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
.tide-input-radio.disabled[data-v-bde66757] {
|
|
268
|
+
opacity: var(--tide-disabled);
|
|
269
|
+
}
|
|
270
|
+
.tide-input-radio-custom[data-v-bde66757] {
|
|
271
|
+
width: 24px;
|
|
272
|
+
height: 24px;
|
|
273
|
+
}
|
|
274
|
+
.tide-input-radio-check[data-v-bde66757] {
|
|
275
|
+
width: 16px;
|
|
276
|
+
height: 16px;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
select[data-v-5a079d8b] {
|
|
280
|
+
appearance: none;
|
|
281
|
+
}
|
|
282
|
+
label[data-v-5a079d8b] {
|
|
283
|
+
height: 1.1875rem;
|
|
284
|
+
transition: font-size var(--tide-animate), transform var(--tide-animate);
|
|
285
|
+
}
|
|
286
|
+
label[data-v-5a079d8b]:not(.minilabel) {
|
|
287
|
+
transform: translate(0, calc(9 / 16 * 1rem));
|
|
288
|
+
}
|
|
289
|
+
.tide-input-select.disabled[data-v-5a079d8b] {
|
|
290
|
+
opacity: var(--tide-disabled);
|
|
291
|
+
}
|
|
292
|
+
.tide-input-select.error .tide-input-border[data-v-5a079d8b] {
|
|
293
|
+
outline-color: var(--tide-error-border);
|
|
294
|
+
background-color: var(--tide-error-surface);
|
|
295
|
+
}
|
|
296
|
+
.tide-input-select.error:focus-within .tide-input-border[data-v-5a079d8b] {
|
|
297
|
+
outline-color: var(--tide-error-border);
|
|
298
|
+
}
|
|
299
|
+
.tide-input-select:focus-within .tide-input-border[data-v-5a079d8b] {
|
|
300
|
+
--tide-input-outline-width: var(--tide-border-width-2);
|
|
301
|
+
outline-color: var(--tide-border-high);
|
|
302
|
+
}
|
|
303
|
+
.tide-input-border[data-v-5a079d8b] {
|
|
304
|
+
--tide-input-outline-width: var(--tide-border-width-1);
|
|
305
|
+
outline: var(--tide-input-outline-width) solid var(--tide-border);
|
|
306
|
+
outline-offset: calc(var(--tide-input-outline-width) * -1);
|
|
307
|
+
}
|
|
308
|
+
.tide-input-select.error[data-v-5a079d8b] {
|
|
309
|
+
color: var(--tide-error-primary);
|
|
310
|
+
}
|
|
311
|
+
.tide-input-select.error option[data-v-5a079d8b] {
|
|
312
|
+
color: var(--tide-on-surface);
|
|
313
|
+
}
|
|
314
|
+
select[data-v-5a079d8b] {
|
|
315
|
+
padding-top: 27px;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
select[data-v-4cfaa9a8] {
|
|
319
|
+
appearance: none;
|
|
320
|
+
}
|
|
321
|
+
label[data-v-4cfaa9a8] {
|
|
322
|
+
height: 1.1875rem;
|
|
323
|
+
transition: font-size var(--tide-animate), transform var(--tide-animate);
|
|
324
|
+
}
|
|
325
|
+
label[data-v-4cfaa9a8]:not(.minilabel) {
|
|
326
|
+
transform: translate(0, calc(9 / 16 * 1rem));
|
|
327
|
+
}
|
|
328
|
+
.tide-input-select.disabled[data-v-4cfaa9a8] {
|
|
329
|
+
opacity: var(--tide-disabled);
|
|
330
|
+
}
|
|
331
|
+
.tide-input-select.error .tide-input-border[data-v-4cfaa9a8] {
|
|
332
|
+
outline-color: var(--tide-error-border);
|
|
333
|
+
background-color: var(--tide-error-surface);
|
|
334
|
+
}
|
|
335
|
+
.tide-input-select.error:focus-within .tide-input-border[data-v-4cfaa9a8] {
|
|
336
|
+
outline-color: var(--tide-error-border);
|
|
337
|
+
}
|
|
338
|
+
.tide-input-select:focus-within .tide-input-border[data-v-4cfaa9a8] {
|
|
339
|
+
--tide-input-outline-width: var(--tide-border-width-2);
|
|
340
|
+
outline-color: var(--tide-border-high);
|
|
341
|
+
}
|
|
342
|
+
.tide-input-border[data-v-4cfaa9a8] {
|
|
343
|
+
--tide-input-outline-width: var(--tide-border-width-1);
|
|
344
|
+
outline: var(--tide-input-outline-width) solid var(--tide-border);
|
|
345
|
+
outline-offset: calc(var(--tide-input-outline-width) * -1);
|
|
346
|
+
}
|
|
347
|
+
.tide-input-select.error[data-v-4cfaa9a8] {
|
|
348
|
+
color: var(--tide-error-primary);
|
|
349
|
+
}
|
|
350
|
+
.tide-input-select.error option[data-v-4cfaa9a8] {
|
|
351
|
+
color: var(--tide-on-surface);
|
|
352
|
+
}
|
|
353
|
+
select[data-v-4cfaa9a8] {
|
|
354
|
+
padding-top: 27px;
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
.tide-input-text-label[data-v-0a1e4747] {
|
|
358
|
+
height: 1.1875rem;
|
|
359
|
+
transition: font-size var(--tide-animate), transform var(--tide-animate);
|
|
360
|
+
}
|
|
361
|
+
.tide-input-text-label[data-v-0a1e4747]:not(.minilabel),
|
|
362
|
+
.tide-input-text-prefix[data-v-0a1e4747]:not(.offset),
|
|
363
|
+
.tide-input-text-suffix[data-v-0a1e4747]:not(.offset) {
|
|
364
|
+
transform: translate(0, calc(9 / 16 * 1rem));
|
|
365
|
+
}
|
|
366
|
+
.tide-input-text-prefix[data-v-0a1e4747],
|
|
367
|
+
.tide-input-text-suffix[data-v-0a1e4747] {
|
|
368
|
+
transition: transform var(--tide-animate);
|
|
369
|
+
}
|
|
370
|
+
.tide-input-text.disabled[data-v-0a1e4747] {
|
|
371
|
+
opacity: var(--tide-disabled);
|
|
372
|
+
}
|
|
373
|
+
.tide-input-text.error[data-v-0a1e4747] {
|
|
374
|
+
color: var(--tide-error-primary);
|
|
375
|
+
}
|
|
376
|
+
.tide-input-text.error .tide-input-text-field[data-v-0a1e4747] {
|
|
377
|
+
outline-color: var(--tide-error-border);
|
|
378
|
+
background-color: var(--tide-error-surface);
|
|
379
|
+
}
|
|
380
|
+
.tide-input-text.error:focus-within .tide-input-text-field[data-v-0a1e4747] {
|
|
381
|
+
outline-color: var(--tide-error-border);
|
|
382
|
+
}
|
|
383
|
+
.tide-input-text:focus-within .tide-input-text-field[data-v-0a1e4747] {
|
|
384
|
+
--tide-input-outline-width: var(--tide-border-width-2);
|
|
385
|
+
outline-color: var(--tide-border-high);
|
|
386
|
+
}
|
|
387
|
+
.tide-input-text input[data-v-0a1e4747] {
|
|
388
|
+
outline: none;
|
|
389
|
+
}
|
|
390
|
+
.tide-input-text-field[data-v-0a1e4747] {
|
|
391
|
+
--tide-input-outline-width: var(--tide-border-width-1);
|
|
392
|
+
outline: var(--tide-input-outline-width) solid var(--tide-border);
|
|
393
|
+
outline-offset: calc(var(--tide-input-outline-width) * -1);
|
|
394
|
+
color: var(--tide-on-surface);
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
.tide-input-text-label[data-v-dbb301e9] {
|
|
398
|
+
height: 1.1875rem;
|
|
399
|
+
transition: font-size var(--tide-animate), transform var(--tide-animate);
|
|
400
|
+
}
|
|
401
|
+
.tide-input-text-label[data-v-dbb301e9]:not(.minilabel),
|
|
402
|
+
.tide-input-text-prefix[data-v-dbb301e9]:not(.offset),
|
|
403
|
+
.tide-input-text-suffix[data-v-dbb301e9]:not(.offset) {
|
|
404
|
+
transform: translate(0, calc(9 / 16 * 1rem));
|
|
405
|
+
}
|
|
406
|
+
.tide-input-text-prefix[data-v-dbb301e9],
|
|
407
|
+
.tide-input-text-suffix[data-v-dbb301e9] {
|
|
408
|
+
transition: transform var(--tide-animate);
|
|
409
|
+
}
|
|
410
|
+
.tide-input-text.disabled[data-v-dbb301e9] {
|
|
411
|
+
opacity: var(--tide-disabled);
|
|
412
|
+
}
|
|
413
|
+
.tide-input-text.error[data-v-dbb301e9] {
|
|
414
|
+
color: var(--tide-error-primary);
|
|
415
|
+
}
|
|
416
|
+
.tide-input-text.error .tide-input-text-field[data-v-dbb301e9] {
|
|
417
|
+
outline-color: var(--tide-error-border);
|
|
418
|
+
background-color: var(--tide-error-surface);
|
|
419
|
+
}
|
|
420
|
+
.tide-input-text.error:focus-within .tide-input-text-field[data-v-dbb301e9] {
|
|
421
|
+
outline-color: var(--tide-error-border);
|
|
422
|
+
}
|
|
423
|
+
.tide-input-text:focus-within .tide-input-text-field[data-v-dbb301e9] {
|
|
424
|
+
--tide-input-outline-width: var(--tide-border-width-2);
|
|
425
|
+
outline-color: var(--tide-border-high);
|
|
426
|
+
}
|
|
427
|
+
.tide-input-text input[data-v-dbb301e9] {
|
|
428
|
+
outline: none;
|
|
429
|
+
}
|
|
430
|
+
.tide-input-text-field[data-v-dbb301e9] {
|
|
431
|
+
--tide-input-outline-width: var(--tide-border-width-1);
|
|
432
|
+
outline: var(--tide-input-outline-width) solid var(--tide-border);
|
|
433
|
+
outline-offset: calc(var(--tide-input-outline-width) * -1);
|
|
434
|
+
color: var(--tide-on-surface);
|
|
435
|
+
}
|
|
436
|
+
|
|
437
|
+
textarea[data-v-27ae9283] {
|
|
438
|
+
resize: vertical;
|
|
439
|
+
}
|
|
440
|
+
.tide-input-textarea-label[data-v-27ae9283] {
|
|
441
|
+
height: 1.1875rem;
|
|
442
|
+
transition: font-size var(--tide-animate), transform var(--tide-animate);
|
|
443
|
+
}
|
|
444
|
+
.tide-input-textarea.error[data-v-27ae9283] {
|
|
445
|
+
color: var(--tide-error-primary);
|
|
446
|
+
}
|
|
447
|
+
.tide-input-textarea.error .tide-input-textarea-field[data-v-27ae9283] {
|
|
448
|
+
outline-color: var(--tide-error-border);
|
|
449
|
+
background-color: var(--tide-error-surface);
|
|
450
|
+
}
|
|
451
|
+
.tide-input-textarea.error:focus-within .tide-input-textarea-field[data-v-27ae9283] {
|
|
452
|
+
outline-color: var(--tide-error-border);
|
|
453
|
+
}
|
|
454
|
+
.tide-input-textarea:focus-within .tide-input-textarea-field[data-v-27ae9283] {
|
|
455
|
+
--tide-input-outline-width: var(--tide-border-width-2);
|
|
456
|
+
outline-color: var(--tide-border-high);
|
|
457
|
+
}
|
|
458
|
+
.tide-input-textarea textarea[data-v-27ae9283] {
|
|
459
|
+
outline: none;
|
|
460
|
+
}
|
|
461
|
+
.tide-input-textarea-field[data-v-27ae9283] {
|
|
462
|
+
--tide-input-outline-width: var(--tide-border-width-1);
|
|
463
|
+
outline: var(--tide-input-outline-width) solid var(--tide-border);
|
|
464
|
+
outline-offset: calc(var(--tide-input-outline-width) * -1);
|
|
465
|
+
color: var(--tide-on-surface);
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
textarea[data-v-9b7af68f] {
|
|
469
|
+
resize: vertical;
|
|
470
|
+
}
|
|
471
|
+
.tide-input-textarea-label[data-v-9b7af68f] {
|
|
472
|
+
height: 1.1875rem;
|
|
473
|
+
transition: font-size var(--tide-animate), transform var(--tide-animate);
|
|
474
|
+
}
|
|
475
|
+
.tide-input-textarea.error[data-v-9b7af68f] {
|
|
476
|
+
color: var(--tide-error-primary);
|
|
477
|
+
}
|
|
478
|
+
.tide-input-textarea.error .tide-input-textarea-field[data-v-9b7af68f] {
|
|
479
|
+
outline-color: var(--tide-error-border);
|
|
480
|
+
background-color: var(--tide-error-surface);
|
|
481
|
+
}
|
|
482
|
+
.tide-input-textarea.error:focus-within .tide-input-textarea-field[data-v-9b7af68f] {
|
|
483
|
+
outline-color: var(--tide-error-border);
|
|
484
|
+
}
|
|
485
|
+
.tide-input-textarea:focus-within .tide-input-textarea-field[data-v-9b7af68f] {
|
|
486
|
+
--tide-input-outline-width: var(--tide-border-width-2);
|
|
487
|
+
outline-color: var(--tide-border-high);
|
|
488
|
+
}
|
|
489
|
+
.tide-input-textarea textarea[data-v-9b7af68f] {
|
|
490
|
+
outline: none;
|
|
491
|
+
}
|
|
492
|
+
.tide-input-textarea-field[data-v-9b7af68f] {
|
|
493
|
+
--tide-input-outline-width: var(--tide-border-width-1);
|
|
494
|
+
outline: var(--tide-input-outline-width) solid var(--tide-border);
|
|
495
|
+
outline-offset: calc(var(--tide-input-outline-width) * -1);
|
|
496
|
+
color: var(--tide-on-surface);
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
.tide-menu-item[data-v-da373674] {
|
|
500
|
+
height: 40px;
|
|
501
|
+
}
|
|
502
|
+
.tide-menu-item[data-v-da373674]:hover {
|
|
503
|
+
background-color: var(--tide-surface-variant);
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
.tide-modal[data-v-48b2fcd3] {
|
|
507
|
+
--modal-padding-x: 20px;
|
|
508
|
+
max-width: unset;
|
|
509
|
+
max-height: unset;
|
|
510
|
+
place-items: center;
|
|
511
|
+
display: none;
|
|
512
|
+
transition: all var(--tide-animate) allow-discrete;
|
|
513
|
+
transform: translateY(100%);
|
|
514
|
+
}
|
|
515
|
+
.tide-modal[open][data-v-48b2fcd3] {
|
|
516
|
+
display: grid;
|
|
517
|
+
transform: translateY(0%);
|
|
518
|
+
}
|
|
519
|
+
.tide-modal[data-v-48b2fcd3]::backdrop {
|
|
520
|
+
background-color: transparent;
|
|
521
|
+
transition: all var(--tide-animate) allow-discrete;
|
|
522
|
+
backdrop-filter: blur(0px);
|
|
523
|
+
}
|
|
524
|
+
.tide-modal[open][data-v-48b2fcd3]::backdrop {
|
|
525
|
+
background-color: var(--tide-transparent-400);
|
|
526
|
+
backdrop-filter: var(--tide-bg-blur);
|
|
527
|
+
}
|
|
528
|
+
@starting-style {
|
|
529
|
+
.tide-modal[open][data-v-48b2fcd3] {
|
|
530
|
+
display: grid;
|
|
531
|
+
transform: translateY(100%);
|
|
532
|
+
}
|
|
533
|
+
.tide-modal[open][data-v-48b2fcd3]::backdrop {
|
|
534
|
+
background-color: transparent;
|
|
535
|
+
backdrop-filter: var(--tide-bg-blur);
|
|
536
|
+
}
|
|
537
|
+
}
|
|
538
|
+
.tide-modal-body[data-v-48b2fcd3] {
|
|
539
|
+
width: var(--modal-width, 576px);
|
|
540
|
+
max-height: calc(100% - var(--tide-spacing-2));
|
|
541
|
+
}
|
|
542
|
+
.tide-modal-header[data-v-48b2fcd3],
|
|
543
|
+
.tide-modal-footer[data-v-48b2fcd3] {
|
|
544
|
+
padding-inline: var(--modal-padding-x);
|
|
545
|
+
}
|
|
546
|
+
.tide-modal-content[data-v-48b2fcd3] {
|
|
547
|
+
grid-template-columns: var(--modal-padding-x) var(--tide-safe-fr) var(--modal-padding-x);
|
|
548
|
+
contain: layout;
|
|
549
|
+
}
|
|
550
|
+
:where(.tide-modal-content[data-v-48b2fcd3]) > :where(*) {
|
|
551
|
+
grid-column: 2;
|
|
552
|
+
}
|
|
553
|
+
@media (max-width: 767px) {
|
|
554
|
+
.tide-modal-body[data-v-48b2fcd3] {
|
|
555
|
+
border-bottom-left-radius: 0;
|
|
556
|
+
border-bottom-right-radius: 0;
|
|
557
|
+
}
|
|
558
|
+
}
|
|
559
|
+
@media (min-width: 768px) {
|
|
560
|
+
.tide-modal[data-v-48b2fcd3] {
|
|
561
|
+
--modal-padding-x: var(--tide-spacing-2);
|
|
562
|
+
}
|
|
563
|
+
.tide-modal-body[data-v-48b2fcd3] {
|
|
564
|
+
max-height: 85%;
|
|
565
|
+
bottom: initial;
|
|
566
|
+
}
|
|
567
|
+
}
|
|
568
|
+
|
|
569
|
+
.tide-popover[data-v-c4623b8d] {
|
|
570
|
+
max-width: 256px;
|
|
571
|
+
}
|
|
572
|
+
.v-enter-from[data-v-c4623b8d],
|
|
573
|
+
.v-leave-to[data-v-c4623b8d] {
|
|
574
|
+
opacity: 0;
|
|
575
|
+
}
|
|
576
|
+
.v-enter-active[data-v-c4623b8d],
|
|
577
|
+
.v-leave-active[data-v-c4623b8d] {
|
|
578
|
+
transition: opacity var(--tide-animate);
|
|
579
|
+
}
|
|
580
|
+
.v-enter-to[data-v-c4623b8d],
|
|
581
|
+
.v-leave-from[data-v-c4623b8d] {
|
|
582
|
+
opacity: 1;
|
|
583
|
+
}
|
|
584
|
+
|
|
585
|
+
.tide-rating-bar[data-v-4ae61636] {
|
|
586
|
+
height: 28px;
|
|
587
|
+
}
|
|
588
|
+
.tide-rating-segment[data-v-4ae61636] {
|
|
589
|
+
clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
|
|
590
|
+
}
|
|
591
|
+
.tide-rating-segment-first[data-v-4ae61636] {
|
|
592
|
+
border-top-left-radius: 9999px;
|
|
593
|
+
border-bottom-left-radius: 9999px;
|
|
594
|
+
clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
|
|
595
|
+
}
|
|
596
|
+
.tide-rating-segment-last[data-v-4ae61636] {
|
|
597
|
+
border-top-right-radius: 9999px;
|
|
598
|
+
border-bottom-right-radius: 9999px;
|
|
599
|
+
clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
|
|
600
|
+
}
|
|
601
|
+
|
|
602
|
+
.tide-realm-logo[data-v-dec575c7],
|
|
603
|
+
.tide-realm-logo.large[data-v-dec575c7] {
|
|
604
|
+
width: var(--logo-width-full);
|
|
605
|
+
height: var(--logo-height-full);
|
|
606
|
+
}
|
|
607
|
+
.tide-realm-logo.small[data-v-dec575c7] {
|
|
608
|
+
width: var(--logo-width-small);
|
|
609
|
+
height: var(--logo-height-small);
|
|
610
|
+
}
|
|
611
|
+
.tide-realm-logo.mark[data-v-dec575c7] {
|
|
612
|
+
width: var(--logo-width-mark);
|
|
613
|
+
height: var(--logo-height-mark);
|
|
614
|
+
}
|
|
615
|
+
@media (min-width: 768px) {
|
|
616
|
+
.tide-realm-logo.sm-small[data-v-dec575c7] {
|
|
617
|
+
width: var(--logo-width-small);
|
|
618
|
+
height: var(--logo-height-small);
|
|
619
|
+
}
|
|
620
|
+
.tide-realm-logo.sm-large[data-v-dec575c7] {
|
|
621
|
+
width: var(--logo-width-full);
|
|
622
|
+
height: var(--logo-height-full);
|
|
623
|
+
}
|
|
624
|
+
}
|
|
625
|
+
@media (min-width: 992px) {
|
|
626
|
+
.tide-realm-logo.md-small[data-v-dec575c7] {
|
|
627
|
+
width: var(--logo-width-small);
|
|
628
|
+
height: var(--logo-height-small);
|
|
629
|
+
}
|
|
630
|
+
.tide-realm-logo.md-large[data-v-dec575c7] {
|
|
631
|
+
width: var(--logo-width-full);
|
|
632
|
+
height: var(--logo-height-full);
|
|
633
|
+
}
|
|
634
|
+
}
|
|
635
|
+
@media (min-width: 1232px) {
|
|
636
|
+
.tide-realm-logo.lg-small[data-v-dec575c7] {
|
|
637
|
+
width: var(--logo-width-small);
|
|
638
|
+
height: var(--logo-height-small);
|
|
639
|
+
}
|
|
640
|
+
.tide-realm-logo.lg-large[data-v-dec575c7] {
|
|
641
|
+
width: var(--logo-width-full);
|
|
642
|
+
height: var(--logo-height-full);
|
|
643
|
+
}
|
|
644
|
+
}
|
|
645
|
+
@media (min-width: 1920px) {
|
|
646
|
+
.tide-realm-logo.xl-small[data-v-dec575c7] {
|
|
647
|
+
width: var(--logo-width-small);
|
|
648
|
+
height: var(--logo-height-small);
|
|
649
|
+
}
|
|
650
|
+
.tide-realm-logo.xl-large[data-v-dec575c7] {
|
|
651
|
+
width: var(--logo-width-full);
|
|
652
|
+
height: var(--logo-height-full);
|
|
653
|
+
}
|
|
654
|
+
}
|
|
655
|
+
|
|
656
|
+
/* TODO: Refactor to accept breakpoint prop in order to accomplish this with neither custom breakpoints nor dependency on ViewportStore. */
|
|
657
|
+
.tide-seo-link[data-v-5cd4472f] {
|
|
658
|
+
width: 100%;
|
|
659
|
+
}
|
|
660
|
+
@media (min-width: 992px) {
|
|
661
|
+
.tide-seo-link[data-v-5cd4472f] {
|
|
662
|
+
width: calc((100% - 2rem) / 2);
|
|
663
|
+
}
|
|
664
|
+
}
|
|
665
|
+
@media (min-width: 1232px) {
|
|
666
|
+
.tide-seo-link[data-v-5cd4472f] {
|
|
667
|
+
width: calc((100% - 6rem) / 4);
|
|
668
|
+
}
|
|
669
|
+
}
|
|
670
|
+
|
|
671
|
+
.tide-sheet[data-v-4f5c60b8] {
|
|
672
|
+
--sheet-padding-x: var(--tide-spacing-1);
|
|
673
|
+
max-width: unset;
|
|
674
|
+
max-height: unset;
|
|
675
|
+
justify-items: right;
|
|
676
|
+
display: none;
|
|
677
|
+
transition: all var(--tide-animate) allow-discrete;
|
|
678
|
+
transform: translateX(100%);
|
|
679
|
+
}
|
|
680
|
+
.tide-sheet[open][data-v-4f5c60b8] {
|
|
681
|
+
display: grid;
|
|
682
|
+
transform: translateX(0%);
|
|
683
|
+
}
|
|
684
|
+
.tide-sheet[data-v-4f5c60b8]::backdrop {
|
|
685
|
+
background-color: transparent;
|
|
686
|
+
transition: all var(--tide-animate) allow-discrete;
|
|
687
|
+
backdrop-filter: blur(0px);
|
|
688
|
+
}
|
|
689
|
+
.tide-sheet[open][data-v-4f5c60b8]::backdrop {
|
|
690
|
+
background-color: var(--tide-transparent-400);
|
|
691
|
+
backdrop-filter: var(--tide-bg-blur);
|
|
692
|
+
}
|
|
693
|
+
.tide-sheet-body[data-v-4f5c60b8] {
|
|
694
|
+
max-width: min(calc(100vw - var(--tide-spacing-2)), 311px);
|
|
695
|
+
}
|
|
696
|
+
.tide-sheet-content[data-v-4f5c60b8] {
|
|
697
|
+
grid-template-columns: var(--sheet-padding-x) var(--tide-safe-fr) var(--sheet-padding-x);
|
|
698
|
+
contain: layout;
|
|
699
|
+
}
|
|
700
|
+
:where(.tide-sheet-content[data-v-4f5c60b8]) > :where(*) {
|
|
701
|
+
grid-column: 2;
|
|
702
|
+
}
|
|
703
|
+
@starting-style {
|
|
704
|
+
.tide-sheet[open][data-v-4f5c60b8] {
|
|
705
|
+
display: grid;
|
|
706
|
+
transform: translateX(100%);
|
|
707
|
+
}
|
|
708
|
+
.tide-sheet[open][data-v-4f5c60b8]::backdrop {
|
|
709
|
+
background-color: transparent;
|
|
710
|
+
backdrop-filter: var(--tide-bg-blur);
|
|
711
|
+
}
|
|
712
|
+
}
|
|
713
|
+
|
|
714
|
+
.tide-switch[data-v-d623c7da] {
|
|
715
|
+
--switch-indicator-size: 24px;
|
|
716
|
+
--switch-indicator-margin: var(--tide-spacing-1\/4);
|
|
717
|
+
--switch-border-width: var(--tide-border-width-1);
|
|
718
|
+
--switch-width: calc(var(--switch-indicator-size) * 2 + var(--switch-indicator-margin) * 4);
|
|
719
|
+
--switch-height: calc(var(--switch-indicator-size) + var(--switch-indicator-margin) * 2);
|
|
720
|
+
|
|
721
|
+
width: var(--switch-width);
|
|
722
|
+
height: var(--switch-height);
|
|
723
|
+
transition: var(--tide-animate);
|
|
724
|
+
transition-property: background-color, border-color;
|
|
725
|
+
}
|
|
726
|
+
.tide-switch.active[data-v-d623c7da] {
|
|
727
|
+
border-color: var(--tide-secondary);
|
|
728
|
+
}
|
|
729
|
+
.tide-switch-indicator[data-v-d623c7da] {
|
|
730
|
+
left: var(--switch-indicator-margin);
|
|
731
|
+
transition: var(--tide-animate);
|
|
732
|
+
transition-property: left, border-color, background-color;
|
|
733
|
+
}
|
|
734
|
+
.tide-switch-indicator.active[data-v-d623c7da] {
|
|
735
|
+
left: calc(
|
|
736
|
+
var(--switch-width) - var(--switch-indicator-size) - var(--switch-indicator-margin) - var(--switch-border-width)
|
|
737
|
+
);
|
|
738
|
+
}
|
|
739
|
+
|
|
740
|
+
.rounded-border[data-v-92f91fcb] {
|
|
741
|
+
height: 4px;
|
|
742
|
+
border-radius: var(--tide-radius-full) var(--tide-radius-full) 0 0;
|
|
743
|
+
}
|
|
744
|
+
|
|
745
|
+
.pop-enter-active[data-v-158c6081],
|
|
746
|
+
.pop-leave-active[data-v-158c6081] {
|
|
747
|
+
transition: var(--tide-animate);
|
|
748
|
+
transition-property: opacity, transform, translate;
|
|
749
|
+
}
|
|
750
|
+
.pop-enter-from[data-v-158c6081] {
|
|
751
|
+
translate: 100% 0;
|
|
752
|
+
}
|
|
753
|
+
.pop-leave-to[data-v-158c6081] {
|
|
754
|
+
opacity: 0;
|
|
755
|
+
z-index: 0 !important;
|
|
756
|
+
}
|
|
757
|
+
.pop-leave-active[data-v-158c6081] {
|
|
758
|
+
position: absolute;
|
|
759
|
+
}
|
|
760
|
+
@media (min-width: 768px) {
|
|
761
|
+
.tide-toast-wrap[data-v-158c6081] {
|
|
762
|
+
width: 400px;
|
|
763
|
+
}
|
|
764
|
+
}
|
|
765
|
+
/* latin */
|
|
766
|
+
@font-face {
|
|
767
|
+
font-family: 'Montserrat';
|
|
768
|
+
font-style: normal;
|
|
769
|
+
font-weight: 400;
|
|
770
|
+
font-display: block;
|
|
771
|
+
src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
|
772
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
773
|
+
}
|
|
774
|
+
/* latin */
|
|
775
|
+
@font-face {
|
|
776
|
+
font-family: 'Montserrat';
|
|
777
|
+
font-style: normal;
|
|
778
|
+
font-weight: 500;
|
|
779
|
+
font-display: block;
|
|
780
|
+
src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
|
781
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
782
|
+
}
|
|
783
|
+
/* latin */
|
|
784
|
+
@font-face {
|
|
785
|
+
font-family: 'Montserrat';
|
|
786
|
+
font-style: normal;
|
|
787
|
+
font-weight: 600;
|
|
788
|
+
font-display: block;
|
|
789
|
+
src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
|
790
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
791
|
+
}
|
|
792
|
+
/* latin */
|
|
793
|
+
@font-face {
|
|
794
|
+
font-family: 'Montserrat';
|
|
795
|
+
font-style: normal;
|
|
796
|
+
font-weight: 700;
|
|
797
|
+
font-display: block;
|
|
798
|
+
src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
|
799
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
800
|
+
}
|
|
801
|
+
:root {
|
|
802
|
+
font-size: 16px;
|
|
803
|
+
}
|
|
804
|
+
body {
|
|
805
|
+
color: var(--tide-on-surface);
|
|
806
|
+
font-size: var(--tide-font-16);
|
|
807
|
+
font-weight: var(--tide-font-regular);
|
|
808
|
+
line-height: 1.4;
|
|
809
|
+
text-wrap: pretty;
|
|
810
|
+
}
|
|
811
|
+
/* Cannot be applied to body tag in marketplace repo due to data-css-scope */
|
|
812
|
+
.body-scroll-lock {
|
|
813
|
+
inset: 0;
|
|
814
|
+
margin-top: calc(0px - var(--saved-scroll-y, 0px));
|
|
815
|
+
overflow-y: scroll;
|
|
816
|
+
position: fixed;
|
|
817
|
+
}
|
|
818
|
+
*,
|
|
819
|
+
*::before,
|
|
820
|
+
*::after {
|
|
821
|
+
box-sizing: border-box;
|
|
822
|
+
margin: 0;
|
|
823
|
+
border: 0;
|
|
824
|
+
padding: 0;
|
|
825
|
+
color: inherit;
|
|
826
|
+
font-family: Montserrat, system-ui, sans-serif;
|
|
827
|
+
font-weight: inherit;
|
|
828
|
+
line-height: inherit;
|
|
829
|
+
-webkit-font-smoothing: antialiased;
|
|
830
|
+
-moz-osx-font-smoothing: grayscale;
|
|
831
|
+
text-underline-offset: .2em;
|
|
832
|
+
text-decoration-skip-ink: none;
|
|
833
|
+
}
|
|
834
|
+
h1 {font-size: var(--tide-font-32);}
|
|
835
|
+
/* 32px */
|
|
836
|
+
h2 {font-size: var(--tide-font-24);}
|
|
837
|
+
/* 24px */
|
|
838
|
+
h3 {font-size: var(--tide-font-20);}
|
|
839
|
+
/* 20px */
|
|
840
|
+
h4 {font-size: var(--tide-font-16);}
|
|
841
|
+
/* 16px */
|
|
842
|
+
h5 {font-size: var(--tide-font-16);}
|
|
843
|
+
/* 16px */
|
|
844
|
+
h6 {font-size: var(--tide-font-16);}
|
|
845
|
+
/* 16px */
|
|
846
|
+
h1,
|
|
847
|
+
h2,
|
|
848
|
+
h3,
|
|
849
|
+
h4,
|
|
850
|
+
h5,
|
|
851
|
+
h6 {
|
|
852
|
+
font-weight: var(--tide-font-semibold);
|
|
853
|
+
text-wrap: balance;
|
|
854
|
+
}
|
|
855
|
+
img,
|
|
856
|
+
label {
|
|
857
|
+
display: block;
|
|
858
|
+
}
|
|
859
|
+
img {
|
|
860
|
+
max-width: 100%;
|
|
861
|
+
}
|
|
862
|
+
p {
|
|
863
|
+
max-width: 80ch;
|
|
864
|
+
}
|
|
865
|
+
button,
|
|
866
|
+
input,
|
|
867
|
+
option,
|
|
868
|
+
select,
|
|
869
|
+
textarea {
|
|
870
|
+
background-color: unset;
|
|
871
|
+
font-family: inherit;
|
|
872
|
+
font-size: inherit;
|
|
873
|
+
}
|
|
874
|
+
button:enabled,
|
|
875
|
+
select {
|
|
876
|
+
cursor: pointer;
|
|
877
|
+
}
|
|
878
|
+
button:disabled {
|
|
879
|
+
cursor: not-allowed;
|
|
880
|
+
}
|
|
881
|
+
/* cross-browser normalization */
|
|
882
|
+
input::placeholder {
|
|
883
|
+
color: var(--tide-gray-700);
|
|
884
|
+
opacity: 1;
|
|
885
|
+
}
|
|
886
|
+
/* Clears the ‘X’ from Chrome */
|
|
887
|
+
input::-webkit-search-decoration,
|
|
888
|
+
input::-webkit-search-cancel-button,
|
|
889
|
+
input::-webkit-search-results-button,
|
|
890
|
+
input::-webkit-search-results-decoration {
|
|
891
|
+
display: none;
|
|
892
|
+
}
|
|
893
|
+
/*.CSS Variables */
|
|
894
|
+
:root {
|
|
895
|
+
/* Font Size */
|
|
896
|
+
--tide-font-10: 0.625rem;
|
|
897
|
+
--tide-font-12: 0.75rem;
|
|
898
|
+
--tide-font-14: 0.875rem;
|
|
899
|
+
--tide-font-16: 1rem;
|
|
900
|
+
--tide-font-18: 1.125rem;
|
|
901
|
+
--tide-font-20: 1.25rem;
|
|
902
|
+
--tide-font-24: 1.5rem;
|
|
903
|
+
--tide-font-28: 1.75rem;
|
|
904
|
+
--tide-font-32: 2rem;
|
|
905
|
+
|
|
906
|
+
/* Font Weight */
|
|
907
|
+
--tide-font-regular: 400;
|
|
908
|
+
--tide-font-medium: 500;
|
|
909
|
+
--tide-font-semibold: 600;
|
|
910
|
+
|
|
911
|
+
/* Motion */
|
|
912
|
+
--tide-duration-75: 75ms;
|
|
913
|
+
--tide-duration-150: 150ms;
|
|
914
|
+
--tide-duration-300: 300ms;
|
|
915
|
+
--tide-duration-600: 600ms;
|
|
916
|
+
|
|
917
|
+
--tide-easing-ease: ease;
|
|
918
|
+
--tide-easing-ease-out: ease-out;
|
|
919
|
+
--tide-easing-linear: linear;
|
|
920
|
+
|
|
921
|
+
--tide-animate: var(--tide-duration-300) var(--tide-easing-ease);
|
|
922
|
+
|
|
923
|
+
/* Spacing */
|
|
924
|
+
--tide-spacing-0: 0rem;
|
|
925
|
+
--tide-spacing-1\/4: 0.25rem;
|
|
926
|
+
--tide-spacing-1\/2: 0.5rem;
|
|
927
|
+
--tide-spacing-1: 1rem;
|
|
928
|
+
--tide-spacing-2: 2rem;
|
|
929
|
+
--tide-spacing-4: 4rem;
|
|
930
|
+
|
|
931
|
+
/* Border */
|
|
932
|
+
--tide-border-width-1: 1px;
|
|
933
|
+
--tide-border-width-2: 2px;
|
|
934
|
+
|
|
935
|
+
--tide-border-1: var(--tide-border-width-1) solid var(--tide-black);
|
|
936
|
+
--tide-border-2: var(--tide-border-width-2) solid var(--tide-black);
|
|
937
|
+
|
|
938
|
+
/* Border Radius */
|
|
939
|
+
--tide-radius-1\/4: 4px;
|
|
940
|
+
--tide-radius-1\/2: 8px;
|
|
941
|
+
--tide-radius-1: 16px;
|
|
942
|
+
--tide-radius-full: 99999px;
|
|
943
|
+
|
|
944
|
+
--tide-black: var(--tide-gray-900);
|
|
945
|
+
--tide-white: var(--tide-gray-100);
|
|
946
|
+
|
|
947
|
+
/* CSS Grid */
|
|
948
|
+
--tide-safe-fr: minmax(0, 1fr);
|
|
949
|
+
|
|
950
|
+
/* Opacity */
|
|
951
|
+
--tide-disabled: 0.333;
|
|
952
|
+
|
|
953
|
+
/* Shadow */
|
|
954
|
+
--tide-shadow-bottom: 0px 2px 8px 2px rgba(0, 0, 0, 0.07);
|
|
955
|
+
--tide-shadow-top: 0px -2px 8px 2px rgba(0, 0, 0, 0.07);
|
|
956
|
+
--tide-shadow-text: 0px 0px 5px rgba(0, 0, 0, 0.6);
|
|
957
|
+
|
|
958
|
+
/* Transparency */
|
|
959
|
+
--tide-transparent-100: color-mix(in srgb, white 90%, transparent);
|
|
960
|
+
--tide-transparent-200: color-mix(in srgb, white 75%, transparent);
|
|
961
|
+
--tide-transparent-300: color-mix(in srgb, black 10%, transparent);
|
|
962
|
+
--tide-transparent-400: color-mix(in srgb, black 50%, transparent);
|
|
963
|
+
|
|
964
|
+
/* Blur */
|
|
965
|
+
--tide-bg-blur: blur(8px);
|
|
966
|
+
|
|
967
|
+
/* Global tonal palette */
|
|
968
|
+
--tide-gray-100: #FFFFFF;
|
|
969
|
+
--tide-gray-200: #F2F2F2;
|
|
970
|
+
--tide-gray-300: #E4E4E5;
|
|
971
|
+
--tide-gray-400: #C9CACB;
|
|
972
|
+
--tide-gray-500: #AEAFB2;
|
|
973
|
+
--tide-gray-600: #939598;
|
|
974
|
+
--tide-gray-700: #6E7072;
|
|
975
|
+
--tide-gray-800: #494A4C;
|
|
976
|
+
--tide-gray-900: #252526;
|
|
977
|
+
--tide-gray-1000: #000000;
|
|
978
|
+
|
|
979
|
+
--tide-blue-100: #EBF1FD;
|
|
980
|
+
--tide-blue-200: #3870E9;
|
|
981
|
+
--tide-blue-300: #22438C;
|
|
982
|
+
|
|
983
|
+
--tide-green-100: #E7F6ED;
|
|
984
|
+
--tide-green-200: #11A94E;
|
|
985
|
+
--tide-green-300: #0A652F;
|
|
986
|
+
|
|
987
|
+
--tide-lime-100: #F7FAE9;
|
|
988
|
+
--tide-lime-200: #ACC821;
|
|
989
|
+
--tide-lime-300: #677814;
|
|
990
|
+
|
|
991
|
+
--tide-orange-100: #FFF2EA;
|
|
992
|
+
--tide-orange-200: #FA8131;
|
|
993
|
+
--tide-orange-300: #964D1D;
|
|
994
|
+
|
|
995
|
+
--tide-purple-100: #F1F0F8;
|
|
996
|
+
--tide-purple-200: #756CB7;
|
|
997
|
+
--tide-purple-300: #46416E;
|
|
998
|
+
|
|
999
|
+
--tide-red-100: #FBE9EA;
|
|
1000
|
+
--tide-red-200: #D8202E;
|
|
1001
|
+
--tide-red-300: #82131C;
|
|
1002
|
+
|
|
1003
|
+
--tide-salmon-100: #FDF1F0;
|
|
1004
|
+
--tide-salmon-200: #EE706B;
|
|
1005
|
+
--tide-salmon-300: #8F4340;
|
|
1006
|
+
|
|
1007
|
+
--tide-teal-100: #E6F7F8;
|
|
1008
|
+
--tide-teal-200: #21B1B2;
|
|
1009
|
+
--tide-teal-300: #036C6C;
|
|
1010
|
+
|
|
1011
|
+
--tide-yellow-100: #FEF2CC;
|
|
1012
|
+
--tide-yellow-200: #FACA33;
|
|
1013
|
+
--tide-yellow-300: #90731D;
|
|
1014
|
+
|
|
1015
|
+
/* Global color roles */
|
|
1016
|
+
--tide-blue-primary: var(--tide-blue-200);
|
|
1017
|
+
--tide-blue-surface: var(--tide-blue-100);
|
|
1018
|
+
--tide-blue-border: var(--tide-blue-200);
|
|
1019
|
+
--tide-blue-on-surface: var(--tide-blue-300);
|
|
1020
|
+
|
|
1021
|
+
--tide-green-primary: var(--tide-green-200);
|
|
1022
|
+
--tide-green-surface: var(--tide-green-100);
|
|
1023
|
+
--tide-green-border: var(--tide-green-200);
|
|
1024
|
+
--tide-green-on-surface: var(--tide-green-300);
|
|
1025
|
+
|
|
1026
|
+
--tide-lime-primary: var(--tide-lime-200);
|
|
1027
|
+
--tide-lime-surface: var(--tide-lime-100);
|
|
1028
|
+
--tide-lime-border: var(--tide-lime-200);
|
|
1029
|
+
--tide-lime-on-surface: var(--tide-lime-300);
|
|
1030
|
+
|
|
1031
|
+
--tide-orange-primary: var(--tide-orange-200);
|
|
1032
|
+
--tide-orange-surface: var(--tide-orange-100);
|
|
1033
|
+
--tide-orange-border: var(--tide-orange-200);
|
|
1034
|
+
--tide-orange-on-surface: var(--tide-orange-300);
|
|
1035
|
+
|
|
1036
|
+
--tide-purple-primary: var(--tide-purple-200);
|
|
1037
|
+
--tide-purple-surface: var(--tide-purple-100);
|
|
1038
|
+
--tide-purple-border: var(--tide-purple-200);
|
|
1039
|
+
--tide-purple-on-surface: var(--tide-purple-300);
|
|
1040
|
+
|
|
1041
|
+
--tide-red-primary: var(--tide-red-200);
|
|
1042
|
+
--tide-red-surface: var(--tide-red-100);
|
|
1043
|
+
--tide-red-border: var(--tide-red-200);
|
|
1044
|
+
--tide-red-on-surface: var(--tide-red-300);
|
|
1045
|
+
|
|
1046
|
+
--tide-salmon-primary: var(--tide-salmon-200);
|
|
1047
|
+
--tide-salmon-surface: var(--tide-salmon-100);
|
|
1048
|
+
--tide-salmon-border: var(--tide-salmon-200);
|
|
1049
|
+
--tide-salmon-on-surface: var(--tide-salmon-300);
|
|
1050
|
+
|
|
1051
|
+
--tide-teal-primary: var(--tide-teal-200);
|
|
1052
|
+
--tide-teal-surface: var(--tide-teal-100);
|
|
1053
|
+
--tide-teal-border: var(--tide-teal-200);
|
|
1054
|
+
--tide-teal-on-surface: var(--tide-teal-300);
|
|
1055
|
+
|
|
1056
|
+
--tide-yellow-primary: var(--tide-yellow-200);
|
|
1057
|
+
--tide-yellow-surface: var(--tide-yellow-100);
|
|
1058
|
+
--tide-yellow-border: var(--tide-yellow-200);
|
|
1059
|
+
--tide-yellow-on-surface: var(--tide-yellow-300);
|
|
1060
|
+
|
|
1061
|
+
/* Status color roles */
|
|
1062
|
+
--tide-error-primary: var(--tide-red-200);
|
|
1063
|
+
--tide-error-surface: var(--tide-red-100);
|
|
1064
|
+
--tide-error-border: var(--tide-red-200);
|
|
1065
|
+
|
|
1066
|
+
--tide-info-primary: var(--tide-blue-200);
|
|
1067
|
+
--tide-info-surface: var(--tide-blue-100);
|
|
1068
|
+
--tide-info-border: var(--tide-blue-200);
|
|
1069
|
+
|
|
1070
|
+
--tide-success-primary: var(--tide-green-200);
|
|
1071
|
+
--tide-success-surface: var(--tide-green-100);
|
|
1072
|
+
--tide-success-border: var(--tide-green-200);
|
|
1073
|
+
|
|
1074
|
+
--tide-warning-primary: var(--tide-yellow-200);
|
|
1075
|
+
--tide-warning-surface: var(--tide-yellow-100);
|
|
1076
|
+
--tide-warning-border: var(--tide-yellow-200);
|
|
1077
|
+
|
|
1078
|
+
/* Global color roles (defined in realm tonal palettes in Figma) */
|
|
1079
|
+
--tide-secondary: var(--tide-gray-900);
|
|
1080
|
+
--tide-on-secondary: var(--tide-gray-100);
|
|
1081
|
+
|
|
1082
|
+
--tide-surface: var(--tide-gray-100);
|
|
1083
|
+
--tide-surface-variant: var(--tide-gray-200);
|
|
1084
|
+
--tide-surface-floating: var(--tide-transparent-100);
|
|
1085
|
+
--tide-surface-inverse: var(--tide-gray-900);
|
|
1086
|
+
|
|
1087
|
+
--tide-on-surface: var(--tide-gray-900);
|
|
1088
|
+
--tide-on-surface-variant: var(--tide-gray-700);
|
|
1089
|
+
--tide-on-surface-inverse: var(--tide-gray-100);
|
|
1090
|
+
--tide-on-surface-inverse-variant: var(--tide-transparent-200);
|
|
1091
|
+
|
|
1092
|
+
--tide-border-low: var(--tide-gray-300);
|
|
1093
|
+
--tide-border: var(--tide-gray-600);
|
|
1094
|
+
--tide-border-high: var(--tide-gray-900);
|
|
1095
|
+
--tide-border-floating: var(--tide-transparent-300);
|
|
1096
|
+
|
|
1097
|
+
--tide-surface-gradient:
|
|
1098
|
+
radial-gradient(
|
|
1099
|
+
57.27% 60.26% at 100% 103.53%,
|
|
1100
|
+
color-mix(in srgb, var(--tide-gradient-bottom-right-color) var(--tide-gradient-bottom-right-opacity), transparent) 0%,
|
|
1101
|
+
color-mix(in srgb, var(--tide-gradient-bottom-right-color) 0%, transparent) 100%
|
|
1102
|
+
),
|
|
1103
|
+
radial-gradient(
|
|
1104
|
+
157.36% 151.94% at 19.69% -3.53%,
|
|
1105
|
+
color-mix(in srgb, var(--tide-gradient-top-color) var(--tide-gradient-top-opacity), transparent) 28.37%,
|
|
1106
|
+
color-mix(in srgb, var(--tide-gradient-top-color) 0%, transparent) 100%
|
|
1107
|
+
),
|
|
1108
|
+
radial-gradient(
|
|
1109
|
+
41.93% 63.48% at -2.12% 103.9%,
|
|
1110
|
+
color-mix(in srgb, var(--tide-gradient-bottom-left-color) var(--tide-gradient-bottom-left-opacity), transparent) 0%,
|
|
1111
|
+
color-mix(in srgb, var(--tide-gradient-bottom-left-color) 0%, transparent) 100%
|
|
1112
|
+
);
|
|
1113
|
+
}
|
|
1114
|
+
/* Reusable CSS Utility Library */
|
|
1115
|
+
/* Position */
|
|
1116
|
+
.tide-position-absolute {position: absolute;}
|
|
1117
|
+
.tide-position-fixed {position: fixed;}
|
|
1118
|
+
.tide-position-relative {position: relative;}
|
|
1119
|
+
.tide-position-static {position: static;}
|
|
1120
|
+
.tide-position-sticky {position: sticky;}
|
|
1121
|
+
.tide-top-0 {top: 0;}
|
|
1122
|
+
.tide-right-0 {right: 0;}
|
|
1123
|
+
.tide-bottom-0 {bottom: 0;}
|
|
1124
|
+
.tide-left-0 {left: 0;}
|
|
1125
|
+
/* Display */
|
|
1126
|
+
.tide-display-block {display: block;}
|
|
1127
|
+
.tide-display-contents {display: contents;}
|
|
1128
|
+
.tide-display-flex {display: flex;}
|
|
1129
|
+
.tide-display-grid {display: grid;}
|
|
1130
|
+
.tide-display-initial {display: initial;}
|
|
1131
|
+
.tide-display-inline {display: inline;}
|
|
1132
|
+
.tide-display-inline-block {display: inline-block;}
|
|
1133
|
+
.tide-display-inline-flex {display: inline-flex;}
|
|
1134
|
+
.tide-display-none {display: none;}
|
|
1135
|
+
/* Flex Box */
|
|
1136
|
+
.tide-flex-column {flex-direction: column;}
|
|
1137
|
+
.tide-flex-column-reverse {flex-direction: column-reverse;}
|
|
1138
|
+
.tide-flex-row {flex-direction: row;}
|
|
1139
|
+
.tide-flex-row-reverse {flex-direction: row-reverse;}
|
|
1140
|
+
.tide-grow {flex-grow: 1;}
|
|
1141
|
+
.tide-grow-none {flex-grow: 0;}
|
|
1142
|
+
.tide-shrink {flex-shrink: 1;}
|
|
1143
|
+
.tide-shrink-none {flex-shrink: 0;}
|
|
1144
|
+
.tide-flex-wrap {flex-wrap: wrap;}
|
|
1145
|
+
.tide-axis1-around {justify-content: space-around;}
|
|
1146
|
+
.tide-axis1-between {justify-content: space-between;}
|
|
1147
|
+
.tide-axis1-center {justify-content: center;}
|
|
1148
|
+
.tide-axis1-end {justify-content: end;}
|
|
1149
|
+
.tide-axis1-start {justify-content: start;}
|
|
1150
|
+
.tide-axis2-around {align-items: space-around;}
|
|
1151
|
+
.tide-axis2-center {align-items: center;}
|
|
1152
|
+
.tide-axis2-end {align-items: flex-end;}
|
|
1153
|
+
.tide-axis2-start {align-items: flex-start;}
|
|
1154
|
+
.tide-axis2-stretch {align-items: stretch;}
|
|
1155
|
+
.tide-gap-0 {gap: 0;}
|
|
1156
|
+
.tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
|
|
1157
|
+
.tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
|
|
1158
|
+
.tide-gap-1 {gap: var(--tide-spacing-1);}
|
|
1159
|
+
.tide-gap-2 {gap: var(--tide-spacing-2);}
|
|
1160
|
+
.tide-gap-4 {gap: var(--tide-spacing-4);}
|
|
1161
|
+
.tide-flex-basis-auto {flex-basis: auto;}
|
|
1162
|
+
.tide-flex-basis-0 {flex-basis: 0;}
|
|
1163
|
+
/* Box Sizing */
|
|
1164
|
+
.tide-box-border {box-sizing: border-box;}
|
|
1165
|
+
.tide-box-content {box-sizing: content-box;}
|
|
1166
|
+
/* Margin */
|
|
1167
|
+
.tide-margin-0 {margin: 0;}
|
|
1168
|
+
.tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
|
|
1169
|
+
.tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
|
|
1170
|
+
.tide-margin-1 {margin: var(--tide-spacing-1);}
|
|
1171
|
+
.tide-margin-2 {margin: var(--tide-spacing-2);}
|
|
1172
|
+
.tide-margin-4 {margin: var(--tide-spacing-4);}
|
|
1173
|
+
.tide-margin-auto {margin: auto;}
|
|
1174
|
+
.tide-margin-x-0 {margin-left: 0; margin-right: 0;}
|
|
1175
|
+
.tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
|
|
1176
|
+
.tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
|
|
1177
|
+
.tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
|
|
1178
|
+
.tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
|
|
1179
|
+
.tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
|
|
1180
|
+
.tide-margin-x-auto {margin-left: auto; margin-right: auto;}
|
|
1181
|
+
.tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
|
|
1182
|
+
.tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
|
|
1183
|
+
.tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
|
|
1184
|
+
.tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
|
|
1185
|
+
.tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
|
|
1186
|
+
.tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
|
|
1187
|
+
.tide-margin-y-auto {margin-top: auto; margin-bottom: auto;}
|
|
1188
|
+
.tide-margin-top-0 {margin-top: 0;}
|
|
1189
|
+
.tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
|
|
1190
|
+
.tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
|
|
1191
|
+
.tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
|
|
1192
|
+
.tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
|
|
1193
|
+
.tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
|
|
1194
|
+
.tide-margin-top-auto {margin-top: auto;}
|
|
1195
|
+
.tide-margin-right-0 {margin-right: 0;}
|
|
1196
|
+
.tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
|
|
1197
|
+
.tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
|
|
1198
|
+
.tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
|
|
1199
|
+
.tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
|
|
1200
|
+
.tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
|
|
1201
|
+
.tide-margin-right-auto {margin-right: auto;}
|
|
1202
|
+
.tide-margin-bottom-0 {margin-bottom: 0;}
|
|
1203
|
+
.tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
|
|
1204
|
+
.tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
|
|
1205
|
+
.tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
|
|
1206
|
+
.tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
|
|
1207
|
+
.tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
|
|
1208
|
+
.tide-margin-bottom-auto {margin-bottom: auto;}
|
|
1209
|
+
.tide-margin-left-0 {margin-left: 0;}
|
|
1210
|
+
.tide-margin-left-1\/4 {margin-left: var(--tide-spacing-1\/4);}
|
|
1211
|
+
.tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
|
|
1212
|
+
.tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
|
|
1213
|
+
.tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
|
|
1214
|
+
.tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
|
|
1215
|
+
.tide-margin-left-auto {margin-left: auto;}
|
|
1216
|
+
/* Border Color */
|
|
1217
|
+
.tide-border-color-initial {border-color: initial;}
|
|
1218
|
+
.tide-border-primary {border-color: var(--tide-primary);}
|
|
1219
|
+
.tide-border {border-color: var(--tide-border);}
|
|
1220
|
+
.tide-border-low {border-color: var(--tide-border-low);}
|
|
1221
|
+
.tide-border-high {border-color: var(--tide-border-high);}
|
|
1222
|
+
.tide-border-floating {border-color: var(--tide-border-floating);}
|
|
1223
|
+
.tide-border-error {border-color: var(--tide-error-border);}
|
|
1224
|
+
.tide-border-info {border-color: var(--tide-info-border);}
|
|
1225
|
+
.tide-border-success {border-color: var(--tide-success-border);}
|
|
1226
|
+
.tide-border-warning {border-color: var(--tide-warning-border);}
|
|
1227
|
+
/* Border Width */
|
|
1228
|
+
.tide-border-1,
|
|
1229
|
+
.tide-border-2,
|
|
1230
|
+
.tide-border-bottom-1,
|
|
1231
|
+
.tide-border-bottom-2,
|
|
1232
|
+
.tide-border-left-1,
|
|
1233
|
+
.tide-border-left-2,
|
|
1234
|
+
.tide-border-right-1,
|
|
1235
|
+
.tide-border-right-2,
|
|
1236
|
+
.tide-border-top-1,
|
|
1237
|
+
.tide-border-top-2 {
|
|
1238
|
+
border-style: solid;
|
|
1239
|
+
}
|
|
1240
|
+
.tide-border-dashed {border-style: dashed;}
|
|
1241
|
+
.tide-border-solid {border-style: solid;}
|
|
1242
|
+
.tide-border-0 {border-width: 0;}
|
|
1243
|
+
.tide-border-1 {border-width: var(--tide-border-width-1);}
|
|
1244
|
+
.tide-border-2 {border-width: var(--tide-border-width-2);}
|
|
1245
|
+
.tide-border-top-0 {border-top-width: 0;}
|
|
1246
|
+
.tide-border-right-0 {border-right-width: 0;}
|
|
1247
|
+
.tide-border-bottom-0 {border-bottom-width: 0;}
|
|
1248
|
+
.tide-border-left-0 {border-left-width: 0;}
|
|
1249
|
+
.tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
|
|
1250
|
+
.tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
|
|
1251
|
+
.tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
|
|
1252
|
+
.tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
|
|
1253
|
+
.tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
|
|
1254
|
+
.tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
|
|
1255
|
+
.tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
|
|
1256
|
+
.tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
|
|
1257
|
+
.tide-radius-0 {border-radius: 0;}
|
|
1258
|
+
.tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
|
|
1259
|
+
.tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
|
|
1260
|
+
.tide-radius-1 {border-radius: var(--tide-radius-1);}
|
|
1261
|
+
.tide-radius-full {border-radius: var(--tide-radius-full);}
|
|
1262
|
+
/* Padding */
|
|
1263
|
+
.tide-padding-0 {padding: 0;}
|
|
1264
|
+
.tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
|
|
1265
|
+
.tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
|
|
1266
|
+
.tide-padding-1 {padding: var(--tide-spacing-1);}
|
|
1267
|
+
.tide-padding-2 {padding: var(--tide-spacing-2);}
|
|
1268
|
+
.tide-padding-4 {padding: var(--tide-spacing-4);}
|
|
1269
|
+
.tide-padding-x-0 {padding-left: 0; padding-right: 0;}
|
|
1270
|
+
.tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
|
|
1271
|
+
.tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
|
|
1272
|
+
.tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
|
|
1273
|
+
.tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
|
|
1274
|
+
.tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
|
|
1275
|
+
.tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
|
|
1276
|
+
.tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
|
|
1277
|
+
.tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
|
|
1278
|
+
.tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
|
|
1279
|
+
.tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
|
|
1280
|
+
.tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
|
|
1281
|
+
.tide-padding-top-0 {padding-top: 0;}
|
|
1282
|
+
.tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
|
|
1283
|
+
.tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
|
|
1284
|
+
.tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
|
|
1285
|
+
.tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
|
|
1286
|
+
.tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
|
|
1287
|
+
.tide-padding-right-0 {padding-right: 0;}
|
|
1288
|
+
.tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
|
|
1289
|
+
.tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
|
|
1290
|
+
.tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
|
|
1291
|
+
.tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
|
|
1292
|
+
.tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
|
|
1293
|
+
.tide-padding-bottom-0 {padding-bottom: 0;}
|
|
1294
|
+
.tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
|
|
1295
|
+
.tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
|
|
1296
|
+
.tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
|
|
1297
|
+
.tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
|
|
1298
|
+
.tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
|
|
1299
|
+
.tide-padding-left-0 {padding-left: 0;}
|
|
1300
|
+
.tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
|
|
1301
|
+
.tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
|
|
1302
|
+
.tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
|
|
1303
|
+
.tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
|
|
1304
|
+
.tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
|
|
1305
|
+
/* Dimension */
|
|
1306
|
+
.tide-max-width-full {max-width: 100%;}
|
|
1307
|
+
.tide-min-width-0 {min-width: 0;}
|
|
1308
|
+
.tide-max-height-full {max-height: 100%;}
|
|
1309
|
+
.tide-min-height-0 {min-height: 0;}
|
|
1310
|
+
.tide-width-auto {width: auto;}
|
|
1311
|
+
.tide-width-0 {width: 0;}
|
|
1312
|
+
.tide-width-full {width: 100%;}
|
|
1313
|
+
.tide-width-stretch {
|
|
1314
|
+
width: -webkit-fill-available;
|
|
1315
|
+
width: stretch;
|
|
1316
|
+
}
|
|
1317
|
+
.tide-height-auto {height: auto;}
|
|
1318
|
+
.tide-height-0 {height: 0;}
|
|
1319
|
+
.tide-height-full {height: 100%;}
|
|
1320
|
+
/* Deprecated */
|
|
1321
|
+
.tide-width-container {max-width: 1168px;}
|
|
1322
|
+
/* Background */
|
|
1323
|
+
.tide-bg-initial {background-color: initial;}
|
|
1324
|
+
.tide-bg-primary {background: var(--tide-primary);}
|
|
1325
|
+
.tide-bg-secondary {background: var(--tide-secondary);}
|
|
1326
|
+
.tide-bg-surface {background: var(--tide-surface);}
|
|
1327
|
+
.tide-bg-surface-variant {background: var(--tide-surface-variant);}
|
|
1328
|
+
.tide-bg-surface-brand {background: var(--tide-surface-brand);}
|
|
1329
|
+
.tide-bg-surface-accent {background: var(--tide-surface-accent);}
|
|
1330
|
+
.tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
|
|
1331
|
+
.tide-bg-surface-floating {background: var(--tide-surface-floating);}
|
|
1332
|
+
.tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
|
|
1333
|
+
/* Icon background colors only */
|
|
1334
|
+
.tide-bg-primary-error {background-color: var(--tide-error-primary);}
|
|
1335
|
+
.tide-bg-primary-info {background-color: var(--tide-info-primary);}
|
|
1336
|
+
.tide-bg-primary-success {background-color: var(--tide-success-primary);}
|
|
1337
|
+
.tide-bg-primary-warning {background-color: var(--tide-warning-primary);}
|
|
1338
|
+
.tide-bg-surface-error {background-color: var(--tide-error-surface);}
|
|
1339
|
+
.tide-bg-surface-info {background-color: var(--tide-info-surface);}
|
|
1340
|
+
.tide-bg-surface-success {background-color: var(--tide-success-surface);}
|
|
1341
|
+
.tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
|
|
1342
|
+
.tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
1343
|
+
.tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
1344
|
+
.tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
1345
|
+
.tide-transparent-400 {background-color: var(--tide-transparent-400);}
|
|
1346
|
+
/* Typographic roles */
|
|
1347
|
+
.tide-typography-display-1 {font-size: var(--tide-font-32); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
1348
|
+
.tide-typography-headline-1 {font-size: var(--tide-font-24); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
1349
|
+
.tide-typography-headline-2 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
1350
|
+
.tide-typography-headline-3 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
1351
|
+
.tide-typography-title-1 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
1352
|
+
.tide-typography-title-2 {font-size: var(--tide-font-18); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
1353
|
+
.tide-typography-body-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-regular);}
|
|
1354
|
+
.tide-typography-body-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-regular);}
|
|
1355
|
+
.tide-typography-label-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
1356
|
+
.tide-typography-label-1-semibold {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
|
|
1357
|
+
.tide-typography-label-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
1358
|
+
.tide-typography-label-2-semibold {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
|
|
1359
|
+
.tide-typography-label-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
|
|
1360
|
+
.tide-typography-link-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
1361
|
+
.tide-typography-link-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
1362
|
+
.tide-typography-link-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
|
|
1363
|
+
.tide-typography-button-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
1364
|
+
.tide-typography-button-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
1365
|
+
/* Font Color */
|
|
1366
|
+
.tide-font-on-primary {color: var(--tide-on-primary);}
|
|
1367
|
+
.tide-font-on-secondary {color: var(--tide-on-secondary);}
|
|
1368
|
+
.tide-font-on-surface {color: var(--tide-on-surface);}
|
|
1369
|
+
.tide-font-on-surface-variant {color: var(--tide-on-surface-variant);}
|
|
1370
|
+
.tide-font-on-surface-brand {color: var(--tide-on-surface-brand);}
|
|
1371
|
+
.tide-font-on-surface-inverse {color: var(--tide-on-surface-inverse);}
|
|
1372
|
+
.tide-font-on-surface-variant-inverse {color: var(--tide-on-surface-inverse-variant);}
|
|
1373
|
+
.tide-font-error {color: var(--tide-error-primary);}
|
|
1374
|
+
.tide-font-info {color: var(--tide-info-primary);}
|
|
1375
|
+
.tide-font-success {color: var(--tide-success-primary);}
|
|
1376
|
+
.tide-font-warning {color: var(--tide-warning-primary);}
|
|
1377
|
+
/* Font Size */
|
|
1378
|
+
.tide-font-10 {font-size: var(--tide-font-10);}
|
|
1379
|
+
.tide-font-12 {font-size: var(--tide-font-12);}
|
|
1380
|
+
.tide-font-14 {font-size: var(--tide-font-14);}
|
|
1381
|
+
.tide-font-16 {font-size: var(--tide-font-16);}
|
|
1382
|
+
.tide-font-20 {font-size: var(--tide-font-20);}
|
|
1383
|
+
.tide-font-24 {font-size: var(--tide-font-24);}
|
|
1384
|
+
.tide-font-32 {font-size: var(--tide-font-32);}
|
|
1385
|
+
/* Font Weight */
|
|
1386
|
+
.tide-font-400 {font-weight: var(--tide-font-regular);}
|
|
1387
|
+
.tide-font-500 {font-weight: var(--tide-font-medium);}
|
|
1388
|
+
.tide-font-600 {font-weight: var(--tide-font-semibold);}
|
|
1389
|
+
.tide-font-700 {font-weight: 700;}
|
|
1390
|
+
/* Misc */
|
|
1391
|
+
.tide-align-middle {vertical-align: middle;}
|
|
1392
|
+
.tide-align-initial {vertical-align: initial;}
|
|
1393
|
+
.tide-bg-blur {backdrop-filter: var(--tide-bg-blur);}
|
|
1394
|
+
.tide-break-initial {overflow-wrap: initial;}
|
|
1395
|
+
.tide-break-word {overflow-wrap: break-word;}
|
|
1396
|
+
.tide-break-inside-avoid-column {break-inside: avoid-column}
|
|
1397
|
+
.tide-columns-initial {column-count: initial;}
|
|
1398
|
+
.tide-columns-1 {column-count: 1;}
|
|
1399
|
+
.tide-columns-2 {column-count: 2;}
|
|
1400
|
+
.tide-columns-3 {column-count: 3;}
|
|
1401
|
+
.tide-columns-4 {column-count: 4;}
|
|
1402
|
+
.tide-cursor-not-allowed {cursor: not-allowed;}
|
|
1403
|
+
.tide-cursor-pointer {cursor: pointer;}
|
|
1404
|
+
.tide-cursor-text {cursor: text;}
|
|
1405
|
+
.tide-ellipsis {
|
|
1406
|
+
overflow: hidden;
|
|
1407
|
+
text-overflow: ellipsis;
|
|
1408
|
+
white-space: nowrap;
|
|
1409
|
+
}
|
|
1410
|
+
.tide-isolate {isolation: isolate;}
|
|
1411
|
+
/* Deprecated */
|
|
1412
|
+
.tide-leading-default {line-height: 1.4;}
|
|
1413
|
+
.tide-leading-normal {line-height: normal;}
|
|
1414
|
+
.tide-list-none {list-style-type: none;}
|
|
1415
|
+
.tide-object-center {object-position: center;}
|
|
1416
|
+
.tide-object-cover {object-fit: cover;}
|
|
1417
|
+
.tide-object-contain {object-fit: contain;}
|
|
1418
|
+
.tide-object-scale-down {object-fit: scale-down;}
|
|
1419
|
+
.tide-opacity {opacity: 1;}
|
|
1420
|
+
.tide-opacity-disabled {opacity: var(--tide-disabled);}
|
|
1421
|
+
.tide-opacity-none {opacity: 0;}
|
|
1422
|
+
.tide-pointer-events {pointer-events: auto;}
|
|
1423
|
+
.tide-pointer-events-none {pointer-events: none;}
|
|
1424
|
+
.tide-user-select-none {user-select: none;}
|
|
1425
|
+
.tide-user-select-initial {user-select: initial;}
|
|
1426
|
+
.tide-ratio-1\/1 {aspect-ratio: 1 / 1;}
|
|
1427
|
+
.tide-ratio-16\/9 {aspect-ratio: 16 / 9;}
|
|
1428
|
+
.tide-ratio-3\/2 {aspect-ratio: 3 / 2;}
|
|
1429
|
+
.tide-scrollbar-none::-webkit-scrollbar {display: none;}
|
|
1430
|
+
.tide-scrollbar-none {
|
|
1431
|
+
-ms-overflow-style: none;
|
|
1432
|
+
scrollbar-width: none;
|
|
1433
|
+
}
|
|
1434
|
+
.tide-scroll-snap {
|
|
1435
|
+
scroll-snap-stop: always;
|
|
1436
|
+
scroll-snap-type: both mandatory;
|
|
1437
|
+
scroll-behavior: smooth;
|
|
1438
|
+
}
|
|
1439
|
+
.tide-scroll-snap-start {
|
|
1440
|
+
scroll-snap-align: start;
|
|
1441
|
+
}
|
|
1442
|
+
.tide-shadow-initial {box-shadow: initial;}
|
|
1443
|
+
.tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
|
|
1444
|
+
.tide-shadow-top {box-shadow: var(--tide-shadow-top);}
|
|
1445
|
+
.tide-shadow-text {text-shadow: var(--tide-shadow-text);}
|
|
1446
|
+
.tide-strikethrough {text-decoration: line-through;}
|
|
1447
|
+
.tide-strikethrough-none {text-decoration: none;}
|
|
1448
|
+
.tide-text-center {text-align: center;}
|
|
1449
|
+
.tide-text-justify {text-align: justify;}
|
|
1450
|
+
.tide-text-left {text-align: left;}
|
|
1451
|
+
.tide-text-right {text-align: right;}
|
|
1452
|
+
.tide-text-transform-lower {text-transform: lowercase;}
|
|
1453
|
+
.tide-text-transform-none {text-transform: none;}
|
|
1454
|
+
.tide-text-transform-upper {text-transform: uppercase;}
|
|
1455
|
+
.tide-underline {text-decoration: underline;}
|
|
1456
|
+
.tide-underline-none {text-decoration: none;}
|
|
1457
|
+
.tide-underline-hover:hover {text-decoration: underline;}
|
|
1458
|
+
.tide-underline-hover-none:hover {text-decoration: none;}
|
|
1459
|
+
.tide-visible {visibility: visible;}
|
|
1460
|
+
.tide-visible-none {visibility: hidden;}
|
|
1461
|
+
.tide-whitespace-nowrap {white-space: nowrap;}
|
|
1462
|
+
.tide-x-auto {overflow-x: auto;}
|
|
1463
|
+
.tide-x-hidden {overflow-x: hidden;}
|
|
1464
|
+
.tide-x-scroll {overflow-x: scroll;}
|
|
1465
|
+
.tide-xy-auto {overflow: auto;}
|
|
1466
|
+
.tide-xy-hidden {overflow: hidden;}
|
|
1467
|
+
.tide-y-auto {overflow-y: auto;}
|
|
1468
|
+
.tide-y-hidden {overflow-y: hidden;}
|
|
1469
|
+
.tide-z-index-initial {z-index: initial;}
|
|
1470
|
+
.tide-z-index-1 {z-index: 1;}
|
|
1471
|
+
/* Buttons */
|
|
1472
|
+
/* Rest State */
|
|
1473
|
+
.tide-button-primary,
|
|
1474
|
+
.tide-button-secondary,
|
|
1475
|
+
.tide-button-tertiary,
|
|
1476
|
+
.tide-button-quaternary,
|
|
1477
|
+
.tide-button-floating {
|
|
1478
|
+
border: var(--tide-border-width-2) solid;
|
|
1479
|
+
}
|
|
1480
|
+
.tide-button-primary,
|
|
1481
|
+
.tide-button-secondary,
|
|
1482
|
+
.tide-button-tertiary,
|
|
1483
|
+
.tide-button-quaternary {
|
|
1484
|
+
box-shadow: none;
|
|
1485
|
+
}
|
|
1486
|
+
.tide-button-primary {
|
|
1487
|
+
background-color: var(--tide-primary);
|
|
1488
|
+
border-color: var(--tide-primary);
|
|
1489
|
+
color: var(--tide-on-primary);
|
|
1490
|
+
}
|
|
1491
|
+
.tide-button-secondary {
|
|
1492
|
+
background-color: var(--tide-secondary);
|
|
1493
|
+
border-color: var(--tide-secondary);
|
|
1494
|
+
color: var(--tide-on-secondary);
|
|
1495
|
+
}
|
|
1496
|
+
.tide-button-tertiary {
|
|
1497
|
+
background-color: var(--tide-surface-variant);
|
|
1498
|
+
border-color: var(--tide-surface-variant);
|
|
1499
|
+
color: var(--tide-secondary);
|
|
1500
|
+
}
|
|
1501
|
+
.tide-button-quaternary {
|
|
1502
|
+
background-color: var(--tide-surface);
|
|
1503
|
+
border-color: var(--tide-surface);
|
|
1504
|
+
color: var(--tide-secondary);
|
|
1505
|
+
}
|
|
1506
|
+
.tide-button-floating {
|
|
1507
|
+
background-color: var(--tide-surface);
|
|
1508
|
+
border-color: var(--tide-surface);
|
|
1509
|
+
box-shadow: var(--tide-shadow-bottom);
|
|
1510
|
+
color: var(--tide-secondary);
|
|
1511
|
+
}
|
|
1512
|
+
/* Hover State */
|
|
1513
|
+
a.tide-button-primary:hover,
|
|
1514
|
+
button.tide-button-primary:enabled:hover {
|
|
1515
|
+
background-color: var(--tide-surface);
|
|
1516
|
+
border-color: var(--tide-primary);
|
|
1517
|
+
color: var(--tide-primary);
|
|
1518
|
+
}
|
|
1519
|
+
a.tide-button-secondary:hover,
|
|
1520
|
+
button.tide-button-secondary:enabled:hover {
|
|
1521
|
+
background-color: var(--tide-surface);
|
|
1522
|
+
border-color: var(--tide-secondary);
|
|
1523
|
+
color: var(--tide-on-surface);
|
|
1524
|
+
}
|
|
1525
|
+
a.tide-button-tertiary:hover,
|
|
1526
|
+
button.tide-button-tertiary:enabled:hover {
|
|
1527
|
+
background-color: var(--tide-surface-variant);
|
|
1528
|
+
border-color: var(--tide-border);
|
|
1529
|
+
color: var(--tide-secondary);
|
|
1530
|
+
}
|
|
1531
|
+
a.tide-button-quaternary:hover,
|
|
1532
|
+
button.tide-button-quaternary:enabled:hover {
|
|
1533
|
+
background-color: var(--tide-surface-variant);
|
|
1534
|
+
border-color: var(--tide-surface-variant);
|
|
1535
|
+
color: var(--tide-secondary);
|
|
1536
|
+
}
|
|
1537
|
+
.tide-button-floating:hover,
|
|
1538
|
+
button.tide-button-floating:enabled:hover {
|
|
1539
|
+
background-color: var(--tide-surface);
|
|
1540
|
+
border-color: var(--tide-surface);
|
|
1541
|
+
color: var(--tide-secondary);
|
|
1542
|
+
}
|
|
1543
|
+
/* Disabled State */
|
|
1544
|
+
button.tide-button-primary:disabled,
|
|
1545
|
+
button.tide-button-secondary:disabled,
|
|
1546
|
+
button.tide-button-tertiary:disabled,
|
|
1547
|
+
button.tide-button-quaternary:disabled,
|
|
1548
|
+
button.tide-button-floating:disabled {
|
|
1549
|
+
opacity: var(--tide-disabled);
|
|
1550
|
+
}
|
|
1551
|
+
@media (min-width: 768px) {
|
|
1552
|
+
/* Reusable CSS Utility Library */
|
|
1553
|
+
/* Position */
|
|
1554
|
+
.sm-tide-position-absolute {position: absolute;}
|
|
1555
|
+
.sm-tide-position-fixed {position: fixed;}
|
|
1556
|
+
.sm-tide-position-relative {position: relative;}
|
|
1557
|
+
.sm-tide-position-static {position: static;}
|
|
1558
|
+
.sm-tide-position-sticky {position: sticky;}
|
|
1559
|
+
|
|
1560
|
+
.sm-tide-top-0 {top: 0;}
|
|
1561
|
+
.sm-tide-right-0 {right: 0;}
|
|
1562
|
+
.sm-tide-bottom-0 {bottom: 0;}
|
|
1563
|
+
.sm-tide-left-0 {left: 0;}
|
|
1564
|
+
|
|
1565
|
+
/* Display */
|
|
1566
|
+
.sm-tide-display-block {display: block;}
|
|
1567
|
+
.sm-tide-display-contents {display: contents;}
|
|
1568
|
+
.sm-tide-display-flex {display: flex;}
|
|
1569
|
+
.sm-tide-display-grid {display: grid;}
|
|
1570
|
+
.sm-tide-display-initial {display: initial;}
|
|
1571
|
+
.sm-tide-display-inline {display: inline;}
|
|
1572
|
+
.sm-tide-display-inline-block {display: inline-block;}
|
|
1573
|
+
.sm-tide-display-inline-flex {display: inline-flex;}
|
|
1574
|
+
.sm-tide-display-none {display: none;}
|
|
1575
|
+
|
|
1576
|
+
/* Flex Box */
|
|
1577
|
+
.sm-tide-flex-column {flex-direction: column;}
|
|
1578
|
+
.sm-tide-flex-column-reverse {flex-direction: column-reverse;}
|
|
1579
|
+
.sm-tide-flex-row {flex-direction: row;}
|
|
1580
|
+
.sm-tide-flex-row-reverse {flex-direction: row-reverse;}
|
|
1581
|
+
|
|
1582
|
+
.sm-tide-grow {flex-grow: 1;}
|
|
1583
|
+
.sm-tide-grow-none {flex-grow: 0;}
|
|
1584
|
+
|
|
1585
|
+
.sm-tide-shrink {flex-shrink: 1;}
|
|
1586
|
+
.sm-tide-shrink-none {flex-shrink: 0;}
|
|
1587
|
+
|
|
1588
|
+
.sm-tide-flex-wrap {flex-wrap: wrap;}
|
|
1589
|
+
|
|
1590
|
+
.sm-tide-axis1-around {justify-content: space-around;}
|
|
1591
|
+
.sm-tide-axis1-between {justify-content: space-between;}
|
|
1592
|
+
.sm-tide-axis1-center {justify-content: center;}
|
|
1593
|
+
.sm-tide-axis1-end {justify-content: end;}
|
|
1594
|
+
.sm-tide-axis1-start {justify-content: start;}
|
|
1595
|
+
|
|
1596
|
+
.sm-tide-axis2-around {align-items: space-around;}
|
|
1597
|
+
.sm-tide-axis2-center {align-items: center;}
|
|
1598
|
+
.sm-tide-axis2-end {align-items: flex-end;}
|
|
1599
|
+
.sm-tide-axis2-start {align-items: flex-start;}
|
|
1600
|
+
.sm-tide-axis2-stretch {align-items: stretch;}
|
|
1601
|
+
|
|
1602
|
+
.sm-tide-gap-0 {gap: 0;}
|
|
1603
|
+
.sm-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
|
|
1604
|
+
.sm-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
|
|
1605
|
+
.sm-tide-gap-1 {gap: var(--tide-spacing-1);}
|
|
1606
|
+
.sm-tide-gap-2 {gap: var(--tide-spacing-2);}
|
|
1607
|
+
.sm-tide-gap-4 {gap: var(--tide-spacing-4);}
|
|
1608
|
+
|
|
1609
|
+
.sm-tide-flex-basis-auto {flex-basis: auto;}
|
|
1610
|
+
.sm-tide-flex-basis-0 {flex-basis: 0;}
|
|
1611
|
+
|
|
1612
|
+
/* Box Sizing */
|
|
1613
|
+
.sm-tide-box-border {box-sizing: border-box;}
|
|
1614
|
+
.sm-tide-box-content {box-sizing: content-box;}
|
|
1615
|
+
|
|
1616
|
+
/* Margin */
|
|
1617
|
+
.sm-tide-margin-0 {margin: 0;}
|
|
1618
|
+
.sm-tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
|
|
1619
|
+
.sm-tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
|
|
1620
|
+
.sm-tide-margin-1 {margin: var(--tide-spacing-1);}
|
|
1621
|
+
.sm-tide-margin-2 {margin: var(--tide-spacing-2);}
|
|
1622
|
+
.sm-tide-margin-4 {margin: var(--tide-spacing-4);}
|
|
1623
|
+
.sm-tide-margin-auto {margin: auto;}
|
|
1624
|
+
|
|
1625
|
+
.sm-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
|
|
1626
|
+
.sm-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
|
|
1627
|
+
.sm-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
|
|
1628
|
+
.sm-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
|
|
1629
|
+
.sm-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
|
|
1630
|
+
.sm-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
|
|
1631
|
+
.sm-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
|
|
1632
|
+
|
|
1633
|
+
.sm-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
|
|
1634
|
+
.sm-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
|
|
1635
|
+
.sm-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
|
|
1636
|
+
.sm-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
|
|
1637
|
+
.sm-tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
|
|
1638
|
+
.sm-tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
|
|
1639
|
+
.sm-tide-margin-y-auto {margin-top: auto; margin-bottom: auto;}
|
|
1640
|
+
|
|
1641
|
+
.sm-tide-margin-top-0 {margin-top: 0;}
|
|
1642
|
+
.sm-tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
|
|
1643
|
+
.sm-tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
|
|
1644
|
+
.sm-tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
|
|
1645
|
+
.sm-tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
|
|
1646
|
+
.sm-tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
|
|
1647
|
+
.sm-tide-margin-top-auto {margin-top: auto;}
|
|
1648
|
+
|
|
1649
|
+
.sm-tide-margin-right-0 {margin-right: 0;}
|
|
1650
|
+
.sm-tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
|
|
1651
|
+
.sm-tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
|
|
1652
|
+
.sm-tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
|
|
1653
|
+
.sm-tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
|
|
1654
|
+
.sm-tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
|
|
1655
|
+
.sm-tide-margin-right-auto {margin-right: auto;}
|
|
1656
|
+
|
|
1657
|
+
.sm-tide-margin-bottom-0 {margin-bottom: 0;}
|
|
1658
|
+
.sm-tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
|
|
1659
|
+
.sm-tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
|
|
1660
|
+
.sm-tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
|
|
1661
|
+
.sm-tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
|
|
1662
|
+
.sm-tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
|
|
1663
|
+
.sm-tide-margin-bottom-auto {margin-bottom: auto;}
|
|
1664
|
+
|
|
1665
|
+
.sm-tide-margin-left-0 {margin-left: 0;}
|
|
1666
|
+
.sm-tide-margin-left-1\/4 {margin-left: var(--tide-spacing-1\/4);}
|
|
1667
|
+
.sm-tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
|
|
1668
|
+
.sm-tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
|
|
1669
|
+
.sm-tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
|
|
1670
|
+
.sm-tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
|
|
1671
|
+
.sm-tide-margin-left-auto {margin-left: auto;}
|
|
1672
|
+
|
|
1673
|
+
/* Border Color */
|
|
1674
|
+
.sm-tide-border-color-initial {border-color: initial;}
|
|
1675
|
+
|
|
1676
|
+
.sm-tide-border-primary {border-color: var(--tide-primary);}
|
|
1677
|
+
|
|
1678
|
+
.sm-tide-border {border-color: var(--tide-border);}
|
|
1679
|
+
.sm-tide-border-low {border-color: var(--tide-border-low);}
|
|
1680
|
+
.sm-tide-border-high {border-color: var(--tide-border-high);}
|
|
1681
|
+
.sm-tide-border-floating {border-color: var(--tide-border-floating);}
|
|
1682
|
+
|
|
1683
|
+
.sm-tide-border-error {border-color: var(--tide-error-border);}
|
|
1684
|
+
.sm-tide-border-info {border-color: var(--tide-info-border);}
|
|
1685
|
+
.sm-tide-border-success {border-color: var(--tide-success-border);}
|
|
1686
|
+
.sm-tide-border-warning {border-color: var(--tide-warning-border);}
|
|
1687
|
+
|
|
1688
|
+
/* Border Width */
|
|
1689
|
+
.sm-tide-border-1,
|
|
1690
|
+
.sm-tide-border-2,
|
|
1691
|
+
.sm-tide-border-bottom-1,
|
|
1692
|
+
.sm-tide-border-bottom-2,
|
|
1693
|
+
.sm-tide-border-left-1,
|
|
1694
|
+
.sm-tide-border-left-2,
|
|
1695
|
+
.sm-tide-border-right-1,
|
|
1696
|
+
.sm-tide-border-right-2,
|
|
1697
|
+
.sm-tide-border-top-1,
|
|
1698
|
+
.sm-tide-border-top-2 {
|
|
1699
|
+
border-style: solid;
|
|
1700
|
+
}
|
|
1701
|
+
|
|
1702
|
+
.sm-tide-border-dashed {border-style: dashed;}
|
|
1703
|
+
.sm-tide-border-solid {border-style: solid;}
|
|
1704
|
+
|
|
1705
|
+
.sm-tide-border-0 {border-width: 0;}
|
|
1706
|
+
.sm-tide-border-1 {border-width: var(--tide-border-width-1);}
|
|
1707
|
+
.sm-tide-border-2 {border-width: var(--tide-border-width-2);}
|
|
1708
|
+
|
|
1709
|
+
.sm-tide-border-top-0 {border-top-width: 0;}
|
|
1710
|
+
.sm-tide-border-right-0 {border-right-width: 0;}
|
|
1711
|
+
.sm-tide-border-bottom-0 {border-bottom-width: 0;}
|
|
1712
|
+
.sm-tide-border-left-0 {border-left-width: 0;}
|
|
1713
|
+
|
|
1714
|
+
.sm-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
|
|
1715
|
+
.sm-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
|
|
1716
|
+
.sm-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
|
|
1717
|
+
.sm-tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
|
|
1718
|
+
|
|
1719
|
+
.sm-tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
|
|
1720
|
+
.sm-tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
|
|
1721
|
+
.sm-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
|
|
1722
|
+
.sm-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
|
|
1723
|
+
|
|
1724
|
+
.sm-tide-radius-0 {border-radius: 0;}
|
|
1725
|
+
.sm-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
|
|
1726
|
+
.sm-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
|
|
1727
|
+
.sm-tide-radius-1 {border-radius: var(--tide-radius-1);}
|
|
1728
|
+
.sm-tide-radius-full {border-radius: var(--tide-radius-full);}
|
|
1729
|
+
|
|
1730
|
+
/* Padding */
|
|
1731
|
+
.sm-tide-padding-0 {padding: 0;}
|
|
1732
|
+
.sm-tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
|
|
1733
|
+
.sm-tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
|
|
1734
|
+
.sm-tide-padding-1 {padding: var(--tide-spacing-1);}
|
|
1735
|
+
.sm-tide-padding-2 {padding: var(--tide-spacing-2);}
|
|
1736
|
+
.sm-tide-padding-4 {padding: var(--tide-spacing-4);}
|
|
1737
|
+
|
|
1738
|
+
.sm-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
|
|
1739
|
+
.sm-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
|
|
1740
|
+
.sm-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
|
|
1741
|
+
.sm-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
|
|
1742
|
+
.sm-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
|
|
1743
|
+
.sm-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
|
|
1744
|
+
|
|
1745
|
+
.sm-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
|
|
1746
|
+
.sm-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
|
|
1747
|
+
.sm-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
|
|
1748
|
+
.sm-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
|
|
1749
|
+
.sm-tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
|
|
1750
|
+
.sm-tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
|
|
1751
|
+
|
|
1752
|
+
.sm-tide-padding-top-0 {padding-top: 0;}
|
|
1753
|
+
.sm-tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
|
|
1754
|
+
.sm-tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
|
|
1755
|
+
.sm-tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
|
|
1756
|
+
.sm-tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
|
|
1757
|
+
.sm-tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
|
|
1758
|
+
|
|
1759
|
+
.sm-tide-padding-right-0 {padding-right: 0;}
|
|
1760
|
+
.sm-tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
|
|
1761
|
+
.sm-tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
|
|
1762
|
+
.sm-tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
|
|
1763
|
+
.sm-tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
|
|
1764
|
+
.sm-tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
|
|
1765
|
+
|
|
1766
|
+
.sm-tide-padding-bottom-0 {padding-bottom: 0;}
|
|
1767
|
+
.sm-tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
|
|
1768
|
+
.sm-tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
|
|
1769
|
+
.sm-tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
|
|
1770
|
+
.sm-tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
|
|
1771
|
+
.sm-tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
|
|
1772
|
+
|
|
1773
|
+
.sm-tide-padding-left-0 {padding-left: 0;}
|
|
1774
|
+
.sm-tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
|
|
1775
|
+
.sm-tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
|
|
1776
|
+
.sm-tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
|
|
1777
|
+
.sm-tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
|
|
1778
|
+
.sm-tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
|
|
1779
|
+
|
|
1780
|
+
/* Dimension */
|
|
1781
|
+
.sm-tide-max-width-full {max-width: 100%;}
|
|
1782
|
+
.sm-tide-min-width-0 {min-width: 0;}
|
|
1783
|
+
|
|
1784
|
+
.sm-tide-max-height-full {max-height: 100%;}
|
|
1785
|
+
.sm-tide-min-height-0 {min-height: 0;}
|
|
1786
|
+
|
|
1787
|
+
.sm-tide-width-auto {width: auto;}
|
|
1788
|
+
.sm-tide-width-0 {width: 0;}
|
|
1789
|
+
.sm-tide-width-full {width: 100%;}
|
|
1790
|
+
.sm-tide-width-stretch {
|
|
1791
|
+
width: -webkit-fill-available;
|
|
1792
|
+
width: stretch;
|
|
1793
|
+
}
|
|
1794
|
+
|
|
1795
|
+
.sm-tide-height-auto {height: auto;}
|
|
1796
|
+
.sm-tide-height-0 {height: 0;}
|
|
1797
|
+
.sm-tide-height-full {height: 100%;}
|
|
1798
|
+
|
|
1799
|
+
/* Deprecated */
|
|
1800
|
+
.sm-tide-width-container {max-width: 1168px;}
|
|
1801
|
+
|
|
1802
|
+
/* Background */
|
|
1803
|
+
.sm-tide-bg-initial {background-color: initial;}
|
|
1804
|
+
|
|
1805
|
+
.sm-tide-bg-primary {background: var(--tide-primary);}
|
|
1806
|
+
.sm-tide-bg-secondary {background: var(--tide-secondary);}
|
|
1807
|
+
|
|
1808
|
+
.sm-tide-bg-surface {background: var(--tide-surface);}
|
|
1809
|
+
.sm-tide-bg-surface-variant {background: var(--tide-surface-variant);}
|
|
1810
|
+
.sm-tide-bg-surface-brand {background: var(--tide-surface-brand);}
|
|
1811
|
+
.sm-tide-bg-surface-accent {background: var(--tide-surface-accent);}
|
|
1812
|
+
.sm-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
|
|
1813
|
+
.sm-tide-bg-surface-floating {background: var(--tide-surface-floating);}
|
|
1814
|
+
.sm-tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
|
|
1815
|
+
|
|
1816
|
+
/* Icon background colors only */
|
|
1817
|
+
.sm-tide-bg-primary-error {background-color: var(--tide-error-primary);}
|
|
1818
|
+
.sm-tide-bg-primary-info {background-color: var(--tide-info-primary);}
|
|
1819
|
+
.sm-tide-bg-primary-success {background-color: var(--tide-success-primary);}
|
|
1820
|
+
.sm-tide-bg-primary-warning {background-color: var(--tide-warning-primary);}
|
|
1821
|
+
|
|
1822
|
+
.sm-tide-bg-surface-error {background-color: var(--tide-error-surface);}
|
|
1823
|
+
.sm-tide-bg-surface-info {background-color: var(--tide-info-surface);}
|
|
1824
|
+
.sm-tide-bg-surface-success {background-color: var(--tide-success-surface);}
|
|
1825
|
+
.sm-tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
|
|
1826
|
+
|
|
1827
|
+
.sm-tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
1828
|
+
.sm-tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
1829
|
+
.sm-tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
1830
|
+
.sm-tide-transparent-400 {background-color: var(--tide-transparent-400);}
|
|
1831
|
+
|
|
1832
|
+
/* Typographic roles */
|
|
1833
|
+
.sm-tide-typography-display-1 {font-size: var(--tide-font-32); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
1834
|
+
.sm-tide-typography-headline-1 {font-size: var(--tide-font-24); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
1835
|
+
.sm-tide-typography-headline-2 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
1836
|
+
.sm-tide-typography-headline-3 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
1837
|
+
.sm-tide-typography-title-1 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
1838
|
+
.sm-tide-typography-title-2 {font-size: var(--tide-font-18); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
1839
|
+
.sm-tide-typography-body-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-regular);}
|
|
1840
|
+
.sm-tide-typography-body-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-regular);}
|
|
1841
|
+
.sm-tide-typography-label-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
1842
|
+
.sm-tide-typography-label-1-semibold {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
|
|
1843
|
+
.sm-tide-typography-label-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
1844
|
+
.sm-tide-typography-label-2-semibold {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
|
|
1845
|
+
.sm-tide-typography-label-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
|
|
1846
|
+
.sm-tide-typography-link-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
1847
|
+
.sm-tide-typography-link-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
1848
|
+
.sm-tide-typography-link-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
|
|
1849
|
+
.sm-tide-typography-button-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
1850
|
+
.sm-tide-typography-button-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
1851
|
+
|
|
1852
|
+
/* Font Color */
|
|
1853
|
+
.sm-tide-font-on-primary {color: var(--tide-on-primary);}
|
|
1854
|
+
.sm-tide-font-on-secondary {color: var(--tide-on-secondary);}
|
|
1855
|
+
|
|
1856
|
+
.sm-tide-font-on-surface {color: var(--tide-on-surface);}
|
|
1857
|
+
.sm-tide-font-on-surface-variant {color: var(--tide-on-surface-variant);}
|
|
1858
|
+
.sm-tide-font-on-surface-brand {color: var(--tide-on-surface-brand);}
|
|
1859
|
+
.sm-tide-font-on-surface-inverse {color: var(--tide-on-surface-inverse);}
|
|
1860
|
+
.sm-tide-font-on-surface-variant-inverse {color: var(--tide-on-surface-inverse-variant);}
|
|
1861
|
+
|
|
1862
|
+
.sm-tide-font-error {color: var(--tide-error-primary);}
|
|
1863
|
+
.sm-tide-font-info {color: var(--tide-info-primary);}
|
|
1864
|
+
.sm-tide-font-success {color: var(--tide-success-primary);}
|
|
1865
|
+
.sm-tide-font-warning {color: var(--tide-warning-primary);}
|
|
1866
|
+
|
|
1867
|
+
/* Font Size */
|
|
1868
|
+
.sm-tide-font-10 {font-size: var(--tide-font-10);}
|
|
1869
|
+
.sm-tide-font-12 {font-size: var(--tide-font-12);}
|
|
1870
|
+
.sm-tide-font-14 {font-size: var(--tide-font-14);}
|
|
1871
|
+
.sm-tide-font-16 {font-size: var(--tide-font-16);}
|
|
1872
|
+
.sm-tide-font-20 {font-size: var(--tide-font-20);}
|
|
1873
|
+
.sm-tide-font-24 {font-size: var(--tide-font-24);}
|
|
1874
|
+
.sm-tide-font-32 {font-size: var(--tide-font-32);}
|
|
1875
|
+
|
|
1876
|
+
/* Font Weight */
|
|
1877
|
+
.sm-tide-font-400 {font-weight: var(--tide-font-regular);}
|
|
1878
|
+
.sm-tide-font-500 {font-weight: var(--tide-font-medium);}
|
|
1879
|
+
.sm-tide-font-600 {font-weight: var(--tide-font-semibold);}
|
|
1880
|
+
.sm-tide-font-700 {font-weight: 700;}
|
|
1881
|
+
|
|
1882
|
+
/* Misc */
|
|
1883
|
+
.sm-tide-align-middle {vertical-align: middle;}
|
|
1884
|
+
.sm-tide-align-initial {vertical-align: initial;}
|
|
1885
|
+
|
|
1886
|
+
.sm-tide-bg-blur {backdrop-filter: var(--tide-bg-blur);}
|
|
1887
|
+
|
|
1888
|
+
.sm-tide-break-initial {overflow-wrap: initial;}
|
|
1889
|
+
.sm-tide-break-word {overflow-wrap: break-word;}
|
|
1890
|
+
|
|
1891
|
+
.sm-tide-break-inside-avoid-column {break-inside: avoid-column}
|
|
1892
|
+
|
|
1893
|
+
.sm-tide-columns-initial {column-count: initial;}
|
|
1894
|
+
.sm-tide-columns-1 {column-count: 1;}
|
|
1895
|
+
.sm-tide-columns-2 {column-count: 2;}
|
|
1896
|
+
.sm-tide-columns-3 {column-count: 3;}
|
|
1897
|
+
.sm-tide-columns-4 {column-count: 4;}
|
|
1898
|
+
|
|
1899
|
+
.sm-tide-cursor-not-allowed {cursor: not-allowed;}
|
|
1900
|
+
.sm-tide-cursor-pointer {cursor: pointer;}
|
|
1901
|
+
.sm-tide-cursor-text {cursor: text;}
|
|
1902
|
+
|
|
1903
|
+
.sm-tide-ellipsis {
|
|
1904
|
+
overflow: hidden;
|
|
1905
|
+
text-overflow: ellipsis;
|
|
1906
|
+
white-space: nowrap;
|
|
1907
|
+
}
|
|
1908
|
+
|
|
1909
|
+
.sm-tide-isolate {isolation: isolate;}
|
|
1910
|
+
|
|
1911
|
+
/* Deprecated */
|
|
1912
|
+
.sm-tide-leading-default {line-height: 1.4;}
|
|
1913
|
+
.sm-tide-leading-normal {line-height: normal;}
|
|
1914
|
+
|
|
1915
|
+
.sm-tide-list-none {list-style-type: none;}
|
|
1916
|
+
|
|
1917
|
+
.sm-tide-object-center {object-position: center;}
|
|
1918
|
+
|
|
1919
|
+
.sm-tide-object-cover {object-fit: cover;}
|
|
1920
|
+
.sm-tide-object-contain {object-fit: contain;}
|
|
1921
|
+
.sm-tide-object-scale-down {object-fit: scale-down;}
|
|
1922
|
+
|
|
1923
|
+
.sm-tide-opacity {opacity: 1;}
|
|
1924
|
+
.sm-tide-opacity-disabled {opacity: var(--tide-disabled);}
|
|
1925
|
+
.sm-tide-opacity-none {opacity: 0;}
|
|
1926
|
+
|
|
1927
|
+
.sm-tide-pointer-events {pointer-events: auto;}
|
|
1928
|
+
.sm-tide-pointer-events-none {pointer-events: none;}
|
|
1929
|
+
|
|
1930
|
+
.sm-tide-user-select-none {user-select: none;}
|
|
1931
|
+
.sm-tide-user-select-initial {user-select: initial;}
|
|
1932
|
+
|
|
1933
|
+
.sm-tide-ratio-1\/1 {aspect-ratio: 1 / 1;}
|
|
1934
|
+
.sm-tide-ratio-16\/9 {aspect-ratio: 16 / 9;}
|
|
1935
|
+
.sm-tide-ratio-3\/2 {aspect-ratio: 3 / 2;}
|
|
1936
|
+
|
|
1937
|
+
.sm-tide-scrollbar-none::-webkit-scrollbar {display: none;}
|
|
1938
|
+
.sm-tide-scrollbar-none {
|
|
1939
|
+
-ms-overflow-style: none;
|
|
1940
|
+
scrollbar-width: none;
|
|
1941
|
+
}
|
|
1942
|
+
|
|
1943
|
+
.sm-tide-scroll-snap {
|
|
1944
|
+
scroll-snap-stop: always;
|
|
1945
|
+
scroll-snap-type: both mandatory;
|
|
1946
|
+
scroll-behavior: smooth;
|
|
1947
|
+
}
|
|
1948
|
+
|
|
1949
|
+
.sm-tide-scroll-snap-start {
|
|
1950
|
+
scroll-snap-align: start;
|
|
1951
|
+
}
|
|
1952
|
+
|
|
1953
|
+
.sm-tide-shadow-initial {box-shadow: initial;}
|
|
1954
|
+
.sm-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
|
|
1955
|
+
.sm-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
|
|
1956
|
+
.sm-tide-shadow-text {text-shadow: var(--tide-shadow-text);}
|
|
1957
|
+
|
|
1958
|
+
.sm-tide-strikethrough {text-decoration: line-through;}
|
|
1959
|
+
.sm-tide-strikethrough-none {text-decoration: none;}
|
|
1960
|
+
|
|
1961
|
+
.sm-tide-text-center {text-align: center;}
|
|
1962
|
+
.sm-tide-text-justify {text-align: justify;}
|
|
1963
|
+
.sm-tide-text-left {text-align: left;}
|
|
1964
|
+
.sm-tide-text-right {text-align: right;}
|
|
1965
|
+
|
|
1966
|
+
.sm-tide-text-transform-lower {text-transform: lowercase;}
|
|
1967
|
+
.sm-tide-text-transform-none {text-transform: none;}
|
|
1968
|
+
.sm-tide-text-transform-upper {text-transform: uppercase;}
|
|
1969
|
+
|
|
1970
|
+
.sm-tide-underline {text-decoration: underline;}
|
|
1971
|
+
.sm-tide-underline-none {text-decoration: none;}
|
|
1972
|
+
.sm-tide-underline-hover:hover {text-decoration: underline;}
|
|
1973
|
+
.sm-tide-underline-hover-none:hover {text-decoration: none;}
|
|
1974
|
+
|
|
1975
|
+
.sm-tide-visible {visibility: visible;}
|
|
1976
|
+
.sm-tide-visible-none {visibility: hidden;}
|
|
1977
|
+
|
|
1978
|
+
.sm-tide-whitespace-nowrap {white-space: nowrap;}
|
|
1979
|
+
|
|
1980
|
+
.sm-tide-x-auto {overflow-x: auto;}
|
|
1981
|
+
.sm-tide-x-hidden {overflow-x: hidden;}
|
|
1982
|
+
.sm-tide-x-scroll {overflow-x: scroll;}
|
|
1983
|
+
|
|
1984
|
+
.sm-tide-xy-auto {overflow: auto;}
|
|
1985
|
+
.sm-tide-xy-hidden {overflow: hidden;}
|
|
1986
|
+
|
|
1987
|
+
.sm-tide-y-auto {overflow-y: auto;}
|
|
1988
|
+
.sm-tide-y-hidden {overflow-y: hidden;}
|
|
1989
|
+
|
|
1990
|
+
.sm-tide-z-index-initial {z-index: initial;}
|
|
1991
|
+
.sm-tide-z-index-1 {z-index: 1;}
|
|
1992
|
+
|
|
1993
|
+
/* Buttons */
|
|
1994
|
+
/* Rest State */
|
|
1995
|
+
.sm-tide-button-primary,
|
|
1996
|
+
.sm-tide-button-secondary,
|
|
1997
|
+
.sm-tide-button-tertiary,
|
|
1998
|
+
.sm-tide-button-quaternary,
|
|
1999
|
+
.sm-tide-button-floating {
|
|
2000
|
+
border: var(--tide-border-width-2) solid;
|
|
2001
|
+
}
|
|
2002
|
+
|
|
2003
|
+
.sm-tide-button-primary,
|
|
2004
|
+
.sm-tide-button-secondary,
|
|
2005
|
+
.sm-tide-button-tertiary,
|
|
2006
|
+
.sm-tide-button-quaternary {
|
|
2007
|
+
box-shadow: none;
|
|
2008
|
+
}
|
|
2009
|
+
|
|
2010
|
+
.sm-tide-button-primary {
|
|
2011
|
+
background-color: var(--tide-primary);
|
|
2012
|
+
border-color: var(--tide-primary);
|
|
2013
|
+
color: var(--tide-on-primary);
|
|
2014
|
+
}
|
|
2015
|
+
|
|
2016
|
+
.sm-tide-button-secondary {
|
|
2017
|
+
background-color: var(--tide-secondary);
|
|
2018
|
+
border-color: var(--tide-secondary);
|
|
2019
|
+
color: var(--tide-on-secondary);
|
|
2020
|
+
}
|
|
2021
|
+
|
|
2022
|
+
.sm-tide-button-tertiary {
|
|
2023
|
+
background-color: var(--tide-surface-variant);
|
|
2024
|
+
border-color: var(--tide-surface-variant);
|
|
2025
|
+
color: var(--tide-secondary);
|
|
2026
|
+
}
|
|
2027
|
+
|
|
2028
|
+
.sm-tide-button-quaternary {
|
|
2029
|
+
background-color: var(--tide-surface);
|
|
2030
|
+
border-color: var(--tide-surface);
|
|
2031
|
+
color: var(--tide-secondary);
|
|
2032
|
+
}
|
|
2033
|
+
|
|
2034
|
+
.sm-tide-button-floating {
|
|
2035
|
+
background-color: var(--tide-surface);
|
|
2036
|
+
border-color: var(--tide-surface);
|
|
2037
|
+
box-shadow: var(--tide-shadow-bottom);
|
|
2038
|
+
color: var(--tide-secondary);
|
|
2039
|
+
}
|
|
2040
|
+
|
|
2041
|
+
/* Hover State */
|
|
2042
|
+
a.sm-tide-button-primary:hover,
|
|
2043
|
+
button.sm-tide-button-primary:enabled:hover {
|
|
2044
|
+
background-color: var(--tide-surface);
|
|
2045
|
+
border-color: var(--tide-primary);
|
|
2046
|
+
color: var(--tide-primary);
|
|
2047
|
+
}
|
|
2048
|
+
|
|
2049
|
+
a.sm-tide-button-secondary:hover,
|
|
2050
|
+
button.sm-tide-button-secondary:enabled:hover {
|
|
2051
|
+
background-color: var(--tide-surface);
|
|
2052
|
+
border-color: var(--tide-secondary);
|
|
2053
|
+
color: var(--tide-on-surface);
|
|
2054
|
+
}
|
|
2055
|
+
|
|
2056
|
+
a.sm-tide-button-tertiary:hover,
|
|
2057
|
+
button.sm-tide-button-tertiary:enabled:hover {
|
|
2058
|
+
background-color: var(--tide-surface-variant);
|
|
2059
|
+
border-color: var(--tide-border);
|
|
2060
|
+
color: var(--tide-secondary);
|
|
2061
|
+
}
|
|
2062
|
+
|
|
2063
|
+
a.sm-tide-button-quaternary:hover,
|
|
2064
|
+
button.sm-tide-button-quaternary:enabled:hover {
|
|
2065
|
+
background-color: var(--tide-surface-variant);
|
|
2066
|
+
border-color: var(--tide-surface-variant);
|
|
2067
|
+
color: var(--tide-secondary);
|
|
2068
|
+
}
|
|
2069
|
+
|
|
2070
|
+
.sm-tide-button-floating:hover,
|
|
2071
|
+
button.sm-tide-button-floating:enabled:hover {
|
|
2072
|
+
background-color: var(--tide-surface);
|
|
2073
|
+
border-color: var(--tide-surface);
|
|
2074
|
+
color: var(--tide-secondary);
|
|
2075
|
+
}
|
|
2076
|
+
|
|
2077
|
+
/* Disabled State */
|
|
2078
|
+
button.sm-tide-button-primary:disabled,
|
|
2079
|
+
button.sm-tide-button-secondary:disabled,
|
|
2080
|
+
button.sm-tide-button-tertiary:disabled,
|
|
2081
|
+
button.sm-tide-button-quaternary:disabled,
|
|
2082
|
+
button.sm-tide-button-floating:disabled {
|
|
2083
|
+
opacity: var(--tide-disabled);
|
|
2084
|
+
}
|
|
2085
|
+
}
|
|
2086
|
+
@media (min-width: 992px) {
|
|
2087
|
+
/* Reusable CSS Utility Library */
|
|
2088
|
+
/* Position */
|
|
2089
|
+
.md-tide-position-absolute {position: absolute;}
|
|
2090
|
+
.md-tide-position-fixed {position: fixed;}
|
|
2091
|
+
.md-tide-position-relative {position: relative;}
|
|
2092
|
+
.md-tide-position-static {position: static;}
|
|
2093
|
+
.md-tide-position-sticky {position: sticky;}
|
|
2094
|
+
|
|
2095
|
+
.md-tide-top-0 {top: 0;}
|
|
2096
|
+
.md-tide-right-0 {right: 0;}
|
|
2097
|
+
.md-tide-bottom-0 {bottom: 0;}
|
|
2098
|
+
.md-tide-left-0 {left: 0;}
|
|
2099
|
+
|
|
2100
|
+
/* Display */
|
|
2101
|
+
.md-tide-display-block {display: block;}
|
|
2102
|
+
.md-tide-display-contents {display: contents;}
|
|
2103
|
+
.md-tide-display-flex {display: flex;}
|
|
2104
|
+
.md-tide-display-grid {display: grid;}
|
|
2105
|
+
.md-tide-display-initial {display: initial;}
|
|
2106
|
+
.md-tide-display-inline {display: inline;}
|
|
2107
|
+
.md-tide-display-inline-block {display: inline-block;}
|
|
2108
|
+
.md-tide-display-inline-flex {display: inline-flex;}
|
|
2109
|
+
.md-tide-display-none {display: none;}
|
|
2110
|
+
|
|
2111
|
+
/* Flex Box */
|
|
2112
|
+
.md-tide-flex-column {flex-direction: column;}
|
|
2113
|
+
.md-tide-flex-column-reverse {flex-direction: column-reverse;}
|
|
2114
|
+
.md-tide-flex-row {flex-direction: row;}
|
|
2115
|
+
.md-tide-flex-row-reverse {flex-direction: row-reverse;}
|
|
2116
|
+
|
|
2117
|
+
.md-tide-grow {flex-grow: 1;}
|
|
2118
|
+
.md-tide-grow-none {flex-grow: 0;}
|
|
2119
|
+
|
|
2120
|
+
.md-tide-shrink {flex-shrink: 1;}
|
|
2121
|
+
.md-tide-shrink-none {flex-shrink: 0;}
|
|
2122
|
+
|
|
2123
|
+
.md-tide-flex-wrap {flex-wrap: wrap;}
|
|
2124
|
+
|
|
2125
|
+
.md-tide-axis1-around {justify-content: space-around;}
|
|
2126
|
+
.md-tide-axis1-between {justify-content: space-between;}
|
|
2127
|
+
.md-tide-axis1-center {justify-content: center;}
|
|
2128
|
+
.md-tide-axis1-end {justify-content: end;}
|
|
2129
|
+
.md-tide-axis1-start {justify-content: start;}
|
|
2130
|
+
|
|
2131
|
+
.md-tide-axis2-around {align-items: space-around;}
|
|
2132
|
+
.md-tide-axis2-center {align-items: center;}
|
|
2133
|
+
.md-tide-axis2-end {align-items: flex-end;}
|
|
2134
|
+
.md-tide-axis2-start {align-items: flex-start;}
|
|
2135
|
+
.md-tide-axis2-stretch {align-items: stretch;}
|
|
2136
|
+
|
|
2137
|
+
.md-tide-gap-0 {gap: 0;}
|
|
2138
|
+
.md-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
|
|
2139
|
+
.md-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
|
|
2140
|
+
.md-tide-gap-1 {gap: var(--tide-spacing-1);}
|
|
2141
|
+
.md-tide-gap-2 {gap: var(--tide-spacing-2);}
|
|
2142
|
+
.md-tide-gap-4 {gap: var(--tide-spacing-4);}
|
|
2143
|
+
|
|
2144
|
+
.md-tide-flex-basis-auto {flex-basis: auto;}
|
|
2145
|
+
.md-tide-flex-basis-0 {flex-basis: 0;}
|
|
2146
|
+
|
|
2147
|
+
/* Box Sizing */
|
|
2148
|
+
.md-tide-box-border {box-sizing: border-box;}
|
|
2149
|
+
.md-tide-box-content {box-sizing: content-box;}
|
|
2150
|
+
|
|
2151
|
+
/* Margin */
|
|
2152
|
+
.md-tide-margin-0 {margin: 0;}
|
|
2153
|
+
.md-tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
|
|
2154
|
+
.md-tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
|
|
2155
|
+
.md-tide-margin-1 {margin: var(--tide-spacing-1);}
|
|
2156
|
+
.md-tide-margin-2 {margin: var(--tide-spacing-2);}
|
|
2157
|
+
.md-tide-margin-4 {margin: var(--tide-spacing-4);}
|
|
2158
|
+
.md-tide-margin-auto {margin: auto;}
|
|
2159
|
+
|
|
2160
|
+
.md-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
|
|
2161
|
+
.md-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
|
|
2162
|
+
.md-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
|
|
2163
|
+
.md-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
|
|
2164
|
+
.md-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
|
|
2165
|
+
.md-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
|
|
2166
|
+
.md-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
|
|
2167
|
+
|
|
2168
|
+
.md-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
|
|
2169
|
+
.md-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
|
|
2170
|
+
.md-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
|
|
2171
|
+
.md-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
|
|
2172
|
+
.md-tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
|
|
2173
|
+
.md-tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
|
|
2174
|
+
.md-tide-margin-y-auto {margin-top: auto; margin-bottom: auto;}
|
|
2175
|
+
|
|
2176
|
+
.md-tide-margin-top-0 {margin-top: 0;}
|
|
2177
|
+
.md-tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
|
|
2178
|
+
.md-tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
|
|
2179
|
+
.md-tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
|
|
2180
|
+
.md-tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
|
|
2181
|
+
.md-tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
|
|
2182
|
+
.md-tide-margin-top-auto {margin-top: auto;}
|
|
2183
|
+
|
|
2184
|
+
.md-tide-margin-right-0 {margin-right: 0;}
|
|
2185
|
+
.md-tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
|
|
2186
|
+
.md-tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
|
|
2187
|
+
.md-tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
|
|
2188
|
+
.md-tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
|
|
2189
|
+
.md-tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
|
|
2190
|
+
.md-tide-margin-right-auto {margin-right: auto;}
|
|
2191
|
+
|
|
2192
|
+
.md-tide-margin-bottom-0 {margin-bottom: 0;}
|
|
2193
|
+
.md-tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
|
|
2194
|
+
.md-tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
|
|
2195
|
+
.md-tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
|
|
2196
|
+
.md-tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
|
|
2197
|
+
.md-tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
|
|
2198
|
+
.md-tide-margin-bottom-auto {margin-bottom: auto;}
|
|
2199
|
+
|
|
2200
|
+
.md-tide-margin-left-0 {margin-left: 0;}
|
|
2201
|
+
.md-tide-margin-left-1\/4 {margin-left: var(--tide-spacing-1\/4);}
|
|
2202
|
+
.md-tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
|
|
2203
|
+
.md-tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
|
|
2204
|
+
.md-tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
|
|
2205
|
+
.md-tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
|
|
2206
|
+
.md-tide-margin-left-auto {margin-left: auto;}
|
|
2207
|
+
|
|
2208
|
+
/* Border Color */
|
|
2209
|
+
.md-tide-border-color-initial {border-color: initial;}
|
|
2210
|
+
|
|
2211
|
+
.md-tide-border-primary {border-color: var(--tide-primary);}
|
|
2212
|
+
|
|
2213
|
+
.md-tide-border {border-color: var(--tide-border);}
|
|
2214
|
+
.md-tide-border-low {border-color: var(--tide-border-low);}
|
|
2215
|
+
.md-tide-border-high {border-color: var(--tide-border-high);}
|
|
2216
|
+
.md-tide-border-floating {border-color: var(--tide-border-floating);}
|
|
2217
|
+
|
|
2218
|
+
.md-tide-border-error {border-color: var(--tide-error-border);}
|
|
2219
|
+
.md-tide-border-info {border-color: var(--tide-info-border);}
|
|
2220
|
+
.md-tide-border-success {border-color: var(--tide-success-border);}
|
|
2221
|
+
.md-tide-border-warning {border-color: var(--tide-warning-border);}
|
|
2222
|
+
|
|
2223
|
+
/* Border Width */
|
|
2224
|
+
.md-tide-border-1,
|
|
2225
|
+
.md-tide-border-2,
|
|
2226
|
+
.md-tide-border-bottom-1,
|
|
2227
|
+
.md-tide-border-bottom-2,
|
|
2228
|
+
.md-tide-border-left-1,
|
|
2229
|
+
.md-tide-border-left-2,
|
|
2230
|
+
.md-tide-border-right-1,
|
|
2231
|
+
.md-tide-border-right-2,
|
|
2232
|
+
.md-tide-border-top-1,
|
|
2233
|
+
.md-tide-border-top-2 {
|
|
2234
|
+
border-style: solid;
|
|
2235
|
+
}
|
|
2236
|
+
|
|
2237
|
+
.md-tide-border-dashed {border-style: dashed;}
|
|
2238
|
+
.md-tide-border-solid {border-style: solid;}
|
|
2239
|
+
|
|
2240
|
+
.md-tide-border-0 {border-width: 0;}
|
|
2241
|
+
.md-tide-border-1 {border-width: var(--tide-border-width-1);}
|
|
2242
|
+
.md-tide-border-2 {border-width: var(--tide-border-width-2);}
|
|
2243
|
+
|
|
2244
|
+
.md-tide-border-top-0 {border-top-width: 0;}
|
|
2245
|
+
.md-tide-border-right-0 {border-right-width: 0;}
|
|
2246
|
+
.md-tide-border-bottom-0 {border-bottom-width: 0;}
|
|
2247
|
+
.md-tide-border-left-0 {border-left-width: 0;}
|
|
2248
|
+
|
|
2249
|
+
.md-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
|
|
2250
|
+
.md-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
|
|
2251
|
+
.md-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
|
|
2252
|
+
.md-tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
|
|
2253
|
+
|
|
2254
|
+
.md-tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
|
|
2255
|
+
.md-tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
|
|
2256
|
+
.md-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
|
|
2257
|
+
.md-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
|
|
2258
|
+
|
|
2259
|
+
.md-tide-radius-0 {border-radius: 0;}
|
|
2260
|
+
.md-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
|
|
2261
|
+
.md-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
|
|
2262
|
+
.md-tide-radius-1 {border-radius: var(--tide-radius-1);}
|
|
2263
|
+
.md-tide-radius-full {border-radius: var(--tide-radius-full);}
|
|
2264
|
+
|
|
2265
|
+
/* Padding */
|
|
2266
|
+
.md-tide-padding-0 {padding: 0;}
|
|
2267
|
+
.md-tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
|
|
2268
|
+
.md-tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
|
|
2269
|
+
.md-tide-padding-1 {padding: var(--tide-spacing-1);}
|
|
2270
|
+
.md-tide-padding-2 {padding: var(--tide-spacing-2);}
|
|
2271
|
+
.md-tide-padding-4 {padding: var(--tide-spacing-4);}
|
|
2272
|
+
|
|
2273
|
+
.md-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
|
|
2274
|
+
.md-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
|
|
2275
|
+
.md-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
|
|
2276
|
+
.md-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
|
|
2277
|
+
.md-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
|
|
2278
|
+
.md-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
|
|
2279
|
+
|
|
2280
|
+
.md-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
|
|
2281
|
+
.md-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
|
|
2282
|
+
.md-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
|
|
2283
|
+
.md-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
|
|
2284
|
+
.md-tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
|
|
2285
|
+
.md-tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
|
|
2286
|
+
|
|
2287
|
+
.md-tide-padding-top-0 {padding-top: 0;}
|
|
2288
|
+
.md-tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
|
|
2289
|
+
.md-tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
|
|
2290
|
+
.md-tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
|
|
2291
|
+
.md-tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
|
|
2292
|
+
.md-tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
|
|
2293
|
+
|
|
2294
|
+
.md-tide-padding-right-0 {padding-right: 0;}
|
|
2295
|
+
.md-tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
|
|
2296
|
+
.md-tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
|
|
2297
|
+
.md-tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
|
|
2298
|
+
.md-tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
|
|
2299
|
+
.md-tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
|
|
2300
|
+
|
|
2301
|
+
.md-tide-padding-bottom-0 {padding-bottom: 0;}
|
|
2302
|
+
.md-tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
|
|
2303
|
+
.md-tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
|
|
2304
|
+
.md-tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
|
|
2305
|
+
.md-tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
|
|
2306
|
+
.md-tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
|
|
2307
|
+
|
|
2308
|
+
.md-tide-padding-left-0 {padding-left: 0;}
|
|
2309
|
+
.md-tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
|
|
2310
|
+
.md-tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
|
|
2311
|
+
.md-tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
|
|
2312
|
+
.md-tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
|
|
2313
|
+
.md-tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
|
|
2314
|
+
|
|
2315
|
+
/* Dimension */
|
|
2316
|
+
.md-tide-max-width-full {max-width: 100%;}
|
|
2317
|
+
.md-tide-min-width-0 {min-width: 0;}
|
|
2318
|
+
|
|
2319
|
+
.md-tide-max-height-full {max-height: 100%;}
|
|
2320
|
+
.md-tide-min-height-0 {min-height: 0;}
|
|
2321
|
+
|
|
2322
|
+
.md-tide-width-auto {width: auto;}
|
|
2323
|
+
.md-tide-width-0 {width: 0;}
|
|
2324
|
+
.md-tide-width-full {width: 100%;}
|
|
2325
|
+
.md-tide-width-stretch {
|
|
2326
|
+
width: -webkit-fill-available;
|
|
2327
|
+
width: stretch;
|
|
2328
|
+
}
|
|
2329
|
+
|
|
2330
|
+
.md-tide-height-auto {height: auto;}
|
|
2331
|
+
.md-tide-height-0 {height: 0;}
|
|
2332
|
+
.md-tide-height-full {height: 100%;}
|
|
2333
|
+
|
|
2334
|
+
/* Deprecated */
|
|
2335
|
+
.md-tide-width-container {max-width: 1168px;}
|
|
2336
|
+
|
|
2337
|
+
/* Background */
|
|
2338
|
+
.md-tide-bg-initial {background-color: initial;}
|
|
2339
|
+
|
|
2340
|
+
.md-tide-bg-primary {background: var(--tide-primary);}
|
|
2341
|
+
.md-tide-bg-secondary {background: var(--tide-secondary);}
|
|
2342
|
+
|
|
2343
|
+
.md-tide-bg-surface {background: var(--tide-surface);}
|
|
2344
|
+
.md-tide-bg-surface-variant {background: var(--tide-surface-variant);}
|
|
2345
|
+
.md-tide-bg-surface-brand {background: var(--tide-surface-brand);}
|
|
2346
|
+
.md-tide-bg-surface-accent {background: var(--tide-surface-accent);}
|
|
2347
|
+
.md-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
|
|
2348
|
+
.md-tide-bg-surface-floating {background: var(--tide-surface-floating);}
|
|
2349
|
+
.md-tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
|
|
2350
|
+
|
|
2351
|
+
/* Icon background colors only */
|
|
2352
|
+
.md-tide-bg-primary-error {background-color: var(--tide-error-primary);}
|
|
2353
|
+
.md-tide-bg-primary-info {background-color: var(--tide-info-primary);}
|
|
2354
|
+
.md-tide-bg-primary-success {background-color: var(--tide-success-primary);}
|
|
2355
|
+
.md-tide-bg-primary-warning {background-color: var(--tide-warning-primary);}
|
|
2356
|
+
|
|
2357
|
+
.md-tide-bg-surface-error {background-color: var(--tide-error-surface);}
|
|
2358
|
+
.md-tide-bg-surface-info {background-color: var(--tide-info-surface);}
|
|
2359
|
+
.md-tide-bg-surface-success {background-color: var(--tide-success-surface);}
|
|
2360
|
+
.md-tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
|
|
2361
|
+
|
|
2362
|
+
.md-tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
2363
|
+
.md-tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
2364
|
+
.md-tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
2365
|
+
.md-tide-transparent-400 {background-color: var(--tide-transparent-400);}
|
|
2366
|
+
|
|
2367
|
+
/* Typographic roles */
|
|
2368
|
+
.md-tide-typography-display-1 {font-size: var(--tide-font-32); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
2369
|
+
.md-tide-typography-headline-1 {font-size: var(--tide-font-24); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
2370
|
+
.md-tide-typography-headline-2 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
2371
|
+
.md-tide-typography-headline-3 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
2372
|
+
.md-tide-typography-title-1 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
2373
|
+
.md-tide-typography-title-2 {font-size: var(--tide-font-18); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
2374
|
+
.md-tide-typography-body-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-regular);}
|
|
2375
|
+
.md-tide-typography-body-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-regular);}
|
|
2376
|
+
.md-tide-typography-label-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
2377
|
+
.md-tide-typography-label-1-semibold {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
|
|
2378
|
+
.md-tide-typography-label-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
2379
|
+
.md-tide-typography-label-2-semibold {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
|
|
2380
|
+
.md-tide-typography-label-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
|
|
2381
|
+
.md-tide-typography-link-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
2382
|
+
.md-tide-typography-link-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
2383
|
+
.md-tide-typography-link-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
|
|
2384
|
+
.md-tide-typography-button-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
2385
|
+
.md-tide-typography-button-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
2386
|
+
|
|
2387
|
+
/* Font Color */
|
|
2388
|
+
.md-tide-font-on-primary {color: var(--tide-on-primary);}
|
|
2389
|
+
.md-tide-font-on-secondary {color: var(--tide-on-secondary);}
|
|
2390
|
+
|
|
2391
|
+
.md-tide-font-on-surface {color: var(--tide-on-surface);}
|
|
2392
|
+
.md-tide-font-on-surface-variant {color: var(--tide-on-surface-variant);}
|
|
2393
|
+
.md-tide-font-on-surface-brand {color: var(--tide-on-surface-brand);}
|
|
2394
|
+
.md-tide-font-on-surface-inverse {color: var(--tide-on-surface-inverse);}
|
|
2395
|
+
.md-tide-font-on-surface-variant-inverse {color: var(--tide-on-surface-inverse-variant);}
|
|
2396
|
+
|
|
2397
|
+
.md-tide-font-error {color: var(--tide-error-primary);}
|
|
2398
|
+
.md-tide-font-info {color: var(--tide-info-primary);}
|
|
2399
|
+
.md-tide-font-success {color: var(--tide-success-primary);}
|
|
2400
|
+
.md-tide-font-warning {color: var(--tide-warning-primary);}
|
|
2401
|
+
|
|
2402
|
+
/* Font Size */
|
|
2403
|
+
.md-tide-font-10 {font-size: var(--tide-font-10);}
|
|
2404
|
+
.md-tide-font-12 {font-size: var(--tide-font-12);}
|
|
2405
|
+
.md-tide-font-14 {font-size: var(--tide-font-14);}
|
|
2406
|
+
.md-tide-font-16 {font-size: var(--tide-font-16);}
|
|
2407
|
+
.md-tide-font-20 {font-size: var(--tide-font-20);}
|
|
2408
|
+
.md-tide-font-24 {font-size: var(--tide-font-24);}
|
|
2409
|
+
.md-tide-font-32 {font-size: var(--tide-font-32);}
|
|
2410
|
+
|
|
2411
|
+
/* Font Weight */
|
|
2412
|
+
.md-tide-font-400 {font-weight: var(--tide-font-regular);}
|
|
2413
|
+
.md-tide-font-500 {font-weight: var(--tide-font-medium);}
|
|
2414
|
+
.md-tide-font-600 {font-weight: var(--tide-font-semibold);}
|
|
2415
|
+
.md-tide-font-700 {font-weight: 700;}
|
|
2416
|
+
|
|
2417
|
+
/* Misc */
|
|
2418
|
+
.md-tide-align-middle {vertical-align: middle;}
|
|
2419
|
+
.md-tide-align-initial {vertical-align: initial;}
|
|
2420
|
+
|
|
2421
|
+
.md-tide-bg-blur {backdrop-filter: var(--tide-bg-blur);}
|
|
2422
|
+
|
|
2423
|
+
.md-tide-break-initial {overflow-wrap: initial;}
|
|
2424
|
+
.md-tide-break-word {overflow-wrap: break-word;}
|
|
2425
|
+
|
|
2426
|
+
.md-tide-break-inside-avoid-column {break-inside: avoid-column}
|
|
2427
|
+
|
|
2428
|
+
.md-tide-columns-initial {column-count: initial;}
|
|
2429
|
+
.md-tide-columns-1 {column-count: 1;}
|
|
2430
|
+
.md-tide-columns-2 {column-count: 2;}
|
|
2431
|
+
.md-tide-columns-3 {column-count: 3;}
|
|
2432
|
+
.md-tide-columns-4 {column-count: 4;}
|
|
2433
|
+
|
|
2434
|
+
.md-tide-cursor-not-allowed {cursor: not-allowed;}
|
|
2435
|
+
.md-tide-cursor-pointer {cursor: pointer;}
|
|
2436
|
+
.md-tide-cursor-text {cursor: text;}
|
|
2437
|
+
|
|
2438
|
+
.md-tide-ellipsis {
|
|
2439
|
+
overflow: hidden;
|
|
2440
|
+
text-overflow: ellipsis;
|
|
2441
|
+
white-space: nowrap;
|
|
2442
|
+
}
|
|
2443
|
+
|
|
2444
|
+
.md-tide-isolate {isolation: isolate;}
|
|
2445
|
+
|
|
2446
|
+
/* Deprecated */
|
|
2447
|
+
.md-tide-leading-default {line-height: 1.4;}
|
|
2448
|
+
.md-tide-leading-normal {line-height: normal;}
|
|
2449
|
+
|
|
2450
|
+
.md-tide-list-none {list-style-type: none;}
|
|
2451
|
+
|
|
2452
|
+
.md-tide-object-center {object-position: center;}
|
|
2453
|
+
|
|
2454
|
+
.md-tide-object-cover {object-fit: cover;}
|
|
2455
|
+
.md-tide-object-contain {object-fit: contain;}
|
|
2456
|
+
.md-tide-object-scale-down {object-fit: scale-down;}
|
|
2457
|
+
|
|
2458
|
+
.md-tide-opacity {opacity: 1;}
|
|
2459
|
+
.md-tide-opacity-disabled {opacity: var(--tide-disabled);}
|
|
2460
|
+
.md-tide-opacity-none {opacity: 0;}
|
|
2461
|
+
|
|
2462
|
+
.md-tide-pointer-events {pointer-events: auto;}
|
|
2463
|
+
.md-tide-pointer-events-none {pointer-events: none;}
|
|
2464
|
+
|
|
2465
|
+
.md-tide-user-select-none {user-select: none;}
|
|
2466
|
+
.md-tide-user-select-initial {user-select: initial;}
|
|
2467
|
+
|
|
2468
|
+
.md-tide-ratio-1\/1 {aspect-ratio: 1 / 1;}
|
|
2469
|
+
.md-tide-ratio-16\/9 {aspect-ratio: 16 / 9;}
|
|
2470
|
+
.md-tide-ratio-3\/2 {aspect-ratio: 3 / 2;}
|
|
2471
|
+
|
|
2472
|
+
.md-tide-scrollbar-none::-webkit-scrollbar {display: none;}
|
|
2473
|
+
.md-tide-scrollbar-none {
|
|
2474
|
+
-ms-overflow-style: none;
|
|
2475
|
+
scrollbar-width: none;
|
|
2476
|
+
}
|
|
2477
|
+
|
|
2478
|
+
.md-tide-scroll-snap {
|
|
2479
|
+
scroll-snap-stop: always;
|
|
2480
|
+
scroll-snap-type: both mandatory;
|
|
2481
|
+
scroll-behavior: smooth;
|
|
2482
|
+
}
|
|
2483
|
+
|
|
2484
|
+
.md-tide-scroll-snap-start {
|
|
2485
|
+
scroll-snap-align: start;
|
|
2486
|
+
}
|
|
2487
|
+
|
|
2488
|
+
.md-tide-shadow-initial {box-shadow: initial;}
|
|
2489
|
+
.md-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
|
|
2490
|
+
.md-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
|
|
2491
|
+
.md-tide-shadow-text {text-shadow: var(--tide-shadow-text);}
|
|
2492
|
+
|
|
2493
|
+
.md-tide-strikethrough {text-decoration: line-through;}
|
|
2494
|
+
.md-tide-strikethrough-none {text-decoration: none;}
|
|
2495
|
+
|
|
2496
|
+
.md-tide-text-center {text-align: center;}
|
|
2497
|
+
.md-tide-text-justify {text-align: justify;}
|
|
2498
|
+
.md-tide-text-left {text-align: left;}
|
|
2499
|
+
.md-tide-text-right {text-align: right;}
|
|
2500
|
+
|
|
2501
|
+
.md-tide-text-transform-lower {text-transform: lowercase;}
|
|
2502
|
+
.md-tide-text-transform-none {text-transform: none;}
|
|
2503
|
+
.md-tide-text-transform-upper {text-transform: uppercase;}
|
|
2504
|
+
|
|
2505
|
+
.md-tide-underline {text-decoration: underline;}
|
|
2506
|
+
.md-tide-underline-none {text-decoration: none;}
|
|
2507
|
+
.md-tide-underline-hover:hover {text-decoration: underline;}
|
|
2508
|
+
.md-tide-underline-hover-none:hover {text-decoration: none;}
|
|
2509
|
+
|
|
2510
|
+
.md-tide-visible {visibility: visible;}
|
|
2511
|
+
.md-tide-visible-none {visibility: hidden;}
|
|
2512
|
+
|
|
2513
|
+
.md-tide-whitespace-nowrap {white-space: nowrap;}
|
|
2514
|
+
|
|
2515
|
+
.md-tide-x-auto {overflow-x: auto;}
|
|
2516
|
+
.md-tide-x-hidden {overflow-x: hidden;}
|
|
2517
|
+
.md-tide-x-scroll {overflow-x: scroll;}
|
|
2518
|
+
|
|
2519
|
+
.md-tide-xy-auto {overflow: auto;}
|
|
2520
|
+
.md-tide-xy-hidden {overflow: hidden;}
|
|
2521
|
+
|
|
2522
|
+
.md-tide-y-auto {overflow-y: auto;}
|
|
2523
|
+
.md-tide-y-hidden {overflow-y: hidden;}
|
|
2524
|
+
|
|
2525
|
+
.md-tide-z-index-initial {z-index: initial;}
|
|
2526
|
+
.md-tide-z-index-1 {z-index: 1;}
|
|
2527
|
+
|
|
2528
|
+
/* Buttons */
|
|
2529
|
+
/* Rest State */
|
|
2530
|
+
.md-tide-button-primary,
|
|
2531
|
+
.md-tide-button-secondary,
|
|
2532
|
+
.md-tide-button-tertiary,
|
|
2533
|
+
.md-tide-button-quaternary,
|
|
2534
|
+
.md-tide-button-floating {
|
|
2535
|
+
border: var(--tide-border-width-2) solid;
|
|
2536
|
+
}
|
|
2537
|
+
|
|
2538
|
+
.md-tide-button-primary,
|
|
2539
|
+
.md-tide-button-secondary,
|
|
2540
|
+
.md-tide-button-tertiary,
|
|
2541
|
+
.md-tide-button-quaternary {
|
|
2542
|
+
box-shadow: none;
|
|
2543
|
+
}
|
|
2544
|
+
|
|
2545
|
+
.md-tide-button-primary {
|
|
2546
|
+
background-color: var(--tide-primary);
|
|
2547
|
+
border-color: var(--tide-primary);
|
|
2548
|
+
color: var(--tide-on-primary);
|
|
2549
|
+
}
|
|
2550
|
+
|
|
2551
|
+
.md-tide-button-secondary {
|
|
2552
|
+
background-color: var(--tide-secondary);
|
|
2553
|
+
border-color: var(--tide-secondary);
|
|
2554
|
+
color: var(--tide-on-secondary);
|
|
2555
|
+
}
|
|
2556
|
+
|
|
2557
|
+
.md-tide-button-tertiary {
|
|
2558
|
+
background-color: var(--tide-surface-variant);
|
|
2559
|
+
border-color: var(--tide-surface-variant);
|
|
2560
|
+
color: var(--tide-secondary);
|
|
2561
|
+
}
|
|
2562
|
+
|
|
2563
|
+
.md-tide-button-quaternary {
|
|
2564
|
+
background-color: var(--tide-surface);
|
|
2565
|
+
border-color: var(--tide-surface);
|
|
2566
|
+
color: var(--tide-secondary);
|
|
2567
|
+
}
|
|
2568
|
+
|
|
2569
|
+
.md-tide-button-floating {
|
|
2570
|
+
background-color: var(--tide-surface);
|
|
2571
|
+
border-color: var(--tide-surface);
|
|
2572
|
+
box-shadow: var(--tide-shadow-bottom);
|
|
2573
|
+
color: var(--tide-secondary);
|
|
2574
|
+
}
|
|
2575
|
+
|
|
2576
|
+
/* Hover State */
|
|
2577
|
+
a.md-tide-button-primary:hover,
|
|
2578
|
+
button.md-tide-button-primary:enabled:hover {
|
|
2579
|
+
background-color: var(--tide-surface);
|
|
2580
|
+
border-color: var(--tide-primary);
|
|
2581
|
+
color: var(--tide-primary);
|
|
2582
|
+
}
|
|
2583
|
+
|
|
2584
|
+
a.md-tide-button-secondary:hover,
|
|
2585
|
+
button.md-tide-button-secondary:enabled:hover {
|
|
2586
|
+
background-color: var(--tide-surface);
|
|
2587
|
+
border-color: var(--tide-secondary);
|
|
2588
|
+
color: var(--tide-on-surface);
|
|
2589
|
+
}
|
|
2590
|
+
|
|
2591
|
+
a.md-tide-button-tertiary:hover,
|
|
2592
|
+
button.md-tide-button-tertiary:enabled:hover {
|
|
2593
|
+
background-color: var(--tide-surface-variant);
|
|
2594
|
+
border-color: var(--tide-border);
|
|
2595
|
+
color: var(--tide-secondary);
|
|
2596
|
+
}
|
|
2597
|
+
|
|
2598
|
+
a.md-tide-button-quaternary:hover,
|
|
2599
|
+
button.md-tide-button-quaternary:enabled:hover {
|
|
2600
|
+
background-color: var(--tide-surface-variant);
|
|
2601
|
+
border-color: var(--tide-surface-variant);
|
|
2602
|
+
color: var(--tide-secondary);
|
|
2603
|
+
}
|
|
2604
|
+
|
|
2605
|
+
.md-tide-button-floating:hover,
|
|
2606
|
+
button.md-tide-button-floating:enabled:hover {
|
|
2607
|
+
background-color: var(--tide-surface);
|
|
2608
|
+
border-color: var(--tide-surface);
|
|
2609
|
+
color: var(--tide-secondary);
|
|
2610
|
+
}
|
|
2611
|
+
|
|
2612
|
+
/* Disabled State */
|
|
2613
|
+
button.md-tide-button-primary:disabled,
|
|
2614
|
+
button.md-tide-button-secondary:disabled,
|
|
2615
|
+
button.md-tide-button-tertiary:disabled,
|
|
2616
|
+
button.md-tide-button-quaternary:disabled,
|
|
2617
|
+
button.md-tide-button-floating:disabled {
|
|
2618
|
+
opacity: var(--tide-disabled);
|
|
2619
|
+
}
|
|
2620
|
+
}
|
|
2621
|
+
@media (min-width: 1232px) {
|
|
2622
|
+
/* Reusable CSS Utility Library */
|
|
2623
|
+
/* Position */
|
|
2624
|
+
.lg-tide-position-absolute {position: absolute;}
|
|
2625
|
+
.lg-tide-position-fixed {position: fixed;}
|
|
2626
|
+
.lg-tide-position-relative {position: relative;}
|
|
2627
|
+
.lg-tide-position-static {position: static;}
|
|
2628
|
+
.lg-tide-position-sticky {position: sticky;}
|
|
2629
|
+
|
|
2630
|
+
.lg-tide-top-0 {top: 0;}
|
|
2631
|
+
.lg-tide-right-0 {right: 0;}
|
|
2632
|
+
.lg-tide-bottom-0 {bottom: 0;}
|
|
2633
|
+
.lg-tide-left-0 {left: 0;}
|
|
2634
|
+
|
|
2635
|
+
/* Display */
|
|
2636
|
+
.lg-tide-display-block {display: block;}
|
|
2637
|
+
.lg-tide-display-contents {display: contents;}
|
|
2638
|
+
.lg-tide-display-flex {display: flex;}
|
|
2639
|
+
.lg-tide-display-grid {display: grid;}
|
|
2640
|
+
.lg-tide-display-initial {display: initial;}
|
|
2641
|
+
.lg-tide-display-inline {display: inline;}
|
|
2642
|
+
.lg-tide-display-inline-block {display: inline-block;}
|
|
2643
|
+
.lg-tide-display-inline-flex {display: inline-flex;}
|
|
2644
|
+
.lg-tide-display-none {display: none;}
|
|
2645
|
+
|
|
2646
|
+
/* Flex Box */
|
|
2647
|
+
.lg-tide-flex-column {flex-direction: column;}
|
|
2648
|
+
.lg-tide-flex-column-reverse {flex-direction: column-reverse;}
|
|
2649
|
+
.lg-tide-flex-row {flex-direction: row;}
|
|
2650
|
+
.lg-tide-flex-row-reverse {flex-direction: row-reverse;}
|
|
2651
|
+
|
|
2652
|
+
.lg-tide-grow {flex-grow: 1;}
|
|
2653
|
+
.lg-tide-grow-none {flex-grow: 0;}
|
|
2654
|
+
|
|
2655
|
+
.lg-tide-shrink {flex-shrink: 1;}
|
|
2656
|
+
.lg-tide-shrink-none {flex-shrink: 0;}
|
|
2657
|
+
|
|
2658
|
+
.lg-tide-flex-wrap {flex-wrap: wrap;}
|
|
2659
|
+
|
|
2660
|
+
.lg-tide-axis1-around {justify-content: space-around;}
|
|
2661
|
+
.lg-tide-axis1-between {justify-content: space-between;}
|
|
2662
|
+
.lg-tide-axis1-center {justify-content: center;}
|
|
2663
|
+
.lg-tide-axis1-end {justify-content: end;}
|
|
2664
|
+
.lg-tide-axis1-start {justify-content: start;}
|
|
2665
|
+
|
|
2666
|
+
.lg-tide-axis2-around {align-items: space-around;}
|
|
2667
|
+
.lg-tide-axis2-center {align-items: center;}
|
|
2668
|
+
.lg-tide-axis2-end {align-items: flex-end;}
|
|
2669
|
+
.lg-tide-axis2-start {align-items: flex-start;}
|
|
2670
|
+
.lg-tide-axis2-stretch {align-items: stretch;}
|
|
2671
|
+
|
|
2672
|
+
.lg-tide-gap-0 {gap: 0;}
|
|
2673
|
+
.lg-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
|
|
2674
|
+
.lg-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
|
|
2675
|
+
.lg-tide-gap-1 {gap: var(--tide-spacing-1);}
|
|
2676
|
+
.lg-tide-gap-2 {gap: var(--tide-spacing-2);}
|
|
2677
|
+
.lg-tide-gap-4 {gap: var(--tide-spacing-4);}
|
|
2678
|
+
|
|
2679
|
+
.lg-tide-flex-basis-auto {flex-basis: auto;}
|
|
2680
|
+
.lg-tide-flex-basis-0 {flex-basis: 0;}
|
|
2681
|
+
|
|
2682
|
+
/* Box Sizing */
|
|
2683
|
+
.lg-tide-box-border {box-sizing: border-box;}
|
|
2684
|
+
.lg-tide-box-content {box-sizing: content-box;}
|
|
2685
|
+
|
|
2686
|
+
/* Margin */
|
|
2687
|
+
.lg-tide-margin-0 {margin: 0;}
|
|
2688
|
+
.lg-tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
|
|
2689
|
+
.lg-tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
|
|
2690
|
+
.lg-tide-margin-1 {margin: var(--tide-spacing-1);}
|
|
2691
|
+
.lg-tide-margin-2 {margin: var(--tide-spacing-2);}
|
|
2692
|
+
.lg-tide-margin-4 {margin: var(--tide-spacing-4);}
|
|
2693
|
+
.lg-tide-margin-auto {margin: auto;}
|
|
2694
|
+
|
|
2695
|
+
.lg-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
|
|
2696
|
+
.lg-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
|
|
2697
|
+
.lg-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
|
|
2698
|
+
.lg-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
|
|
2699
|
+
.lg-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
|
|
2700
|
+
.lg-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
|
|
2701
|
+
.lg-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
|
|
2702
|
+
|
|
2703
|
+
.lg-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
|
|
2704
|
+
.lg-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
|
|
2705
|
+
.lg-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
|
|
2706
|
+
.lg-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
|
|
2707
|
+
.lg-tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
|
|
2708
|
+
.lg-tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
|
|
2709
|
+
.lg-tide-margin-y-auto {margin-top: auto; margin-bottom: auto;}
|
|
2710
|
+
|
|
2711
|
+
.lg-tide-margin-top-0 {margin-top: 0;}
|
|
2712
|
+
.lg-tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
|
|
2713
|
+
.lg-tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
|
|
2714
|
+
.lg-tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
|
|
2715
|
+
.lg-tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
|
|
2716
|
+
.lg-tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
|
|
2717
|
+
.lg-tide-margin-top-auto {margin-top: auto;}
|
|
2718
|
+
|
|
2719
|
+
.lg-tide-margin-right-0 {margin-right: 0;}
|
|
2720
|
+
.lg-tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
|
|
2721
|
+
.lg-tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
|
|
2722
|
+
.lg-tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
|
|
2723
|
+
.lg-tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
|
|
2724
|
+
.lg-tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
|
|
2725
|
+
.lg-tide-margin-right-auto {margin-right: auto;}
|
|
2726
|
+
|
|
2727
|
+
.lg-tide-margin-bottom-0 {margin-bottom: 0;}
|
|
2728
|
+
.lg-tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
|
|
2729
|
+
.lg-tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
|
|
2730
|
+
.lg-tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
|
|
2731
|
+
.lg-tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
|
|
2732
|
+
.lg-tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
|
|
2733
|
+
.lg-tide-margin-bottom-auto {margin-bottom: auto;}
|
|
2734
|
+
|
|
2735
|
+
.lg-tide-margin-left-0 {margin-left: 0;}
|
|
2736
|
+
.lg-tide-margin-left-1\/4 {margin-left: var(--tide-spacing-1\/4);}
|
|
2737
|
+
.lg-tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
|
|
2738
|
+
.lg-tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
|
|
2739
|
+
.lg-tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
|
|
2740
|
+
.lg-tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
|
|
2741
|
+
.lg-tide-margin-left-auto {margin-left: auto;}
|
|
2742
|
+
|
|
2743
|
+
/* Border Color */
|
|
2744
|
+
.lg-tide-border-color-initial {border-color: initial;}
|
|
2745
|
+
|
|
2746
|
+
.lg-tide-border-primary {border-color: var(--tide-primary);}
|
|
2747
|
+
|
|
2748
|
+
.lg-tide-border {border-color: var(--tide-border);}
|
|
2749
|
+
.lg-tide-border-low {border-color: var(--tide-border-low);}
|
|
2750
|
+
.lg-tide-border-high {border-color: var(--tide-border-high);}
|
|
2751
|
+
.lg-tide-border-floating {border-color: var(--tide-border-floating);}
|
|
2752
|
+
|
|
2753
|
+
.lg-tide-border-error {border-color: var(--tide-error-border);}
|
|
2754
|
+
.lg-tide-border-info {border-color: var(--tide-info-border);}
|
|
2755
|
+
.lg-tide-border-success {border-color: var(--tide-success-border);}
|
|
2756
|
+
.lg-tide-border-warning {border-color: var(--tide-warning-border);}
|
|
2757
|
+
|
|
2758
|
+
/* Border Width */
|
|
2759
|
+
.lg-tide-border-1,
|
|
2760
|
+
.lg-tide-border-2,
|
|
2761
|
+
.lg-tide-border-bottom-1,
|
|
2762
|
+
.lg-tide-border-bottom-2,
|
|
2763
|
+
.lg-tide-border-left-1,
|
|
2764
|
+
.lg-tide-border-left-2,
|
|
2765
|
+
.lg-tide-border-right-1,
|
|
2766
|
+
.lg-tide-border-right-2,
|
|
2767
|
+
.lg-tide-border-top-1,
|
|
2768
|
+
.lg-tide-border-top-2 {
|
|
2769
|
+
border-style: solid;
|
|
2770
|
+
}
|
|
2771
|
+
|
|
2772
|
+
.lg-tide-border-dashed {border-style: dashed;}
|
|
2773
|
+
.lg-tide-border-solid {border-style: solid;}
|
|
2774
|
+
|
|
2775
|
+
.lg-tide-border-0 {border-width: 0;}
|
|
2776
|
+
.lg-tide-border-1 {border-width: var(--tide-border-width-1);}
|
|
2777
|
+
.lg-tide-border-2 {border-width: var(--tide-border-width-2);}
|
|
2778
|
+
|
|
2779
|
+
.lg-tide-border-top-0 {border-top-width: 0;}
|
|
2780
|
+
.lg-tide-border-right-0 {border-right-width: 0;}
|
|
2781
|
+
.lg-tide-border-bottom-0 {border-bottom-width: 0;}
|
|
2782
|
+
.lg-tide-border-left-0 {border-left-width: 0;}
|
|
2783
|
+
|
|
2784
|
+
.lg-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
|
|
2785
|
+
.lg-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
|
|
2786
|
+
.lg-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
|
|
2787
|
+
.lg-tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
|
|
2788
|
+
|
|
2789
|
+
.lg-tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
|
|
2790
|
+
.lg-tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
|
|
2791
|
+
.lg-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
|
|
2792
|
+
.lg-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
|
|
2793
|
+
|
|
2794
|
+
.lg-tide-radius-0 {border-radius: 0;}
|
|
2795
|
+
.lg-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
|
|
2796
|
+
.lg-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
|
|
2797
|
+
.lg-tide-radius-1 {border-radius: var(--tide-radius-1);}
|
|
2798
|
+
.lg-tide-radius-full {border-radius: var(--tide-radius-full);}
|
|
2799
|
+
|
|
2800
|
+
/* Padding */
|
|
2801
|
+
.lg-tide-padding-0 {padding: 0;}
|
|
2802
|
+
.lg-tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
|
|
2803
|
+
.lg-tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
|
|
2804
|
+
.lg-tide-padding-1 {padding: var(--tide-spacing-1);}
|
|
2805
|
+
.lg-tide-padding-2 {padding: var(--tide-spacing-2);}
|
|
2806
|
+
.lg-tide-padding-4 {padding: var(--tide-spacing-4);}
|
|
2807
|
+
|
|
2808
|
+
.lg-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
|
|
2809
|
+
.lg-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
|
|
2810
|
+
.lg-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
|
|
2811
|
+
.lg-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
|
|
2812
|
+
.lg-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
|
|
2813
|
+
.lg-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
|
|
2814
|
+
|
|
2815
|
+
.lg-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
|
|
2816
|
+
.lg-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
|
|
2817
|
+
.lg-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
|
|
2818
|
+
.lg-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
|
|
2819
|
+
.lg-tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
|
|
2820
|
+
.lg-tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
|
|
2821
|
+
|
|
2822
|
+
.lg-tide-padding-top-0 {padding-top: 0;}
|
|
2823
|
+
.lg-tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
|
|
2824
|
+
.lg-tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
|
|
2825
|
+
.lg-tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
|
|
2826
|
+
.lg-tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
|
|
2827
|
+
.lg-tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
|
|
2828
|
+
|
|
2829
|
+
.lg-tide-padding-right-0 {padding-right: 0;}
|
|
2830
|
+
.lg-tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
|
|
2831
|
+
.lg-tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
|
|
2832
|
+
.lg-tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
|
|
2833
|
+
.lg-tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
|
|
2834
|
+
.lg-tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
|
|
2835
|
+
|
|
2836
|
+
.lg-tide-padding-bottom-0 {padding-bottom: 0;}
|
|
2837
|
+
.lg-tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
|
|
2838
|
+
.lg-tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
|
|
2839
|
+
.lg-tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
|
|
2840
|
+
.lg-tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
|
|
2841
|
+
.lg-tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
|
|
2842
|
+
|
|
2843
|
+
.lg-tide-padding-left-0 {padding-left: 0;}
|
|
2844
|
+
.lg-tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
|
|
2845
|
+
.lg-tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
|
|
2846
|
+
.lg-tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
|
|
2847
|
+
.lg-tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
|
|
2848
|
+
.lg-tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
|
|
2849
|
+
|
|
2850
|
+
/* Dimension */
|
|
2851
|
+
.lg-tide-max-width-full {max-width: 100%;}
|
|
2852
|
+
.lg-tide-min-width-0 {min-width: 0;}
|
|
2853
|
+
|
|
2854
|
+
.lg-tide-max-height-full {max-height: 100%;}
|
|
2855
|
+
.lg-tide-min-height-0 {min-height: 0;}
|
|
2856
|
+
|
|
2857
|
+
.lg-tide-width-auto {width: auto;}
|
|
2858
|
+
.lg-tide-width-0 {width: 0;}
|
|
2859
|
+
.lg-tide-width-full {width: 100%;}
|
|
2860
|
+
.lg-tide-width-stretch {
|
|
2861
|
+
width: -webkit-fill-available;
|
|
2862
|
+
width: stretch;
|
|
2863
|
+
}
|
|
2864
|
+
|
|
2865
|
+
.lg-tide-height-auto {height: auto;}
|
|
2866
|
+
.lg-tide-height-0 {height: 0;}
|
|
2867
|
+
.lg-tide-height-full {height: 100%;}
|
|
2868
|
+
|
|
2869
|
+
/* Deprecated */
|
|
2870
|
+
.lg-tide-width-container {max-width: 1168px;}
|
|
2871
|
+
|
|
2872
|
+
/* Background */
|
|
2873
|
+
.lg-tide-bg-initial {background-color: initial;}
|
|
2874
|
+
|
|
2875
|
+
.lg-tide-bg-primary {background: var(--tide-primary);}
|
|
2876
|
+
.lg-tide-bg-secondary {background: var(--tide-secondary);}
|
|
2877
|
+
|
|
2878
|
+
.lg-tide-bg-surface {background: var(--tide-surface);}
|
|
2879
|
+
.lg-tide-bg-surface-variant {background: var(--tide-surface-variant);}
|
|
2880
|
+
.lg-tide-bg-surface-brand {background: var(--tide-surface-brand);}
|
|
2881
|
+
.lg-tide-bg-surface-accent {background: var(--tide-surface-accent);}
|
|
2882
|
+
.lg-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
|
|
2883
|
+
.lg-tide-bg-surface-floating {background: var(--tide-surface-floating);}
|
|
2884
|
+
.lg-tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
|
|
2885
|
+
|
|
2886
|
+
/* Icon background colors only */
|
|
2887
|
+
.lg-tide-bg-primary-error {background-color: var(--tide-error-primary);}
|
|
2888
|
+
.lg-tide-bg-primary-info {background-color: var(--tide-info-primary);}
|
|
2889
|
+
.lg-tide-bg-primary-success {background-color: var(--tide-success-primary);}
|
|
2890
|
+
.lg-tide-bg-primary-warning {background-color: var(--tide-warning-primary);}
|
|
2891
|
+
|
|
2892
|
+
.lg-tide-bg-surface-error {background-color: var(--tide-error-surface);}
|
|
2893
|
+
.lg-tide-bg-surface-info {background-color: var(--tide-info-surface);}
|
|
2894
|
+
.lg-tide-bg-surface-success {background-color: var(--tide-success-surface);}
|
|
2895
|
+
.lg-tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
|
|
2896
|
+
|
|
2897
|
+
.lg-tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
2898
|
+
.lg-tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
2899
|
+
.lg-tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
2900
|
+
.lg-tide-transparent-400 {background-color: var(--tide-transparent-400);}
|
|
2901
|
+
|
|
2902
|
+
/* Typographic roles */
|
|
2903
|
+
.lg-tide-typography-display-1 {font-size: var(--tide-font-32); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
2904
|
+
.lg-tide-typography-headline-1 {font-size: var(--tide-font-24); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
2905
|
+
.lg-tide-typography-headline-2 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
2906
|
+
.lg-tide-typography-headline-3 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
2907
|
+
.lg-tide-typography-title-1 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
2908
|
+
.lg-tide-typography-title-2 {font-size: var(--tide-font-18); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
2909
|
+
.lg-tide-typography-body-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-regular);}
|
|
2910
|
+
.lg-tide-typography-body-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-regular);}
|
|
2911
|
+
.lg-tide-typography-label-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
2912
|
+
.lg-tide-typography-label-1-semibold {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
|
|
2913
|
+
.lg-tide-typography-label-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
2914
|
+
.lg-tide-typography-label-2-semibold {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
|
|
2915
|
+
.lg-tide-typography-label-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
|
|
2916
|
+
.lg-tide-typography-link-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
2917
|
+
.lg-tide-typography-link-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
2918
|
+
.lg-tide-typography-link-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
|
|
2919
|
+
.lg-tide-typography-button-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
2920
|
+
.lg-tide-typography-button-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
2921
|
+
|
|
2922
|
+
/* Font Color */
|
|
2923
|
+
.lg-tide-font-on-primary {color: var(--tide-on-primary);}
|
|
2924
|
+
.lg-tide-font-on-secondary {color: var(--tide-on-secondary);}
|
|
2925
|
+
|
|
2926
|
+
.lg-tide-font-on-surface {color: var(--tide-on-surface);}
|
|
2927
|
+
.lg-tide-font-on-surface-variant {color: var(--tide-on-surface-variant);}
|
|
2928
|
+
.lg-tide-font-on-surface-brand {color: var(--tide-on-surface-brand);}
|
|
2929
|
+
.lg-tide-font-on-surface-inverse {color: var(--tide-on-surface-inverse);}
|
|
2930
|
+
.lg-tide-font-on-surface-variant-inverse {color: var(--tide-on-surface-inverse-variant);}
|
|
2931
|
+
|
|
2932
|
+
.lg-tide-font-error {color: var(--tide-error-primary);}
|
|
2933
|
+
.lg-tide-font-info {color: var(--tide-info-primary);}
|
|
2934
|
+
.lg-tide-font-success {color: var(--tide-success-primary);}
|
|
2935
|
+
.lg-tide-font-warning {color: var(--tide-warning-primary);}
|
|
2936
|
+
|
|
2937
|
+
/* Font Size */
|
|
2938
|
+
.lg-tide-font-10 {font-size: var(--tide-font-10);}
|
|
2939
|
+
.lg-tide-font-12 {font-size: var(--tide-font-12);}
|
|
2940
|
+
.lg-tide-font-14 {font-size: var(--tide-font-14);}
|
|
2941
|
+
.lg-tide-font-16 {font-size: var(--tide-font-16);}
|
|
2942
|
+
.lg-tide-font-20 {font-size: var(--tide-font-20);}
|
|
2943
|
+
.lg-tide-font-24 {font-size: var(--tide-font-24);}
|
|
2944
|
+
.lg-tide-font-32 {font-size: var(--tide-font-32);}
|
|
2945
|
+
|
|
2946
|
+
/* Font Weight */
|
|
2947
|
+
.lg-tide-font-400 {font-weight: var(--tide-font-regular);}
|
|
2948
|
+
.lg-tide-font-500 {font-weight: var(--tide-font-medium);}
|
|
2949
|
+
.lg-tide-font-600 {font-weight: var(--tide-font-semibold);}
|
|
2950
|
+
.lg-tide-font-700 {font-weight: 700;}
|
|
2951
|
+
|
|
2952
|
+
/* Misc */
|
|
2953
|
+
.lg-tide-align-middle {vertical-align: middle;}
|
|
2954
|
+
.lg-tide-align-initial {vertical-align: initial;}
|
|
2955
|
+
|
|
2956
|
+
.lg-tide-bg-blur {backdrop-filter: var(--tide-bg-blur);}
|
|
2957
|
+
|
|
2958
|
+
.lg-tide-break-initial {overflow-wrap: initial;}
|
|
2959
|
+
.lg-tide-break-word {overflow-wrap: break-word;}
|
|
2960
|
+
|
|
2961
|
+
.lg-tide-break-inside-avoid-column {break-inside: avoid-column}
|
|
2962
|
+
|
|
2963
|
+
.lg-tide-columns-initial {column-count: initial;}
|
|
2964
|
+
.lg-tide-columns-1 {column-count: 1;}
|
|
2965
|
+
.lg-tide-columns-2 {column-count: 2;}
|
|
2966
|
+
.lg-tide-columns-3 {column-count: 3;}
|
|
2967
|
+
.lg-tide-columns-4 {column-count: 4;}
|
|
2968
|
+
|
|
2969
|
+
.lg-tide-cursor-not-allowed {cursor: not-allowed;}
|
|
2970
|
+
.lg-tide-cursor-pointer {cursor: pointer;}
|
|
2971
|
+
.lg-tide-cursor-text {cursor: text;}
|
|
2972
|
+
|
|
2973
|
+
.lg-tide-ellipsis {
|
|
2974
|
+
overflow: hidden;
|
|
2975
|
+
text-overflow: ellipsis;
|
|
2976
|
+
white-space: nowrap;
|
|
2977
|
+
}
|
|
2978
|
+
|
|
2979
|
+
.lg-tide-isolate {isolation: isolate;}
|
|
2980
|
+
|
|
2981
|
+
/* Deprecated */
|
|
2982
|
+
.lg-tide-leading-default {line-height: 1.4;}
|
|
2983
|
+
.lg-tide-leading-normal {line-height: normal;}
|
|
2984
|
+
|
|
2985
|
+
.lg-tide-list-none {list-style-type: none;}
|
|
2986
|
+
|
|
2987
|
+
.lg-tide-object-center {object-position: center;}
|
|
2988
|
+
|
|
2989
|
+
.lg-tide-object-cover {object-fit: cover;}
|
|
2990
|
+
.lg-tide-object-contain {object-fit: contain;}
|
|
2991
|
+
.lg-tide-object-scale-down {object-fit: scale-down;}
|
|
2992
|
+
|
|
2993
|
+
.lg-tide-opacity {opacity: 1;}
|
|
2994
|
+
.lg-tide-opacity-disabled {opacity: var(--tide-disabled);}
|
|
2995
|
+
.lg-tide-opacity-none {opacity: 0;}
|
|
2996
|
+
|
|
2997
|
+
.lg-tide-pointer-events {pointer-events: auto;}
|
|
2998
|
+
.lg-tide-pointer-events-none {pointer-events: none;}
|
|
2999
|
+
|
|
3000
|
+
.lg-tide-user-select-none {user-select: none;}
|
|
3001
|
+
.lg-tide-user-select-initial {user-select: initial;}
|
|
3002
|
+
|
|
3003
|
+
.lg-tide-ratio-1\/1 {aspect-ratio: 1 / 1;}
|
|
3004
|
+
.lg-tide-ratio-16\/9 {aspect-ratio: 16 / 9;}
|
|
3005
|
+
.lg-tide-ratio-3\/2 {aspect-ratio: 3 / 2;}
|
|
3006
|
+
|
|
3007
|
+
.lg-tide-scrollbar-none::-webkit-scrollbar {display: none;}
|
|
3008
|
+
.lg-tide-scrollbar-none {
|
|
3009
|
+
-ms-overflow-style: none;
|
|
3010
|
+
scrollbar-width: none;
|
|
3011
|
+
}
|
|
3012
|
+
|
|
3013
|
+
.lg-tide-scroll-snap {
|
|
3014
|
+
scroll-snap-stop: always;
|
|
3015
|
+
scroll-snap-type: both mandatory;
|
|
3016
|
+
scroll-behavior: smooth;
|
|
3017
|
+
}
|
|
3018
|
+
|
|
3019
|
+
.lg-tide-scroll-snap-start {
|
|
3020
|
+
scroll-snap-align: start;
|
|
3021
|
+
}
|
|
3022
|
+
|
|
3023
|
+
.lg-tide-shadow-initial {box-shadow: initial;}
|
|
3024
|
+
.lg-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
|
|
3025
|
+
.lg-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
|
|
3026
|
+
.lg-tide-shadow-text {text-shadow: var(--tide-shadow-text);}
|
|
3027
|
+
|
|
3028
|
+
.lg-tide-strikethrough {text-decoration: line-through;}
|
|
3029
|
+
.lg-tide-strikethrough-none {text-decoration: none;}
|
|
3030
|
+
|
|
3031
|
+
.lg-tide-text-center {text-align: center;}
|
|
3032
|
+
.lg-tide-text-justify {text-align: justify;}
|
|
3033
|
+
.lg-tide-text-left {text-align: left;}
|
|
3034
|
+
.lg-tide-text-right {text-align: right;}
|
|
3035
|
+
|
|
3036
|
+
.lg-tide-text-transform-lower {text-transform: lowercase;}
|
|
3037
|
+
.lg-tide-text-transform-none {text-transform: none;}
|
|
3038
|
+
.lg-tide-text-transform-upper {text-transform: uppercase;}
|
|
3039
|
+
|
|
3040
|
+
.lg-tide-underline {text-decoration: underline;}
|
|
3041
|
+
.lg-tide-underline-none {text-decoration: none;}
|
|
3042
|
+
.lg-tide-underline-hover:hover {text-decoration: underline;}
|
|
3043
|
+
.lg-tide-underline-hover-none:hover {text-decoration: none;}
|
|
3044
|
+
|
|
3045
|
+
.lg-tide-visible {visibility: visible;}
|
|
3046
|
+
.lg-tide-visible-none {visibility: hidden;}
|
|
3047
|
+
|
|
3048
|
+
.lg-tide-whitespace-nowrap {white-space: nowrap;}
|
|
3049
|
+
|
|
3050
|
+
.lg-tide-x-auto {overflow-x: auto;}
|
|
3051
|
+
.lg-tide-x-hidden {overflow-x: hidden;}
|
|
3052
|
+
.lg-tide-x-scroll {overflow-x: scroll;}
|
|
3053
|
+
|
|
3054
|
+
.lg-tide-xy-auto {overflow: auto;}
|
|
3055
|
+
.lg-tide-xy-hidden {overflow: hidden;}
|
|
3056
|
+
|
|
3057
|
+
.lg-tide-y-auto {overflow-y: auto;}
|
|
3058
|
+
.lg-tide-y-hidden {overflow-y: hidden;}
|
|
3059
|
+
|
|
3060
|
+
.lg-tide-z-index-initial {z-index: initial;}
|
|
3061
|
+
.lg-tide-z-index-1 {z-index: 1;}
|
|
3062
|
+
|
|
3063
|
+
/* Buttons */
|
|
3064
|
+
/* Rest State */
|
|
3065
|
+
.lg-tide-button-primary,
|
|
3066
|
+
.lg-tide-button-secondary,
|
|
3067
|
+
.lg-tide-button-tertiary,
|
|
3068
|
+
.lg-tide-button-quaternary,
|
|
3069
|
+
.lg-tide-button-floating {
|
|
3070
|
+
border: var(--tide-border-width-2) solid;
|
|
3071
|
+
}
|
|
3072
|
+
|
|
3073
|
+
.lg-tide-button-primary,
|
|
3074
|
+
.lg-tide-button-secondary,
|
|
3075
|
+
.lg-tide-button-tertiary,
|
|
3076
|
+
.lg-tide-button-quaternary {
|
|
3077
|
+
box-shadow: none;
|
|
3078
|
+
}
|
|
3079
|
+
|
|
3080
|
+
.lg-tide-button-primary {
|
|
3081
|
+
background-color: var(--tide-primary);
|
|
3082
|
+
border-color: var(--tide-primary);
|
|
3083
|
+
color: var(--tide-on-primary);
|
|
3084
|
+
}
|
|
3085
|
+
|
|
3086
|
+
.lg-tide-button-secondary {
|
|
3087
|
+
background-color: var(--tide-secondary);
|
|
3088
|
+
border-color: var(--tide-secondary);
|
|
3089
|
+
color: var(--tide-on-secondary);
|
|
3090
|
+
}
|
|
3091
|
+
|
|
3092
|
+
.lg-tide-button-tertiary {
|
|
3093
|
+
background-color: var(--tide-surface-variant);
|
|
3094
|
+
border-color: var(--tide-surface-variant);
|
|
3095
|
+
color: var(--tide-secondary);
|
|
3096
|
+
}
|
|
3097
|
+
|
|
3098
|
+
.lg-tide-button-quaternary {
|
|
3099
|
+
background-color: var(--tide-surface);
|
|
3100
|
+
border-color: var(--tide-surface);
|
|
3101
|
+
color: var(--tide-secondary);
|
|
3102
|
+
}
|
|
3103
|
+
|
|
3104
|
+
.lg-tide-button-floating {
|
|
3105
|
+
background-color: var(--tide-surface);
|
|
3106
|
+
border-color: var(--tide-surface);
|
|
3107
|
+
box-shadow: var(--tide-shadow-bottom);
|
|
3108
|
+
color: var(--tide-secondary);
|
|
3109
|
+
}
|
|
3110
|
+
|
|
3111
|
+
/* Hover State */
|
|
3112
|
+
a.lg-tide-button-primary:hover,
|
|
3113
|
+
button.lg-tide-button-primary:enabled:hover {
|
|
3114
|
+
background-color: var(--tide-surface);
|
|
3115
|
+
border-color: var(--tide-primary);
|
|
3116
|
+
color: var(--tide-primary);
|
|
3117
|
+
}
|
|
3118
|
+
|
|
3119
|
+
a.lg-tide-button-secondary:hover,
|
|
3120
|
+
button.lg-tide-button-secondary:enabled:hover {
|
|
3121
|
+
background-color: var(--tide-surface);
|
|
3122
|
+
border-color: var(--tide-secondary);
|
|
3123
|
+
color: var(--tide-on-surface);
|
|
3124
|
+
}
|
|
3125
|
+
|
|
3126
|
+
a.lg-tide-button-tertiary:hover,
|
|
3127
|
+
button.lg-tide-button-tertiary:enabled:hover {
|
|
3128
|
+
background-color: var(--tide-surface-variant);
|
|
3129
|
+
border-color: var(--tide-border);
|
|
3130
|
+
color: var(--tide-secondary);
|
|
3131
|
+
}
|
|
3132
|
+
|
|
3133
|
+
a.lg-tide-button-quaternary:hover,
|
|
3134
|
+
button.lg-tide-button-quaternary:enabled:hover {
|
|
3135
|
+
background-color: var(--tide-surface-variant);
|
|
3136
|
+
border-color: var(--tide-surface-variant);
|
|
3137
|
+
color: var(--tide-secondary);
|
|
3138
|
+
}
|
|
3139
|
+
|
|
3140
|
+
.lg-tide-button-floating:hover,
|
|
3141
|
+
button.lg-tide-button-floating:enabled:hover {
|
|
3142
|
+
background-color: var(--tide-surface);
|
|
3143
|
+
border-color: var(--tide-surface);
|
|
3144
|
+
color: var(--tide-secondary);
|
|
3145
|
+
}
|
|
3146
|
+
|
|
3147
|
+
/* Disabled State */
|
|
3148
|
+
button.lg-tide-button-primary:disabled,
|
|
3149
|
+
button.lg-tide-button-secondary:disabled,
|
|
3150
|
+
button.lg-tide-button-tertiary:disabled,
|
|
3151
|
+
button.lg-tide-button-quaternary:disabled,
|
|
3152
|
+
button.lg-tide-button-floating:disabled {
|
|
3153
|
+
opacity: var(--tide-disabled);
|
|
3154
|
+
}
|
|
3155
|
+
}
|
|
3156
|
+
@media (min-width: 1920px) {
|
|
3157
|
+
/* Reusable CSS Utility Library */
|
|
3158
|
+
/* Position */
|
|
3159
|
+
.xl-tide-position-absolute {position: absolute;}
|
|
3160
|
+
.xl-tide-position-fixed {position: fixed;}
|
|
3161
|
+
.xl-tide-position-relative {position: relative;}
|
|
3162
|
+
.xl-tide-position-static {position: static;}
|
|
3163
|
+
.xl-tide-position-sticky {position: sticky;}
|
|
3164
|
+
|
|
3165
|
+
.xl-tide-top-0 {top: 0;}
|
|
3166
|
+
.xl-tide-right-0 {right: 0;}
|
|
3167
|
+
.xl-tide-bottom-0 {bottom: 0;}
|
|
3168
|
+
.xl-tide-left-0 {left: 0;}
|
|
3169
|
+
|
|
3170
|
+
/* Display */
|
|
3171
|
+
.xl-tide-display-block {display: block;}
|
|
3172
|
+
.xl-tide-display-contents {display: contents;}
|
|
3173
|
+
.xl-tide-display-flex {display: flex;}
|
|
3174
|
+
.xl-tide-display-grid {display: grid;}
|
|
3175
|
+
.xl-tide-display-initial {display: initial;}
|
|
3176
|
+
.xl-tide-display-inline {display: inline;}
|
|
3177
|
+
.xl-tide-display-inline-block {display: inline-block;}
|
|
3178
|
+
.xl-tide-display-inline-flex {display: inline-flex;}
|
|
3179
|
+
.xl-tide-display-none {display: none;}
|
|
3180
|
+
|
|
3181
|
+
/* Flex Box */
|
|
3182
|
+
.xl-tide-flex-column {flex-direction: column;}
|
|
3183
|
+
.xl-tide-flex-column-reverse {flex-direction: column-reverse;}
|
|
3184
|
+
.xl-tide-flex-row {flex-direction: row;}
|
|
3185
|
+
.xl-tide-flex-row-reverse {flex-direction: row-reverse;}
|
|
3186
|
+
|
|
3187
|
+
.xl-tide-grow {flex-grow: 1;}
|
|
3188
|
+
.xl-tide-grow-none {flex-grow: 0;}
|
|
3189
|
+
|
|
3190
|
+
.xl-tide-shrink {flex-shrink: 1;}
|
|
3191
|
+
.xl-tide-shrink-none {flex-shrink: 0;}
|
|
3192
|
+
|
|
3193
|
+
.xl-tide-flex-wrap {flex-wrap: wrap;}
|
|
3194
|
+
|
|
3195
|
+
.xl-tide-axis1-around {justify-content: space-around;}
|
|
3196
|
+
.xl-tide-axis1-between {justify-content: space-between;}
|
|
3197
|
+
.xl-tide-axis1-center {justify-content: center;}
|
|
3198
|
+
.xl-tide-axis1-end {justify-content: end;}
|
|
3199
|
+
.xl-tide-axis1-start {justify-content: start;}
|
|
3200
|
+
|
|
3201
|
+
.xl-tide-axis2-around {align-items: space-around;}
|
|
3202
|
+
.xl-tide-axis2-center {align-items: center;}
|
|
3203
|
+
.xl-tide-axis2-end {align-items: flex-end;}
|
|
3204
|
+
.xl-tide-axis2-start {align-items: flex-start;}
|
|
3205
|
+
.xl-tide-axis2-stretch {align-items: stretch;}
|
|
3206
|
+
|
|
3207
|
+
.xl-tide-gap-0 {gap: 0;}
|
|
3208
|
+
.xl-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
|
|
3209
|
+
.xl-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
|
|
3210
|
+
.xl-tide-gap-1 {gap: var(--tide-spacing-1);}
|
|
3211
|
+
.xl-tide-gap-2 {gap: var(--tide-spacing-2);}
|
|
3212
|
+
.xl-tide-gap-4 {gap: var(--tide-spacing-4);}
|
|
3213
|
+
|
|
3214
|
+
.xl-tide-flex-basis-auto {flex-basis: auto;}
|
|
3215
|
+
.xl-tide-flex-basis-0 {flex-basis: 0;}
|
|
3216
|
+
|
|
3217
|
+
/* Box Sizing */
|
|
3218
|
+
.xl-tide-box-border {box-sizing: border-box;}
|
|
3219
|
+
.xl-tide-box-content {box-sizing: content-box;}
|
|
3220
|
+
|
|
3221
|
+
/* Margin */
|
|
3222
|
+
.xl-tide-margin-0 {margin: 0;}
|
|
3223
|
+
.xl-tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
|
|
3224
|
+
.xl-tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
|
|
3225
|
+
.xl-tide-margin-1 {margin: var(--tide-spacing-1);}
|
|
3226
|
+
.xl-tide-margin-2 {margin: var(--tide-spacing-2);}
|
|
3227
|
+
.xl-tide-margin-4 {margin: var(--tide-spacing-4);}
|
|
3228
|
+
.xl-tide-margin-auto {margin: auto;}
|
|
3229
|
+
|
|
3230
|
+
.xl-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
|
|
3231
|
+
.xl-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
|
|
3232
|
+
.xl-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
|
|
3233
|
+
.xl-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
|
|
3234
|
+
.xl-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
|
|
3235
|
+
.xl-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
|
|
3236
|
+
.xl-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
|
|
3237
|
+
|
|
3238
|
+
.xl-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
|
|
3239
|
+
.xl-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
|
|
3240
|
+
.xl-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
|
|
3241
|
+
.xl-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
|
|
3242
|
+
.xl-tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
|
|
3243
|
+
.xl-tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
|
|
3244
|
+
.xl-tide-margin-y-auto {margin-top: auto; margin-bottom: auto;}
|
|
3245
|
+
|
|
3246
|
+
.xl-tide-margin-top-0 {margin-top: 0;}
|
|
3247
|
+
.xl-tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
|
|
3248
|
+
.xl-tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
|
|
3249
|
+
.xl-tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
|
|
3250
|
+
.xl-tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
|
|
3251
|
+
.xl-tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
|
|
3252
|
+
.xl-tide-margin-top-auto {margin-top: auto;}
|
|
3253
|
+
|
|
3254
|
+
.xl-tide-margin-right-0 {margin-right: 0;}
|
|
3255
|
+
.xl-tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
|
|
3256
|
+
.xl-tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
|
|
3257
|
+
.xl-tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
|
|
3258
|
+
.xl-tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
|
|
3259
|
+
.xl-tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
|
|
3260
|
+
.xl-tide-margin-right-auto {margin-right: auto;}
|
|
3261
|
+
|
|
3262
|
+
.xl-tide-margin-bottom-0 {margin-bottom: 0;}
|
|
3263
|
+
.xl-tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
|
|
3264
|
+
.xl-tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
|
|
3265
|
+
.xl-tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
|
|
3266
|
+
.xl-tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
|
|
3267
|
+
.xl-tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
|
|
3268
|
+
.xl-tide-margin-bottom-auto {margin-bottom: auto;}
|
|
3269
|
+
|
|
3270
|
+
.xl-tide-margin-left-0 {margin-left: 0;}
|
|
3271
|
+
.xl-tide-margin-left-1\/4 {margin-left: var(--tide-spacing-1\/4);}
|
|
3272
|
+
.xl-tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
|
|
3273
|
+
.xl-tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
|
|
3274
|
+
.xl-tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
|
|
3275
|
+
.xl-tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
|
|
3276
|
+
.xl-tide-margin-left-auto {margin-left: auto;}
|
|
3277
|
+
|
|
3278
|
+
/* Border Color */
|
|
3279
|
+
.xl-tide-border-color-initial {border-color: initial;}
|
|
3280
|
+
|
|
3281
|
+
.xl-tide-border-primary {border-color: var(--tide-primary);}
|
|
3282
|
+
|
|
3283
|
+
.xl-tide-border {border-color: var(--tide-border);}
|
|
3284
|
+
.xl-tide-border-low {border-color: var(--tide-border-low);}
|
|
3285
|
+
.xl-tide-border-high {border-color: var(--tide-border-high);}
|
|
3286
|
+
.xl-tide-border-floating {border-color: var(--tide-border-floating);}
|
|
3287
|
+
|
|
3288
|
+
.xl-tide-border-error {border-color: var(--tide-error-border);}
|
|
3289
|
+
.xl-tide-border-info {border-color: var(--tide-info-border);}
|
|
3290
|
+
.xl-tide-border-success {border-color: var(--tide-success-border);}
|
|
3291
|
+
.xl-tide-border-warning {border-color: var(--tide-warning-border);}
|
|
3292
|
+
|
|
3293
|
+
/* Border Width */
|
|
3294
|
+
.xl-tide-border-1,
|
|
3295
|
+
.xl-tide-border-2,
|
|
3296
|
+
.xl-tide-border-bottom-1,
|
|
3297
|
+
.xl-tide-border-bottom-2,
|
|
3298
|
+
.xl-tide-border-left-1,
|
|
3299
|
+
.xl-tide-border-left-2,
|
|
3300
|
+
.xl-tide-border-right-1,
|
|
3301
|
+
.xl-tide-border-right-2,
|
|
3302
|
+
.xl-tide-border-top-1,
|
|
3303
|
+
.xl-tide-border-top-2 {
|
|
3304
|
+
border-style: solid;
|
|
3305
|
+
}
|
|
3306
|
+
|
|
3307
|
+
.xl-tide-border-dashed {border-style: dashed;}
|
|
3308
|
+
.xl-tide-border-solid {border-style: solid;}
|
|
3309
|
+
|
|
3310
|
+
.xl-tide-border-0 {border-width: 0;}
|
|
3311
|
+
.xl-tide-border-1 {border-width: var(--tide-border-width-1);}
|
|
3312
|
+
.xl-tide-border-2 {border-width: var(--tide-border-width-2);}
|
|
3313
|
+
|
|
3314
|
+
.xl-tide-border-top-0 {border-top-width: 0;}
|
|
3315
|
+
.xl-tide-border-right-0 {border-right-width: 0;}
|
|
3316
|
+
.xl-tide-border-bottom-0 {border-bottom-width: 0;}
|
|
3317
|
+
.xl-tide-border-left-0 {border-left-width: 0;}
|
|
3318
|
+
|
|
3319
|
+
.xl-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
|
|
3320
|
+
.xl-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
|
|
3321
|
+
.xl-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
|
|
3322
|
+
.xl-tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
|
|
3323
|
+
|
|
3324
|
+
.xl-tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
|
|
3325
|
+
.xl-tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
|
|
3326
|
+
.xl-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
|
|
3327
|
+
.xl-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
|
|
3328
|
+
|
|
3329
|
+
.xl-tide-radius-0 {border-radius: 0;}
|
|
3330
|
+
.xl-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
|
|
3331
|
+
.xl-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
|
|
3332
|
+
.xl-tide-radius-1 {border-radius: var(--tide-radius-1);}
|
|
3333
|
+
.xl-tide-radius-full {border-radius: var(--tide-radius-full);}
|
|
3334
|
+
|
|
3335
|
+
/* Padding */
|
|
3336
|
+
.xl-tide-padding-0 {padding: 0;}
|
|
3337
|
+
.xl-tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
|
|
3338
|
+
.xl-tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
|
|
3339
|
+
.xl-tide-padding-1 {padding: var(--tide-spacing-1);}
|
|
3340
|
+
.xl-tide-padding-2 {padding: var(--tide-spacing-2);}
|
|
3341
|
+
.xl-tide-padding-4 {padding: var(--tide-spacing-4);}
|
|
3342
|
+
|
|
3343
|
+
.xl-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
|
|
3344
|
+
.xl-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
|
|
3345
|
+
.xl-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
|
|
3346
|
+
.xl-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
|
|
3347
|
+
.xl-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
|
|
3348
|
+
.xl-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
|
|
3349
|
+
|
|
3350
|
+
.xl-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
|
|
3351
|
+
.xl-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
|
|
3352
|
+
.xl-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
|
|
3353
|
+
.xl-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
|
|
3354
|
+
.xl-tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
|
|
3355
|
+
.xl-tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
|
|
3356
|
+
|
|
3357
|
+
.xl-tide-padding-top-0 {padding-top: 0;}
|
|
3358
|
+
.xl-tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
|
|
3359
|
+
.xl-tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
|
|
3360
|
+
.xl-tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
|
|
3361
|
+
.xl-tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
|
|
3362
|
+
.xl-tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
|
|
3363
|
+
|
|
3364
|
+
.xl-tide-padding-right-0 {padding-right: 0;}
|
|
3365
|
+
.xl-tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
|
|
3366
|
+
.xl-tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
|
|
3367
|
+
.xl-tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
|
|
3368
|
+
.xl-tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
|
|
3369
|
+
.xl-tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
|
|
3370
|
+
|
|
3371
|
+
.xl-tide-padding-bottom-0 {padding-bottom: 0;}
|
|
3372
|
+
.xl-tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
|
|
3373
|
+
.xl-tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
|
|
3374
|
+
.xl-tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
|
|
3375
|
+
.xl-tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
|
|
3376
|
+
.xl-tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
|
|
3377
|
+
|
|
3378
|
+
.xl-tide-padding-left-0 {padding-left: 0;}
|
|
3379
|
+
.xl-tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
|
|
3380
|
+
.xl-tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
|
|
3381
|
+
.xl-tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
|
|
3382
|
+
.xl-tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
|
|
3383
|
+
.xl-tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
|
|
3384
|
+
|
|
3385
|
+
/* Dimension */
|
|
3386
|
+
.xl-tide-max-width-full {max-width: 100%;}
|
|
3387
|
+
.xl-tide-min-width-0 {min-width: 0;}
|
|
3388
|
+
|
|
3389
|
+
.xl-tide-max-height-full {max-height: 100%;}
|
|
3390
|
+
.xl-tide-min-height-0 {min-height: 0;}
|
|
3391
|
+
|
|
3392
|
+
.xl-tide-width-auto {width: auto;}
|
|
3393
|
+
.xl-tide-width-0 {width: 0;}
|
|
3394
|
+
.xl-tide-width-full {width: 100%;}
|
|
3395
|
+
.xl-tide-width-stretch {
|
|
3396
|
+
width: -webkit-fill-available;
|
|
3397
|
+
width: stretch;
|
|
3398
|
+
}
|
|
3399
|
+
|
|
3400
|
+
.xl-tide-height-auto {height: auto;}
|
|
3401
|
+
.xl-tide-height-0 {height: 0;}
|
|
3402
|
+
.xl-tide-height-full {height: 100%;}
|
|
3403
|
+
|
|
3404
|
+
/* Deprecated */
|
|
3405
|
+
.xl-tide-width-container {max-width: 1168px;}
|
|
3406
|
+
|
|
3407
|
+
/* Background */
|
|
3408
|
+
.xl-tide-bg-initial {background-color: initial;}
|
|
3409
|
+
|
|
3410
|
+
.xl-tide-bg-primary {background: var(--tide-primary);}
|
|
3411
|
+
.xl-tide-bg-secondary {background: var(--tide-secondary);}
|
|
3412
|
+
|
|
3413
|
+
.xl-tide-bg-surface {background: var(--tide-surface);}
|
|
3414
|
+
.xl-tide-bg-surface-variant {background: var(--tide-surface-variant);}
|
|
3415
|
+
.xl-tide-bg-surface-brand {background: var(--tide-surface-brand);}
|
|
3416
|
+
.xl-tide-bg-surface-accent {background: var(--tide-surface-accent);}
|
|
3417
|
+
.xl-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
|
|
3418
|
+
.xl-tide-bg-surface-floating {background: var(--tide-surface-floating);}
|
|
3419
|
+
.xl-tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
|
|
3420
|
+
|
|
3421
|
+
/* Icon background colors only */
|
|
3422
|
+
.xl-tide-bg-primary-error {background-color: var(--tide-error-primary);}
|
|
3423
|
+
.xl-tide-bg-primary-info {background-color: var(--tide-info-primary);}
|
|
3424
|
+
.xl-tide-bg-primary-success {background-color: var(--tide-success-primary);}
|
|
3425
|
+
.xl-tide-bg-primary-warning {background-color: var(--tide-warning-primary);}
|
|
3426
|
+
|
|
3427
|
+
.xl-tide-bg-surface-error {background-color: var(--tide-error-surface);}
|
|
3428
|
+
.xl-tide-bg-surface-info {background-color: var(--tide-info-surface);}
|
|
3429
|
+
.xl-tide-bg-surface-success {background-color: var(--tide-success-surface);}
|
|
3430
|
+
.xl-tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
|
|
3431
|
+
|
|
3432
|
+
.xl-tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
3433
|
+
.xl-tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
3434
|
+
.xl-tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
3435
|
+
.xl-tide-transparent-400 {background-color: var(--tide-transparent-400);}
|
|
3436
|
+
|
|
3437
|
+
/* Typographic roles */
|
|
3438
|
+
.xl-tide-typography-display-1 {font-size: var(--tide-font-32); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
3439
|
+
.xl-tide-typography-headline-1 {font-size: var(--tide-font-24); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
3440
|
+
.xl-tide-typography-headline-2 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
3441
|
+
.xl-tide-typography-headline-3 {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
3442
|
+
.xl-tide-typography-title-1 {font-size: var(--tide-font-20); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
3443
|
+
.xl-tide-typography-title-2 {font-size: var(--tide-font-18); font-weight: var(--tide-font-semibold); text-wrap: balance;}
|
|
3444
|
+
.xl-tide-typography-body-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-regular);}
|
|
3445
|
+
.xl-tide-typography-body-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-regular);}
|
|
3446
|
+
.xl-tide-typography-label-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
3447
|
+
.xl-tide-typography-label-1-semibold {font-size: var(--tide-font-16); font-weight: var(--tide-font-semibold);}
|
|
3448
|
+
.xl-tide-typography-label-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
3449
|
+
.xl-tide-typography-label-2-semibold {font-size: var(--tide-font-14); font-weight: var(--tide-font-semibold);}
|
|
3450
|
+
.xl-tide-typography-label-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
|
|
3451
|
+
.xl-tide-typography-link-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
3452
|
+
.xl-tide-typography-link-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
3453
|
+
.xl-tide-typography-link-3 {font-size: var(--tide-font-12); font-weight: var(--tide-font-medium);}
|
|
3454
|
+
.xl-tide-typography-button-1 {font-size: var(--tide-font-16); font-weight: var(--tide-font-medium);}
|
|
3455
|
+
.xl-tide-typography-button-2 {font-size: var(--tide-font-14); font-weight: var(--tide-font-medium);}
|
|
3456
|
+
|
|
3457
|
+
/* Font Color */
|
|
3458
|
+
.xl-tide-font-on-primary {color: var(--tide-on-primary);}
|
|
3459
|
+
.xl-tide-font-on-secondary {color: var(--tide-on-secondary);}
|
|
3460
|
+
|
|
3461
|
+
.xl-tide-font-on-surface {color: var(--tide-on-surface);}
|
|
3462
|
+
.xl-tide-font-on-surface-variant {color: var(--tide-on-surface-variant);}
|
|
3463
|
+
.xl-tide-font-on-surface-brand {color: var(--tide-on-surface-brand);}
|
|
3464
|
+
.xl-tide-font-on-surface-inverse {color: var(--tide-on-surface-inverse);}
|
|
3465
|
+
.xl-tide-font-on-surface-variant-inverse {color: var(--tide-on-surface-inverse-variant);}
|
|
3466
|
+
|
|
3467
|
+
.xl-tide-font-error {color: var(--tide-error-primary);}
|
|
3468
|
+
.xl-tide-font-info {color: var(--tide-info-primary);}
|
|
3469
|
+
.xl-tide-font-success {color: var(--tide-success-primary);}
|
|
3470
|
+
.xl-tide-font-warning {color: var(--tide-warning-primary);}
|
|
3471
|
+
|
|
3472
|
+
/* Font Size */
|
|
3473
|
+
.xl-tide-font-10 {font-size: var(--tide-font-10);}
|
|
3474
|
+
.xl-tide-font-12 {font-size: var(--tide-font-12);}
|
|
3475
|
+
.xl-tide-font-14 {font-size: var(--tide-font-14);}
|
|
3476
|
+
.xl-tide-font-16 {font-size: var(--tide-font-16);}
|
|
3477
|
+
.xl-tide-font-20 {font-size: var(--tide-font-20);}
|
|
3478
|
+
.xl-tide-font-24 {font-size: var(--tide-font-24);}
|
|
3479
|
+
.xl-tide-font-32 {font-size: var(--tide-font-32);}
|
|
3480
|
+
|
|
3481
|
+
/* Font Weight */
|
|
3482
|
+
.xl-tide-font-400 {font-weight: var(--tide-font-regular);}
|
|
3483
|
+
.xl-tide-font-500 {font-weight: var(--tide-font-medium);}
|
|
3484
|
+
.xl-tide-font-600 {font-weight: var(--tide-font-semibold);}
|
|
3485
|
+
.xl-tide-font-700 {font-weight: 700;}
|
|
3486
|
+
|
|
3487
|
+
/* Misc */
|
|
3488
|
+
.xl-tide-align-middle {vertical-align: middle;}
|
|
3489
|
+
.xl-tide-align-initial {vertical-align: initial;}
|
|
3490
|
+
|
|
3491
|
+
.xl-tide-bg-blur {backdrop-filter: var(--tide-bg-blur);}
|
|
3492
|
+
|
|
3493
|
+
.xl-tide-break-initial {overflow-wrap: initial;}
|
|
3494
|
+
.xl-tide-break-word {overflow-wrap: break-word;}
|
|
3495
|
+
|
|
3496
|
+
.xl-tide-break-inside-avoid-column {break-inside: avoid-column}
|
|
3497
|
+
|
|
3498
|
+
.xl-tide-columns-initial {column-count: initial;}
|
|
3499
|
+
.xl-tide-columns-1 {column-count: 1;}
|
|
3500
|
+
.xl-tide-columns-2 {column-count: 2;}
|
|
3501
|
+
.xl-tide-columns-3 {column-count: 3;}
|
|
3502
|
+
.xl-tide-columns-4 {column-count: 4;}
|
|
3503
|
+
|
|
3504
|
+
.xl-tide-cursor-not-allowed {cursor: not-allowed;}
|
|
3505
|
+
.xl-tide-cursor-pointer {cursor: pointer;}
|
|
3506
|
+
.xl-tide-cursor-text {cursor: text;}
|
|
3507
|
+
|
|
3508
|
+
.xl-tide-ellipsis {
|
|
3509
|
+
overflow: hidden;
|
|
3510
|
+
text-overflow: ellipsis;
|
|
3511
|
+
white-space: nowrap;
|
|
3512
|
+
}
|
|
3513
|
+
|
|
3514
|
+
.xl-tide-isolate {isolation: isolate;}
|
|
3515
|
+
|
|
3516
|
+
/* Deprecated */
|
|
3517
|
+
.xl-tide-leading-default {line-height: 1.4;}
|
|
3518
|
+
.xl-tide-leading-normal {line-height: normal;}
|
|
3519
|
+
|
|
3520
|
+
.xl-tide-list-none {list-style-type: none;}
|
|
3521
|
+
|
|
3522
|
+
.xl-tide-object-center {object-position: center;}
|
|
3523
|
+
|
|
3524
|
+
.xl-tide-object-cover {object-fit: cover;}
|
|
3525
|
+
.xl-tide-object-contain {object-fit: contain;}
|
|
3526
|
+
.xl-tide-object-scale-down {object-fit: scale-down;}
|
|
3527
|
+
|
|
3528
|
+
.xl-tide-opacity {opacity: 1;}
|
|
3529
|
+
.xl-tide-opacity-disabled {opacity: var(--tide-disabled);}
|
|
3530
|
+
.xl-tide-opacity-none {opacity: 0;}
|
|
3531
|
+
|
|
3532
|
+
.xl-tide-pointer-events {pointer-events: auto;}
|
|
3533
|
+
.xl-tide-pointer-events-none {pointer-events: none;}
|
|
3534
|
+
|
|
3535
|
+
.xl-tide-user-select-none {user-select: none;}
|
|
3536
|
+
.xl-tide-user-select-initial {user-select: initial;}
|
|
3537
|
+
|
|
3538
|
+
.xl-tide-ratio-1\/1 {aspect-ratio: 1 / 1;}
|
|
3539
|
+
.xl-tide-ratio-16\/9 {aspect-ratio: 16 / 9;}
|
|
3540
|
+
.xl-tide-ratio-3\/2 {aspect-ratio: 3 / 2;}
|
|
3541
|
+
|
|
3542
|
+
.xl-tide-scrollbar-none::-webkit-scrollbar {display: none;}
|
|
3543
|
+
.xl-tide-scrollbar-none {
|
|
3544
|
+
-ms-overflow-style: none;
|
|
3545
|
+
scrollbar-width: none;
|
|
3546
|
+
}
|
|
3547
|
+
|
|
3548
|
+
.xl-tide-scroll-snap {
|
|
3549
|
+
scroll-snap-stop: always;
|
|
3550
|
+
scroll-snap-type: both mandatory;
|
|
3551
|
+
scroll-behavior: smooth;
|
|
3552
|
+
}
|
|
3553
|
+
|
|
3554
|
+
.xl-tide-scroll-snap-start {
|
|
3555
|
+
scroll-snap-align: start;
|
|
3556
|
+
}
|
|
3557
|
+
|
|
3558
|
+
.xl-tide-shadow-initial {box-shadow: initial;}
|
|
3559
|
+
.xl-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
|
|
3560
|
+
.xl-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
|
|
3561
|
+
.xl-tide-shadow-text {text-shadow: var(--tide-shadow-text);}
|
|
3562
|
+
|
|
3563
|
+
.xl-tide-strikethrough {text-decoration: line-through;}
|
|
3564
|
+
.xl-tide-strikethrough-none {text-decoration: none;}
|
|
3565
|
+
|
|
3566
|
+
.xl-tide-text-center {text-align: center;}
|
|
3567
|
+
.xl-tide-text-justify {text-align: justify;}
|
|
3568
|
+
.xl-tide-text-left {text-align: left;}
|
|
3569
|
+
.xl-tide-text-right {text-align: right;}
|
|
3570
|
+
|
|
3571
|
+
.xl-tide-text-transform-lower {text-transform: lowercase;}
|
|
3572
|
+
.xl-tide-text-transform-none {text-transform: none;}
|
|
3573
|
+
.xl-tide-text-transform-upper {text-transform: uppercase;}
|
|
3574
|
+
|
|
3575
|
+
.xl-tide-underline {text-decoration: underline;}
|
|
3576
|
+
.xl-tide-underline-none {text-decoration: none;}
|
|
3577
|
+
.xl-tide-underline-hover:hover {text-decoration: underline;}
|
|
3578
|
+
.xl-tide-underline-hover-none:hover {text-decoration: none;}
|
|
3579
|
+
|
|
3580
|
+
.xl-tide-visible {visibility: visible;}
|
|
3581
|
+
.xl-tide-visible-none {visibility: hidden;}
|
|
3582
|
+
|
|
3583
|
+
.xl-tide-whitespace-nowrap {white-space: nowrap;}
|
|
3584
|
+
|
|
3585
|
+
.xl-tide-x-auto {overflow-x: auto;}
|
|
3586
|
+
.xl-tide-x-hidden {overflow-x: hidden;}
|
|
3587
|
+
.xl-tide-x-scroll {overflow-x: scroll;}
|
|
3588
|
+
|
|
3589
|
+
.xl-tide-xy-auto {overflow: auto;}
|
|
3590
|
+
.xl-tide-xy-hidden {overflow: hidden;}
|
|
3591
|
+
|
|
3592
|
+
.xl-tide-y-auto {overflow-y: auto;}
|
|
3593
|
+
.xl-tide-y-hidden {overflow-y: hidden;}
|
|
3594
|
+
|
|
3595
|
+
.xl-tide-z-index-initial {z-index: initial;}
|
|
3596
|
+
.xl-tide-z-index-1 {z-index: 1;}
|
|
3597
|
+
|
|
3598
|
+
/* Buttons */
|
|
3599
|
+
/* Rest State */
|
|
3600
|
+
.xl-tide-button-primary,
|
|
3601
|
+
.xl-tide-button-secondary,
|
|
3602
|
+
.xl-tide-button-tertiary,
|
|
3603
|
+
.xl-tide-button-quaternary,
|
|
3604
|
+
.xl-tide-button-floating {
|
|
3605
|
+
border: var(--tide-border-width-2) solid;
|
|
3606
|
+
}
|
|
3607
|
+
|
|
3608
|
+
.xl-tide-button-primary,
|
|
3609
|
+
.xl-tide-button-secondary,
|
|
3610
|
+
.xl-tide-button-tertiary,
|
|
3611
|
+
.xl-tide-button-quaternary {
|
|
3612
|
+
box-shadow: none;
|
|
3613
|
+
}
|
|
3614
|
+
|
|
3615
|
+
.xl-tide-button-primary {
|
|
3616
|
+
background-color: var(--tide-primary);
|
|
3617
|
+
border-color: var(--tide-primary);
|
|
3618
|
+
color: var(--tide-on-primary);
|
|
3619
|
+
}
|
|
3620
|
+
|
|
3621
|
+
.xl-tide-button-secondary {
|
|
3622
|
+
background-color: var(--tide-secondary);
|
|
3623
|
+
border-color: var(--tide-secondary);
|
|
3624
|
+
color: var(--tide-on-secondary);
|
|
3625
|
+
}
|
|
3626
|
+
|
|
3627
|
+
.xl-tide-button-tertiary {
|
|
3628
|
+
background-color: var(--tide-surface-variant);
|
|
3629
|
+
border-color: var(--tide-surface-variant);
|
|
3630
|
+
color: var(--tide-secondary);
|
|
3631
|
+
}
|
|
3632
|
+
|
|
3633
|
+
.xl-tide-button-quaternary {
|
|
3634
|
+
background-color: var(--tide-surface);
|
|
3635
|
+
border-color: var(--tide-surface);
|
|
3636
|
+
color: var(--tide-secondary);
|
|
3637
|
+
}
|
|
3638
|
+
|
|
3639
|
+
.xl-tide-button-floating {
|
|
3640
|
+
background-color: var(--tide-surface);
|
|
3641
|
+
border-color: var(--tide-surface);
|
|
3642
|
+
box-shadow: var(--tide-shadow-bottom);
|
|
3643
|
+
color: var(--tide-secondary);
|
|
3644
|
+
}
|
|
3645
|
+
|
|
3646
|
+
/* Hover State */
|
|
3647
|
+
a.xl-tide-button-primary:hover,
|
|
3648
|
+
button.xl-tide-button-primary:enabled:hover {
|
|
3649
|
+
background-color: var(--tide-surface);
|
|
3650
|
+
border-color: var(--tide-primary);
|
|
3651
|
+
color: var(--tide-primary);
|
|
3652
|
+
}
|
|
3653
|
+
|
|
3654
|
+
a.xl-tide-button-secondary:hover,
|
|
3655
|
+
button.xl-tide-button-secondary:enabled:hover {
|
|
3656
|
+
background-color: var(--tide-surface);
|
|
3657
|
+
border-color: var(--tide-secondary);
|
|
3658
|
+
color: var(--tide-on-surface);
|
|
3659
|
+
}
|
|
3660
|
+
|
|
3661
|
+
a.xl-tide-button-tertiary:hover,
|
|
3662
|
+
button.xl-tide-button-tertiary:enabled:hover {
|
|
3663
|
+
background-color: var(--tide-surface-variant);
|
|
3664
|
+
border-color: var(--tide-border);
|
|
3665
|
+
color: var(--tide-secondary);
|
|
3666
|
+
}
|
|
3667
|
+
|
|
3668
|
+
a.xl-tide-button-quaternary:hover,
|
|
3669
|
+
button.xl-tide-button-quaternary:enabled:hover {
|
|
3670
|
+
background-color: var(--tide-surface-variant);
|
|
3671
|
+
border-color: var(--tide-surface-variant);
|
|
3672
|
+
color: var(--tide-secondary);
|
|
3673
|
+
}
|
|
3674
|
+
|
|
3675
|
+
.xl-tide-button-floating:hover,
|
|
3676
|
+
button.xl-tide-button-floating:enabled:hover {
|
|
3677
|
+
background-color: var(--tide-surface);
|
|
3678
|
+
border-color: var(--tide-surface);
|
|
3679
|
+
color: var(--tide-secondary);
|
|
3680
|
+
}
|
|
3681
|
+
|
|
3682
|
+
/* Disabled State */
|
|
3683
|
+
button.xl-tide-button-primary:disabled,
|
|
3684
|
+
button.xl-tide-button-secondary:disabled,
|
|
3685
|
+
button.xl-tide-button-tertiary:disabled,
|
|
3686
|
+
button.xl-tide-button-quaternary:disabled,
|
|
3687
|
+
button.xl-tide-button-floating:disabled {
|
|
3688
|
+
opacity: var(--tide-disabled);
|
|
3689
|
+
}
|
|
3690
|
+
}
|
|
3691
|
+
/* Non-responsive utility classes */
|
|
3692
|
+
.tide-screen-reader-only {
|
|
3693
|
+
position: absolute;
|
|
3694
|
+
width: 1px;
|
|
3695
|
+
height: 1px;
|
|
3696
|
+
margin: -1px;
|
|
3697
|
+
padding: 0;
|
|
3698
|
+
overflow: hidden;
|
|
3699
|
+
clip: rect(0, 0, 0, 0);
|
|
3700
|
+
white-space: nowrap;
|
|
3701
|
+
border: 0;
|
|
3702
|
+
}
|
|
3703
|
+
:root {
|
|
3704
|
+
--tide-1232px: 73rem;
|
|
3705
|
+
--tide-1920px: 120rem;
|
|
3706
|
+
}
|
|
3707
|
+
.tide-grid-layout {
|
|
3708
|
+
--tide-max-content-width: var(--tide-1232px);
|
|
3709
|
+
--tide-column-width: minmax(0, var(--tide-max-content-width));
|
|
3710
|
+
--tide-gutter-width: var(--tide-spacing-1);
|
|
3711
|
+
|
|
3712
|
+
display: grid;
|
|
3713
|
+
grid-auto-rows: min-content;
|
|
3714
|
+
grid-template-columns:
|
|
3715
|
+
minmax(var(--tide-gutter-width), 1fr)
|
|
3716
|
+
var(--tide-column-width)
|
|
3717
|
+
minmax(var(--tide-gutter-width), 1fr);
|
|
3718
|
+
}
|
|
3719
|
+
@media (min-width: 768px) {
|
|
3720
|
+
.tide-grid-layout {--tide-gutter-width: var(--tide-spacing-2);}
|
|
3721
|
+
}
|
|
3722
|
+
@media (min-width: 1232px) {
|
|
3723
|
+
.tide-grid-layout {--tide-gutter-width: var(--tide-spacing-4);}
|
|
3724
|
+
}
|
|
3725
|
+
.tide-grid-xl {--tide-max-content-width: var(--tide-1920px);}
|
|
3726
|
+
.tide-grid-layout > *,
|
|
3727
|
+
.tide-grid-item {
|
|
3728
|
+
grid-column: 2 / -2;
|
|
3729
|
+
}
|
|
3730
|
+
.tide-fluid {grid-column: 1 / -1;}
|