@orangesk/orange-design-system 2.0.0-beta.16 → 2.0.0-beta.18
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/build/components/Accordion/style.css +2 -0
- package/build/components/Accordion/style.css.map +1 -0
- package/build/components/Alert/style.css +2 -0
- package/build/components/Alert/style.css.map +1 -0
- package/build/components/AnchorNavigation/style.css +2 -0
- package/build/components/AnchorNavigation/style.css.map +1 -0
- package/build/components/Bar/style.css +2 -0
- package/build/components/Bar/style.css.map +1 -0
- package/build/components/BlockAction/style.css +2 -0
- package/build/components/BlockAction/style.css.map +1 -0
- package/build/components/BodyBanner/style.css +2 -0
- package/build/components/BodyBanner/style.css.map +1 -0
- package/build/components/Breadcrumbs/style.css +2 -0
- package/build/components/Breadcrumbs/style.css.map +1 -0
- package/build/components/Button/style.css +2 -0
- package/build/components/Button/style.css.map +1 -0
- package/build/components/Buttons/style.css +2 -0
- package/build/components/Buttons/style.css.map +1 -0
- package/build/components/Card/style.css +2 -0
- package/build/components/Card/style.css.map +1 -0
- package/build/components/Carousel/style.css +2 -0
- package/build/components/Carousel/style.css.map +1 -0
- package/build/components/CarouselHero/style.css +2 -0
- package/build/components/CarouselHero/style.css.map +1 -0
- package/build/components/CarouselPromotions/style.css +2 -0
- package/build/components/CarouselPromotions/style.css.map +1 -0
- package/build/components/CartTable/style.css +2 -0
- package/build/components/CartTable/style.css.map +1 -0
- package/build/components/Code/style.css +2 -0
- package/build/components/Code/style.css.map +1 -0
- package/build/components/Container/style.css +2 -0
- package/build/components/Container/style.css.map +1 -0
- package/build/components/Controls/style.css +2 -0
- package/build/components/Controls/style.css.map +1 -0
- package/build/components/Cover/style.css +2 -0
- package/build/components/Cover/style.css.map +1 -0
- package/build/components/Divider/style.css +2 -0
- package/build/components/Divider/style.css.map +1 -0
- package/build/components/DocumentationSidebar/style.css +2 -0
- package/build/components/DocumentationSidebar/style.css.map +1 -0
- package/build/components/Dropdown/style.css +2 -0
- package/build/components/Dropdown/style.css.map +1 -0
- package/build/components/Expander/style.css +2 -0
- package/build/components/Expander/style.css.map +1 -0
- package/build/components/FeatureAccordion/style.css +2 -0
- package/build/components/FeatureAccordion/style.css.map +1 -0
- package/build/components/Footer/style.css +2 -0
- package/build/components/Footer/style.css.map +1 -0
- package/build/components/Gauge/style.css +2 -0
- package/build/components/Gauge/style.css.map +1 -0
- package/build/components/Grid/style.css +2 -0
- package/build/components/Grid/style.css.map +1 -0
- package/build/components/Hero/style.css +2 -0
- package/build/components/Hero/style.css.map +1 -0
- package/build/components/Icon/style.css +2 -0
- package/build/components/Icon/style.css.map +1 -0
- package/build/components/IconList/style.css +2 -0
- package/build/components/IconList/style.css.map +1 -0
- package/build/components/Image/style.css +2 -0
- package/build/components/Image/style.css.map +1 -0
- package/build/components/Link/style.css +2 -0
- package/build/components/Link/style.css.map +1 -0
- package/build/components/List/style.css +2 -0
- package/build/components/List/style.css.map +1 -0
- package/build/components/Loader/style.css +2 -0
- package/build/components/Loader/style.css.map +1 -0
- package/build/components/Megamenu/style.css +2 -0
- package/build/components/Megamenu/style.css.map +1 -0
- package/build/components/Modal/style.css +2 -0
- package/build/components/Modal/style.css.map +1 -0
- package/build/components/Pagination/style.css +2 -0
- package/build/components/Pagination/style.css.map +1 -0
- package/build/components/Pill/style.css +2 -0
- package/build/components/Pill/style.css.map +1 -0
- package/build/components/Preview/style.css +2 -0
- package/build/components/Preview/style.css.map +1 -0
- package/build/components/Progress/style.css +2 -0
- package/build/components/Progress/style.css.map +1 -0
- package/build/components/PromoBanner/style.css +2 -0
- package/build/components/PromoBanner/style.css.map +1 -0
- package/build/components/PromotionCard/style.css +2 -0
- package/build/components/PromotionCard/style.css.map +1 -0
- package/build/components/Section/style.css +2 -0
- package/build/components/Section/style.css.map +1 -0
- package/build/components/Skeleton/style.css +2 -0
- package/build/components/Skeleton/style.css.map +1 -0
- package/build/components/SkipLink/style.css +2 -0
- package/build/components/SkipLink/style.css.map +1 -0
- package/build/components/Stepbar/style.css +2 -0
- package/build/components/Stepbar/style.css.map +1 -0
- package/build/components/Sticker/style.css +2 -0
- package/build/components/Sticker/style.css.map +1 -0
- package/build/components/Table/style.css +2 -0
- package/build/components/Table/style.css.map +1 -0
- package/build/components/Tabs/style.css +2 -0
- package/build/components/Tabs/style.css.map +1 -0
- package/build/components/Tag/style.css +2 -0
- package/build/components/Tag/style.css.map +1 -0
- package/build/components/Testimonial/style.css +2 -0
- package/build/components/Testimonial/style.css.map +1 -0
- package/build/components/Tile/style.css +2 -0
- package/build/components/Tile/style.css.map +1 -0
- package/build/components/Tooltip/style.css +2 -0
- package/build/components/Tooltip/style.css.map +1 -0
- package/build/components/index.js +2 -2
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/index.d.ts +4 -2
- package/build/components/types/src/components/DocumentationSidebar/DocumentationSidebar.d.ts +1 -0
- package/build/components/types/src/components/Grid/Grid.d.ts +1 -1
- package/build/components/types/src/components/Link/Link.d.ts +1 -1
- package/build/components/types/src/components/Megamenu/Megamenu.d.ts +6 -1
- package/build/components/types/src/components/Megamenu/MegamenuBlog.d.ts +2 -1
- package/build/components/types/src/components/Megamenu/constants.d.ts +2 -0
- package/build/components/types/src/components/Modal/ModalProductHeader.d.ts +2 -0
- package/build/lib/base.css +3 -0
- package/build/lib/base.css.map +1 -0
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/megamenu.css +1 -1
- package/build/lib/megamenu.css.map +1 -1
- package/build/lib/megamenu.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/lib/tsconfig.tsbuildinfo +1 -1
- package/build/lib/utilities.css +2 -0
- package/build/lib/utilities.css.map +1 -0
- package/package.json +9 -7
- package/src/components/Code/styles/style.scss +6 -5
- package/src/components/DocumentationSidebar/DocumentationSidebar.tsx +188 -2
- package/src/components/DocumentationSidebar/styles/style.scss +73 -0
- package/src/components/FeatureAccordion/tests/FeatureAccordion.conformance.test.js +1 -0
- package/src/components/Forms/Field/tests/Autocomplete.Field.conformance.test.js +1 -1
- package/src/components/Forms/Field/tests/Checkbox.Field.conformance.test.js +1 -0
- package/src/components/Forms/Field/tests/File.Field.conformance.test.js +1 -0
- package/src/components/Forms/Field/tests/Group.Field.conformance.test.js +1 -0
- package/src/components/Forms/Field/tests/Radio.Field.conformance.test.js +1 -0
- package/src/components/Forms/Field/tests/Rangeslider.Field.test.js +1 -0
- package/src/components/Forms/Field/tests/Select.Field.conformance.test.js +1 -0
- package/src/components/Forms/Field/tests/Text.Field.conformance.test.js +1 -0
- package/src/components/Forms/Field/tests/Textarea.Field.conformance.test.js +1 -0
- package/src/components/Grid/Grid.tsx +1 -1
- package/src/components/Grid/styles/config.scss +5 -3
- package/src/components/Grid/styles/mixins.scss +29 -19
- package/src/components/Grid/tests/Grid.unit.test.js +11 -0
- package/src/components/Link/Link.tsx +2 -2
- package/src/components/Link/styles/mixins.scss +1 -1
- package/src/components/Link/styles/style.scss +0 -7
- package/src/components/Megamenu/Megamenu.tsx +81 -23
- package/src/components/Megamenu/MegamenuBlog.tsx +38 -21
- package/src/components/Megamenu/constants.ts +2 -0
- package/src/components/Megamenu/styles/mixins.scss +19 -1
- package/src/components/Megamenu/styles/style.scss +2 -0
- package/src/components/Modal/ModalProductHeader.tsx +6 -2
- package/src/components/Modal/tests/ModalProductHeader.unit.test.js +12 -0
- package/src/components/PromoBanner/PromoBanner.tsx +1 -1
- package/src/components/PromoBanner/styles/mixins.scss +5 -0
- package/src/components/Table/tests/Table.conformance.test.js +5 -1
- package/src/components/Tooltip/tests/Tooltip.conformance.test.js +5 -1
- package/src/styles/base/globals.scss +1 -37
- package/src/styles/base/styleguide.scss +1 -0
- package/src/styles/export/color.js +3 -3
- package/src/styles/tokens/color-vars.scss +39 -0
- package/src/styles/tokens/color.scss +4 -4
- package/src/styles/typography/mixins.scss +4 -5
- package/src/styles/utilities/text.scss +17 -0
- package/build/lib/after-components.css +0 -2
- package/build/lib/after-components.css.map +0 -1
- package/build/lib/before-components.css +0 -3
- package/build/lib/before-components.css.map +0 -1
- package/src/styles/after-components.scss +0 -2
- package/src/styles/before-components.scss +0 -18
- /package/build/lib/{after-components.js → base.js} +0 -0
- /package/build/lib/{before-components.js → utilities.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,OAGE,+BAAgC,CADhC,sBAAuB,CADvB,UAGF,CACA,oBAIE,iBAAkB,CAClB,mBAAoB,CAHpB,eAAgB,CAChB,qBAGF,CACA,gBAGE,oDAAqD,CACrD,eAAgB,CAFhB,eAAgB,CADhB,qBAIF,CACA,UAEE,kDAAmD,CADnD,mBAEF,CACA,gBACE,uBACF,CACA,gBACE,eACF,CACA,yBACE,cACF,CACA,mBACE,+CACF,CACA,gBACE,qBAAsB,CACtB,iDACF,CACA,kCACE,2CACF,CACA,0CACE,kDACF,CACA,gBACE,UACF,CACA,uCACE,yBACE,YACF,CACA,iFAGE,aACF,CACA,4BACE,iBACF,CACA,uCACE,eACF,CACA,4BAEE,kBAAmB,CADnB,iBAAkB,CAElB,yBACF,CACA,mCACE,wBAAyB,CACzB,aAAc,CACd,eAAgB,CAChB,sBACF,CACA,wCACE,cACF,CACF,CACA,kBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,uCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACF,CACA,uCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACF,CACA,wCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACF,CACA,wCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACF,CACA,oBAME,cAAe,CAJf,oBAAqB,CAErB,cAAe,CAHf,iBAAkB,CAIlB,qBAAsB,CAFtB,aAIF,CACA,qDAIE,iCAAkC,CAClC,kCAAmC,CAJnC,UAAW,CAEX,aAAe,CADf,iBAAkB,CAIlB,8BACF,CACA,2BAEE,oDAAqD,CADrD,OAEF,CACA,0BAEE,iDAAkD,CADlD,QAEF,CAIA,kGACE,UACF,CACA,eACE,4CACF,CACA,sCACE,wBACF,CACA,qBAEE,0BAA4B,CAD5B,yBAEF,CACA,qBACE,SACF,CACA,mBACE,UACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .table {\n width: 100%;\n margin-bottom: 1.875rem;\n color: var(--color-text-default);\n }\n .table td,\n .table th {\n padding: 1.25rem;\n vertical-align: middle;\n font-size: inherit;\n line-height: inherit;\n }\n .table thead th {\n vertical-align: bottom;\n text-align: left;\n border-bottom: 2px solid var(--color-border-contrast);\n font-weight: 700;\n }\n .table tr {\n line-height: 1.25rem;\n border-bottom: 1px solid var(--color-border-strong);\n }\n .table thead > tr {\n border-bottom-width: 2px;\n }\n .table tbody > th {\n font-weight: 400;\n }\n .table tr > *:first-of-type {\n padding-left: 0;\n }\n .table tbody + tbody {\n border-top: 2px solid var(--color-border-strong);\n }\n .table > tfoot > tr {\n border-bottom-width: 0;\n border-top: 2px solid var(--color-border-contrast);\n }\n .table > tfoot > tr:not(:first-child) {\n border-top-color: var(--color-border-strong);\n }\n .table--striped tbody tr:nth-of-type(odd) {\n background-color: var(--color-background-secondary);\n }\n .table--compact {\n width: auto;\n }\n @media screen and (max-width: 991.98px) {\n .table--responsive thead {\n display: none;\n }\n .table--responsive tbody,\n .table--responsive tbody tr,\n .table--responsive tbody td {\n display: block;\n }\n .table--responsive tbody tr {\n padding: 0.625rem 0;\n }\n .table--responsive tbody tr:last-child {\n margin-bottom: 0;\n }\n .table--responsive tbody td {\n padding: 1.25rem 0;\n border-bottom: none;\n text-align: left !important;\n }\n .table--responsive tbody td:before {\n content: attr(data-label);\n display: block;\n font-weight: 700;\n margin-bottom: 0.3125rem;\n }\n .table--responsive tbody td:first-child {\n padding-left: 0;\n }\n }\n .table-scrollable {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n @media screen and (max-width: 767.98px) {\n .table-scrollable--sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n }\n @media screen and (max-width: 991.98px) {\n .table-scrollable--md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n }\n @media screen and (max-width: 1239.98px) {\n .table-scrollable--lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n }\n @media screen and (max-width: 1379.98px) {\n .table-scrollable--xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n }\n .table__sort-button {\n position: relative;\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n vertical-align: bottom;\n cursor: pointer;\n }\n .table__sort-button::before, .table__sort-button::after {\n content: \"\";\n position: absolute;\n left: 0.3125rem;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n transition: opacity 0.1s ease 0s;\n }\n .table__sort-button::before {\n top: 4px;\n border-bottom: 5px solid var(--color-border-contrast);\n }\n .table__sort-button::after {\n top: 12px;\n border-top: 5px solid var(--color-border-contrast);\n }\n [aria-sort=descending] .table__sort-button::before {\n opacity: 0.3;\n }\n [aria-sort=ascending] .table__sort-button::after {\n opacity: 0.3;\n }\n .table__subrow {\n background-color: var(--color-surface-subtle);\n }\n .table button[aria-expanded=true] > svg {\n transform: rotate(180deg);\n }\n .table__cell--expand {\n padding-top: 4px !important;\n padding-bottom: 0 !important;\n }\n .table__cell--shrink {\n width: 0.1%;\n }\n .table__cell--fill {\n width: 100%;\n }\n}"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer components{.tab-list{list-style:none;list-style-type:none!important;margin:0;max-width:none;padding:0}.tab-list>li{margin-bottom:0}.tab-list>li:before{content:" ";height:0;position:absolute;width:0}.tab-list{align-items:stretch;display:flex;margin:-.125rem -.125rem 1.125rem;overflow-x:auto;overflow-y:visible;padding:.125rem;position:relative}.tab-list--equal{flex-grow:1}.tab-list__item{display:flex;flex-flow:column;max-width:66.66666%}.tab-list--equal .tab-list__item{flex-basis:0;flex-grow:1}.tab-list--light .tab-list__item{box-shadow:inset 0 -1px 0 0 var(--color-surface-moderate)}.tab-list__tab{background:transparent;border-width:0;display:flex;flex:1 1 auto;flex-flow:column;font-weight:600;height:auto;position:relative;text-align:left}.tab-list__tab:focus{outline:2px solid var(--color-border-contrast);outline-offset:0!important;z-index:1}.tab-list__tab:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:0!important}.tab-list__tab:focus:not(:focus-visible){outline-color:transparent;outline-width:0}.tab-list__tab{box-shadow:inset 0 -2px 0 0 var(--color-border-contrast);color:var(--color-text-default)}.tab-list__tab[aria-selected=true]{box-shadow:inset -2px 0 0 0 var(--color-border-contrast),inset 0 2px 0 0 var(--color-border-contrast),inset 2px 0 0 0 var(--color-border-contrast);color:var(--color-text-accent)}.tab-list__tab:hover{color:var(--color-text-accent)}.tab-list__tab[aria-disabled=true]{color:var(--color-surface-moderate)}.tab-list__tab,.tab-list__tab--large{padding:.625rem 1.25rem}.tab-list--light .tab-list__tab,.tab-list--light .tab-list__tab:hover{box-shadow:none!important}.tab-list--light .tab-list__tab[aria-selected=true]{box-shadow:inset 0 -4px 0 0 var(--color-border-accent)!important}.tab-list--light .tab-list__tab[aria-disabled=true]{box-shadow:none!important}.tab-list--light.tab-list--equal .tab-list__tab{align-items:center}.tab-list__hr{box-shadow:inset 0 -2px 0 0 var(--color-border-contrast);flex:1 1 auto;max-width:none}.tab-list--light .tab-list__hr{box-shadow:inset 0 -1px 0 0 var(--color-surface-moderate)}}
|
|
2
|
+
/*# sourceMappingURL=style.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,UACE,eAAgB,CAChB,8BAAgC,CAEhC,QAAS,CADT,cAAe,CAEf,SACF,CACA,aACE,eAEF,CACA,oBACE,WAAY,CAGZ,QAAS,CAFT,iBAAkB,CAClB,OAEF,CACA,UAME,mBAAoB,CAJpB,YAAa,CAKb,iCAA8C,CAJ9C,eAAgB,CAChB,kBAAmB,CAInB,eAAiB,CAPjB,iBAQF,CACA,iBACE,WACF,CACA,gBACE,YAAa,CACb,gBAAiB,CACjB,mBACF,CACA,iCAEE,YAAa,CADb,WAEF,CACA,iCACE,yDACF,CACA,eAOE,sBAAuB,CACvB,cAAe,CANf,YAAa,CADb,aAAc,CAEd,gBAAiB,CAGjB,eAAgB,CAFhB,WAAe,CACf,iBAAkB,CAIlB,eACF,CACA,qBAIE,8CAA+C,CAC/C,0BAA4B,CAJ5B,SACF,CAKA,6BACE,8CAA+C,CAC/C,0BACF,CACA,yCAEE,yBAA0B,CAD1B,eAEF,CACA,eAEE,wDAAyD,CADzD,+BAEF,CACA,mCAEE,kJAAqJ,CADrJ,8BAEF,CACA,qBACE,8BACF,CACA,mCACE,mCACF,CAIA,qCACE,uBACF,CAIA,sEACE,yBACF,CACA,oDACE,gEACF,CACA,oDACE,yBACF,CACA,gDACE,kBACF,CACA,cAGE,wDAAyD,CAFzD,aAAc,CACd,cAEF,CACA,+BACE,yDACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .tab-list {\n list-style: none;\n list-style-type: none !important;\n max-width: none;\n margin: 0;\n padding: 0;\n }\n .tab-list > li {\n margin-bottom: 0;\n /* Fixes VoiceOver no announcing unordered lists */\n }\n .tab-list > li::before {\n content: \" \";\n position: absolute;\n width: 0;\n height: 0;\n }\n .tab-list {\n position: relative;\n display: flex;\n overflow-x: auto;\n overflow-y: visible;\n margin-bottom: 1.875rem;\n align-items: stretch;\n margin: -0.125rem -0.125rem 1.125rem -0.125rem;\n padding: 0.125rem;\n }\n .tab-list--equal {\n flex-grow: 1;\n }\n .tab-list__item {\n display: flex;\n flex-flow: column;\n max-width: 66.66666%;\n }\n .tab-list--equal .tab-list__item {\n flex-grow: 1;\n flex-basis: 0;\n }\n .tab-list--light .tab-list__item {\n box-shadow: inset 0 -1px 0 0 var(--color-surface-moderate);\n }\n .tab-list__tab {\n flex: 1 1 auto;\n display: flex;\n flex-flow: column;\n height: initial;\n position: relative;\n font-weight: 600;\n background: transparent;\n border-width: 0;\n text-align: left;\n }\n .tab-list__tab:focus {\n z-index: 1;\n }\n .tab-list__tab:focus {\n outline: 2px solid var(--color-border-contrast);\n outline-offset: 0 !important;\n }\n .tab-list__tab:focus-visible {\n outline: 2px solid var(--color-border-contrast);\n outline-offset: 0 !important;\n }\n .tab-list__tab:focus:not(:focus-visible) {\n outline-width: 0;\n outline-color: transparent;\n }\n .tab-list__tab {\n color: var(--color-text-default);\n box-shadow: inset 0 -2px 0 0 var(--color-border-contrast);\n }\n .tab-list__tab[aria-selected=true] {\n color: var(--color-text-accent);\n box-shadow: inset -2px 0 0 0 var(--color-border-contrast), inset 0 2px 0 0 var(--color-border-contrast), inset 2px 0 0 0 var(--color-border-contrast);\n }\n .tab-list__tab:hover {\n color: var(--color-text-accent);\n }\n .tab-list__tab[aria-disabled=true] {\n color: var(--color-surface-moderate);\n }\n .tab-list__tab {\n padding: 0.625rem 1.25rem;\n }\n .tab-list__tab--large {\n padding: 0.625rem 1.25rem;\n }\n .tab-list--light .tab-list__tab {\n box-shadow: none !important;\n }\n .tab-list--light .tab-list__tab:hover {\n box-shadow: none !important;\n }\n .tab-list--light .tab-list__tab[aria-selected=true] {\n box-shadow: inset 0 -4px 0 0 var(--color-border-accent) !important;\n }\n .tab-list--light .tab-list__tab[aria-disabled=true] {\n box-shadow: none !important;\n }\n .tab-list--light.tab-list--equal .tab-list__tab {\n align-items: center;\n }\n .tab-list__hr {\n flex: 1 1 auto;\n max-width: none;\n box-shadow: inset 0 -2px 0 0 var(--color-border-contrast);\n }\n .tab-list--light .tab-list__hr {\n box-shadow: inset 0 -1px 0 0 var(--color-surface-moderate);\n }\n}"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer components{.tag{border-radius:9999px;box-decoration-break:clone;display:inline-flex;font-size:.875rem;font-weight:700;line-height:1rem;padding:.4375rem .75rem;vertical-align:baseline}.tag--small{font-size:.75rem;font-weight:400;line-height:.875rem;padding:.125rem .5rem}.tag--large{font-size:1rem;font-weight:700;line-height:1.125rem;padding:.78125rem .9375rem}.tag{background-color:var(--color-fill-subtle);color:var(--color-text-default)}.tag--orange{background-color:var(--tag-orange);color:var(--tag-text-dark)}.tag--black{background-color:var(--tag-black);color:var(--tag-text-light)}.tag--yellow{background-color:var(--tag-yellow)}.tag--green,.tag--yellow{color:var(--tag-text-dark)}.tag--green{background-color:var(--tag-green)}.tag--blue{background-color:var(--tag-blue);color:var(--tag-text-dark)}.tag--success{background-color:var(--tag-success)}.tag--danger,.tag--success{color:var(--tag-text-light)}.tag--danger{background-color:var(--tag-danger)}.tag--info{background-color:var(--tag-info);color:var(--tag-text-light)}.tag--warning{background-color:var(--tag-warning);color:var(--tag-text-dark)}.tag--transparent{background-color:transparent;color:var(--color-text-default)}.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]){background-color:var(--color-surface-moderate)}.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a),.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button){background-color:var(--color-surface-moderate)}.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a):focus-visible,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a):hover,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button):focus-visible,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button):hover{background-color:var(--color-fill-moderate)}.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a).is-active,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(a):active,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button).is-active,.background-secondary .tag:not([class*="--orange"]):not([class*="--black"]):not([class*="--yellow"]):not([class*="--green"]):not([class*="--blue"]):not([class*="--success"]):not([class*="--danger"]):not([class*="--info"]):not([class*="--warning"]):not([class*="--transparent"]):where(button):active{background-color:var(--color-background-contrast);color:var(--color-text-inverse)}.tag--transparent{border:1px solid var(--color-border-strong)}.tag--transparent:where(button){background-color:transparent;color:var(--color-text-default);cursor:pointer;outline-offset:2px}@media (hover:hover){.tag--transparent:where(button):hover{border-color:var(--color-fill-secondary)}}.tag--transparent:where(button):focus-visible{background-color:transparent;border-color:transparent;color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag--transparent:where(button).is-active,.tag--transparent:where(button):active{background-color:var(--color-fill-secondary);border-color:var(--color-fill-secondary);color:var(--color-text-inverse);z-index:2}.tag--transparent:where(button){z-index:2}.tag--transparent:where(a){background-color:transparent;color:var(--color-text-default);cursor:pointer;outline-offset:2px}@media (hover:hover){.tag--transparent:where(a):hover{border-color:var(--color-fill-secondary)}}.tag--transparent:where(a):focus-visible{background-color:transparent;border-color:transparent;color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag--transparent:where(a).is-active,.tag--transparent:where(a):active{background-color:var(--color-fill-secondary);border-color:var(--color-fill-secondary);color:var(--color-text-inverse);z-index:2}.tag--transparent:where(a){text-decoration:none;z-index:2}.tag--transparent[aria-disabled=true],.tag--transparent[disabled]{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-text-disabled);cursor:not-allowed}.tag:not(.tag--transparent):where(button){background-color:var(--color-fill-subtle);color:var(--color-text-default);cursor:pointer;outline-offset:2px}@media (hover:hover){.tag:not(.tag--transparent):where(button):hover{background-color:var(--color-fill-disabled);color:var(--color-text-default)}}.tag:not(.tag--transparent):where(button):focus-visible{background-color:var(--color-fill-subtle);color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag:not(.tag--transparent):where(button).is-active,.tag:not(.tag--transparent):where(button):active{background-color:var(--color-background-contrast);color:var(--color-text-inverse);z-index:2}.tag:not(.tag--transparent):where(button){z-index:2}.tag:not(.tag--transparent):where(a){background-color:var(--color-fill-subtle);color:var(--color-text-default);cursor:pointer;outline-offset:2px}@media (hover:hover){.tag:not(.tag--transparent):where(a):hover{background-color:var(--color-fill-disabled);color:var(--color-text-default)}}.tag:not(.tag--transparent):where(a):focus-visible{background-color:var(--color-fill-subtle);color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag:not(.tag--transparent):where(a).is-active,.tag:not(.tag--transparent):where(a):active{background-color:var(--color-background-contrast);color:var(--color-text-inverse);z-index:2}.tag:not(.tag--transparent):where(a){text-decoration:none;z-index:2}.tag:not(.tag--transparent)[aria-disabled=true],.tag:not(.tag--transparent)[disabled]{background-color:var(--color-fill-subtle);color:var(--color-text-disabled);cursor:not-allowed}.tag__wrapper{align-items:center;display:inline-flex;position:relative}.tag__wrapper .tag{margin-right:.5rem;padding-right:2.375rem!important}.tag__wrapper .tag--large{margin-right:.5rem;padding-right:2.6875rem!important}.tag__action{background-color:var(--color-fill-moderate);box-decoration-break:clone;color:var(--color-text-default);cursor:pointer;display:inline-flex;outline-offset:2px;vertical-align:baseline}@media (hover:hover){.tag__action:hover{background-color:var(--color-fill-disabled);color:var(--color-text-default)}}.tag__action:focus-visible{background-color:var(--color-fill-subtle);color:var(--color-text-default);outline:2px solid var(--color-background-contrast)!important}.tag__action.is-active,.tag__action:active{background-color:var(--color-background-contrast);color:var(--color-text-inverse);z-index:2}.tag__action[aria-disabled=true],.tag__action[disabled]{background-color:var(--color-fill-moderate);color:var(--color-fill-subtle);cursor:not-allowed}.tag__action{align-items:center;aspect-ratio:1;border-radius:9999px;display:flex;margin-left:-2.375rem!important;padding:.4375rem;z-index:2}.tag__action--large{margin-left:-2.6875rem!important;padding:.59375rem}}
|
|
2
|
+
/*# sourceMappingURL=style.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,KAGE,oBAAqB,CACrB,0BAA2B,CAH3B,mBAAoB,CAOpB,iBAAmB,CAEnB,eAAgB,CADhB,gBAAiB,CAFjB,uBAA0B,CAL1B,uBAGF,CAOA,YAEE,gBAAkB,CAElB,eAAgB,CADhB,mBAAqB,CAFrB,qBAIF,CACA,YAEE,cAAe,CAEf,eAAgB,CADhB,oBAAqB,CAFrB,0BAIF,CACA,KAEE,yCAA0C,CAD1C,+BAEF,CACA,aAEE,kCAAmC,CADnC,0BAEF,CACA,YAEE,iCAAkC,CADlC,2BAEF,CACA,aAEE,kCACF,CACA,yBAHE,0BAMF,CAHA,YAEE,iCACF,CACA,WAEE,gCAAiC,CADjC,0BAEF,CACA,cAEE,mCACF,CACA,2BAHE,2BAMF,CAHA,aAEE,kCACF,CACA,WAEE,gCAAiC,CADjC,2BAEF,CACA,cAEE,mCAAoC,CADpC,0BAEF,CACA,kBAEE,4BAA6B,CAD7B,+BAEF,CACA,sRACE,8CACF,CACA,mkBACE,8CACF,CACA,8qCACE,2CACF,CACA,wqCAEE,iDAAkD,CADlD,+BAEF,CACA,kBACE,2CACF,CACA,gCACE,4BAA6B,CAC7B,+BAAgC,CAChC,cAAe,CACf,kBACF,CACA,qBACE,sCACE,wCACF,CACF,CACA,8CACE,4BAA6B,CAG7B,wBAAyB,CAFzB,+BAAgC,CAChC,4DAEF,CACA,iFAEE,4CAA6C,CAC7C,wCAAyC,CAFzC,+BAAgC,CAGhC,SACF,CACA,gCACE,SACF,CACA,2BACE,4BAA6B,CAC7B,+BAAgC,CAChC,cAAe,CACf,kBACF,CACA,qBACE,iCACE,wCACF,CACF,CACA,yCACE,4BAA6B,CAG7B,wBAAyB,CAFzB,+BAAgC,CAChC,4DAEF,CACA,uEAEE,4CAA6C,CAC7C,wCAAyC,CAFzC,+BAAgC,CAGhC,SACF,CACA,2BAEE,oBAAqB,CADrB,SAEF,CACA,kEAEE,4BAA6B,CAC7B,uCAAwC,CAFxC,gCAAiC,CAGjC,kBACF,CACA,0CACE,yCAA0C,CAC1C,+BAAgC,CAChC,cAAe,CACf,kBACF,CACA,qBACE,gDAEE,2CAA4C,CAD5C,+BAEF,CACF,CACA,wDAEE,yCAA0C,CAD1C,+BAAgC,CAEhC,4DACF,CACA,qGAEE,iDAAkD,CADlD,+BAAgC,CAEhC,SACF,CACA,0CACE,SACF,CACA,qCACE,yCAA0C,CAC1C,+BAAgC,CAChC,cAAe,CACf,kBACF,CACA,qBACE,2CAEE,2CAA4C,CAD5C,+BAEF,CACF,CACA,mDAEE,yCAA0C,CAD1C,+BAAgC,CAEhC,4DACF,CACA,2FAEE,iDAAkD,CADlD,+BAAgC,CAEhC,SACF,CACA,qCAEE,oBAAqB,CADrB,SAEF,CACA,sFAEE,yCAA0C,CAD1C,gCAAiC,CAEjC,kBACF,CACA,cAGE,kBAAmB,CADnB,mBAAoB,CADpB,iBAGF,CACA,mBAEE,kBAAoB,CADpB,gCAEF,CACA,0BAEE,kBAAoB,CADpB,iCAEF,CACA,aAME,2CAA4C,CAF5C,0BAA2B,CAC3B,+BAAgC,CAEhC,cAAe,CANf,mBAAoB,CAOpB,kBAAmB,CANnB,uBAOF,CACA,qBACE,mBAEE,2CAA4C,CAD5C,+BAEF,CACF,CACA,2BAEE,yCAA0C,CAD1C,+BAAgC,CAEhC,4DACF,CACA,2CAEE,iDAAkD,CADlD,+BAAgC,CAEhC,SACF,CACA,wDAEE,2CAA4C,CAD5C,8BAA+B,CAE/B,kBACF,CACA,aAGE,kBAAmB,CAFnB,cAAe,CAGf,oBAAqB,CAFrB,YAAa,CAMb,+BAAuC,CACvC,gBAAkB,CAJlB,SACF,CAKA,oBACE,gCAAwC,CACxC,iBACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .tag {\n display: inline-flex;\n vertical-align: baseline;\n border-radius: 9999px;\n box-decoration-break: clone;\n }\n .tag {\n padding: 0.4375rem 0.75rem;\n font-size: 0.875rem;\n line-height: 1rem;\n font-weight: 700;\n }\n .tag--small {\n padding: 0.125rem 0.5rem;\n font-size: 0.75rem;\n line-height: 0.875rem;\n font-weight: 400;\n }\n .tag--large {\n padding: 0.78125rem 0.9375rem;\n font-size: 1rem;\n line-height: 1.125rem;\n font-weight: 700;\n }\n .tag {\n color: var(--color-text-default);\n background-color: var(--color-fill-subtle);\n }\n .tag--orange {\n color: var(--tag-text-dark);\n background-color: var(--tag-orange);\n }\n .tag--black {\n color: var(--tag-text-light);\n background-color: var(--tag-black);\n }\n .tag--yellow {\n color: var(--tag-text-dark);\n background-color: var(--tag-yellow);\n }\n .tag--green {\n color: var(--tag-text-dark);\n background-color: var(--tag-green);\n }\n .tag--blue {\n color: var(--tag-text-dark);\n background-color: var(--tag-blue);\n }\n .tag--success {\n color: var(--tag-text-light);\n background-color: var(--tag-success);\n }\n .tag--danger {\n color: var(--tag-text-light);\n background-color: var(--tag-danger);\n }\n .tag--info {\n color: var(--tag-text-light);\n background-color: var(--tag-info);\n }\n .tag--warning {\n color: var(--tag-text-dark);\n background-color: var(--tag-warning);\n }\n .tag--transparent {\n color: var(--color-text-default);\n background-color: transparent;\n }\n .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]) {\n background-color: var(--color-surface-moderate);\n }\n .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button), .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a) {\n background-color: var(--color-surface-moderate);\n }\n .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button):focus-visible, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button):hover, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a):focus-visible, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a):hover {\n background-color: var(--color-fill-moderate);\n }\n .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button):active, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(button).is-active, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a):active, .background-secondary .tag:not([class*=\"--orange\"]):not([class*=\"--black\"]):not([class*=\"--yellow\"]):not([class*=\"--green\"]):not([class*=\"--blue\"]):not([class*=\"--success\"]):not([class*=\"--danger\"]):not([class*=\"--info\"]):not([class*=\"--warning\"]):not([class*=\"--transparent\"]):where(a).is-active {\n color: var(--color-text-inverse);\n background-color: var(--color-background-contrast);\n }\n .tag--transparent {\n border: 1px solid var(--color-border-strong);\n }\n .tag--transparent:where(button) {\n background-color: transparent;\n color: var(--color-text-default);\n cursor: pointer;\n outline-offset: 2px;\n }\n @media (hover: hover) {\n .tag--transparent:where(button):hover {\n border-color: var(--color-fill-secondary);\n }\n }\n .tag--transparent:where(button):focus-visible {\n background-color: transparent;\n color: var(--color-text-default);\n outline: 2px solid var(--color-background-contrast) !important;\n border-color: transparent;\n }\n .tag--transparent:where(button):active, .tag--transparent:where(button).is-active {\n color: var(--color-text-inverse);\n background-color: var(--color-fill-secondary);\n border-color: var(--color-fill-secondary);\n z-index: 2;\n }\n .tag--transparent:where(button) {\n z-index: 2;\n }\n .tag--transparent:where(a) {\n background-color: transparent;\n color: var(--color-text-default);\n cursor: pointer;\n outline-offset: 2px;\n }\n @media (hover: hover) {\n .tag--transparent:where(a):hover {\n border-color: var(--color-fill-secondary);\n }\n }\n .tag--transparent:where(a):focus-visible {\n background-color: transparent;\n color: var(--color-text-default);\n outline: 2px solid var(--color-background-contrast) !important;\n border-color: transparent;\n }\n .tag--transparent:where(a):active, .tag--transparent:where(a).is-active {\n color: var(--color-text-inverse);\n background-color: var(--color-fill-secondary);\n border-color: var(--color-fill-secondary);\n z-index: 2;\n }\n .tag--transparent:where(a) {\n z-index: 2;\n text-decoration: none;\n }\n .tag--transparent[aria-disabled=true], .tag--transparent[disabled] {\n color: var(--color-text-disabled);\n background-color: transparent;\n border-color: var(--color-border-strong);\n cursor: not-allowed;\n }\n .tag:not(.tag--transparent):where(button) {\n background-color: var(--color-fill-subtle);\n color: var(--color-text-default);\n cursor: pointer;\n outline-offset: 2px;\n }\n @media (hover: hover) {\n .tag:not(.tag--transparent):where(button):hover {\n color: var(--color-text-default);\n background-color: var(--color-fill-disabled);\n }\n }\n .tag:not(.tag--transparent):where(button):focus-visible {\n color: var(--color-text-default);\n background-color: var(--color-fill-subtle);\n outline: 2px solid var(--color-background-contrast) !important;\n }\n .tag:not(.tag--transparent):where(button):active, .tag:not(.tag--transparent):where(button).is-active {\n color: var(--color-text-inverse);\n background-color: var(--color-background-contrast);\n z-index: 2;\n }\n .tag:not(.tag--transparent):where(button) {\n z-index: 2;\n }\n .tag:not(.tag--transparent):where(a) {\n background-color: var(--color-fill-subtle);\n color: var(--color-text-default);\n cursor: pointer;\n outline-offset: 2px;\n }\n @media (hover: hover) {\n .tag:not(.tag--transparent):where(a):hover {\n color: var(--color-text-default);\n background-color: var(--color-fill-disabled);\n }\n }\n .tag:not(.tag--transparent):where(a):focus-visible {\n color: var(--color-text-default);\n background-color: var(--color-fill-subtle);\n outline: 2px solid var(--color-background-contrast) !important;\n }\n .tag:not(.tag--transparent):where(a):active, .tag:not(.tag--transparent):where(a).is-active {\n color: var(--color-text-inverse);\n background-color: var(--color-background-contrast);\n z-index: 2;\n }\n .tag:not(.tag--transparent):where(a) {\n z-index: 2;\n text-decoration: none;\n }\n .tag:not(.tag--transparent)[aria-disabled=true], .tag:not(.tag--transparent)[disabled] {\n color: var(--color-text-disabled);\n background-color: var(--color-fill-subtle);\n cursor: not-allowed;\n }\n .tag__wrapper {\n position: relative;\n display: inline-flex;\n align-items: center;\n }\n .tag__wrapper .tag {\n padding-right: calc(2.375rem) !important;\n margin-right: 0.5rem;\n }\n .tag__wrapper .tag--large {\n padding-right: calc(2.6875rem) !important;\n margin-right: 0.5rem;\n }\n .tag__action {\n display: inline-flex;\n vertical-align: baseline;\n border-radius: 9999px;\n box-decoration-break: clone;\n color: var(--color-text-default);\n background-color: var(--color-fill-moderate);\n cursor: pointer;\n outline-offset: 2px;\n }\n @media (hover: hover) {\n .tag__action:hover {\n color: var(--color-text-default);\n background-color: var(--color-fill-disabled);\n }\n }\n .tag__action:focus-visible {\n color: var(--color-text-default);\n background-color: var(--color-fill-subtle);\n outline: 2px solid var(--color-background-contrast) !important;\n }\n .tag__action:active, .tag__action.is-active {\n color: var(--color-text-inverse);\n background-color: var(--color-background-contrast);\n z-index: 2;\n }\n .tag__action[aria-disabled=true], .tag__action[disabled] {\n color: var(--color-fill-subtle);\n background-color: var(--color-fill-moderate);\n cursor: not-allowed;\n }\n .tag__action {\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n border-radius: 9999px;\n z-index: 2;\n }\n .tag__action {\n margin-left: calc(-2.375rem) !important;\n padding: 0.4375rem;\n }\n .tag__action--large {\n margin-left: calc(-2.6875rem) !important;\n padding: 0.59375rem;\n }\n}"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer components{.testimonial{font-size:.875rem;padding:.625rem 1.875rem .625rem 2.5rem;position:relative;width:fit-content}.testimonial:after,.testimonial:before{background-color:var(--color-background-contrast);background-repeat:no-repeat;content:"";display:block;height:1.125rem;position:absolute;width:1.25rem}.testimonial:before{bottom:0;left:0;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0h7.551v7.551c0 1.36-.159 2.653-.476 3.878-.272 1.179-.726 2.222-1.36 3.129A6.652 6.652 0 0 1 3.4 16.735c-.907.544-2.018.816-3.333.816V14.15c.771 0 1.406-.182 1.905-.545.499-.408.907-.93 1.224-1.564a6.33 6.33 0 0 0 .613-2.109c.136-.816.204-1.61.204-2.381H0V0Zm12.449 0H20v7.551c0 1.36-.159 2.653-.476 3.878-.272 1.179-.726 2.222-1.36 3.129a6.653 6.653 0 0 1-2.314 2.177c-.907.544-2.018.816-3.333.816V14.15c.771 0 1.406-.182 1.905-.545.499-.408.907-.93 1.224-1.564a6.331 6.331 0 0 0 .613-2.109c.136-.816.204-1.61.204-2.381h-4.014V0Z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0h7.551v7.551c0 1.36-.159 2.653-.476 3.878-.272 1.179-.726 2.222-1.36 3.129A6.652 6.652 0 0 1 3.4 16.735c-.907.544-2.018.816-3.333.816V14.15c.771 0 1.406-.182 1.905-.545.499-.408.907-.93 1.224-1.564a6.33 6.33 0 0 0 .613-2.109c.136-.816.204-1.61.204-2.381H0V0Zm12.449 0H20v7.551c0 1.36-.159 2.653-.476 3.878-.272 1.179-.726 2.222-1.36 3.129a6.653 6.653 0 0 1-2.314 2.177c-.907.544-2.018.816-3.333.816V14.15c.771 0 1.406-.182 1.905-.545.499-.408.907-.93 1.224-1.564a6.331 6.331 0 0 0 .613-2.109c.136-.816.204-1.61.204-2.381h-4.014V0Z"/></svg>')}.testimonial:after{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.551 17.551H0V10c0-1.36.136-2.63.408-3.81.318-1.224.771-2.29 1.36-3.197A7.288 7.288 0 0 1 4.15.816C5.102.272 6.213 0 7.483 0v3.401c-.771 0-1.406.204-1.905.613-.499.362-.907.861-1.224 1.496-.318.635-.544 1.36-.68 2.177A19.78 19.78 0 0 0 3.536 10h4.014v7.551Zm12.449 0h-7.551V10c0-1.36.136-2.63.408-3.81.318-1.224.771-2.29 1.36-3.197A7.289 7.289 0 0 1 16.6.816C17.55.272 18.662 0 19.932 0v3.401c-.771 0-1.406.204-1.905.613-.499.362-.907.861-1.224 1.496-.318.635-.544 1.36-.68 2.177A19.78 19.78 0 0 0 15.985 10H20v7.551Z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.551 17.551H0V10c0-1.36.136-2.63.408-3.81.318-1.224.771-2.29 1.36-3.197A7.288 7.288 0 0 1 4.15.816C5.102.272 6.213 0 7.483 0v3.401c-.771 0-1.406.204-1.905.613-.499.362-.907.861-1.224 1.496-.318.635-.544 1.36-.68 2.177A19.78 19.78 0 0 0 3.536 10h4.014v7.551Zm12.449 0h-7.551V10c0-1.36.136-2.63.408-3.81.318-1.224.771-2.29 1.36-3.197A7.289 7.289 0 0 1 16.6.816C17.55.272 18.662 0 19.932 0v3.401c-.771 0-1.406.204-1.905.613-.499.362-.907.861-1.224 1.496-.318.635-.544 1.36-.68 2.177A19.78 19.78 0 0 0 15.985 10H20v7.551Z"/></svg>');right:0;top:0}.testimonial--orange:after,.testimonial--orange:before{background-color:var(--color-surface-secondary)}}
|
|
2
|
+
/*# sourceMappingURL=style.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,aAGE,iBAAmB,CAFnB,uCAA0C,CAG1C,iBAAkB,CAFlB,iBAGF,CACA,uCAOE,iDAAkD,CADlD,2BAA4B,CAL5B,UAAW,CACX,aAAc,CAEd,eAAgB,CADhB,iBAAkB,CAElB,aAGF,CACA,oBAIE,QAAS,CADT,MAAO,CAFP,0sBAAq/B,CACr/B,ksBAGF,CACA,mBACE,mrBAA09B,CAC19B,2rBAAk+B,CAEl+B,OAAQ,CADR,KAEF,CACA,uDACE,+CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .testimonial {\n padding: 0.625rem 1.875rem 0.625rem 2.5rem;\n width: fit-content;\n font-size: 0.875rem;\n position: relative;\n }\n .testimonial::before, .testimonial::after {\n content: \"\";\n display: block;\n position: absolute;\n height: 1.125rem;\n width: 1.25rem;\n background-repeat: no-repeat;\n background-color: var(--color-background-contrast);\n }\n .testimonial::before {\n -webkit-mask-image: url('data:image/svg+xml,<svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 0H7.55102V7.55102C7.55102 8.91157 7.39229 10.2041 7.07483 11.4286C6.80272 12.6077 6.34921 13.6508 5.71429 14.5578C5.12472 15.4649 4.35374 16.1905 3.40136 16.7347C2.49433 17.2789 1.38322 17.551 0.0680272 17.551V14.1497C0.839002 14.1497 1.47392 13.9683 1.97279 13.6054C2.47166 13.1973 2.87982 12.6757 3.19728 12.0408C3.51474 11.4059 3.71882 10.703 3.80952 9.93198C3.94558 9.11565 4.01361 8.322 4.01361 7.55102H0V0ZM12.449 0H20V7.55102C20 8.91157 19.8413 10.2041 19.5238 11.4286C19.2517 12.6077 18.7982 13.6508 18.1633 14.5578C17.5737 15.4649 16.8027 16.1905 15.8503 16.7347C14.9433 17.2789 13.8322 17.551 12.517 17.551V14.1497C13.288 14.1497 13.9229 13.9683 14.4218 13.6054C14.9206 13.1973 15.3288 12.6757 15.6463 12.0408C15.9637 11.4059 16.1678 10.703 16.2585 9.93198C16.3946 9.11565 16.4626 8.322 16.4626 7.55102H12.449V0Z\" /></svg>');\n mask-image: url('data:image/svg+xml,<svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 0H7.55102V7.55102C7.55102 8.91157 7.39229 10.2041 7.07483 11.4286C6.80272 12.6077 6.34921 13.6508 5.71429 14.5578C5.12472 15.4649 4.35374 16.1905 3.40136 16.7347C2.49433 17.2789 1.38322 17.551 0.0680272 17.551V14.1497C0.839002 14.1497 1.47392 13.9683 1.97279 13.6054C2.47166 13.1973 2.87982 12.6757 3.19728 12.0408C3.51474 11.4059 3.71882 10.703 3.80952 9.93198C3.94558 9.11565 4.01361 8.322 4.01361 7.55102H0V0ZM12.449 0H20V7.55102C20 8.91157 19.8413 10.2041 19.5238 11.4286C19.2517 12.6077 18.7982 13.6508 18.1633 14.5578C17.5737 15.4649 16.8027 16.1905 15.8503 16.7347C14.9433 17.2789 13.8322 17.551 12.517 17.551V14.1497C13.288 14.1497 13.9229 13.9683 14.4218 13.6054C14.9206 13.1973 15.3288 12.6757 15.6463 12.0408C15.9637 11.4059 16.1678 10.703 16.2585 9.93198C16.3946 9.11565 16.4626 8.322 16.4626 7.55102H12.449V0Z\" /></svg>');\n left: 0;\n bottom: 0;\n }\n .testimonial::after {\n mask-image: url('data:image/svg+xml,<svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.55102 17.551H0V10C0 8.63946 0.136054 7.36962 0.408163 6.19048C0.725624 4.96599 1.17914 3.90023 1.76871 2.9932C2.40363 2.08617 3.19728 1.36055 4.14966 0.81633C5.10204 0.272111 6.21315 0 7.48299 0V3.40136C6.71202 3.40136 6.0771 3.60544 5.57823 4.01361C5.07937 4.37642 4.6712 4.87528 4.35374 5.5102C4.03628 6.14513 3.80952 6.87075 3.67347 7.68708C3.58277 8.45805 3.53742 9.22902 3.53742 10H7.55102V17.551ZM20 17.551H12.449V10C12.449 8.63946 12.585 7.36962 12.8571 6.19048C13.1746 4.96599 13.6281 3.90023 14.2177 2.9932C14.8526 2.08617 15.6463 1.36055 16.5986 0.81633C17.551 0.272111 18.6621 0 19.932 0V3.40136C19.161 3.40136 18.5261 3.60544 18.0272 4.01361C17.5283 4.37642 17.1202 4.87528 16.8027 5.5102C16.4853 6.14513 16.2585 6.87075 16.1224 7.68708C16.0317 8.45805 15.9864 9.22902 15.9864 10H20V17.551Z\" /></svg>');\n -webkit-mask-image: url('data:image/svg+xml,<svg width=\"20\" height=\"18\" viewBox=\"0 0 20 18\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.55102 17.551H0V10C0 8.63946 0.136054 7.36962 0.408163 6.19048C0.725624 4.96599 1.17914 3.90023 1.76871 2.9932C2.40363 2.08617 3.19728 1.36055 4.14966 0.81633C5.10204 0.272111 6.21315 0 7.48299 0V3.40136C6.71202 3.40136 6.0771 3.60544 5.57823 4.01361C5.07937 4.37642 4.6712 4.87528 4.35374 5.5102C4.03628 6.14513 3.80952 6.87075 3.67347 7.68708C3.58277 8.45805 3.53742 9.22902 3.53742 10H7.55102V17.551ZM20 17.551H12.449V10C12.449 8.63946 12.585 7.36962 12.8571 6.19048C13.1746 4.96599 13.6281 3.90023 14.2177 2.9932C14.8526 2.08617 15.6463 1.36055 16.5986 0.81633C17.551 0.272111 18.6621 0 19.932 0V3.40136C19.161 3.40136 18.5261 3.60544 18.0272 4.01361C17.5283 4.37642 17.1202 4.87528 16.8027 5.5102C16.4853 6.14513 16.2585 6.87075 16.1224 7.68708C16.0317 8.45805 15.9864 9.22902 15.9864 10H20V17.551Z\" /></svg>');\n top: 0;\n right: 0;\n }\n .testimonial--orange::before, .testimonial--orange::after {\n background-color: var(--color-surface-secondary);\n }\n}"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer components{.tile{border-radius:.625rem;display:flex;overflow:hidden;position:relative;width:100%}.tile--image{aspect-ratio:310/466!important}.tile:after{border:1px solid var(--color-border-strong);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tile__body{display:flex;flex:1;flex-direction:column;z-index:1}.tile__body :last-child{margin-bottom:0}.tile__body{padding:.9375rem}@media screen and (min-width:768px){.tile__body{padding:1.875rem}}.tile__body--space-small{padding:1.25rem}.tile__bg{bottom:0;height:100%;left:0;margin-bottom:0!important;object-fit:cover;object-position:center center;position:absolute;right:0;top:0}.tile--image .tile__body{background:linear-gradient(180deg,#000,rgba(0,0,0,.75) 40%,transparent 70%);color:#fff}.tile--image .tile__body.justify-content-end{background:linear-gradient(0deg,#000,rgba(0,0,0,.75) 40%,transparent 70%)}.tile--action .tile__body{align-items:center;flex-direction:row;justify-content:space-between;order:1}.tile--action .icon{margin-left:.625rem;order:2}}
|
|
2
|
+
/*# sourceMappingURL=style.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAKE,qBAAuB,CAJvB,YAAa,CAEb,eAAgB,CADhB,iBAAkB,CAElB,UAEF,CACA,aACE,8BACF,CACA,YAOE,2CAA4C,CAC5C,qBAAsB,CAFtB,QAAS,CALT,UAAW,CAGX,MAAO,CAKP,mBAAoB,CAPpB,iBAAkB,CAGlB,OAAQ,CAFR,KAOF,CACA,YAEE,YAAa,CADb,MAAO,CAEP,qBAAsB,CACtB,SACF,CACA,wBACE,eACF,CACA,YACE,gBACF,CACA,oCACE,YACE,gBACF,CACF,CACA,yBACE,eACF,CACA,UAIE,QAAS,CAIT,WAAY,CAHZ,MAAO,CAIP,yBAA2B,CAH3B,gBAAiB,CACjB,6BAA8B,CAN9B,iBAAkB,CAElB,OAAQ,CADR,KAQF,CACA,yBACE,2EAAmG,CACnG,UACF,CACA,6CACE,yEACF,CACA,0BAGE,kBAAmB,CAFnB,kBAAmB,CACnB,6BAA8B,CAE9B,OACF,CACA,oBAEE,mBAAqB,CADrB,OAEF,CACF","file":"style.css","sourcesContent":["@layer components {\n .tile {\n display: flex;\n position: relative;\n overflow: hidden;\n width: 100%;\n border-radius: 0.625rem;\n }\n .tile--image {\n aspect-ratio: 310/466 !important;\n }\n .tile::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid var(--color-border-strong);\n border-radius: inherit;\n pointer-events: none;\n }\n .tile__body {\n flex: 1;\n display: flex;\n flex-direction: column;\n z-index: 1;\n }\n .tile__body *:last-child {\n margin-bottom: 0;\n }\n .tile__body {\n padding: 0.9375rem;\n }\n @media screen and (min-width: 768px) {\n .tile__body {\n padding: 1.875rem;\n }\n }\n .tile__body--space-small {\n padding: 1.25rem;\n }\n .tile__bg {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n object-fit: cover;\n object-position: center center;\n height: 100%;\n margin-bottom: 0 !important;\n }\n .tile--image .tile__body {\n background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 40%, rgba(0, 0, 0, 0) 70%);\n color: #fff;\n }\n .tile--image .tile__body.justify-content-end {\n background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 40%, rgba(0, 0, 0, 0) 70%);\n }\n .tile--action .tile__body {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n order: 1;\n }\n .tile--action .icon {\n order: 2;\n margin-left: 0.625rem;\n }\n}"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer components{.tooltip{display:block;opacity:0;position:absolute;transform:translateZ(0);transition:opacity .2s ease-out;z-index:1000}.tooltip>:last-child{margin-bottom:0}.tooltip[data-popper-placement^=top]{padding-bottom:1.25rem}.tooltip[data-popper-placement^=right]{padding-left:1.25rem}.tooltip[data-popper-placement^=bottom]{padding-top:1.25rem}.tooltip[data-popper-placement^=left]{padding-right:1.25rem}.tooltip.is-visible{opacity:1}.tooltip__dialog{background-color:var(--color-surface-primary);border:2px solid var(--color-border-contrast);border-radius:.3125rem;display:inline-block;max-width:18.75rem;padding:1.25rem}.tooltip__dialog>:not([class*=mb-]):last-child{margin-bottom:0}.tooltip__arrow{display:block}.tooltip__arrow:before{background-clip:padding-box;background-color:var(--color-surface-primary);border:2px solid var(--color-border-contrast);content:"";display:block;height:.875rem;transform:rotate(45deg);width:.875rem}[data-popper-placement^=top] .tooltip__arrow{bottom:.9406407832rem}[data-popper-placement^=right] .tooltip__arrow{left:.9406407832rem}[data-popper-placement^=bottom] .tooltip__arrow{top:.9406407832rem}[data-popper-placement^=left] .tooltip__arrow{right:.9406407832rem}[data-popper-placement^=top] .tooltip__arrow:before{border-left-color:transparent;border-top-color:transparent}[data-popper-placement^=bottom] .tooltip__arrow:before{border-bottom-color:transparent;border-right-color:transparent}[data-popper-placement^=left] .tooltip__arrow:before{border-bottom-color:transparent;border-left-color:transparent}[data-popper-placement^=right] .tooltip__arrow:before{border-right-color:transparent;border-top-color:transparent}.info-tooltip{border-radius:100%;display:inline-flex;position:relative;vertical-align:-.1em}.info-tooltip:focus{box-shadow:0 0 0 2px var(--color-background-primary),0 0 0 4px var(--color-border-contrast);outline-color:transparent!important;outline-width:0!important}.info-tooltip:focus-visible{box-shadow:0 0 0 2px var(--color-background-primary),0 0 0 4px var(--color-border-contrast);outline-color:transparent!important;outline-width:0!important}.info-tooltip:focus:not(:focus-visible){box-shadow:none;outline-color:transparent!important;outline-width:0!important}.info-tooltip:before{content:"";height:calc(100% + 1.25rem);left:-.625rem;position:absolute;top:-.625rem;width:calc(100% + 1.25rem)}.info-tooltip.is-active .info-tooltip__icon,.info-tooltip:focus .info-tooltip__icon{color:var(--color-icon-brand)}}
|
|
2
|
+
/*# sourceMappingURL=style.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAWA,kBACE,SAME,aAAc,CAJd,SAAU,CADV,iBAAkB,CAGlB,uBAA+B,CAD/B,+BAAkC,CAElC,YAEF,CACA,qBACE,eACF,CACA,qCACE,sBACF,CACA,uCACE,oBACF,CACA,wCACE,mBACF,CACA,sCACE,qBACF,CACA,oBACE,SACF,CACA,iBAIE,6CAA8C,CAC9C,6CAA8C,CAC9C,sBAAwB,CALxB,oBAAqB,CACrB,kBAAmB,CACnB,eAIF,CACA,+CACE,eACF,CACA,gBACE,aACF,CACA,uBAME,2BAA4B,CAD5B,6CAA8C,CAE9C,6CAA8C,CAN9C,UAAW,CACX,aAAc,CAEd,cAAgB,CAIhB,uBAAwB,CALxB,aAMF,CACA,6CACE,qBACF,CACA,+CACE,mBACF,CACA,gDACE,kBACF,CACA,8CACE,oBACF,CACA,oDAEE,6BAA8B,CAD9B,4BAEF,CACA,uDACE,+BAAgC,CAChC,8BACF,CACA,qDACE,+BAAgC,CAChC,6BACF,CACA,sDAEE,8BAA+B,CAD/B,4BAEF,CACA,cAIE,kBAAmB,CAFnB,mBAAoB,CADpB,iBAAkB,CAElB,oBAEF,CACA,oBAGE,2FAA6F,CAD7F,mCAAqC,CADrC,yBAGF,CACA,4BAGE,2FAA6F,CAD7F,mCAAqC,CADrC,yBAGF,CACA,wCAGE,eAAgB,CADhB,mCAAqC,CADrC,yBAGF,CACA,qBACE,UAAW,CAKX,2BAA4B,CAF5B,aAAe,CAFf,iBAAkB,CAClB,YAAc,CAEd,0BAEF,CACA,oFACE,6BACF,CACF","file":"style.css","sourcesContent":["/*\n * Add space between trigger and tooltip.\n*/\n/*\n * Arrow size MUST be a rem-based value. It's used in Pythagoras theorem\n * to find the hypotenuse size and sass math exponential functions do not handle units.\n * Therefore, the rem unit is added manually at the end of the calculation.\n*/\n/**\n * Resets margin-bottom of the last child to zero\n */\n@layer components {\n .tooltip {\n position: absolute;\n opacity: 0;\n transition: opacity 200ms ease-out;\n transform: translate3d(0, 0, 0);\n z-index: 1000;\n display: block;\n }\n .tooltip > *:last-child {\n margin-bottom: 0;\n }\n .tooltip[data-popper-placement^=top] {\n padding-bottom: 1.25rem;\n }\n .tooltip[data-popper-placement^=right] {\n padding-left: 1.25rem;\n }\n .tooltip[data-popper-placement^=bottom] {\n padding-top: 1.25rem;\n }\n .tooltip[data-popper-placement^=left] {\n padding-right: 1.25rem;\n }\n .tooltip.is-visible {\n opacity: 1;\n }\n .tooltip__dialog {\n display: inline-block;\n max-width: 18.75rem;\n padding: 1.25rem;\n background-color: var(--color-surface-primary);\n border: 2px solid var(--color-border-contrast);\n border-radius: 0.3125rem;\n }\n .tooltip__dialog > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .tooltip__arrow {\n display: block;\n }\n .tooltip__arrow::before {\n content: \"\";\n display: block;\n width: 0.875rem;\n height: 0.875rem;\n background-color: var(--color-surface-primary);\n background-clip: padding-box;\n border: 2px solid var(--color-border-contrast);\n transform: rotate(45deg);\n }\n [data-popper-placement^=top] .tooltip__arrow {\n bottom: 0.9406407832rem;\n }\n [data-popper-placement^=right] .tooltip__arrow {\n left: 0.9406407832rem;\n }\n [data-popper-placement^=bottom] .tooltip__arrow {\n top: 0.9406407832rem;\n }\n [data-popper-placement^=left] .tooltip__arrow {\n right: 0.9406407832rem;\n }\n [data-popper-placement^=top] .tooltip__arrow:before {\n border-top-color: transparent;\n border-left-color: transparent;\n }\n [data-popper-placement^=bottom] .tooltip__arrow:before {\n border-bottom-color: transparent;\n border-right-color: transparent;\n }\n [data-popper-placement^=left] .tooltip__arrow:before {\n border-bottom-color: transparent;\n border-left-color: transparent;\n }\n [data-popper-placement^=right] .tooltip__arrow:before {\n border-top-color: transparent;\n border-right-color: transparent;\n }\n .info-tooltip {\n position: relative;\n display: inline-flex;\n vertical-align: -0.1em;\n border-radius: 100%;\n }\n .info-tooltip:focus {\n outline-width: 0 !important;\n outline-color: transparent !important;\n box-shadow: 0 0 0 2px var(--color-background-primary), 0 0 0 4px var(--color-border-contrast);\n }\n .info-tooltip:focus-visible {\n outline-width: 0 !important;\n outline-color: transparent !important;\n box-shadow: 0 0 0 2px var(--color-background-primary), 0 0 0 4px var(--color-border-contrast);\n }\n .info-tooltip:focus:not(:focus-visible) {\n outline-width: 0 !important;\n outline-color: transparent !important;\n box-shadow: none;\n }\n .info-tooltip::before {\n content: \"\";\n position: absolute;\n top: -0.625rem;\n left: -0.625rem;\n width: calc(100% + 1.25rem);\n height: calc(100% + 1.25rem);\n }\n .info-tooltip.is-active .info-tooltip__icon, .info-tooltip:focus .info-tooltip__icon {\n color: var(--color-icon-brand);\n }\n}"]}
|