@orangesk/orange-design-system 2.0.0-beta.29 → 2.0.0-beta.30
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/CarouselPromotions/style.css +1 -1
- package/build/components/CarouselPromotions/style.css.map +1 -1
- package/build/components/Expander/style.css +1 -1
- package/build/components/Expander/style.css.map +1 -1
- package/build/components/Grid/style.css +1 -1
- package/build/components/Grid/style.css.map +1 -1
- package/build/components/Progress/style.css +1 -1
- package/build/components/Progress/style.css.map +1 -1
- package/build/components/Tag/style.css +1 -1
- package/build/components/Tag/style.css.map +1 -1
- package/build/components/Tile/style.css +1 -1
- package/build/components/Tile/style.css.map +1 -1
- package/build/components/index.js +1 -1
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/index.d.ts +2 -2
- package/build/components/types/src/components/Carousel/Carousel.static.d.ts +2 -2
- package/build/components/types/src/components/Grid/Grid.d.ts +2 -2
- package/build/lib/base.css +1 -1
- package/build/lib/base.css.map +1 -1
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/scripts.js +1 -1
- package/build/lib/scripts.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 +1 -1
- package/build/lib/utilities.css.map +1 -1
- package/build/search-index.json +5 -1
- package/package.json +6 -6
- package/src/components/Carousel/Carousel.static.ts +15 -8
- package/src/components/Expander/Expander.static.ts +0 -41
- package/src/components/Expander/Expander.tsx +4 -9
- package/src/components/Expander/styles/style.scss +1 -0
- package/src/components/Grid/Grid.tsx +9 -3
- package/src/components/Grid/styles/config.scss +3 -2
- package/src/components/Grid/styles/mixins.scss +20 -34
- package/src/components/Grid/styles/style.scss +15 -5
- package/src/components/Grid/tests/Grid.unit.test.js +3 -3
- package/src/components/Tag/styles/style.scss +5 -0
- package/src/components/Tile/styles/mixins.scss +1 -0
- package/src/styles/base/globals.scss +4 -0
- package/src/styles/typography/config.scss +21 -1
- package/src/styles/typography/style.scss +13 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@keyframes countdown{0%{stroke-dashoffset:31.416}to{stroke-dashoffset:0}}@layer components{.carousel-promotions{margin:0 auto 1.875rem;position:relative}.carousel-promotions__viewport-wrapper{position:relative}.carousel-promotions__viewport{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;margin:0 auto;overflow-y:hidden;position:relative;scrollbar-width:none;transform:translateZ(0)}@media screen and (max-width:767.98px){.carousel-promotions__viewport{padding-bottom:.625rem}}@media screen and (min-width:768px){.carousel-promotions__viewport{margin-bottom:1.25rem}}.carousel-promotions__viewport::-webkit-scrollbar{height:0;opacity:0}@media screen and (max-width:767.98px){.carousel-promotions__viewport::-webkit-scrollbar{appearance:none;background-color:var(--color-surface-moderate);border-radius:99px;height:.375rem}.carousel-promotions__viewport::-webkit-scrollbar-thumb{background-color:var(--color-fill-contrast);border-radius:99px;opacity:1}}.carousel-promotions__viewport.is-draggable{cursor:-webkit-grab;cursor:grab;user-select:none}.carousel-promotions__viewport.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.carousel-promotions__track{display:flex;margin:0;padding:0;transform:translateZ(0);width:100%;z-index:1}.carousel-promotions__slide{background-color:var(--color-surface-primary);display:flex;flex:0 0 auto;max-width:100%;user-select:none}.carousel-promotions__slide--black{background-color:var(--color-surface-contrast);color:var(--color-text-inverse)!important}.carousel-promotions__slide>:last-child{margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__slide{flex-direction:row-reverse;justify-content:space-between}}.carousel-promotions__slide:is(a){cursor:pointer}.carousel-promotions__slide:is(a),.carousel-promotions__slide:is(a):active,.carousel-promotions__slide:is(a):hover,.carousel-promotions__slide:is(a):visited{color:inherit}.carousel-promotions__image{align-self:center;display:flex;flex-shrink:0;height:6.25rem;margin:.625rem;width:6.25rem}.carousel-promotions__image img,.carousel-promotions__image picture{margin-bottom:0}.carousel-promotions__image img{height:100%;pointer-events:none;user-select:none;width:100%}@media screen and (min-width:768px){.carousel-promotions__image{background-color:unset;border-radius:0;flex-grow:1;height:11rem;justify-content:end;margin:0 3.125rem 0 0;position:relative;width:11rem}.carousel-promotions__image img,.carousel-promotions__image picture{max-width:11rem;object-fit:cover;width:100%}}@media screen and (min-width:992px){.carousel-promotions__image{height:12.5rem;margin-right:6.25rem;width:12.5rem}.carousel-promotions__image img,.carousel-promotions__image picture{max-width:12.5rem}}.carousel-promotions__title{font-size:1rem;font-weight:300;letter-spacing:-.00625rem;line-height:1.25rem;margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__title{font-size:1.75rem;font-weight:300;letter-spacing:-.0375rem;line-height:2rem;margin-bottom:1.25rem}}@media screen and (min-width:992px){.carousel-promotions__title{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}}.carousel-promotions__title{font-weight:700}.carousel-promotions__content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:.625rem .625rem .625rem 0}.carousel-promotions__content>:last-child{margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__content{height:100%;justify-content:space-between;max-width:34.0625rem;padding:1.25rem}}@media screen and (max-width:991.98px){.carousel-promotions__content{font-size:.875rem;font-weight:400;letter-spacing:0;line-height
|
|
1
|
+
@keyframes countdown{0%{stroke-dashoffset:31.416}to{stroke-dashoffset:0}}@layer components{.carousel-promotions{margin:0 auto 1.875rem;position:relative}.carousel-promotions__viewport-wrapper{position:relative}.carousel-promotions__viewport{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;margin:0 auto;overflow-y:hidden;position:relative;scrollbar-width:none;transform:translateZ(0)}@media screen and (max-width:767.98px){.carousel-promotions__viewport{padding-bottom:.625rem}}@media screen and (min-width:768px){.carousel-promotions__viewport{margin-bottom:1.25rem}}.carousel-promotions__viewport::-webkit-scrollbar{height:0;opacity:0}@media screen and (max-width:767.98px){.carousel-promotions__viewport::-webkit-scrollbar{appearance:none;background-color:var(--color-surface-moderate);border-radius:99px;height:.375rem}.carousel-promotions__viewport::-webkit-scrollbar-thumb{background-color:var(--color-fill-contrast);border-radius:99px;opacity:1}}.carousel-promotions__viewport.is-draggable{cursor:-webkit-grab;cursor:grab;user-select:none}.carousel-promotions__viewport.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.carousel-promotions__track{display:flex;margin:0;padding:0;transform:translateZ(0);width:100%;z-index:1}.carousel-promotions__slide{background-color:var(--color-surface-primary);display:flex;flex:0 0 auto;max-width:100%;user-select:none}.carousel-promotions__slide--black{background-color:var(--color-surface-contrast);color:var(--color-text-inverse)!important}.carousel-promotions__slide>:last-child{margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__slide{flex-direction:row-reverse;justify-content:space-between}}.carousel-promotions__slide:is(a){cursor:pointer}.carousel-promotions__slide:is(a),.carousel-promotions__slide:is(a):active,.carousel-promotions__slide:is(a):hover,.carousel-promotions__slide:is(a):visited{color:inherit}.carousel-promotions__image{align-self:center;display:flex;flex-shrink:0;height:6.25rem;margin:.625rem;width:6.25rem}.carousel-promotions__image img,.carousel-promotions__image picture{margin-bottom:0}.carousel-promotions__image img{height:100%;pointer-events:none;user-select:none;width:100%}@media screen and (min-width:768px){.carousel-promotions__image{background-color:unset;border-radius:0;flex-grow:1;height:11rem;justify-content:end;margin:0 3.125rem 0 0;position:relative;width:11rem}.carousel-promotions__image img,.carousel-promotions__image picture{max-width:11rem;object-fit:cover;width:100%}}@media screen and (min-width:992px){.carousel-promotions__image{height:12.5rem;margin-right:6.25rem;width:12.5rem}.carousel-promotions__image img,.carousel-promotions__image picture{max-width:12.5rem}}.carousel-promotions__title{font-size:1rem;font-weight:300;letter-spacing:-.00625rem;line-height:1.25rem;margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__title{font-size:1.75rem;font-weight:300;letter-spacing:-.0375rem;line-height:2rem;margin-bottom:1.25rem}}@media screen and (min-width:992px){.carousel-promotions__title{font-size:2.5rem;font-weight:300;letter-spacing:-.0375rem;line-height:2.875rem}}.carousel-promotions__title{font-weight:700}.carousel-promotions__content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:.625rem .625rem .625rem 0}.carousel-promotions__content>:last-child{margin-bottom:0}@media screen and (min-width:768px){.carousel-promotions__content{height:100%;justify-content:space-between;max-width:34.0625rem;padding:1.25rem}}@media screen and (max-width:991.98px){.carousel-promotions__content{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.25rem}}@media screen and (max-width:991.98px) and (min-width:768px){.carousel-promotions__content{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}@media screen and (max-width:991.98px) and (min-width:992px){.carousel-promotions__content{font-size:1rem;font-weight:400;letter-spacing:-.00625rem;line-height:1.5rem}}.carousel-promotions__pagination{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0;user-select:none}.carousel-promotions__pagination-item{background:none;background-color:var(--color-surface-contrast);border:0;border-radius:100%;cursor:pointer;display:block;height:8px;margin:8px;padding:0;user-select:none;width:8px}.carousel-promotions__pagination-item:hover{background-color:var(--color-surface-contrast);outline:2px solid var(--color-border-contrast)}.carousel-promotions__pagination-item.is-active:not(:hover){background-color:transparent;outline:2px solid var(--color-border-contrast)}.is-autoplay .carousel-promotions__pagination-item.is-active:not(:focus){outline:none}.carousel-promotions__pagination-item:active{background-color:var(--color-surface-contrast)}.carousel-promotions__pagination-item:focus:not(:active){background-color:var(--color-surface-contrast);outline-color:var(--color-border-contrast)!important;outline-offset:2px;outline-width:3px!important}.carousel-promotions__pagination-svg{display:none;left:-2px;position:relative;top:-2px;transform:rotate(-90deg) scaleY(-1)}.is-autoplay .is-active>.carousel-promotions__pagination-svg{display:block}.carousel-promotions__pagination-circle{stroke-width:2px;stroke:var(--color-border-contrast);stroke-dasharray:31.416;stroke-dashoffset:31.416;animation-direction:reverse;animation-iteration-count:1;animation-name:countdown;animation-timing-function:linear}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/**\n * Resets margin-bottom of the last child to zero\n */\n@keyframes countdown {\n from {\n stroke-dashoffset: 31.416;\n }\n to {\n stroke-dashoffset: 0;\n }\n}\n/* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n@layer components {\n .carousel-promotions {\n margin: 0 auto;\n position: relative;\n margin-bottom: 1.875rem;\n }\n .carousel-promotions__viewport-wrapper {\n position: relative;\n }\n .carousel-promotions__viewport {\n margin: 0 auto;\n position: relative;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none;\n transform: translateZ(0);\n scrollbar-width: none;\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport {\n padding-bottom: 0.625rem;\n }\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__viewport {\n margin-bottom: 1.25rem;\n }\n }\n .carousel-promotions__viewport::-webkit-scrollbar {\n opacity: 0;\n height: 0;\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport::-webkit-scrollbar {\n height: 0.375rem;\n appearance: none;\n background-color: var(--color-surface-moderate);\n border-radius: 99px;\n }\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport::-webkit-scrollbar-thumb {\n opacity: 1;\n border-radius: 99px;\n background-color: var(--color-fill-contrast);\n }\n }\n .carousel-promotions__viewport.is-draggable {\n user-select: none;\n cursor: -webkit-grab;\n cursor: grab;\n }\n .carousel-promotions__viewport.is-dragging {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n }\n .carousel-promotions__track {\n transform: translateZ(0);\n width: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n z-index: 1;\n }\n .carousel-promotions__slide {\n display: flex;\n max-width: 100%;\n flex: 0 0 auto;\n user-select: none;\n background-color: var(--color-surface-primary);\n }\n .carousel-promotions__slide--black {\n background-color: var(--color-surface-contrast);\n color: var(--color-text-inverse) !important;\n }\n .carousel-promotions__slide > *:last-child {\n margin-bottom: 0;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__slide {\n flex-direction: row-reverse;\n justify-content: space-between;\n }\n }\n .carousel-promotions__slide:is(a) {\n cursor: pointer;\n }\n .carousel-promotions__slide:is(a), .carousel-promotions__slide:is(a):visited, .carousel-promotions__slide:is(a):hover, .carousel-promotions__slide:is(a):active {\n color: inherit;\n }\n .carousel-promotions__image {\n width: 6.25rem;\n height: 6.25rem;\n display: flex;\n align-self: center;\n flex-shrink: 0;\n margin: 0.625rem;\n }\n .carousel-promotions__image picture,\n .carousel-promotions__image img {\n margin-bottom: 0;\n }\n .carousel-promotions__image img {\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__image {\n width: 11rem;\n height: 11rem;\n flex-grow: 1;\n border-radius: 0;\n background-color: unset;\n justify-content: end;\n position: relative;\n margin: 0 3.125rem 0 0;\n }\n .carousel-promotions__image img,\n .carousel-promotions__image picture {\n width: 100%;\n max-width: 11rem;\n object-fit: cover;\n }\n }\n @media screen and (min-width: 992px) {\n .carousel-promotions__image {\n width: 12.5rem;\n height: 12.5rem;\n margin-right: 6.25rem;\n }\n .carousel-promotions__image img,\n .carousel-promotions__image picture {\n max-width: 12.5rem;\n }\n }\n .carousel-promotions__title {\n margin-bottom: 0;\n font-size: 1rem;\n line-height: 1.25rem;\n font-weight: 300;\n letter-spacing: -0.00625rem;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__title {\n font-size: 1.75rem;\n line-height: 2rem;\n font-weight: 300;\n letter-spacing: -0.0375rem;\n margin-bottom: 1.25rem;\n }\n }\n @media screen and (min-width: 992px) {\n .carousel-promotions__title {\n font-size: 2.5rem;\n line-height: 2.875rem;\n font-weight: 300;\n letter-spacing: -0.0375rem;\n }\n }\n .carousel-promotions__title {\n font-weight: 700;\n }\n .carousel-promotions__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 0.625rem 0.625rem 0.625rem 0;\n }\n .carousel-promotions__content > *:last-child {\n margin-bottom: 0;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__content {\n height: 100%;\n max-width: 34.0625rem;\n justify-content: space-between;\n padding: 1.25rem;\n }\n }\n @media screen and (max-width: 991.98px) {\n .carousel-promotions__content {\n font-size: 0.875rem;\n line-height:
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/**\n * Resets margin-bottom of the last child to zero\n */\n@keyframes countdown {\n from {\n stroke-dashoffset: 31.416;\n }\n to {\n stroke-dashoffset: 0;\n }\n}\n/* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n@layer components {\n .carousel-promotions {\n margin: 0 auto;\n position: relative;\n margin-bottom: 1.875rem;\n }\n .carousel-promotions__viewport-wrapper {\n position: relative;\n }\n .carousel-promotions__viewport {\n margin: 0 auto;\n position: relative;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none;\n transform: translateZ(0);\n scrollbar-width: none;\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport {\n padding-bottom: 0.625rem;\n }\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__viewport {\n margin-bottom: 1.25rem;\n }\n }\n .carousel-promotions__viewport::-webkit-scrollbar {\n opacity: 0;\n height: 0;\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport::-webkit-scrollbar {\n height: 0.375rem;\n appearance: none;\n background-color: var(--color-surface-moderate);\n border-radius: 99px;\n }\n }\n @media screen and (max-width: 767.98px) {\n .carousel-promotions__viewport::-webkit-scrollbar-thumb {\n opacity: 1;\n border-radius: 99px;\n background-color: var(--color-fill-contrast);\n }\n }\n .carousel-promotions__viewport.is-draggable {\n user-select: none;\n cursor: -webkit-grab;\n cursor: grab;\n }\n .carousel-promotions__viewport.is-dragging {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n }\n .carousel-promotions__track {\n transform: translateZ(0);\n width: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n z-index: 1;\n }\n .carousel-promotions__slide {\n display: flex;\n max-width: 100%;\n flex: 0 0 auto;\n user-select: none;\n background-color: var(--color-surface-primary);\n }\n .carousel-promotions__slide--black {\n background-color: var(--color-surface-contrast);\n color: var(--color-text-inverse) !important;\n }\n .carousel-promotions__slide > *:last-child {\n margin-bottom: 0;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__slide {\n flex-direction: row-reverse;\n justify-content: space-between;\n }\n }\n .carousel-promotions__slide:is(a) {\n cursor: pointer;\n }\n .carousel-promotions__slide:is(a), .carousel-promotions__slide:is(a):visited, .carousel-promotions__slide:is(a):hover, .carousel-promotions__slide:is(a):active {\n color: inherit;\n }\n .carousel-promotions__image {\n width: 6.25rem;\n height: 6.25rem;\n display: flex;\n align-self: center;\n flex-shrink: 0;\n margin: 0.625rem;\n }\n .carousel-promotions__image picture,\n .carousel-promotions__image img {\n margin-bottom: 0;\n }\n .carousel-promotions__image img {\n user-select: none;\n pointer-events: none;\n width: 100%;\n height: 100%;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__image {\n width: 11rem;\n height: 11rem;\n flex-grow: 1;\n border-radius: 0;\n background-color: unset;\n justify-content: end;\n position: relative;\n margin: 0 3.125rem 0 0;\n }\n .carousel-promotions__image img,\n .carousel-promotions__image picture {\n width: 100%;\n max-width: 11rem;\n object-fit: cover;\n }\n }\n @media screen and (min-width: 992px) {\n .carousel-promotions__image {\n width: 12.5rem;\n height: 12.5rem;\n margin-right: 6.25rem;\n }\n .carousel-promotions__image img,\n .carousel-promotions__image picture {\n max-width: 12.5rem;\n }\n }\n .carousel-promotions__title {\n margin-bottom: 0;\n font-size: 1rem;\n line-height: 1.25rem;\n font-weight: 300;\n letter-spacing: -0.00625rem;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__title {\n font-size: 1.75rem;\n line-height: 2rem;\n font-weight: 300;\n letter-spacing: -0.0375rem;\n margin-bottom: 1.25rem;\n }\n }\n @media screen and (min-width: 992px) {\n .carousel-promotions__title {\n font-size: 2.5rem;\n line-height: 2.875rem;\n font-weight: 300;\n letter-spacing: -0.0375rem;\n }\n }\n .carousel-promotions__title {\n font-weight: 700;\n }\n .carousel-promotions__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 0.625rem 0.625rem 0.625rem 0;\n }\n .carousel-promotions__content > *:last-child {\n margin-bottom: 0;\n }\n @media screen and (min-width: 768px) {\n .carousel-promotions__content {\n height: 100%;\n max-width: 34.0625rem;\n justify-content: space-between;\n padding: 1.25rem;\n }\n }\n @media screen and (max-width: 991.98px) {\n .carousel-promotions__content {\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 400;\n letter-spacing: 0rem;\n }\n }\n @media screen and (max-width: 991.98px) and (min-width: 768px) {\n .carousel-promotions__content {\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\n }\n }\n @media screen and (max-width: 991.98px) and (min-width: 992px) {\n .carousel-promotions__content {\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 400;\n letter-spacing: -0.00625rem;\n }\n }\n .carousel-promotions__pagination {\n user-select: none;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n margin: 0 auto;\n padding: 0;\n }\n .carousel-promotions__pagination-item {\n background: none;\n border: 0;\n padding: 0;\n user-select: none;\n display: block;\n cursor: pointer;\n border-radius: 100%;\n width: 8px;\n height: 8px;\n margin: 8px;\n background-color: var(--color-surface-contrast);\n }\n .carousel-promotions__pagination-item:hover {\n background-color: var(--color-surface-contrast);\n outline: 2px solid var(--color-border-contrast);\n }\n .carousel-promotions__pagination-item.is-active:not(:hover) {\n background-color: transparent;\n outline: 2px solid var(--color-border-contrast);\n }\n .is-autoplay .carousel-promotions__pagination-item.is-active:not(:focus) {\n outline: none;\n }\n .carousel-promotions__pagination-item:active {\n background-color: var(--color-surface-contrast);\n }\n .carousel-promotions__pagination-item:focus:not(:active) {\n background-color: var(--color-surface-contrast);\n outline-offset: 2px;\n outline-width: 3px !important;\n outline-color: var(--color-border-contrast) !important;\n }\n .carousel-promotions__pagination-svg {\n position: relative;\n display: none;\n left: -2px;\n top: -2px;\n transform: rotate(-90deg) scale(1, -1);\n }\n .is-autoplay .is-active > .carousel-promotions__pagination-svg {\n display: block;\n }\n .carousel-promotions__pagination-circle {\n stroke-width: 2px;\n stroke: var(--color-border-contrast);\n stroke-dasharray: 31.416;\n stroke-dashoffset: 31.416;\n animation-name: countdown;\n animation-iteration-count: 1;\n animation-timing-function: linear;\n animation-direction: reverse;\n }\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.expander{font-size:1.125rem;margin-bottom:1.875rem}.expander summary{align-items:center;display:flex;font-weight:700;line-height:normal}.expander summary::marker{content:""}.expander summary::-webkit-details-marker{display:none}.expander summary:hover{color:var(--color-text-accent);cursor:pointer}.expander__summary,.expander__summary--opened{gap:.3125rem}.expander__summary{align-items:center;display:flex}.expander__summary--opened{display:none}.expander--fullwidth .expander__summary{justify-content:space-between;width:100%}.expander[open] svg[data-summary-icon]{transform:rotate(180deg)!important}.expander[open] summary{margin-bottom:1.875rem}.expander[open] .expander__summary:has(+.expander__summary--opened){display:none}.expander[open] .expander__summary--opened{align-items:center;display:flex}}
|
|
1
|
+
@layer components{.expander{font-size:1.125rem;margin-bottom:1.875rem}.expander summary{align-items:center;display:flex;font-weight:700;line-height:normal}.expander summary::marker{content:""}.expander summary::-webkit-details-marker{display:none}.expander summary:hover{color:var(--color-text-accent);cursor:pointer}.expander__summary,.expander__summary--opened{display:block;gap:.3125rem}.expander__summary{align-items:center;display:flex}.expander__summary--opened{display:none}.expander--fullwidth .expander__summary{justify-content:space-between;width:100%}.expander[open] svg[data-summary-icon]{transform:rotate(180deg)!important}.expander[open] summary{margin-bottom:1.875rem}.expander[open] .expander__summary:has(+.expander__summary--opened){display:none}.expander[open] .expander__summary--opened{align-items:center;display:flex}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,UAEE,kBAAmB,CADnB,sBAEF,CACA,kBAIE,kBAAmB,CADnB,YAAa,CAFb,eAAgB,CAChB,kBAGF,CACA,0BACE,UACF,CACA,0CACE,YACF,CACA,wBAEE,8BAA+B,CAD/B,cAEF,CACA,
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,UAEE,kBAAmB,CADnB,sBAEF,CACA,kBAIE,kBAAmB,CADnB,YAAa,CAFb,eAAgB,CAChB,kBAGF,CACA,0BACE,UACF,CACA,0CACE,YACF,CACA,wBAEE,8BAA+B,CAD/B,cAEF,CACA,8CAEE,aAAc,CADd,YAEF,CACA,mBAEE,kBAAmB,CADnB,YAEF,CACA,2BACE,YACF,CACA,wCAEE,6BAA8B,CAD9B,UAEF,CACA,uCACE,kCACF,CACA,wBACE,sBACF,CACA,oEACE,YACF,CACA,2CAEE,kBAAmB,CADnB,YAEF,CACF","file":"style.css","sourcesContent":["@layer components {\n .expander {\n margin-bottom: 1.875rem;\n font-size: 1.125rem;\n }\n .expander summary {\n font-weight: 700;\n line-height: normal;\n display: flex;\n align-items: center;\n }\n .expander summary::marker {\n content: \"\";\n }\n .expander summary::-webkit-details-marker {\n display: none;\n }\n .expander summary:hover {\n cursor: pointer;\n color: var(--color-text-accent);\n }\n .expander__summary, .expander__summary--opened {\n gap: 0.3125rem;\n display: block;\n }\n .expander__summary {\n display: flex;\n align-items: center;\n }\n .expander__summary--opened {\n display: none;\n }\n .expander--fullwidth .expander__summary {\n width: 100%;\n justify-content: space-between;\n }\n .expander[open] svg[data-summary-icon] {\n transform: rotate(180deg) !important;\n }\n .expander[open] summary {\n margin-bottom: 1.875rem;\n }\n .expander[open] .expander__summary:has(+ .expander__summary--opened) {\n display: none;\n }\n .expander[open] .expander__summary--opened {\n display: flex;\n align-items: center;\n }\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.grid{display:flex;flex-wrap:wrap;list-style-type:none;max-width:none;padding-left:0}.grid>li:before{content:" ";height:0;position:absolute;width:0}.grid--justify-height>[class*=grid__col]{display:flex;flex-direction:column}.grid--justify-height>[class*=grid__col]>*{flex-grow:1;flex-shrink:1}.grid--justify-height>[class*=grid__col]>[data-same-height-child]{flex-grow:0!important}.grid--justify-height>[class*=grid__col]>:not([data-same-height-child]){flex-grow:1!important}.grid-row-gap--medium{margin-top:-1.25rem}.grid-row-gap--medium>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--medium>[class*=grid__col]{margin-top:1.25rem}@media screen and (min-width:480px){.grid-row-gap--sm-medium{margin-top:-1.25rem}.grid-row-gap--sm-medium>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--sm-medium>[class*=grid__col]{margin-top:1.25rem}}@media screen and (min-width:768px){.grid-row-gap--md-medium{margin-top:-1.25rem}.grid-row-gap--md-medium>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--md-medium>[class*=grid__col]{margin-top:1.25rem}}@media screen and (min-width:992px){.grid-row-gap--lg-medium{margin-top:-1.25rem}.grid-row-gap--lg-medium>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--lg-medium>[class*=grid__col]{margin-top:1.25rem}}@media screen and (min-width:1240px){.grid-row-gap--xl-medium{margin-top:-1.25rem}.grid-row-gap--xl-medium>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xl-medium>[class*=grid__col]{margin-top:1.25rem}}@media screen and (min-width:1380px){.grid-row-gap--xxl-medium{margin-top:-1.25rem}.grid-row-gap--xxl-medium>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xxl-medium>[class*=grid__col]{margin-top:1.25rem}}.grid-row-gap--large{margin-top:-1.875rem}.grid-row-gap--large>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--large>[class*=grid__col]{margin-top:1.875rem}@media screen and (min-width:480px){.grid-row-gap--sm-large{margin-top:-1.875rem}.grid-row-gap--sm-large>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--sm-large>[class*=grid__col]{margin-top:1.875rem}}@media screen and (min-width:768px){.grid-row-gap--md-large{margin-top:-1.875rem}.grid-row-gap--md-large>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--md-large>[class*=grid__col]{margin-top:1.875rem}}@media screen and (min-width:992px){.grid-row-gap--lg-large{margin-top:-1.875rem}.grid-row-gap--lg-large>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--lg-large>[class*=grid__col]{margin-top:1.875rem}}@media screen and (min-width:1240px){.grid-row-gap--xl-large{margin-top:-1.875rem}.grid-row-gap--xl-large>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xl-large>[class*=grid__col]{margin-top:1.875rem}}@media screen and (min-width:1380px){.grid-row-gap--xxl-large{margin-top:-1.875rem}.grid-row-gap--xxl-large>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xxl-large>[class*=grid__col]{margin-top:1.875rem}}.grid-row-gap--xlarge{margin-top:-3.75rem}.grid-row-gap--xlarge>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xlarge>[class*=grid__col]{margin-top:3.75rem}@media screen and (min-width:480px){.grid-row-gap--sm-xlarge{margin-top:-3.75rem}.grid-row-gap--sm-xlarge>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--sm-xlarge>[class*=grid__col]{margin-top:3.75rem}}@media screen and (min-width:768px){.grid-row-gap--md-xlarge{margin-top:-3.75rem}.grid-row-gap--md-xlarge>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--md-xlarge>[class*=grid__col]{margin-top:3.75rem}}@media screen and (min-width:992px){.grid-row-gap--lg-xlarge{margin-top:-3.75rem}.grid-row-gap--lg-xlarge>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--lg-xlarge>[class*=grid__col]{margin-top:3.75rem}}@media screen and (min-width:1240px){.grid-row-gap--xl-xlarge{margin-top:-3.75rem}.grid-row-gap--xl-xlarge>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xl-xlarge>[class*=grid__col]{margin-top:3.75rem}}@media screen and (min-width:1380px){.grid-row-gap--xxl-xlarge{margin-top:-3.75rem}.grid-row-gap--xxl-xlarge>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xxl-xlarge>[class*=grid__col]{margin-top:3.75rem}}.grid--column-gap-small{margin-left:-.3125rem!important;margin-right:-.3125rem!important}.grid--column-gap-small>[class*=grid__col]{padding-left:.3125rem!important;padding-right:.3125rem!important}.grid{margin-left:-.625rem;margin-right:-.625rem}.grid>[class*=grid__col]{padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:768px){.grid--column-gap-large{margin-left:-1.25rem!important;margin-right:-1.25rem!important}.grid--column-gap-large>[class*=grid__col]{padding-left:1.25rem!important;padding-right:1.25rem!important}.grid--column-gap-none{margin-left:0!important;margin-right:0!important}.grid--column-gap-none>[class*=grid__col]{padding-left:0!important;padding-right:0!important}}.grid[class*=grid--row-gap]>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}[class*=grid__col]{flex:1 0 100%;max-width:100%}.grid__col--shrink{flex:0 1;flex-basis:0%;max-width:none}.grid__col--fill{flex:1 0 auto;max-width:100%}.grid__col--auto{flex:1 1;flex-basis:0%;max-width:100%}.grid__col--1{flex-basis:8.3333333333%;max-width:8.3333333333%}.grid__col--2{flex-basis:16.6666666667%;max-width:16.6666666667%}.grid__col--3{flex-basis:25%;max-width:25%}.grid__col--4{flex-basis:33.3333333333%;max-width:33.3333333333%}.grid__col--5{flex-basis:41.6666666667%;max-width:41.6666666667%}.grid__col--6{flex-basis:50%;max-width:50%}.grid__col--7{flex-basis:58.3333333333%;max-width:58.3333333333%}.grid__col--8{flex-basis:66.6666666667%;max-width:66.6666666667%}.grid__col--9{flex-basis:75%;max-width:75%}.grid__col--10{flex-basis:83.3333333333%;max-width:83.3333333333%}.grid__col--11{flex-basis:91.6666666667%;max-width:91.6666666667%}.grid__col--12{flex-basis:100%;max-width:100%}@media screen and (min-width:480px){.grid__col--sm-shrink{flex:0 1;flex-basis:0%;max-width:none}.grid__col--sm-fill{flex:1 0 auto;max-width:100%}.grid__col--sm-auto{flex:1 1;flex-basis:0%;max-width:100%}.grid__col--sm-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.grid__col--sm-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.grid__col--sm-3{flex-basis:25%;max-width:25%}.grid__col--sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.grid__col--sm-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.grid__col--sm-6{flex-basis:50%;max-width:50%}.grid__col--sm-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.grid__col--sm-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.grid__col--sm-9{flex-basis:75%;max-width:75%}.grid__col--sm-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.grid__col--sm-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.grid__col--sm-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:768px){.grid__col--md-shrink{flex:0 1;flex-basis:0%;max-width:none}.grid__col--md-fill{flex:1 0 auto;max-width:100%}.grid__col--md-auto{flex:1 1;flex-basis:0%;max-width:100%}.grid__col--md-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.grid__col--md-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.grid__col--md-3{flex-basis:25%;max-width:25%}.grid__col--md-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.grid__col--md-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.grid__col--md-6{flex-basis:50%;max-width:50%}.grid__col--md-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.grid__col--md-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.grid__col--md-9{flex-basis:75%;max-width:75%}.grid__col--md-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.grid__col--md-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.grid__col--md-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:992px){.grid__col--lg-shrink{flex:0 1;flex-basis:0%;max-width:none}.grid__col--lg-fill{flex:1 0 auto;max-width:100%}.grid__col--lg-auto{flex:1 1;flex-basis:0%;max-width:100%}.grid__col--lg-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.grid__col--lg-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.grid__col--lg-3{flex-basis:25%;max-width:25%}.grid__col--lg-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.grid__col--lg-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.grid__col--lg-6{flex-basis:50%;max-width:50%}.grid__col--lg-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.grid__col--lg-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.grid__col--lg-9{flex-basis:75%;max-width:75%}.grid__col--lg-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.grid__col--lg-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.grid__col--lg-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:1240px){.grid__col--xl-shrink{flex:0 1;flex-basis:0%;max-width:none}.grid__col--xl-fill{flex:1 0 auto;max-width:100%}.grid__col--xl-auto{flex:1 1;flex-basis:0%;max-width:100%}.grid__col--xl-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.grid__col--xl-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.grid__col--xl-3{flex-basis:25%;max-width:25%}.grid__col--xl-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.grid__col--xl-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.grid__col--xl-6{flex-basis:50%;max-width:50%}.grid__col--xl-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.grid__col--xl-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.grid__col--xl-9{flex-basis:75%;max-width:75%}.grid__col--xl-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.grid__col--xl-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.grid__col--xl-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:1380px){.grid__col--xxl-shrink{flex:0 1;flex-basis:0%;max-width:none}.grid__col--xxl-fill{flex:1 0 auto;max-width:100%}.grid__col--xxl-auto{flex:1 1;flex-basis:0%;max-width:100%}.grid__col--xxl-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.grid__col--xxl-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.grid__col--xxl-3{flex-basis:25%;max-width:25%}.grid__col--xxl-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.grid__col--xxl-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.grid__col--xxl-6{flex-basis:50%;max-width:50%}.grid__col--xxl-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.grid__col--xxl-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.grid__col--xxl-9{flex-basis:75%;max-width:75%}.grid__col--xxl-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.grid__col--xxl-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.grid__col--xxl-12{flex-basis:100%;max-width:100%}}}
|
|
1
|
+
@layer components{.grid{display:flex;flex-wrap:wrap;list-style-type:none;max-width:none;padding-left:0}.grid>li:before{content:" ";height:0;position:absolute;width:0}.grid{margin-left:-.625rem;margin-right:-.625rem}.grid>[class*=grid__col]{padding-left:.625rem;padding-right:.625rem}.grid--justify-height>[class*=grid__col]{display:flex;flex-direction:column}.grid--justify-height>[class*=grid__col]>*{flex-grow:1;flex-shrink:1}.grid--justify-height>[class*=grid__col]>[data-same-height-child]{flex-grow:0!important}.grid--justify-height>[class*=grid__col]>:not([data-same-height-child]){flex-grow:1!important}.grid-row-gap--small{margin-top:-.625rem}.grid-row-gap--small>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--small>[class*=grid__col]{margin-top:.625rem}@media screen and (min-width:480px){.grid-row-gap--sm-small{margin-top:-.625rem}.grid-row-gap--sm-small>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--sm-small>[class*=grid__col]{margin-top:.625rem}}@media screen and (min-width:768px){.grid-row-gap--md-small{margin-top:-.625rem}.grid-row-gap--md-small>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--md-small>[class*=grid__col]{margin-top:.625rem}}@media screen and (min-width:992px){.grid-row-gap--lg-small{margin-top:-.625rem}.grid-row-gap--lg-small>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--lg-small>[class*=grid__col]{margin-top:.625rem}}@media screen and (min-width:1240px){.grid-row-gap--xl-small{margin-top:-.625rem}.grid-row-gap--xl-small>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xl-small>[class*=grid__col]{margin-top:.625rem}}@media screen and (min-width:1380px){.grid-row-gap--xxl-small{margin-top:-.625rem}.grid-row-gap--xxl-small>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xxl-small>[class*=grid__col]{margin-top:.625rem}}.grid-row-gap--medium{margin-top:-1.25rem}.grid-row-gap--medium>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--medium>[class*=grid__col]{margin-top:1.25rem}@media screen and (min-width:480px){.grid-row-gap--sm-medium{margin-top:-1.25rem}.grid-row-gap--sm-medium>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--sm-medium>[class*=grid__col]{margin-top:1.25rem}}@media screen and (min-width:768px){.grid-row-gap--md-medium{margin-top:-1.25rem}.grid-row-gap--md-medium>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--md-medium>[class*=grid__col]{margin-top:1.25rem}}@media screen and (min-width:992px){.grid-row-gap--lg-medium{margin-top:-1.25rem}.grid-row-gap--lg-medium>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--lg-medium>[class*=grid__col]{margin-top:1.25rem}}@media screen and (min-width:1240px){.grid-row-gap--xl-medium{margin-top:-1.25rem}.grid-row-gap--xl-medium>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xl-medium>[class*=grid__col]{margin-top:1.25rem}}@media screen and (min-width:1380px){.grid-row-gap--xxl-medium{margin-top:-1.25rem}.grid-row-gap--xxl-medium>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xxl-medium>[class*=grid__col]{margin-top:1.25rem}}.grid-row-gap--large{margin-top:-1.875rem}.grid-row-gap--large>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--large>[class*=grid__col]{margin-top:1.875rem}@media screen and (min-width:480px){.grid-row-gap--sm-large{margin-top:-1.875rem}.grid-row-gap--sm-large>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--sm-large>[class*=grid__col]{margin-top:1.875rem}}@media screen and (min-width:768px){.grid-row-gap--md-large{margin-top:-1.875rem}.grid-row-gap--md-large>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--md-large>[class*=grid__col]{margin-top:1.875rem}}@media screen and (min-width:992px){.grid-row-gap--lg-large{margin-top:-1.875rem}.grid-row-gap--lg-large>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--lg-large>[class*=grid__col]{margin-top:1.875rem}}@media screen and (min-width:1240px){.grid-row-gap--xl-large{margin-top:-1.875rem}.grid-row-gap--xl-large>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xl-large>[class*=grid__col]{margin-top:1.875rem}}@media screen and (min-width:1380px){.grid-row-gap--xxl-large{margin-top:-1.875rem}.grid-row-gap--xxl-large>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xxl-large>[class*=grid__col]{margin-top:1.875rem}}.grid-row-gap--xlarge{margin-top:-3.75rem}.grid-row-gap--xlarge>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xlarge>[class*=grid__col]{margin-top:3.75rem}@media screen and (min-width:480px){.grid-row-gap--sm-xlarge{margin-top:-3.75rem}.grid-row-gap--sm-xlarge>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--sm-xlarge>[class*=grid__col]{margin-top:3.75rem}}@media screen and (min-width:768px){.grid-row-gap--md-xlarge{margin-top:-3.75rem}.grid-row-gap--md-xlarge>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--md-xlarge>[class*=grid__col]{margin-top:3.75rem}}@media screen and (min-width:992px){.grid-row-gap--lg-xlarge{margin-top:-3.75rem}.grid-row-gap--lg-xlarge>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--lg-xlarge>[class*=grid__col]{margin-top:3.75rem}}@media screen and (min-width:1240px){.grid-row-gap--xl-xlarge{margin-top:-3.75rem}.grid-row-gap--xl-xlarge>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xl-xlarge>[class*=grid__col]{margin-top:3.75rem}}@media screen and (min-width:1380px){.grid-row-gap--xxl-xlarge{margin-top:-3.75rem}.grid-row-gap--xxl-xlarge>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}.grid-row-gap--xxl-xlarge>[class*=grid__col]{margin-top:3.75rem}}.grid-column-gap--none{margin-left:0!important;margin-right:0!important}.grid-column-gap--none>[class*=grid__col]{padding-left:0!important;padding-right:0!important}@media screen and (min-width:480px){.grid-column-gap--sm-none{margin-left:0!important;margin-right:0!important}.grid-column-gap--sm-none>[class*=grid__col]{padding-left:0!important;padding-right:0!important}}@media screen and (min-width:768px){.grid-column-gap--md-none{margin-left:0!important;margin-right:0!important}.grid-column-gap--md-none>[class*=grid__col]{padding-left:0!important;padding-right:0!important}}@media screen and (min-width:992px){.grid-column-gap--lg-none{margin-left:0!important;margin-right:0!important}.grid-column-gap--lg-none>[class*=grid__col]{padding-left:0!important;padding-right:0!important}}@media screen and (min-width:1240px){.grid-column-gap--xl-none{margin-left:0!important;margin-right:0!important}.grid-column-gap--xl-none>[class*=grid__col]{padding-left:0!important;padding-right:0!important}}@media screen and (min-width:1380px){.grid-column-gap--xxl-none{margin-left:0!important;margin-right:0!important}.grid-column-gap--xxl-none>[class*=grid__col]{padding-left:0!important;padding-right:0!important}}.grid-column-gap--small{margin-left:-.3125rem!important;margin-right:-.3125rem!important}.grid-column-gap--small>[class*=grid__col]{padding-left:.3125rem!important;padding-right:.3125rem!important}@media screen and (min-width:480px){.grid-column-gap--sm-small{margin-left:-.3125rem!important;margin-right:-.3125rem!important}.grid-column-gap--sm-small>[class*=grid__col]{padding-left:.3125rem!important;padding-right:.3125rem!important}}@media screen and (min-width:768px){.grid-column-gap--md-small{margin-left:-.3125rem!important;margin-right:-.3125rem!important}.grid-column-gap--md-small>[class*=grid__col]{padding-left:.3125rem!important;padding-right:.3125rem!important}}@media screen and (min-width:992px){.grid-column-gap--lg-small{margin-left:-.3125rem!important;margin-right:-.3125rem!important}.grid-column-gap--lg-small>[class*=grid__col]{padding-left:.3125rem!important;padding-right:.3125rem!important}}@media screen and (min-width:1240px){.grid-column-gap--xl-small{margin-left:-.3125rem!important;margin-right:-.3125rem!important}.grid-column-gap--xl-small>[class*=grid__col]{padding-left:.3125rem!important;padding-right:.3125rem!important}}@media screen and (min-width:1380px){.grid-column-gap--xxl-small{margin-left:-.3125rem!important;margin-right:-.3125rem!important}.grid-column-gap--xxl-small>[class*=grid__col]{padding-left:.3125rem!important;padding-right:.3125rem!important}}.grid-column-gap--default{margin-left:-.625rem!important;margin-right:-.625rem!important}.grid-column-gap--default>[class*=grid__col]{padding-left:.625rem!important;padding-right:.625rem!important}@media screen and (min-width:480px){.grid-column-gap--sm-default{margin-left:-.625rem!important;margin-right:-.625rem!important}.grid-column-gap--sm-default>[class*=grid__col]{padding-left:.625rem!important;padding-right:.625rem!important}}@media screen and (min-width:768px){.grid-column-gap--md-default{margin-left:-.625rem!important;margin-right:-.625rem!important}.grid-column-gap--md-default>[class*=grid__col]{padding-left:.625rem!important;padding-right:.625rem!important}}@media screen and (min-width:992px){.grid-column-gap--lg-default{margin-left:-.625rem!important;margin-right:-.625rem!important}.grid-column-gap--lg-default>[class*=grid__col]{padding-left:.625rem!important;padding-right:.625rem!important}}@media screen and (min-width:1240px){.grid-column-gap--xl-default{margin-left:-.625rem!important;margin-right:-.625rem!important}.grid-column-gap--xl-default>[class*=grid__col]{padding-left:.625rem!important;padding-right:.625rem!important}}@media screen and (min-width:1380px){.grid-column-gap--xxl-default{margin-left:-.625rem!important;margin-right:-.625rem!important}.grid-column-gap--xxl-default>[class*=grid__col]{padding-left:.625rem!important;padding-right:.625rem!important}}.grid-column-gap--large{margin-left:-1.25rem!important;margin-right:-1.25rem!important}.grid-column-gap--large>[class*=grid__col]{padding-left:1.25rem!important;padding-right:1.25rem!important}@media screen and (min-width:480px){.grid-column-gap--sm-large{margin-left:-1.25rem!important;margin-right:-1.25rem!important}.grid-column-gap--sm-large>[class*=grid__col]{padding-left:1.25rem!important;padding-right:1.25rem!important}}@media screen and (min-width:768px){.grid-column-gap--md-large{margin-left:-1.25rem!important;margin-right:-1.25rem!important}.grid-column-gap--md-large>[class*=grid__col]{padding-left:1.25rem!important;padding-right:1.25rem!important}}@media screen and (min-width:992px){.grid-column-gap--lg-large{margin-left:-1.25rem!important;margin-right:-1.25rem!important}.grid-column-gap--lg-large>[class*=grid__col]{padding-left:1.25rem!important;padding-right:1.25rem!important}}@media screen and (min-width:1240px){.grid-column-gap--xl-large{margin-left:-1.25rem!important;margin-right:-1.25rem!important}.grid-column-gap--xl-large>[class*=grid__col]{padding-left:1.25rem!important;padding-right:1.25rem!important}}@media screen and (min-width:1380px){.grid-column-gap--xxl-large{margin-left:-1.25rem!important;margin-right:-1.25rem!important}.grid-column-gap--xxl-large>[class*=grid__col]{padding-left:1.25rem!important;padding-right:1.25rem!important}}.grid[class*=grid--row-gap]>[class*=grid__col]>:not([class*=mb-]):last-child{margin-bottom:0}[class*=grid__col]{flex:1 0 100%;max-width:100%}.grid__col--shrink{flex:0 1;flex-basis:0%;max-width:none}.grid__col--fill{flex:1 0 auto;max-width:100%}.grid__col--auto{flex:1 1;flex-basis:0%;max-width:100%}.grid__col--1{flex-basis:8.3333333333%;max-width:8.3333333333%}.grid__col--2{flex-basis:16.6666666667%;max-width:16.6666666667%}.grid__col--3{flex-basis:25%;max-width:25%}.grid__col--4{flex-basis:33.3333333333%;max-width:33.3333333333%}.grid__col--5{flex-basis:41.6666666667%;max-width:41.6666666667%}.grid__col--6{flex-basis:50%;max-width:50%}.grid__col--7{flex-basis:58.3333333333%;max-width:58.3333333333%}.grid__col--8{flex-basis:66.6666666667%;max-width:66.6666666667%}.grid__col--9{flex-basis:75%;max-width:75%}.grid__col--10{flex-basis:83.3333333333%;max-width:83.3333333333%}.grid__col--11{flex-basis:91.6666666667%;max-width:91.6666666667%}.grid__col--12{flex-basis:100%;max-width:100%}@media screen and (min-width:480px){.grid__col--sm-shrink{flex:0 1;flex-basis:0%;max-width:none}.grid__col--sm-fill{flex:1 0 auto;max-width:100%}.grid__col--sm-auto{flex:1 1;flex-basis:0%;max-width:100%}.grid__col--sm-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.grid__col--sm-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.grid__col--sm-3{flex-basis:25%;max-width:25%}.grid__col--sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.grid__col--sm-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.grid__col--sm-6{flex-basis:50%;max-width:50%}.grid__col--sm-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.grid__col--sm-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.grid__col--sm-9{flex-basis:75%;max-width:75%}.grid__col--sm-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.grid__col--sm-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.grid__col--sm-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:768px){.grid__col--md-shrink{flex:0 1;flex-basis:0%;max-width:none}.grid__col--md-fill{flex:1 0 auto;max-width:100%}.grid__col--md-auto{flex:1 1;flex-basis:0%;max-width:100%}.grid__col--md-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.grid__col--md-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.grid__col--md-3{flex-basis:25%;max-width:25%}.grid__col--md-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.grid__col--md-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.grid__col--md-6{flex-basis:50%;max-width:50%}.grid__col--md-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.grid__col--md-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.grid__col--md-9{flex-basis:75%;max-width:75%}.grid__col--md-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.grid__col--md-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.grid__col--md-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:992px){.grid__col--lg-shrink{flex:0 1;flex-basis:0%;max-width:none}.grid__col--lg-fill{flex:1 0 auto;max-width:100%}.grid__col--lg-auto{flex:1 1;flex-basis:0%;max-width:100%}.grid__col--lg-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.grid__col--lg-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.grid__col--lg-3{flex-basis:25%;max-width:25%}.grid__col--lg-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.grid__col--lg-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.grid__col--lg-6{flex-basis:50%;max-width:50%}.grid__col--lg-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.grid__col--lg-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.grid__col--lg-9{flex-basis:75%;max-width:75%}.grid__col--lg-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.grid__col--lg-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.grid__col--lg-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:1240px){.grid__col--xl-shrink{flex:0 1;flex-basis:0%;max-width:none}.grid__col--xl-fill{flex:1 0 auto;max-width:100%}.grid__col--xl-auto{flex:1 1;flex-basis:0%;max-width:100%}.grid__col--xl-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.grid__col--xl-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.grid__col--xl-3{flex-basis:25%;max-width:25%}.grid__col--xl-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.grid__col--xl-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.grid__col--xl-6{flex-basis:50%;max-width:50%}.grid__col--xl-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.grid__col--xl-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.grid__col--xl-9{flex-basis:75%;max-width:75%}.grid__col--xl-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.grid__col--xl-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.grid__col--xl-12{flex-basis:100%;max-width:100%}}@media screen and (min-width:1380px){.grid__col--xxl-shrink{flex:0 1;flex-basis:0%;max-width:none}.grid__col--xxl-fill{flex:1 0 auto;max-width:100%}.grid__col--xxl-auto{flex:1 1;flex-basis:0%;max-width:100%}.grid__col--xxl-1{flex-basis:8.3333333333%;max-width:8.3333333333%}.grid__col--xxl-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.grid__col--xxl-3{flex-basis:25%;max-width:25%}.grid__col--xxl-4{flex-basis:33.3333333333%;max-width:33.3333333333%}.grid__col--xxl-5{flex-basis:41.6666666667%;max-width:41.6666666667%}.grid__col--xxl-6{flex-basis:50%;max-width:50%}.grid__col--xxl-7{flex-basis:58.3333333333%;max-width:58.3333333333%}.grid__col--xxl-8{flex-basis:66.6666666667%;max-width:66.6666666667%}.grid__col--xxl-9{flex-basis:75%;max-width:75%}.grid__col--xxl-10{flex-basis:83.3333333333%;max-width:83.3333333333%}.grid__col--xxl-11{flex-basis:91.6666666667%;max-width:91.6666666667%}.grid__col--xxl-12{flex-basis:100%;max-width:100%}}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAGA,kBACE,MACE,YAAa,CAEb,cAAe,CACf,oBAAqB,CAFrB,cAAe,CAGf,cAEF,CACA,gBACE,WAAY,CAGZ,QAAS,CAFT,iBAAkB,CAClB,OAEF,CACA,yCACE,YAAa,CACb,qBACF,CACA,2CAEE,WAAY,CADZ,aAEF,CACA,kEACE,qBACF,CACA,wEACE,qBACF,CACA,sBACE,mBACF,CACA,uEACE,eACF,CACA,yCACE,kBACF,CACA,oCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,oCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,oCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,qCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,qCACE,0BACE,mBACF,CACA,2EACE,eACF,CACA,6CACE,kBACF,CACF,CACA,qBACE,oBACF,CACA,sEACE,eACF,CACA,wCACE,mBACF,CACA,oCACE,wBACE,oBACF,CACA,yEACE,eACF,CACA,2CACE,mBACF,CACF,CACA,oCACE,wBACE,oBACF,CACA,yEACE,eACF,CACA,2CACE,mBACF,CACF,CACA,oCACE,wBACE,oBACF,CACA,yEACE,eACF,CACA,2CACE,mBACF,CACF,CACA,qCACE,wBACE,oBACF,CACA,yEACE,eACF,CACA,2CACE,mBACF,CACF,CACA,qCACE,yBACE,oBACF,CACA,0EACE,eACF,CACA,4CACE,mBACF,CACF,CACA,sBACE,mBACF,CACA,uEACE,eACF,CACA,yCACE,kBACF,CACA,oCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,oCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,oCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,qCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,qCACE,0BACE,mBACF,CACA,2EACE,eACF,CACA,6CACE,kBACF,CACF,CACA,wBACE,+BAAkC,CAClC,gCACF,CACA,2CACE,+BAAkC,CAClC,gCACF,CACA,MACE,oBAAsB,CACtB,qBACF,CACA,yBACE,oBAAsB,CACtB,qBACF,CACA,oCACE,wBACE,8BAAgC,CAChC,+BACF,CAGA,2CACE,8BAAgC,CAChC,+BACF,CAGA,uBACE,uBAAyB,CACzB,wBACF,CAGA,0CACE,wBAA0B,CAC1B,yBACF,CAjBF,CAmBA,6EACE,eACF,CACA,mBACE,aAAc,CACd,cACF,CACA,mBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,iBACE,aAAc,CACd,cACF,CACA,iBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,cACE,wBAAyB,CACzB,uBACF,CACA,cACE,yBAA0B,CAC1B,wBACF,CACA,cACE,cAAe,CACf,aACF,CACA,cACE,yBAA0B,CAC1B,wBACF,CACA,cACE,yBAA0B,CAC1B,wBACF,CACA,cACE,cAAe,CACf,aACF,CACA,cACE,yBAA0B,CAC1B,wBACF,CACA,cACE,yBAA0B,CAC1B,wBACF,CACA,cACE,cAAe,CACf,aACF,CACA,eACE,yBAA0B,CAC1B,wBACF,CACA,eACE,yBAA0B,CAC1B,wBACF,CACA,eACE,eAAgB,CAChB,cACF,CACA,oCACE,sBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,oBACE,aAAc,CACd,cACF,CACA,oBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,iBACE,wBAAyB,CACzB,uBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,eAAgB,CAChB,cACF,CACF,CACA,oCACE,sBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,oBACE,aAAc,CACd,cACF,CACA,oBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,iBACE,wBAAyB,CACzB,uBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,eAAgB,CAChB,cACF,CACF,CACA,oCACE,sBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,oBACE,aAAc,CACd,cACF,CACA,oBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,iBACE,wBAAyB,CACzB,uBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,eAAgB,CAChB,cACF,CACF,CACA,qCACE,sBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,oBACE,aAAc,CACd,cACF,CACA,oBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,iBACE,wBAAyB,CACzB,uBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,eAAgB,CAChB,cACF,CACF,CACA,qCACE,uBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,qBACE,aAAc,CACd,cACF,CACA,qBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,kBACE,wBAAyB,CACzB,uBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,cAAe,CACf,aACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,cAAe,CACf,aACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,cAAe,CACf,aACF,CACA,mBACE,yBAA0B,CAC1B,wBACF,CACA,mBACE,yBAA0B,CAC1B,wBACF,CACA,mBACE,eAAgB,CAChB,cACF,CACF,CACF","file":"style.css","sourcesContent":["/**\n * Resets margin-bottom of the last child to zero\n */\n@layer components {\n .grid {\n display: flex;\n max-width: none;\n flex-wrap: wrap;\n list-style-type: none;\n padding-left: 0;\n /* Fixes VoiceOver no announcing unordered lists */\n }\n .grid > li::before {\n content: \" \";\n position: absolute;\n width: 0;\n height: 0;\n }\n .grid--justify-height > [class*=grid__col] {\n display: flex;\n flex-direction: column;\n }\n .grid--justify-height > [class*=grid__col] > * {\n flex-shrink: 1;\n flex-grow: 1;\n }\n .grid--justify-height > [class*=grid__col] > [data-same-height-child] {\n flex-grow: 0 !important;\n }\n .grid--justify-height > [class*=grid__col] > :not([data-same-height-child]) {\n flex-grow: 1 !important;\n }\n .grid-row-gap--medium {\n margin-top: -1.25rem;\n }\n .grid-row-gap--medium > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--medium > [class*=grid__col] {\n margin-top: 1.25rem;\n }\n @media screen and (min-width: 480px) {\n .grid-row-gap--sm-medium {\n margin-top: -1.25rem;\n }\n .grid-row-gap--sm-medium > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--sm-medium > [class*=grid__col] {\n margin-top: 1.25rem;\n }\n }\n @media screen and (min-width: 768px) {\n .grid-row-gap--md-medium {\n margin-top: -1.25rem;\n }\n .grid-row-gap--md-medium > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--md-medium > [class*=grid__col] {\n margin-top: 1.25rem;\n }\n }\n @media screen and (min-width: 992px) {\n .grid-row-gap--lg-medium {\n margin-top: -1.25rem;\n }\n .grid-row-gap--lg-medium > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--lg-medium > [class*=grid__col] {\n margin-top: 1.25rem;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid-row-gap--xl-medium {\n margin-top: -1.25rem;\n }\n .grid-row-gap--xl-medium > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xl-medium > [class*=grid__col] {\n margin-top: 1.25rem;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid-row-gap--xxl-medium {\n margin-top: -1.25rem;\n }\n .grid-row-gap--xxl-medium > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xxl-medium > [class*=grid__col] {\n margin-top: 1.25rem;\n }\n }\n .grid-row-gap--large {\n margin-top: -1.875rem;\n }\n .grid-row-gap--large > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--large > [class*=grid__col] {\n margin-top: 1.875rem;\n }\n @media screen and (min-width: 480px) {\n .grid-row-gap--sm-large {\n margin-top: -1.875rem;\n }\n .grid-row-gap--sm-large > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--sm-large > [class*=grid__col] {\n margin-top: 1.875rem;\n }\n }\n @media screen and (min-width: 768px) {\n .grid-row-gap--md-large {\n margin-top: -1.875rem;\n }\n .grid-row-gap--md-large > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--md-large > [class*=grid__col] {\n margin-top: 1.875rem;\n }\n }\n @media screen and (min-width: 992px) {\n .grid-row-gap--lg-large {\n margin-top: -1.875rem;\n }\n .grid-row-gap--lg-large > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--lg-large > [class*=grid__col] {\n margin-top: 1.875rem;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid-row-gap--xl-large {\n margin-top: -1.875rem;\n }\n .grid-row-gap--xl-large > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xl-large > [class*=grid__col] {\n margin-top: 1.875rem;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid-row-gap--xxl-large {\n margin-top: -1.875rem;\n }\n .grid-row-gap--xxl-large > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xxl-large > [class*=grid__col] {\n margin-top: 1.875rem;\n }\n }\n .grid-row-gap--xlarge {\n margin-top: -3.75rem;\n }\n .grid-row-gap--xlarge > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xlarge > [class*=grid__col] {\n margin-top: 3.75rem;\n }\n @media screen and (min-width: 480px) {\n .grid-row-gap--sm-xlarge {\n margin-top: -3.75rem;\n }\n .grid-row-gap--sm-xlarge > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--sm-xlarge > [class*=grid__col] {\n margin-top: 3.75rem;\n }\n }\n @media screen and (min-width: 768px) {\n .grid-row-gap--md-xlarge {\n margin-top: -3.75rem;\n }\n .grid-row-gap--md-xlarge > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--md-xlarge > [class*=grid__col] {\n margin-top: 3.75rem;\n }\n }\n @media screen and (min-width: 992px) {\n .grid-row-gap--lg-xlarge {\n margin-top: -3.75rem;\n }\n .grid-row-gap--lg-xlarge > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--lg-xlarge > [class*=grid__col] {\n margin-top: 3.75rem;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid-row-gap--xl-xlarge {\n margin-top: -3.75rem;\n }\n .grid-row-gap--xl-xlarge > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xl-xlarge > [class*=grid__col] {\n margin-top: 3.75rem;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid-row-gap--xxl-xlarge {\n margin-top: -3.75rem;\n }\n .grid-row-gap--xxl-xlarge > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xxl-xlarge > [class*=grid__col] {\n margin-top: 3.75rem;\n }\n }\n .grid--column-gap-small {\n margin-left: -0.3125rem !important;\n margin-right: -0.3125rem !important;\n }\n .grid--column-gap-small > [class*=grid__col] {\n padding-left: 0.3125rem !important;\n padding-right: 0.3125rem !important;\n }\n .grid {\n margin-left: -0.625rem;\n margin-right: -0.625rem;\n }\n .grid > [class*=grid__col] {\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n }\n @media screen and (min-width: 768px) {\n .grid--column-gap-large {\n margin-left: -1.25rem !important;\n margin-right: -1.25rem !important;\n }\n }\n @media screen and (min-width: 768px) {\n .grid--column-gap-large > [class*=grid__col] {\n padding-left: 1.25rem !important;\n padding-right: 1.25rem !important;\n }\n }\n @media screen and (min-width: 768px) {\n .grid--column-gap-none {\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .grid--column-gap-none > [class*=grid__col] {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n }\n .grid[class*=grid--row-gap] > *[class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n *[class*=grid__col] {\n flex: 1 0 100%;\n max-width: 100%;\n }\n .grid__col--shrink {\n flex: 0 1;\n flex-basis: 0%;\n max-width: none;\n }\n .grid__col--fill {\n flex: 1 0 auto;\n max-width: 100%;\n }\n .grid__col--auto {\n flex: 1 1;\n flex-basis: 0%;\n max-width: 100%;\n }\n .grid__col--1 {\n flex-basis: 8.3333333333%;\n max-width: 8.3333333333%;\n }\n .grid__col--2 {\n flex-basis: 16.6666666667%;\n max-width: 16.6666666667%;\n }\n .grid__col--3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .grid__col--4 {\n flex-basis: 33.3333333333%;\n max-width: 33.3333333333%;\n }\n .grid__col--5 {\n flex-basis: 41.6666666667%;\n max-width: 41.6666666667%;\n }\n .grid__col--6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .grid__col--7 {\n flex-basis: 58.3333333333%;\n max-width: 58.3333333333%;\n }\n .grid__col--8 {\n flex-basis: 66.6666666667%;\n max-width: 66.6666666667%;\n }\n .grid__col--9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .grid__col--10 {\n flex-basis: 83.3333333333%;\n max-width: 83.3333333333%;\n }\n .grid__col--11 {\n flex-basis: 91.6666666667%;\n max-width: 91.6666666667%;\n }\n .grid__col--12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n @media screen and (min-width: 480px) {\n .grid__col--sm-shrink {\n flex: 0 1;\n flex-basis: 0%;\n max-width: none;\n }\n .grid__col--sm-fill {\n flex: 1 0 auto;\n max-width: 100%;\n }\n .grid__col--sm-auto {\n flex: 1 1;\n flex-basis: 0%;\n max-width: 100%;\n }\n .grid__col--sm-1 {\n flex-basis: 8.3333333333%;\n max-width: 8.3333333333%;\n }\n .grid__col--sm-2 {\n flex-basis: 16.6666666667%;\n max-width: 16.6666666667%;\n }\n .grid__col--sm-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .grid__col--sm-4 {\n flex-basis: 33.3333333333%;\n max-width: 33.3333333333%;\n }\n .grid__col--sm-5 {\n flex-basis: 41.6666666667%;\n max-width: 41.6666666667%;\n }\n .grid__col--sm-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .grid__col--sm-7 {\n flex-basis: 58.3333333333%;\n max-width: 58.3333333333%;\n }\n .grid__col--sm-8 {\n flex-basis: 66.6666666667%;\n max-width: 66.6666666667%;\n }\n .grid__col--sm-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .grid__col--sm-10 {\n flex-basis: 83.3333333333%;\n max-width: 83.3333333333%;\n }\n .grid__col--sm-11 {\n flex-basis: 91.6666666667%;\n max-width: 91.6666666667%;\n }\n .grid__col--sm-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n }\n @media screen and (min-width: 768px) {\n .grid__col--md-shrink {\n flex: 0 1;\n flex-basis: 0%;\n max-width: none;\n }\n .grid__col--md-fill {\n flex: 1 0 auto;\n max-width: 100%;\n }\n .grid__col--md-auto {\n flex: 1 1;\n flex-basis: 0%;\n max-width: 100%;\n }\n .grid__col--md-1 {\n flex-basis: 8.3333333333%;\n max-width: 8.3333333333%;\n }\n .grid__col--md-2 {\n flex-basis: 16.6666666667%;\n max-width: 16.6666666667%;\n }\n .grid__col--md-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .grid__col--md-4 {\n flex-basis: 33.3333333333%;\n max-width: 33.3333333333%;\n }\n .grid__col--md-5 {\n flex-basis: 41.6666666667%;\n max-width: 41.6666666667%;\n }\n .grid__col--md-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .grid__col--md-7 {\n flex-basis: 58.3333333333%;\n max-width: 58.3333333333%;\n }\n .grid__col--md-8 {\n flex-basis: 66.6666666667%;\n max-width: 66.6666666667%;\n }\n .grid__col--md-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .grid__col--md-10 {\n flex-basis: 83.3333333333%;\n max-width: 83.3333333333%;\n }\n .grid__col--md-11 {\n flex-basis: 91.6666666667%;\n max-width: 91.6666666667%;\n }\n .grid__col--md-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n }\n @media screen and (min-width: 992px) {\n .grid__col--lg-shrink {\n flex: 0 1;\n flex-basis: 0%;\n max-width: none;\n }\n .grid__col--lg-fill {\n flex: 1 0 auto;\n max-width: 100%;\n }\n .grid__col--lg-auto {\n flex: 1 1;\n flex-basis: 0%;\n max-width: 100%;\n }\n .grid__col--lg-1 {\n flex-basis: 8.3333333333%;\n max-width: 8.3333333333%;\n }\n .grid__col--lg-2 {\n flex-basis: 16.6666666667%;\n max-width: 16.6666666667%;\n }\n .grid__col--lg-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .grid__col--lg-4 {\n flex-basis: 33.3333333333%;\n max-width: 33.3333333333%;\n }\n .grid__col--lg-5 {\n flex-basis: 41.6666666667%;\n max-width: 41.6666666667%;\n }\n .grid__col--lg-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .grid__col--lg-7 {\n flex-basis: 58.3333333333%;\n max-width: 58.3333333333%;\n }\n .grid__col--lg-8 {\n flex-basis: 66.6666666667%;\n max-width: 66.6666666667%;\n }\n .grid__col--lg-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .grid__col--lg-10 {\n flex-basis: 83.3333333333%;\n max-width: 83.3333333333%;\n }\n .grid__col--lg-11 {\n flex-basis: 91.6666666667%;\n max-width: 91.6666666667%;\n }\n .grid__col--lg-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid__col--xl-shrink {\n flex: 0 1;\n flex-basis: 0%;\n max-width: none;\n }\n .grid__col--xl-fill {\n flex: 1 0 auto;\n max-width: 100%;\n }\n .grid__col--xl-auto {\n flex: 1 1;\n flex-basis: 0%;\n max-width: 100%;\n }\n .grid__col--xl-1 {\n flex-basis: 8.3333333333%;\n max-width: 8.3333333333%;\n }\n .grid__col--xl-2 {\n flex-basis: 16.6666666667%;\n max-width: 16.6666666667%;\n }\n .grid__col--xl-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .grid__col--xl-4 {\n flex-basis: 33.3333333333%;\n max-width: 33.3333333333%;\n }\n .grid__col--xl-5 {\n flex-basis: 41.6666666667%;\n max-width: 41.6666666667%;\n }\n .grid__col--xl-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .grid__col--xl-7 {\n flex-basis: 58.3333333333%;\n max-width: 58.3333333333%;\n }\n .grid__col--xl-8 {\n flex-basis: 66.6666666667%;\n max-width: 66.6666666667%;\n }\n .grid__col--xl-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .grid__col--xl-10 {\n flex-basis: 83.3333333333%;\n max-width: 83.3333333333%;\n }\n .grid__col--xl-11 {\n flex-basis: 91.6666666667%;\n max-width: 91.6666666667%;\n }\n .grid__col--xl-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid__col--xxl-shrink {\n flex: 0 1;\n flex-basis: 0%;\n max-width: none;\n }\n .grid__col--xxl-fill {\n flex: 1 0 auto;\n max-width: 100%;\n }\n .grid__col--xxl-auto {\n flex: 1 1;\n flex-basis: 0%;\n max-width: 100%;\n }\n .grid__col--xxl-1 {\n flex-basis: 8.3333333333%;\n max-width: 8.3333333333%;\n }\n .grid__col--xxl-2 {\n flex-basis: 16.6666666667%;\n max-width: 16.6666666667%;\n }\n .grid__col--xxl-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .grid__col--xxl-4 {\n flex-basis: 33.3333333333%;\n max-width: 33.3333333333%;\n }\n .grid__col--xxl-5 {\n flex-basis: 41.6666666667%;\n max-width: 41.6666666667%;\n }\n .grid__col--xxl-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .grid__col--xxl-7 {\n flex-basis: 58.3333333333%;\n max-width: 58.3333333333%;\n }\n .grid__col--xxl-8 {\n flex-basis: 66.6666666667%;\n max-width: 66.6666666667%;\n }\n .grid__col--xxl-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .grid__col--xxl-10 {\n flex-basis: 83.3333333333%;\n max-width: 83.3333333333%;\n }\n .grid__col--xxl-11 {\n flex-basis: 91.6666666667%;\n max-width: 91.6666666667%;\n }\n .grid__col--xxl-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n }\n}"]}
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAGA,kBACE,MACE,YAAa,CAEb,cAAe,CACf,oBAAqB,CAFrB,cAAe,CAGf,cAEF,CACA,gBACE,WAAY,CAGZ,QAAS,CAFT,iBAAkB,CAClB,OAEF,CACA,MACE,oBAAsB,CACtB,qBACF,CACA,yBACE,oBAAsB,CACtB,qBACF,CACA,yCACE,YAAa,CACb,qBACF,CACA,2CAEE,WAAY,CADZ,aAEF,CACA,kEACE,qBACF,CACA,wEACE,qBACF,CACA,qBACE,mBACF,CACA,sEACE,eACF,CACA,wCACE,kBACF,CACA,oCACE,wBACE,mBACF,CACA,yEACE,eACF,CACA,2CACE,kBACF,CACF,CACA,oCACE,wBACE,mBACF,CACA,yEACE,eACF,CACA,2CACE,kBACF,CACF,CACA,oCACE,wBACE,mBACF,CACA,yEACE,eACF,CACA,2CACE,kBACF,CACF,CACA,qCACE,wBACE,mBACF,CACA,yEACE,eACF,CACA,2CACE,kBACF,CACF,CACA,qCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,sBACE,mBACF,CACA,uEACE,eACF,CACA,yCACE,kBACF,CACA,oCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,oCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,oCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,qCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,qCACE,0BACE,mBACF,CACA,2EACE,eACF,CACA,6CACE,kBACF,CACF,CACA,qBACE,oBACF,CACA,sEACE,eACF,CACA,wCACE,mBACF,CACA,oCACE,wBACE,oBACF,CACA,yEACE,eACF,CACA,2CACE,mBACF,CACF,CACA,oCACE,wBACE,oBACF,CACA,yEACE,eACF,CACA,2CACE,mBACF,CACF,CACA,oCACE,wBACE,oBACF,CACA,yEACE,eACF,CACA,2CACE,mBACF,CACF,CACA,qCACE,wBACE,oBACF,CACA,yEACE,eACF,CACA,2CACE,mBACF,CACF,CACA,qCACE,yBACE,oBACF,CACA,0EACE,eACF,CACA,4CACE,mBACF,CACF,CACA,sBACE,mBACF,CACA,uEACE,eACF,CACA,yCACE,kBACF,CACA,oCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,oCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,oCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,qCACE,yBACE,mBACF,CACA,0EACE,eACF,CACA,4CACE,kBACF,CACF,CACA,qCACE,0BACE,mBACF,CACA,2EACE,eACF,CACA,6CACE,kBACF,CACF,CACA,uBACE,uBAAyB,CACzB,wBACF,CACA,0CACE,wBAA0B,CAC1B,yBACF,CACA,oCACE,0BACE,uBAAyB,CACzB,wBACF,CACA,6CACE,wBAA0B,CAC1B,yBACF,CACF,CACA,oCACE,0BACE,uBAAyB,CACzB,wBACF,CACA,6CACE,wBAA0B,CAC1B,yBACF,CACF,CACA,oCACE,0BACE,uBAAyB,CACzB,wBACF,CACA,6CACE,wBAA0B,CAC1B,yBACF,CACF,CACA,qCACE,0BACE,uBAAyB,CACzB,wBACF,CACA,6CACE,wBAA0B,CAC1B,yBACF,CACF,CACA,qCACE,2BACE,uBAAyB,CACzB,wBACF,CACA,8CACE,wBAA0B,CAC1B,yBACF,CACF,CACA,wBACE,+BAAkC,CAClC,gCACF,CACA,2CACE,+BAAkC,CAClC,gCACF,CACA,oCACE,2BACE,+BAAkC,CAClC,gCACF,CACA,8CACE,+BAAkC,CAClC,gCACF,CACF,CACA,oCACE,2BACE,+BAAkC,CAClC,gCACF,CACA,8CACE,+BAAkC,CAClC,gCACF,CACF,CACA,oCACE,2BACE,+BAAkC,CAClC,gCACF,CACA,8CACE,+BAAkC,CAClC,gCACF,CACF,CACA,qCACE,2BACE,+BAAkC,CAClC,gCACF,CACA,8CACE,+BAAkC,CAClC,gCACF,CACF,CACA,qCACE,4BACE,+BAAkC,CAClC,gCACF,CACA,+CACE,+BAAkC,CAClC,gCACF,CACF,CACA,0BACE,8BAAiC,CACjC,+BACF,CACA,6CACE,8BAAiC,CACjC,+BACF,CACA,oCACE,6BACE,8BAAiC,CACjC,+BACF,CACA,gDACE,8BAAiC,CACjC,+BACF,CACF,CACA,oCACE,6BACE,8BAAiC,CACjC,+BACF,CACA,gDACE,8BAAiC,CACjC,+BACF,CACF,CACA,oCACE,6BACE,8BAAiC,CACjC,+BACF,CACA,gDACE,8BAAiC,CACjC,+BACF,CACF,CACA,qCACE,6BACE,8BAAiC,CACjC,+BACF,CACA,gDACE,8BAAiC,CACjC,+BACF,CACF,CACA,qCACE,8BACE,8BAAiC,CACjC,+BACF,CACA,iDACE,8BAAiC,CACjC,+BACF,CACF,CACA,wBACE,8BAAgC,CAChC,+BACF,CACA,2CACE,8BAAgC,CAChC,+BACF,CACA,oCACE,2BACE,8BAAgC,CAChC,+BACF,CACA,8CACE,8BAAgC,CAChC,+BACF,CACF,CACA,oCACE,2BACE,8BAAgC,CAChC,+BACF,CACA,8CACE,8BAAgC,CAChC,+BACF,CACF,CACA,oCACE,2BACE,8BAAgC,CAChC,+BACF,CACA,8CACE,8BAAgC,CAChC,+BACF,CACF,CACA,qCACE,2BACE,8BAAgC,CAChC,+BACF,CACA,8CACE,8BAAgC,CAChC,+BACF,CACF,CACA,qCACE,4BACE,8BAAgC,CAChC,+BACF,CACA,+CACE,8BAAgC,CAChC,+BACF,CACF,CACA,6EACE,eACF,CACA,mBACE,aAAc,CACd,cACF,CACA,mBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,iBACE,aAAc,CACd,cACF,CACA,iBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,cACE,wBAAyB,CACzB,uBACF,CACA,cACE,yBAA0B,CAC1B,wBACF,CACA,cACE,cAAe,CACf,aACF,CACA,cACE,yBAA0B,CAC1B,wBACF,CACA,cACE,yBAA0B,CAC1B,wBACF,CACA,cACE,cAAe,CACf,aACF,CACA,cACE,yBAA0B,CAC1B,wBACF,CACA,cACE,yBAA0B,CAC1B,wBACF,CACA,cACE,cAAe,CACf,aACF,CACA,eACE,yBAA0B,CAC1B,wBACF,CACA,eACE,yBAA0B,CAC1B,wBACF,CACA,eACE,eAAgB,CAChB,cACF,CACA,oCACE,sBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,oBACE,aAAc,CACd,cACF,CACA,oBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,iBACE,wBAAyB,CACzB,uBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,eAAgB,CAChB,cACF,CACF,CACA,oCACE,sBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,oBACE,aAAc,CACd,cACF,CACA,oBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,iBACE,wBAAyB,CACzB,uBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,eAAgB,CAChB,cACF,CACF,CACA,oCACE,sBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,oBACE,aAAc,CACd,cACF,CACA,oBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,iBACE,wBAAyB,CACzB,uBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,eAAgB,CAChB,cACF,CACF,CACA,qCACE,sBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,oBACE,aAAc,CACd,cACF,CACA,oBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,iBACE,wBAAyB,CACzB,uBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,yBAA0B,CAC1B,wBACF,CACA,iBACE,cAAe,CACf,aACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,eAAgB,CAChB,cACF,CACF,CACA,qCACE,uBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,qBACE,aAAc,CACd,cACF,CACA,qBACE,QAAS,CACT,aAAc,CACd,cACF,CACA,kBACE,wBAAyB,CACzB,uBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,cAAe,CACf,aACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,cAAe,CACf,aACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,yBAA0B,CAC1B,wBACF,CACA,kBACE,cAAe,CACf,aACF,CACA,mBACE,yBAA0B,CAC1B,wBACF,CACA,mBACE,yBAA0B,CAC1B,wBACF,CACA,mBACE,eAAgB,CAChB,cACF,CACF,CACF","file":"style.css","sourcesContent":["/**\n * Resets margin-bottom of the last child to zero\n */\n@layer components {\n .grid {\n display: flex;\n max-width: none;\n flex-wrap: wrap;\n list-style-type: none;\n padding-left: 0;\n /* Fixes VoiceOver no announcing unordered lists */\n }\n .grid > li::before {\n content: \" \";\n position: absolute;\n width: 0;\n height: 0;\n }\n .grid {\n margin-left: -0.625rem;\n margin-right: -0.625rem;\n }\n .grid > [class*=grid__col] {\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n }\n .grid--justify-height > [class*=grid__col] {\n display: flex;\n flex-direction: column;\n }\n .grid--justify-height > [class*=grid__col] > * {\n flex-shrink: 1;\n flex-grow: 1;\n }\n .grid--justify-height > [class*=grid__col] > [data-same-height-child] {\n flex-grow: 0 !important;\n }\n .grid--justify-height > [class*=grid__col] > :not([data-same-height-child]) {\n flex-grow: 1 !important;\n }\n .grid-row-gap--small {\n margin-top: -0.625rem;\n }\n .grid-row-gap--small > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--small > [class*=grid__col] {\n margin-top: 0.625rem;\n }\n @media screen and (min-width: 480px) {\n .grid-row-gap--sm-small {\n margin-top: -0.625rem;\n }\n .grid-row-gap--sm-small > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--sm-small > [class*=grid__col] {\n margin-top: 0.625rem;\n }\n }\n @media screen and (min-width: 768px) {\n .grid-row-gap--md-small {\n margin-top: -0.625rem;\n }\n .grid-row-gap--md-small > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--md-small > [class*=grid__col] {\n margin-top: 0.625rem;\n }\n }\n @media screen and (min-width: 992px) {\n .grid-row-gap--lg-small {\n margin-top: -0.625rem;\n }\n .grid-row-gap--lg-small > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--lg-small > [class*=grid__col] {\n margin-top: 0.625rem;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid-row-gap--xl-small {\n margin-top: -0.625rem;\n }\n .grid-row-gap--xl-small > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xl-small > [class*=grid__col] {\n margin-top: 0.625rem;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid-row-gap--xxl-small {\n margin-top: -0.625rem;\n }\n .grid-row-gap--xxl-small > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xxl-small > [class*=grid__col] {\n margin-top: 0.625rem;\n }\n }\n .grid-row-gap--medium {\n margin-top: -1.25rem;\n }\n .grid-row-gap--medium > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--medium > [class*=grid__col] {\n margin-top: 1.25rem;\n }\n @media screen and (min-width: 480px) {\n .grid-row-gap--sm-medium {\n margin-top: -1.25rem;\n }\n .grid-row-gap--sm-medium > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--sm-medium > [class*=grid__col] {\n margin-top: 1.25rem;\n }\n }\n @media screen and (min-width: 768px) {\n .grid-row-gap--md-medium {\n margin-top: -1.25rem;\n }\n .grid-row-gap--md-medium > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--md-medium > [class*=grid__col] {\n margin-top: 1.25rem;\n }\n }\n @media screen and (min-width: 992px) {\n .grid-row-gap--lg-medium {\n margin-top: -1.25rem;\n }\n .grid-row-gap--lg-medium > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--lg-medium > [class*=grid__col] {\n margin-top: 1.25rem;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid-row-gap--xl-medium {\n margin-top: -1.25rem;\n }\n .grid-row-gap--xl-medium > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xl-medium > [class*=grid__col] {\n margin-top: 1.25rem;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid-row-gap--xxl-medium {\n margin-top: -1.25rem;\n }\n .grid-row-gap--xxl-medium > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xxl-medium > [class*=grid__col] {\n margin-top: 1.25rem;\n }\n }\n .grid-row-gap--large {\n margin-top: -1.875rem;\n }\n .grid-row-gap--large > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--large > [class*=grid__col] {\n margin-top: 1.875rem;\n }\n @media screen and (min-width: 480px) {\n .grid-row-gap--sm-large {\n margin-top: -1.875rem;\n }\n .grid-row-gap--sm-large > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--sm-large > [class*=grid__col] {\n margin-top: 1.875rem;\n }\n }\n @media screen and (min-width: 768px) {\n .grid-row-gap--md-large {\n margin-top: -1.875rem;\n }\n .grid-row-gap--md-large > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--md-large > [class*=grid__col] {\n margin-top: 1.875rem;\n }\n }\n @media screen and (min-width: 992px) {\n .grid-row-gap--lg-large {\n margin-top: -1.875rem;\n }\n .grid-row-gap--lg-large > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--lg-large > [class*=grid__col] {\n margin-top: 1.875rem;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid-row-gap--xl-large {\n margin-top: -1.875rem;\n }\n .grid-row-gap--xl-large > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xl-large > [class*=grid__col] {\n margin-top: 1.875rem;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid-row-gap--xxl-large {\n margin-top: -1.875rem;\n }\n .grid-row-gap--xxl-large > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xxl-large > [class*=grid__col] {\n margin-top: 1.875rem;\n }\n }\n .grid-row-gap--xlarge {\n margin-top: -3.75rem;\n }\n .grid-row-gap--xlarge > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xlarge > [class*=grid__col] {\n margin-top: 3.75rem;\n }\n @media screen and (min-width: 480px) {\n .grid-row-gap--sm-xlarge {\n margin-top: -3.75rem;\n }\n .grid-row-gap--sm-xlarge > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--sm-xlarge > [class*=grid__col] {\n margin-top: 3.75rem;\n }\n }\n @media screen and (min-width: 768px) {\n .grid-row-gap--md-xlarge {\n margin-top: -3.75rem;\n }\n .grid-row-gap--md-xlarge > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--md-xlarge > [class*=grid__col] {\n margin-top: 3.75rem;\n }\n }\n @media screen and (min-width: 992px) {\n .grid-row-gap--lg-xlarge {\n margin-top: -3.75rem;\n }\n .grid-row-gap--lg-xlarge > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--lg-xlarge > [class*=grid__col] {\n margin-top: 3.75rem;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid-row-gap--xl-xlarge {\n margin-top: -3.75rem;\n }\n .grid-row-gap--xl-xlarge > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xl-xlarge > [class*=grid__col] {\n margin-top: 3.75rem;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid-row-gap--xxl-xlarge {\n margin-top: -3.75rem;\n }\n .grid-row-gap--xxl-xlarge > [class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .grid-row-gap--xxl-xlarge > [class*=grid__col] {\n margin-top: 3.75rem;\n }\n }\n .grid-column-gap--none {\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n .grid-column-gap--none > [class*=grid__col] {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n @media screen and (min-width: 480px) {\n .grid-column-gap--sm-none {\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n .grid-column-gap--sm-none > [class*=grid__col] {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n }\n @media screen and (min-width: 768px) {\n .grid-column-gap--md-none {\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n .grid-column-gap--md-none > [class*=grid__col] {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n }\n @media screen and (min-width: 992px) {\n .grid-column-gap--lg-none {\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n .grid-column-gap--lg-none > [class*=grid__col] {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid-column-gap--xl-none {\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n .grid-column-gap--xl-none > [class*=grid__col] {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid-column-gap--xxl-none {\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n .grid-column-gap--xxl-none > [class*=grid__col] {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n }\n .grid-column-gap--small {\n margin-left: -0.3125rem !important;\n margin-right: -0.3125rem !important;\n }\n .grid-column-gap--small > [class*=grid__col] {\n padding-left: 0.3125rem !important;\n padding-right: 0.3125rem !important;\n }\n @media screen and (min-width: 480px) {\n .grid-column-gap--sm-small {\n margin-left: -0.3125rem !important;\n margin-right: -0.3125rem !important;\n }\n .grid-column-gap--sm-small > [class*=grid__col] {\n padding-left: 0.3125rem !important;\n padding-right: 0.3125rem !important;\n }\n }\n @media screen and (min-width: 768px) {\n .grid-column-gap--md-small {\n margin-left: -0.3125rem !important;\n margin-right: -0.3125rem !important;\n }\n .grid-column-gap--md-small > [class*=grid__col] {\n padding-left: 0.3125rem !important;\n padding-right: 0.3125rem !important;\n }\n }\n @media screen and (min-width: 992px) {\n .grid-column-gap--lg-small {\n margin-left: -0.3125rem !important;\n margin-right: -0.3125rem !important;\n }\n .grid-column-gap--lg-small > [class*=grid__col] {\n padding-left: 0.3125rem !important;\n padding-right: 0.3125rem !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid-column-gap--xl-small {\n margin-left: -0.3125rem !important;\n margin-right: -0.3125rem !important;\n }\n .grid-column-gap--xl-small > [class*=grid__col] {\n padding-left: 0.3125rem !important;\n padding-right: 0.3125rem !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid-column-gap--xxl-small {\n margin-left: -0.3125rem !important;\n margin-right: -0.3125rem !important;\n }\n .grid-column-gap--xxl-small > [class*=grid__col] {\n padding-left: 0.3125rem !important;\n padding-right: 0.3125rem !important;\n }\n }\n .grid-column-gap--default {\n margin-left: -0.625rem !important;\n margin-right: -0.625rem !important;\n }\n .grid-column-gap--default > [class*=grid__col] {\n padding-left: 0.625rem !important;\n padding-right: 0.625rem !important;\n }\n @media screen and (min-width: 480px) {\n .grid-column-gap--sm-default {\n margin-left: -0.625rem !important;\n margin-right: -0.625rem !important;\n }\n .grid-column-gap--sm-default > [class*=grid__col] {\n padding-left: 0.625rem !important;\n padding-right: 0.625rem !important;\n }\n }\n @media screen and (min-width: 768px) {\n .grid-column-gap--md-default {\n margin-left: -0.625rem !important;\n margin-right: -0.625rem !important;\n }\n .grid-column-gap--md-default > [class*=grid__col] {\n padding-left: 0.625rem !important;\n padding-right: 0.625rem !important;\n }\n }\n @media screen and (min-width: 992px) {\n .grid-column-gap--lg-default {\n margin-left: -0.625rem !important;\n margin-right: -0.625rem !important;\n }\n .grid-column-gap--lg-default > [class*=grid__col] {\n padding-left: 0.625rem !important;\n padding-right: 0.625rem !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid-column-gap--xl-default {\n margin-left: -0.625rem !important;\n margin-right: -0.625rem !important;\n }\n .grid-column-gap--xl-default > [class*=grid__col] {\n padding-left: 0.625rem !important;\n padding-right: 0.625rem !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid-column-gap--xxl-default {\n margin-left: -0.625rem !important;\n margin-right: -0.625rem !important;\n }\n .grid-column-gap--xxl-default > [class*=grid__col] {\n padding-left: 0.625rem !important;\n padding-right: 0.625rem !important;\n }\n }\n .grid-column-gap--large {\n margin-left: -1.25rem !important;\n margin-right: -1.25rem !important;\n }\n .grid-column-gap--large > [class*=grid__col] {\n padding-left: 1.25rem !important;\n padding-right: 1.25rem !important;\n }\n @media screen and (min-width: 480px) {\n .grid-column-gap--sm-large {\n margin-left: -1.25rem !important;\n margin-right: -1.25rem !important;\n }\n .grid-column-gap--sm-large > [class*=grid__col] {\n padding-left: 1.25rem !important;\n padding-right: 1.25rem !important;\n }\n }\n @media screen and (min-width: 768px) {\n .grid-column-gap--md-large {\n margin-left: -1.25rem !important;\n margin-right: -1.25rem !important;\n }\n .grid-column-gap--md-large > [class*=grid__col] {\n padding-left: 1.25rem !important;\n padding-right: 1.25rem !important;\n }\n }\n @media screen and (min-width: 992px) {\n .grid-column-gap--lg-large {\n margin-left: -1.25rem !important;\n margin-right: -1.25rem !important;\n }\n .grid-column-gap--lg-large > [class*=grid__col] {\n padding-left: 1.25rem !important;\n padding-right: 1.25rem !important;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid-column-gap--xl-large {\n margin-left: -1.25rem !important;\n margin-right: -1.25rem !important;\n }\n .grid-column-gap--xl-large > [class*=grid__col] {\n padding-left: 1.25rem !important;\n padding-right: 1.25rem !important;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid-column-gap--xxl-large {\n margin-left: -1.25rem !important;\n margin-right: -1.25rem !important;\n }\n .grid-column-gap--xxl-large > [class*=grid__col] {\n padding-left: 1.25rem !important;\n padding-right: 1.25rem !important;\n }\n }\n .grid[class*=grid--row-gap] > *[class*=grid__col] > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n *[class*=grid__col] {\n flex: 1 0 100%;\n max-width: 100%;\n }\n .grid__col--shrink {\n flex: 0 1;\n flex-basis: 0%;\n max-width: none;\n }\n .grid__col--fill {\n flex: 1 0 auto;\n max-width: 100%;\n }\n .grid__col--auto {\n flex: 1 1;\n flex-basis: 0%;\n max-width: 100%;\n }\n .grid__col--1 {\n flex-basis: 8.3333333333%;\n max-width: 8.3333333333%;\n }\n .grid__col--2 {\n flex-basis: 16.6666666667%;\n max-width: 16.6666666667%;\n }\n .grid__col--3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .grid__col--4 {\n flex-basis: 33.3333333333%;\n max-width: 33.3333333333%;\n }\n .grid__col--5 {\n flex-basis: 41.6666666667%;\n max-width: 41.6666666667%;\n }\n .grid__col--6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .grid__col--7 {\n flex-basis: 58.3333333333%;\n max-width: 58.3333333333%;\n }\n .grid__col--8 {\n flex-basis: 66.6666666667%;\n max-width: 66.6666666667%;\n }\n .grid__col--9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .grid__col--10 {\n flex-basis: 83.3333333333%;\n max-width: 83.3333333333%;\n }\n .grid__col--11 {\n flex-basis: 91.6666666667%;\n max-width: 91.6666666667%;\n }\n .grid__col--12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n @media screen and (min-width: 480px) {\n .grid__col--sm-shrink {\n flex: 0 1;\n flex-basis: 0%;\n max-width: none;\n }\n .grid__col--sm-fill {\n flex: 1 0 auto;\n max-width: 100%;\n }\n .grid__col--sm-auto {\n flex: 1 1;\n flex-basis: 0%;\n max-width: 100%;\n }\n .grid__col--sm-1 {\n flex-basis: 8.3333333333%;\n max-width: 8.3333333333%;\n }\n .grid__col--sm-2 {\n flex-basis: 16.6666666667%;\n max-width: 16.6666666667%;\n }\n .grid__col--sm-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .grid__col--sm-4 {\n flex-basis: 33.3333333333%;\n max-width: 33.3333333333%;\n }\n .grid__col--sm-5 {\n flex-basis: 41.6666666667%;\n max-width: 41.6666666667%;\n }\n .grid__col--sm-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .grid__col--sm-7 {\n flex-basis: 58.3333333333%;\n max-width: 58.3333333333%;\n }\n .grid__col--sm-8 {\n flex-basis: 66.6666666667%;\n max-width: 66.6666666667%;\n }\n .grid__col--sm-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .grid__col--sm-10 {\n flex-basis: 83.3333333333%;\n max-width: 83.3333333333%;\n }\n .grid__col--sm-11 {\n flex-basis: 91.6666666667%;\n max-width: 91.6666666667%;\n }\n .grid__col--sm-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n }\n @media screen and (min-width: 768px) {\n .grid__col--md-shrink {\n flex: 0 1;\n flex-basis: 0%;\n max-width: none;\n }\n .grid__col--md-fill {\n flex: 1 0 auto;\n max-width: 100%;\n }\n .grid__col--md-auto {\n flex: 1 1;\n flex-basis: 0%;\n max-width: 100%;\n }\n .grid__col--md-1 {\n flex-basis: 8.3333333333%;\n max-width: 8.3333333333%;\n }\n .grid__col--md-2 {\n flex-basis: 16.6666666667%;\n max-width: 16.6666666667%;\n }\n .grid__col--md-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .grid__col--md-4 {\n flex-basis: 33.3333333333%;\n max-width: 33.3333333333%;\n }\n .grid__col--md-5 {\n flex-basis: 41.6666666667%;\n max-width: 41.6666666667%;\n }\n .grid__col--md-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .grid__col--md-7 {\n flex-basis: 58.3333333333%;\n max-width: 58.3333333333%;\n }\n .grid__col--md-8 {\n flex-basis: 66.6666666667%;\n max-width: 66.6666666667%;\n }\n .grid__col--md-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .grid__col--md-10 {\n flex-basis: 83.3333333333%;\n max-width: 83.3333333333%;\n }\n .grid__col--md-11 {\n flex-basis: 91.6666666667%;\n max-width: 91.6666666667%;\n }\n .grid__col--md-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n }\n @media screen and (min-width: 992px) {\n .grid__col--lg-shrink {\n flex: 0 1;\n flex-basis: 0%;\n max-width: none;\n }\n .grid__col--lg-fill {\n flex: 1 0 auto;\n max-width: 100%;\n }\n .grid__col--lg-auto {\n flex: 1 1;\n flex-basis: 0%;\n max-width: 100%;\n }\n .grid__col--lg-1 {\n flex-basis: 8.3333333333%;\n max-width: 8.3333333333%;\n }\n .grid__col--lg-2 {\n flex-basis: 16.6666666667%;\n max-width: 16.6666666667%;\n }\n .grid__col--lg-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .grid__col--lg-4 {\n flex-basis: 33.3333333333%;\n max-width: 33.3333333333%;\n }\n .grid__col--lg-5 {\n flex-basis: 41.6666666667%;\n max-width: 41.6666666667%;\n }\n .grid__col--lg-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .grid__col--lg-7 {\n flex-basis: 58.3333333333%;\n max-width: 58.3333333333%;\n }\n .grid__col--lg-8 {\n flex-basis: 66.6666666667%;\n max-width: 66.6666666667%;\n }\n .grid__col--lg-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .grid__col--lg-10 {\n flex-basis: 83.3333333333%;\n max-width: 83.3333333333%;\n }\n .grid__col--lg-11 {\n flex-basis: 91.6666666667%;\n max-width: 91.6666666667%;\n }\n .grid__col--lg-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n }\n @media screen and (min-width: 1240px) {\n .grid__col--xl-shrink {\n flex: 0 1;\n flex-basis: 0%;\n max-width: none;\n }\n .grid__col--xl-fill {\n flex: 1 0 auto;\n max-width: 100%;\n }\n .grid__col--xl-auto {\n flex: 1 1;\n flex-basis: 0%;\n max-width: 100%;\n }\n .grid__col--xl-1 {\n flex-basis: 8.3333333333%;\n max-width: 8.3333333333%;\n }\n .grid__col--xl-2 {\n flex-basis: 16.6666666667%;\n max-width: 16.6666666667%;\n }\n .grid__col--xl-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .grid__col--xl-4 {\n flex-basis: 33.3333333333%;\n max-width: 33.3333333333%;\n }\n .grid__col--xl-5 {\n flex-basis: 41.6666666667%;\n max-width: 41.6666666667%;\n }\n .grid__col--xl-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .grid__col--xl-7 {\n flex-basis: 58.3333333333%;\n max-width: 58.3333333333%;\n }\n .grid__col--xl-8 {\n flex-basis: 66.6666666667%;\n max-width: 66.6666666667%;\n }\n .grid__col--xl-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .grid__col--xl-10 {\n flex-basis: 83.3333333333%;\n max-width: 83.3333333333%;\n }\n .grid__col--xl-11 {\n flex-basis: 91.6666666667%;\n max-width: 91.6666666667%;\n }\n .grid__col--xl-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n }\n @media screen and (min-width: 1380px) {\n .grid__col--xxl-shrink {\n flex: 0 1;\n flex-basis: 0%;\n max-width: none;\n }\n .grid__col--xxl-fill {\n flex: 1 0 auto;\n max-width: 100%;\n }\n .grid__col--xxl-auto {\n flex: 1 1;\n flex-basis: 0%;\n max-width: 100%;\n }\n .grid__col--xxl-1 {\n flex-basis: 8.3333333333%;\n max-width: 8.3333333333%;\n }\n .grid__col--xxl-2 {\n flex-basis: 16.6666666667%;\n max-width: 16.6666666667%;\n }\n .grid__col--xxl-3 {\n flex-basis: 25%;\n max-width: 25%;\n }\n .grid__col--xxl-4 {\n flex-basis: 33.3333333333%;\n max-width: 33.3333333333%;\n }\n .grid__col--xxl-5 {\n flex-basis: 41.6666666667%;\n max-width: 41.6666666667%;\n }\n .grid__col--xxl-6 {\n flex-basis: 50%;\n max-width: 50%;\n }\n .grid__col--xxl-7 {\n flex-basis: 58.3333333333%;\n max-width: 58.3333333333%;\n }\n .grid__col--xxl-8 {\n flex-basis: 66.6666666667%;\n max-width: 66.6666666667%;\n }\n .grid__col--xxl-9 {\n flex-basis: 75%;\n max-width: 75%;\n }\n .grid__col--xxl-10 {\n flex-basis: 83.3333333333%;\n max-width: 83.3333333333%;\n }\n .grid__col--xxl-11 {\n flex-basis: 91.6666666667%;\n max-width: 91.6666666667%;\n }\n .grid__col--xxl-12 {\n flex-basis: 100%;\n max-width: 100%;\n }\n }\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.progress{margin-bottom:1.875rem}.progress__bar{background-color:var(--color-fill-moderate);height:.625rem;margin-bottom:.3125rem;position:relative}.progress__label{font-weight:700;margin-bottom:.3125rem}.progress__value{font-size:.875rem;font-weight:700;font-weight:400;letter-spacing:0;line-height
|
|
1
|
+
@layer components{.progress{margin-bottom:1.875rem}.progress__bar{background-color:var(--color-fill-moderate);height:.625rem;margin-bottom:.3125rem;position:relative}.progress__label{font-weight:700;margin-bottom:.3125rem}.progress__value{font-size:.875rem;font-weight:700;font-weight:400;letter-spacing:0;line-height:1.25rem}.progress__indicator{background-color:var(--color-surface-secondary);height:100%;left:0;max-width:100%;position:absolute;top:0;width:0}.progress__indicator--green{background-color:var(--color-fill-accent2)}.progress__indicator--red{background-color:var(--color-border-negative)}.progress__indicator--blue{background-color:var(--color-border-information)}.progress__indicator--yellow{background-color:var(--color-border-warning)}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,UACE,sBACF,CACA,eAIE,2CAA4C,CAD5C,cAAgB,CADhB,sBAAwB,CADxB,iBAIF,CACA,iBAEE,eAAiB,CADjB,sBAEF,CACA,iBAEE,iBAAmB,CADnB,eAAiB,CAGjB,eAAgB,CAChB,gBAAoB,CAFpB,mBAGF,CACA,qBASE,+CAAgD,CAHhD,WAAY,CAHZ,MAAO,CAEP,cAAe,CAJf,iBAAkB,CAClB,KAAM,CAEN,OAGF,CAIA,4BACE,0CACF,CACA,0BACE,6CACF,CACA,2BACE,gDACF,CACA,6BACE,4CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .progress {\n margin-bottom: 1.875rem;\n }\n .progress__bar {\n position: relative;\n margin-bottom: 0.3125rem;\n height: 0.625rem;\n background-color: var(--color-fill-moderate);\n }\n .progress__label {\n margin-bottom: 0.3125rem;\n font-weight: bold;\n }\n .progress__value {\n font-weight: bold;\n font-size: 0.875rem;\n line-height:
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,UACE,sBACF,CACA,eAIE,2CAA4C,CAD5C,cAAgB,CADhB,sBAAwB,CADxB,iBAIF,CACA,iBAEE,eAAiB,CADjB,sBAEF,CACA,iBAEE,iBAAmB,CADnB,eAAiB,CAGjB,eAAgB,CAChB,gBAAoB,CAFpB,mBAGF,CACA,qBASE,+CAAgD,CAHhD,WAAY,CAHZ,MAAO,CAEP,cAAe,CAJf,iBAAkB,CAClB,KAAM,CAEN,OAGF,CAIA,4BACE,0CACF,CACA,0BACE,6CACF,CACA,2BACE,gDACF,CACA,6BACE,4CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .progress {\n margin-bottom: 1.875rem;\n }\n .progress__bar {\n position: relative;\n margin-bottom: 0.3125rem;\n height: 0.625rem;\n background-color: var(--color-fill-moderate);\n }\n .progress__label {\n margin-bottom: 0.3125rem;\n font-weight: bold;\n }\n .progress__value {\n font-weight: bold;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 400;\n letter-spacing: 0rem;\n }\n .progress__indicator {\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n max-width: 100%;\n height: 100%;\n }\n .progress__indicator {\n background-color: var(--color-surface-secondary);\n }\n .progress__indicator--green {\n background-color: var(--color-fill-accent2);\n }\n .progress__indicator--red {\n background-color: var(--color-border-negative);\n }\n .progress__indicator--blue {\n background-color: var(--color-border-information);\n }\n .progress__indicator--yellow {\n background-color: var(--color-border-warning);\n }\n}"]}
|
|
@@ -1,2 +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:.6875rem .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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]):hover{background-color:#999}.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):not([disabled]):not([aria-disabled=true]).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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]).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):not([disabled]):not([aria-disabled=true]):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}}
|
|
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:.6875rem .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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]):hover{background-color:#999}.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):not([disabled]):not([aria-disabled=true]).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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]).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):not([disabled]):not([aria-disabled=true]):active{background-color:var(--color-background-contrast);color:var(--color-text-inverse)}.background-secondary .tag--transparent{background-color:var(--color-surface-primary)}.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
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"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","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.6875rem 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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]):hover {\n background-color: #999;\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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]).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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]).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}"]}
|
|
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,yBAIF,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,s1CACE,qBACF,CACA,g1CAEE,iDAAkD,CADlD,+BAEF,CACA,wCACE,6CACF,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.6875rem 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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]):hover {\n background-color: #999;\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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]).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):not([disabled]):not([aria-disabled=true]):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):not([disabled]):not([aria-disabled=true]).is-active {\n color: var(--color-text-inverse);\n background-color: var(--color-background-contrast);\n }\n .background-secondary .tag--transparent {\n background-color: var(--color-surface-primary);\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}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.tile{border:1px solid var(--color-border-strong);border-radius:.625rem;display:flex;overflow:hidden;position:relative;width:100%;word-break:break-word}.tile--image{aspect-ratio:310/466!important}.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}}
|
|
1
|
+
@layer components{.tile{border:1px solid var(--color-border-strong);border-radius:.625rem;display:flex;overflow:hidden;position:relative;width:100%;word-break:break-word}.tile--image{aspect-ratio:310/466!important}.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{flex-shrink:0;margin-left:.625rem;order:2}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAME,2CAA4C,CAD5C,qBAAuB,CAJvB,YAAa,CAEb,eAAgB,CADhB,iBAAkB,CAElB,UAAW,CAGX,qBACF,CACA,aACE,8BACF,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,
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAME,2CAA4C,CAD5C,qBAAuB,CAJvB,YAAa,CAEb,eAAgB,CADhB,iBAAkB,CAElB,UAAW,CAGX,qBACF,CACA,aACE,8BACF,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,oBAGE,aAAc,CADd,mBAAqB,CADrB,OAGF,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 border: 1px solid var(--color-border-strong);\n word-break: break-word;\n }\n .tile--image {\n aspect-ratio: 310/466 !important;\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 flex-shrink: 0;\n }\n}"]}
|