@alto-avios/alto-ui 5.3.0 → 5.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Box.css +1 -1
- package/dist/assets/CalloutBanner.css +1 -1
- package/dist/assets/Carousel.css +1 -1
- package/dist/assets/CarouselButton.css +1 -1
- package/dist/assets/CategoryTileGroup.css +1 -0
- package/dist/assets/Input.css +1 -1
- package/dist/assets/IntroSection.css +1 -1
- package/dist/assets/Link.css +1 -1
- package/dist/assets/SelectCard.css +1 -1
- package/dist/assets/margin.css +1 -0
- package/dist/components/Box/Box.d.ts +17 -6
- package/dist/components/Box/Box.js +2 -2
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/components/BoxLink/BoxLink.d.ts +7 -0
- package/dist/components/BoxLink/BoxLink.js +2 -2
- package/dist/components/BoxLink/BoxLink.js.map +1 -1
- package/dist/components/CalloutBanner/CalloutBanner.d.ts +2 -1
- package/dist/components/CalloutBanner/CalloutBanner.js +9 -9
- package/dist/components/CalloutBanner/CalloutBanner.js.map +1 -1
- package/dist/components/Carousel/Carousel.d.ts +27 -6
- package/dist/components/Carousel/Carousel.js +8 -8
- package/dist/components/Carousel/Carousel.js.map +1 -1
- package/dist/components/Carousel/CarouselButton/CarouselButton.d.ts +6 -0
- package/dist/components/Carousel/CarouselButton/CarouselButton.js +1 -1
- package/dist/components/Carousel/CarouselButton/CarouselButton.js.map +1 -1
- package/dist/components/Carousel/CarouselControls.js +1 -1
- package/dist/components/Carousel/CarouselControls.js.map +1 -1
- package/dist/components/Carousel/index.d.ts +2 -0
- package/dist/components/Carousel/index.js +1 -1
- package/dist/components/CategoryTileGroup/CategoryTileGroup.d.ts +52 -0
- package/dist/components/CategoryTileGroup/CategoryTileGroup.js +8 -0
- package/dist/components/CategoryTileGroup/CategoryTileGroup.js.map +1 -0
- package/dist/components/CategoryTileGroup/index.d.ts +2 -0
- package/dist/components/CategoryTileGroup/index.js +2 -0
- package/dist/components/CategoryTileGroup/index.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.js +5 -5
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/CreditCardNumberField/CreditCardNumberField.d.ts +2 -1
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js +4 -4
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js.map +1 -1
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.d.ts +1 -1
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js +6 -6
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.js +3 -3
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +6 -6
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/FieldHeader/FieldHeader.d.ts +1 -1
- package/dist/components/FieldHeader/FieldHeader.js +2 -2
- package/dist/components/FieldHeader/FieldHeader.js.map +1 -1
- package/dist/components/Form/Form.d.ts +1 -1
- package/dist/components/Form/Form.js +1 -1
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Heading/Heading.js +2 -2
- package/dist/components/Heading/Heading.js.map +1 -1
- package/dist/components/IntroSection/IntroSection.js +3 -3
- package/dist/components/Label/Label.js +1 -1
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Link/Link.js +2 -3
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Menu/Menu.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.js +1 -1
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +1 -1
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Radio/Radio.d.ts +1 -1
- package/dist/components/Radio/Radio.js +1 -1
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/SearchField/SearchField.d.ts +2 -1
- package/dist/components/SearchField/SearchField.js +4 -4
- package/dist/components/SearchField/SearchField.js.map +1 -1
- package/dist/components/Section/Section.d.ts +9 -1
- package/dist/components/Section/Section.js +3 -3
- package/dist/components/Section/Section.js.map +1 -1
- package/dist/components/SelectCard/SelectCard.d.ts +18 -9
- package/dist/components/SelectCard/SelectCard.js +5 -5
- package/dist/components/SelectCard/SelectCard.js.map +1 -1
- package/dist/components/Slider/Slider.d.ts +1 -1
- package/dist/components/Slider/Slider.js +12 -12
- package/dist/components/Slider/Slider.js.map +1 -1
- package/dist/components/SubHeading/SubHeading.js +1 -1
- package/dist/components/SubHeading/SubHeading.js.map +1 -1
- package/dist/components/_base/Input/Input.js +8 -8
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +1 -1
- package/dist/{flex-BJOhaXnU.js → flex-BfhdHBb6.js} +2 -2
- package/dist/flex-BfhdHBb6.js.map +1 -0
- package/dist/index.js +1 -1
- package/dist/margin-CCJx_ENX.js +2 -0
- package/dist/margin-CCJx_ENX.js.map +1 -0
- package/dist/useObjectRef-DIiuqtNU.js +2 -0
- package/dist/useObjectRef-DIiuqtNU.js.map +1 -0
- package/dist/utils/flex/flex.d.ts +20 -6
- package/dist/utils/flex/flex.js +1 -1
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.js +1 -1
- package/dist/utils/layout/hooks/useFitCount.d.ts +74 -0
- package/dist/utils/layout/hooks/useFitCount.js +2 -0
- package/dist/utils/layout/hooks/useFitCount.js.map +1 -0
- package/dist/utils/margin/margin.d.ts +13 -0
- package/dist/utils/margin/margin.js +2 -0
- package/dist/utils/margin/margin.js.map +1 -0
- package/dist/utils/margin/margin.test.d.ts +1 -0
- package/dist/utils/position/position.d.ts +1 -1
- package/dist/utils/stories/DraggableContainer.js +6 -6
- package/dist/utils/stories/DraggableContainer.js.map +1 -1
- package/dist/utils/stories/IntroSectionWithCategoryTileGroup.d.ts +3 -0
- package/dist/utils/stories/IntroSectionWithCategoryTileGroup.js +5 -0
- package/dist/utils/stories/IntroSectionWithCategoryTileGroup.js.map +1 -0
- package/package.json +3 -2
- package/dist/assets/truncate.css +0 -1
- package/dist/flex-BJOhaXnU.js.map +0 -1
- package/dist/utils/truncate/truncate.d.ts +0 -6
- package/dist/utils/truncate/truncate.js +0 -2
- package/dist/utils/truncate/truncate.js.map +0 -1
package/dist/assets/Box.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._box_sckl4_1{--box-max-width-base:initial;--box-max-width-sm:initial;--box-max-width-md:initial;--box-max-width-lg:initial;--box-max-width-xl:initial;--box-max-width-xxl:initial;--box-min-width-base:initial;--box-min-width-sm:initial;--box-min-width-md:initial;--box-min-width-lg:initial;--box-min-width-xl:initial;--box-min-width-xxl:initial;--box-max-height-base:initial;--box-max-height-sm:initial;--box-max-height-md:initial;--box-max-height-lg:initial;--box-max-height-xl:initial;--box-max-height-xxl:initial;--box-flex-basis-base:initial;--box-flex-basis-sm:initial;--box-flex-basis-md:initial;--box-flex-basis-lg:initial;--box-flex-basis-xl:initial;--box-flex-basis-xxl:initial;flex-basis:var(--box-flex-basis-base,auto);max-height:var(--box-max-height-base,none);max-width:var(--box-max-width-base,none);min-width:var(--box-min-width-base,none)}@media(min-width:480px){._box_sckl4_1{flex-basis:var(--box-flex-basis-sm,var(--box-flex-basis-base,auto));max-height:var(--box-max-height-sm,var(--box-max-height-base,none));max-width:var(--box-max-width-sm,var(--box-max-width-base,none));min-width:var(--box-min-width-sm,var(--box-min-width-base,none))}}@media(min-width:768px){._box_sckl4_1{flex-basis:var( --box-flex-basis-md,var(--box-flex-basis-sm,var(--box-flex-basis-base,auto)) );max-height:var( --box-max-height-md,var(--box-max-height-sm,var(--box-max-height-base,none)) );max-width:var( --box-max-width-md,var(--box-max-width-sm,var(--box-max-width-base,none)) );min-width:var( --box-min-width-md,var(--box-min-width-sm,var(--box-min-width-base,none)) )}}@media(min-width:1024px){._box_sckl4_1{flex-basis:var( --box-flex-basis-lg,var( --box-flex-basis-md,var(--box-flex-basis-sm,var(--box-flex-basis-base,auto)) ) );max-height:var( --box-max-height-lg,var( --box-max-height-md,var(--box-max-height-sm,var(--box-max-height-base,none)) ) );max-width:var( --box-max-width-lg,var( --box-max-width-md,var(--box-max-width-sm,var(--box-max-width-base,none)) ) );min-width:var( --box-min-width-lg,var( --box-min-width-md,var(--box-min-width-sm,var(--box-min-width-base,none)) ) )}}@media(min-width:1440px){._box_sckl4_1{flex-basis:var( --box-flex-basis-xl,var( --box-flex-basis-lg,var( --box-flex-basis-md,var(--box-flex-basis-sm,var(--box-flex-basis-base,auto)) ) ) );max-height:var( --box-max-height-xl,var( --box-max-height-lg,var( --box-max-height-md,var(--box-max-height-sm,var(--box-max-height-base,none)) ) ) );max-width:var( --box-max-width-xl,var( --box-max-width-lg,var( --box-max-width-md,var(--box-max-width-sm,var(--box-max-width-base,none)) ) ) );min-width:var( --box-min-width-xl,var( --box-min-width-lg,var( --box-min-width-md,var(--box-min-width-sm,var(--box-min-width-base,none)) ) ) )}}@media(min-width:1920px){._box_sckl4_1{flex-basis:var( --box-flex-basis-xxl,var( --box-flex-basis-xl,var( --box-flex-basis-lg,var( --box-flex-basis-md,var(--box-flex-basis-sm,var(--box-flex-basis-base,auto)) ) ) ) );max-height:var( --box-max-height-xxl,var( --box-max-height-xl,var( --box-max-height-lg,var( --box-max-height-md,var(--box-max-height-sm,var(--box-max-height-base,none)) ) ) ) );max-width:var( --box-max-width-xxl,var( --box-max-width-xl,var( --box-max-width-lg,var( --box-max-width-md,var(--box-max-width-sm,var(--box-max-width-base,none)) ) ) ) );min-width:var( --box-min-width-xxl,var( --box-min-width-xl,var( --box-min-width-lg,var( --box-min-width-md,var(--box-min-width-sm,var(--box-min-width-base,none)) ) ) ) )}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._calloutBanner_w7hda_1{border-radius:var(--alto-card-radius);border-style:solid;border-width:var(--alto-sem-border-width-sm);display:flex;flex-direction:column;overflow:hidden;text-align:left;width:100%}._calloutBanner__icon_w7hda_12{align-self:flex-start}._calloutBanner_w7hda_1:has(._calloutBanner__meta-title_w7hda_21:only-child):has(:not(._calloutBanner__meta-label_w7hda_19)) ._calloutBanner__start_w7hda_17{align-items:center}._calloutBanner__start_w7hda_17{border-bottom:var(--alto-sem-border-width-sm) solid transparent;color:var(--alto-sem-color-fg-critical-on-vibrant);display:flex;flex-direction:row;gap:var(--alto-sem-space-xs);padding:var(--alto-sem-space-xs);position:relative}._calloutBanner__end_w7hda_38{background-color:var(--alto-sem-color-bg-layer2-default);display:flex;justify-content:flex-start;padding:var(--alto-sem-space-sm)}._calloutBanner__dismiss_w7hda_45{right:var(--alto-sem-space-xs);top:var(--alto-sem-space-xs)}._calloutBanner__meta_w7hda_19{display:flex;flex-direction:row-reverse;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-sm-font-size);font-style:normal;gap:var(--alto-sem-space-xs);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);width:100%}._calloutBanner__meta-content_w7hda_62{display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);width:100%}._calloutBanner__meta-label_w7hda_19{align-items:flex-start;display:flex}._calloutBanner__header--row_w7hda_74{flex-direction:row;justify-content:space-between}._calloutBanner__meta-top_w7hda_79{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;text-wrap:wrap;word-wrap:break-word;word-break:break-word}._calloutBanner__custom-asset_w7hda_89{max-width:52px}._calloutBanner__custom-asset_w7hda_89>:first-child{max-width:inherit}._calloutBanner__meta-title_w7hda_21{font-size:var(--alto-sem-text-body-sm-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);margin:0}._calloutBanner__meta-description_w7hda_103{margin:var(--alto-sem-space-4xs) 0 0}._calloutBanner__severity-label_w7hda_108{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0)}._calloutBanner__default-asset--center_w7hda_119{align-self:center;display:flex}._calloutBanner--critical_w7hda_125{border-color:var(--alto-sem-color-border-critical)}._calloutBanner--primary_w7hda_129._calloutBanner--critical_w7hda_125 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-critical-vibrant-default)}._calloutBanner--secondary_w7hda_133._calloutBanner--critical_w7hda_125 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-critical-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_w7hda_133._calloutBanner--critical_w7hda_125 ._calloutBanner__end_w7hda_38{border-top:1px solid var(--alto-sem-color-border-critical)}._calloutBanner--tertiary_w7hda_142._calloutBanner--critical_w7hda_125 ._calloutBanner__start_w7hda_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--critical_w7hda_125:not(._calloutBanner--primary_w7hda_129) ._calloutBanner__icon_w7hda_12{color:var(--alto-sem-color-fg-critical-primary)}._calloutBanner--success_w7hda_151{border-color:var(--alto-sem-color-border-success)}._calloutBanner--primary_w7hda_129._calloutBanner--success_w7hda_151 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-success-vibrant-default)}._calloutBanner--secondary_w7hda_133._calloutBanner--success_w7hda_151 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-success-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_w7hda_133._calloutBanner--success_w7hda_151 ._calloutBanner__end_w7hda_38{border-top:1px solid var(--alto-sem-color-border-success)}._calloutBanner--tertiary_w7hda_142._calloutBanner--success_w7hda_151 ._calloutBanner__start_w7hda_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--success_w7hda_151:not(._calloutBanner--primary_w7hda_129) ._calloutBanner__icon_w7hda_12{color:var(--alto-sem-color-fg-success-primary)}._calloutBanner--information_w7hda_177{border-color:var(--alto-sem-color-border-information)}._calloutBanner--primary_w7hda_129._calloutBanner--information_w7hda_177 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-information-vibrant-default)}._calloutBanner--secondary_w7hda_133._calloutBanner--information_w7hda_177 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-information-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_w7hda_133._calloutBanner--information_w7hda_177 ._calloutBanner__end_w7hda_38{border-top:1px solid var(--alto-sem-color-border-information)}._calloutBanner--tertiary_w7hda_142._calloutBanner--information_w7hda_177 ._calloutBanner__start_w7hda_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--information_w7hda_177:not(._calloutBanner--primary_w7hda_129) ._calloutBanner__icon_w7hda_12{color:var(--alto-sem-color-fg-information-primary)}._calloutBanner--neutral_w7hda_203{border-color:var(--alto-sem-color-border-secondary)}._calloutBanner--primary_w7hda_129._calloutBanner--neutral_w7hda_203 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-inverse-vibrant-default)}._calloutBanner--secondary_w7hda_133._calloutBanner--neutral_w7hda_203 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-layer1-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--secondary_w7hda_133._calloutBanner--neutral_w7hda_203 ._calloutBanner__end_w7hda_38{border-top:1px solid var(--alto-sem-color-border-secondary)}._calloutBanner--tertiary_w7hda_142._calloutBanner--neutral_w7hda_203 ._calloutBanner__start_w7hda_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--neutral_w7hda_203:not(._calloutBanner--primary_w7hda_129) ._calloutBanner__icon_w7hda_12{color:var(--alto-sem-color-fg-primary)}._calloutBanner--accent_w7hda_229{border-color:var(--alto-sem-color-border-accent)}._calloutBanner--primary_w7hda_129._calloutBanner--accent_w7hda_229 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-accent-vibrant-default);color:var(--alto-sem-color-fg-accent-on-vibrant)}._calloutBanner--secondary_w7hda_133._calloutBanner--accent_w7hda_229{border:none}._calloutBanner--secondary_w7hda_133._calloutBanner--accent_w7hda_229 ._calloutBanner__start_w7hda_17{background:var(--alto-sem-color-bg-accent-subtle-default);color:var(--alto-sem-color-fg-primary)}._calloutBanner--tertiary_w7hda_142._calloutBanner--accent_w7hda_229 ._calloutBanner__start_w7hda_17{background:transparent;color:var(--alto-sem-color-fg-primary)}._calloutBanner--accent_w7hda_229:not(._calloutBanner--primary_w7hda_129) ._calloutBanner__icon_w7hda_12{color:var(--alto-sem-color-fg-accent-primary)}._calloutBanner--tertiary_w7hda_142{border-color:transparent;gap:var(--alto-sem-space-4xs)}._calloutBanner--tertiary_w7hda_142 ._calloutBanner__start_w7hda_17{padding:0}._calloutBanner--tertiary_w7hda_142 ._calloutBanner__end_w7hda_38{background:var(--alto-sem-color-bg-layer1-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius)}
|
package/dist/assets/Carousel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carouselWrapper_1uhyq_2{box-sizing:border-box;margin:0;max-width:100%;padding:0;position:relative;width:100%}._carouselWrapper_1uhyq_2,._carouselWrapper_1uhyq_2._showPartialItems_1uhyq_14,._carouselWrapper_1uhyq_2._showPartialItems_1uhyq_14 ._carousel_1uhyq_2{overflow-x:visible;overflow-y:hidden}._carouselWrapper_1uhyq_2._hasScrollPadding_1uhyq_25,._carouselWrapper_1uhyq_2._hasScrollPadding_1uhyq_25 ._carousel_1uhyq_2{overflow-x:visible!important;overflow-y:hidden!important}._carousel_1uhyq_2{overflow-x:visible;position:relative;width:100%}._carousel_1uhyq_2,._scroller_1uhyq_43{box-sizing:border-box;overflow-y:hidden}._scroller_1uhyq_43{display:grid;grid-auto-columns:100%;grid-auto-flow:column;overflow-x:auto;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:auto;transition:all .3s ease}._scroller_1uhyq_43:focus{outline-offset:-2px;outline-width:2px}._scroller_1uhyq_43::-webkit-scrollbar{display:none}._carouselWrapper_1uhyq_2 [data-dragging=true] ._scroller_1uhyq_43{cursor:grabbing;scroll-behavior:auto;touch-action:pan-x}._carouselWrapper_1uhyq_2 [data-dragging=true] ._item_1uhyq_78 a{cursor:grabbing}._carouselWrapper_1uhyq_2 ._scroller_1uhyq_43:hover{cursor:grab;touch-action:pan-x}._item_1uhyq_78{box-sizing:border-box;height:auto;max-width:100%;min-height:100%;overflow-y:hidden;scroll-snap-align:start;scroll-snap-stop:always}._carouselWrapper_1uhyq_2 ._carousel_1uhyq_2 ._scroller_1uhyq_43 ._item_1uhyq_78>*{display:block;height:auto;width:100%}._carouselWrapper_1uhyq_2[data-scroll-padding=true],._carouselWrapper_1uhyq_2[data-scroll-padding=true] ._carousel_1uhyq_2,._carouselWrapper_1uhyq_2[data-scroll-padding=true] ._scroller_1uhyq_43{overflow-x:visible!important;overflow-y:hidden!important}._carouselWrapper_1uhyq_2[data-scroll-padding=true] ._item_1uhyq_78{scroll-snap-align:start}._slideLeft_1uhyq_127{animation:_slideLeftAnimation_1uhyq_1 1s cubic-bezier(.25,0,.85,.1)}._slideRight_1uhyq_131{animation:_slideRightAnimation_1uhyq_1 1s cubic-bezier(.25,0,.85,.1)}@keyframes _slideLeftAnimation_1uhyq_1{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes _slideRightAnimation_1uhyq_1{0%{transform:translate(0)}to{transform:translate(0)}}._controls_1uhyq_154{inset:0;pointer-events:none;position:absolute;z-index:1}._defaultPrevButton_1uhyq_165{left:10px}._defaultNextButton_1uhyq_173,._defaultPrevButton_1uhyq_165{position:absolute;top:50%;transform:translateY(-50%);z-index:5}._defaultNextButton_1uhyq_173{right:10px}._defaultDotsContainer_1uhyq_182{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._defaultCarouselWrapper_1uhyq_193{margin:0 auto;max-width:800px;width:360px}._defaultAutoplayControl_1uhyq_200{pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._showOnHover_1uhyq_209 ._arrowContainer_1uhyq_209{opacity:0;transition:opacity .3s ease}._carouselWrapper_1uhyq_2 [data-arrows-visible=true] ._showOnHover_1uhyq_209 ._arrowContainer_1uhyq_209{opacity:1}._hidden_1uhyq_219{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}._dotsContainerWrapper_1uhyq_228{pointer-events:auto;z-index:2}._dotsContainer_1uhyq_228{position:relative}@media(max-width:768px){._carouselWrapper_1uhyq_2 ._dotsContainerWrapper_1uhyq_228{cursor:pointer}._carouselWrapper_1uhyq_2 ._dotsContainerWrapper_1uhyq_228:active{opacity:.8}}._hiddenTabs_1uhyq_250{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}._tapEnabled_1uhyq_263{cursor:pointer;touch-action:manipulation}._autoplayControlWrapper_1uhyq_268{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:absolute;right:16px;top:16px;z-index:10}._carouselDefault_1uhyq_282{height:100%;overflow-x:hidden;width:361px}._carouselDefault_1uhyq_282 ._prevButton_1uhyq_287{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_1uhyq_282 ._nextButton_1uhyq_294{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselDefault_1uhyq_282 ._dotsContainer_1uhyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_1uhyq_312{position:relative;width:100%}._carouselWithAutoPlay_1uhyq_312 ._prevButton_1uhyq_287{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_1uhyq_312 ._nextButton_1uhyq_294{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._carouselWithAutoPlay_1uhyq_312 ._dotsContainer_1uhyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithAutoPlay_1uhyq_312 ._autoplayControl_1uhyq_268{pointer-events:auto!important;position:absolute!important;right:16px!important;top:16px!important;z-index:20!important}._carouselWithScrollPeek_1uhyq_348{position:relative}._carouselWithScrollPeek_1uhyq_348,._carouselWithScrollPeek_1uhyq_348 ._carousel_1uhyq_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithScrollPeek_1uhyq_348 ._prevButton_1uhyq_287{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_1uhyq_348 ._nextButton_1uhyq_294{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithScrollPeek_1uhyq_348 ._dotsContainer_1uhyq_228{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._carouselWithFractionalItems_1uhyq_382{position:relative}._carouselWithFractionalItems_1uhyq_382,._carouselWithFractionalItems_1uhyq_382 ._carousel_1uhyq_2{overflow-x:visible!important;overflow-y:hidden!important}._carouselWithFractionalItems_1uhyq_382 ._prevButton_1uhyq_287{left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_1uhyq_382 ._nextButton_1uhyq_294{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:10}._carouselWithFractionalItems_1uhyq_382 ._dotsContainer_1uhyq_228{bottom:20px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._paginationDotsDefault_1uhyq_416{position:relative;width:100%}._paginationDotsDefault_1uhyq_416 ._prevButton_1uhyq_287{left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_1uhyq_416 ._nextButton_1uhyq_294{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5}._paginationDotsDefault_1uhyq_416 ._dotsContainer_1uhyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}._hoverArrowsDefault_1uhyq_445{height:100%;overflow-x:hidden;width:361px}._hoverArrowsDefault_1uhyq_445 ._prevButton_1uhyq_287{left:10px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_1uhyq_445 ._nextButton_1uhyq_294{opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:5}._hoverArrowsDefault_1uhyq_445:focus-within ._nextButton_1uhyq_294,._hoverArrowsDefault_1uhyq_445:focus-within ._prevButton_1uhyq_287,._hoverArrowsDefault_1uhyq_445:hover ._nextButton_1uhyq_294,._hoverArrowsDefault_1uhyq_445:hover ._prevButton_1uhyq_287{opacity:1}._hoverArrowsDefault_1uhyq_445 ._dotsContainer_1uhyq_228{bottom:12px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:5}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._arrowContainer_lk4ma_1{background:none;border:none;box-shadow:none!important;outline:none!important;padding:0;pointer-events:auto;z-index:2}._arrowContainer_lk4ma_1:focus,._arrowContainer_lk4ma_1:focus-visible{box-shadow:none!important;outline:none!important}._iconButton_lk4ma_19{align-items:center;display:flex;justify-content:center}._arrowContainer_lk4ma_1._hideDisabledArrow_lk4ma_25[aria-disabled=true],._arrowContainer_lk4ma_1._hideDisabledArrow_lk4ma_25[data-disabled=true]{display:none}._arrowContainer_lk4ma_1._neutral_lk4ma_35 ._iconButton_lk4ma_19[data-focused=true],._arrowContainer_lk4ma_1._neutral_lk4ma_35 ._iconButton_lk4ma_19[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._arrowContainer_lk4ma_1:not([aria-disabled]) ._neutral_lk4ma_35 ._iconButton_lk4ma_19[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._arrowContainer_lk4ma_1._white_lk4ma_47 ._iconButton_lk4ma_19{background-color:transparent;border:none;border-radius:0}._arrowContainer_lk4ma_1._white_lk4ma_47:not([aria-disabled]) ._iconButton_lk4ma_19[data-focused=true],._arrowContainer_lk4ma_1._white_lk4ma_47:not([aria-disabled]) ._iconButton_lk4ma_19[data-parent-hovered=true]{background-color:var(--alto-sem-color-overlay-state-lighten-hover)}._arrowContainer_lk4ma_1._white_lk4ma_47:not([aria-disabled]) ._iconButton_lk4ma_19[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._arrowContainer_lk4ma_1._shapeFlat_lk4ma_65 ._iconButton_lk4ma_19{border-radius:var(--alto-sem-radius-circle)}._arrowContainer_lk4ma_1._shapeFlat_lk4ma_65:not([aria-disabled]) ._iconButton_lk4ma_19{background-color:var(--alto-sem-color-bg-white-vibrant-default)}._arrowContainer_lk4ma_1._shapeFlat_lk4ma_65:not([aria-disabled]) ._iconButton_lk4ma_19[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._arrowContainer_lk4ma_1._shapeElevated_lk4ma_78 ._iconButton_lk4ma_19{border-radius:var(--alto-sem-radius-circle)}._arrowContainer_lk4ma_1._shapeElevated_lk4ma_78:not([aria-disabled]) ._iconButton_lk4ma_19{background-color:var(--alto-sem-color-bg-white-vibrant-default);box-shadow:0 11.4px 9.12px #2f2a850d,0 2.59px 4.4px #2f2a850d,0 6.99px 18.18px #2f2a8514}._arrowContainer_lk4ma_1._shapeElevated_lk4ma_78:not([aria-disabled]) ._iconButton_lk4ma_19[data-focused=true],._arrowContainer_lk4ma_1._shapeElevated_lk4ma_78:not([aria-disabled]) ._iconButton_lk4ma_19[data-parent-hovered=true]{background-color:var(--alto-sem-color-bg-white-vibrant-hover)}._arrowContainer_lk4ma_1._shapeElevated_lk4ma_78:not([aria-disabled]) ._iconButton_lk4ma_19[data-parent-pressed=true]{background-color:var(--alto-sem-color-bg-white-vibrant-active)}._arrowContainer_lk4ma_1._gradient_lk4ma_102:not([aria-disabled]) ._iconButton_lk4ma_19{background:linear-gradient(90deg,#fefefe 50%,#fff0);border:none;border-radius:0;height:100%}._arrowContainer_lk4ma_1._gradient_lk4ma_102._next_lk4ma_109:not([aria-disabled]) ._iconButton_lk4ma_19{background:linear-gradient(90deg,#fff0,#fefefe 50%)}._arrowContainer_lk4ma_1._gradient_lk4ma_102:not([aria-disabled]) ._iconButton_lk4ma_19[data-focused=true],._arrowContainer_lk4ma_1._gradient_lk4ma_102:not([aria-disabled]) ._iconButton_lk4ma_19[data-parent-hovered=true]{background:linear-gradient(90deg,#fefefe 50%,#fff0);color:var(--alto-sem-color-fg-accent-primary);outline-offset:-2px}._arrowContainer_lk4ma_1._gradient_lk4ma_102._next_lk4ma_109:not([aria-disabled]) ._iconButton_lk4ma_19[data-focused=true],._arrowContainer_lk4ma_1._gradient_lk4ma_102._next_lk4ma_109:not([aria-disabled]) ._iconButton_lk4ma_19[data-parent-hovered=true]{background:linear-gradient(90deg,#fff0,#fefefe 50%);color:var(--alto-sem-color-fg-accent-primary);outline-offset:-2px}._arrowContainer_lk4ma_1._gradient_lk4ma_102:not([aria-disabled]) ._iconButton_lk4ma_19[data-parent-pressed=true]{background-color:var(--alto-sem-color-overlay-state-lighten-active)}._arrowContainer_lk4ma_1[aria-disabled] ._iconButton_lk4ma_19{background-color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;opacity:var(--alto-sem-opacity-30)}._arrowContainer_lk4ma_1._fullHeight_lk4ma_143{align-items:center;bottom:0;cursor:pointer;display:flex;height:100%;top:0;transform:none}._arrowContainer_lk4ma_1._fullHeight_lk4ma_143._prev_lk4ma_154{justify-content:flex-start;left:0}._arrowContainer_lk4ma_1._fullHeight_lk4ma_143._next_lk4ma_109{justify-content:flex-end;right:0}._arrowContainer_lk4ma_1._fullHeight_lk4ma_143 ._iconButton_lk4ma_19{position:relative;z-index:2}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._category-tile-group__container_1137c_1{width:100%}._category-tile-group_1137c_1{display:flex;flex-wrap:wrap;gap:var(--alto-sem-space-2xs);list-style:none;margin:0;padding:0}._category-tile_1137c_1{box-sizing:border-box}._category-tile--list_1137c_19{width:149.5px}._category-tile--carousel_1137c_23{height:100%}._category-tile_1137c_1 [data-alto-box-link]{border:none;height:100%;width:100%}._category-tile__title_1137c_34 p{display:-webkit-box;line-clamp:3;line-height:normal;margin:0;overflow:hidden;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:3}._category-tile_1137c_1 [data-alto-box-link][data-focused] ._category-tile__title_1137c_34 p,._category-tile_1137c_1 [data-alto-box-link][data-hovered] ._category-tile__title_1137c_34 p,._category-tile_1137c_1 [data-alto-box-link][data-pressed] ._category-tile__title_1137c_34 p{-webkit-text-decoration:var(--alto-sem-text-body-link-text-decoration);text-decoration:var(--alto-sem-text-body-link-text-decoration)}._category-tile_1137c_1 [data-alto-box-link][data-focused],._category-tile_1137c_1 [data-alto-box-link][data-hovered],._category-tile_1137c_1 [data-alto-box-link][data-pressed]{transform:translateY(0)}._category-tile-carousel__shell_1137c_58{position:relative}._category-tile-carousel__wrapper_1137c_62{margin:0;max-width:100%;width:100%}._category-tile-carousel__scroller_1137c_68{grid-auto-columns:149px!important;padding-inline:0!important}._category-tile-carousel__item-wrapper_1137c_73{padding:4px}._category-tile-carousel__item-wrapper_1137c_73 ._category-tile_1137c_1{height:100%!important}._category-tile-carousel__internal-arrow--next_1137c_82,._category-tile-carousel__internal-arrow--prev_1137c_81{display:none}._category-tile-carousel__arrow--next_1137c_88,._category-tile-carousel__arrow--prev_1137c_87{position:absolute;top:35%}._category-tile-carousel__arrow--prev_1137c_87{left:-16px}._category-tile-carousel__arrow--next_1137c_88{right:-16px}[data-show-arrows-on-hover=true] ._category-tile-carousel__arrow--next_1137c_88,[data-show-arrows-on-hover=true] ._category-tile-carousel__arrow--prev_1137c_87{opacity:0;pointer-events:none;transition:opacity .3s ease}[data-show-arrows-on-hover=true]:hover ._category-tile-carousel__arrow--next_1137c_88,[data-show-arrows-on-hover=true]:hover ._category-tile-carousel__arrow--prev_1137c_87{opacity:1;pointer-events:auto}@media(max-width:767px){._category-tile-carousel__arrow--prev_1137c_87{left:2px}._category-tile-carousel__arrow--next_1137c_88{right:2px}}
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._input-field_14jbw_1{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%;--clearButton-focus-width:48px;--input-field-max-height:48px;--input-inner-field-height:calc(var(--input-field-max-height) - var(--alto-sem-border-width-sm)*2);--input-error-inner-field-height:calc(var(--input-field-max-height) - var(--alto-sem-border-width-md)*2);--input-slot-min-width:46px}._input-field__grid_14jbw_20{display:grid;grid-template-columns:repeat(12,1fr)}._input-field__wrapper_14jbw_26{align-items:center;display:grid;grid-template-columns:1fr;height:var(--input-field-max-height);position:relative;grid-column-gap:var(--alto-sem-space-2xs);background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);box-sizing:border-box}._input-field__wrapper_14jbw_26[data-start-slot]{grid-template-columns:minmax(var(--input-slot-min-width),auto) 1fr}._input-field__wrapper_14jbw_26[data-end-slot]{grid-template-columns:1fr minmax(var(--input-slot-min-width),auto)}._input-field__wrapper_14jbw_26[data-start-slot][data-end-slot]{grid-template-columns:minmax(var(--input-slot-min-width),auto) 1fr minmax(var(--input-slot-min-width),auto)}._input-field__wrapper_14jbw_26:not([data-start-slot]):not([data-end-slot]) ._input-field__input_14jbw_56{border-radius:var(--alto-input-radius)}._input-field__wrapper_14jbw_26[data-end-slot]:not([data-start-slot]) ._input-field__input_14jbw_56,._input-field__wrapper_14jbw_26[data-start-slot] div:first-child{border-bottom-left-radius:var(--alto-input-radius);border-top-left-radius:var(--alto-input-radius)}._input-field__wrapper_14jbw_26[data-start-slot]:not([data-end-slot]) ._input-field__input_14jbw_56{border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius)}._input-field__input_14jbw_56{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:0;box-sizing:border-box;color:var(--alto-sem-color-fg-primary);display:grid;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);height:var(--input-inner-field-height);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);width:100%}._input-field__input_14jbw_56::-moz-placeholder{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._input-field__input_14jbw_56::placeholder{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-hovered]):not([data-disabled]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-hover)}._input-field__input_14jbw_56[data-focus-visible]:not([data-disabled]){outline:none}._input-field__endSelect_14jbw_118[data-focused],._input-field__startSelect_14jbw_117[data-focused],._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-focus-visible]):not([data-disabled]),._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-focused]):not([data-disabled]){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-none);outline-style:solid;outline-width:var(--alto-sem-border-width-md);z-index:1}._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-invalid]):not([data-disabled]){border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._input-field__endIcon_14jbw_139,._input-field__endSelect_14jbw_118,._input-field__endSlot_14jbw_141,._input-field__prefix_14jbw_134,._input-field__startIcon_14jbw_138,._input-field__startSelect_14jbw_117,._input-field__startSlot_14jbw_140,._input-field__suffix_14jbw_135{align-items:center;background:var(--alto-sem-color-bg-layer2-default);box-sizing:border-box;color:var(--alto-sem-color-fg-secondary);display:flex;height:var(--input-inner-field-height);justify-content:center;min-width:var(--input-slot-min-width);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-invalid]):not([data-disabled]) ._input-field__endIcon_14jbw_139,._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-invalid]):not([data-disabled]) ._input-field__endSelect_14jbw_118,._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-invalid]):not([data-disabled]) ._input-field__endSlot_14jbw_141,._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-invalid]):not([data-disabled]) ._input-field__input_14jbw_56,._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-invalid]):not([data-disabled]) ._input-field__prefix_14jbw_134,._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-invalid]):not([data-disabled]) ._input-field__startIcon_14jbw_138,._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-invalid]):not([data-disabled]) ._input-field__startSelect_14jbw_117,._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-invalid]):not([data-disabled]) ._input-field__startSlot_14jbw_140,._input-field__wrapper_14jbw_26:has(._input-field__input_14jbw_56[data-invalid]):not([data-disabled]) ._input-field__suffix_14jbw_135{height:var(--input-error-inner-field-height)}._input-field__endIcon_14jbw_139,._input-field__endSelect_14jbw_118,._input-field__endSlot_14jbw_141,._input-field__suffix_14jbw_135{border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius)}._input-field__prefix_14jbw_134,._input-field__startSelect_14jbw_117{border-right:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default)}._input-field__endSelect_14jbw_118,._input-field__suffix_14jbw_135{border-left:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default)}._input-field__prefix_14jbw_134,._input-field__suffix_14jbw_135{background-color:var(--alto-sem-color-bg-layer1-default)}._input-field__endSelect_14jbw_118,._input-field__startSelect_14jbw_117{background-color:var(--alto-sem-color-bg-layer2-default);padding:0}._input-field__startSelect_14jbw_117 select{border-bottom-left-radius:var(--alto-input-radius);border-top-left-radius:var(--alto-input-radius)}._input-field__endSelect_14jbw_118 select{border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius)}._input-field__endSelect_14jbw_118 select,._input-field__startSelect_14jbw_117 select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234b4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-xs) center;background-repeat:no-repeat;border:none;color:var(--alto-sem-color-fg-primary);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);height:100%;padding:var(--alto-sem-space-2xs) calc(var(--alto-sem-space-xs)*2 + 11px) var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._input-field__endSlot_14jbw_141[data-end-slot-button],._input-field__startSlot_14jbw_140[data-start-slot-button]{padding-bottom:0;padding-top:0}._input-field__clearButton_14jbw_261{position:absolute;right:var(--alto-sem-space-2xs)}._input-field__clearButton_14jbw_261:not(:last-child){right:calc(var(--input-end-slot-width) + 6px)}._input-field__wrapper_14jbw_26:has(._input-field__clearButton_14jbw_261) ._input-field__input_14jbw_56{padding-right:var(--clearButton-focus-width)}._input-field__wrapper_14jbw_26:has(._input-field__startIcon_14jbw_138):has(._input-field__endIcon_14jbw_139) ._input-field__input_14jbw_56,._input-field__wrapper_14jbw_26:has(._input-field__startSlot_14jbw_140):has(._input-field__endSlot_14jbw_141) ._input-field__input_14jbw_56{padding-left:0;padding-right:0}._input-field__wrapper_14jbw_26:has(._input-field__startIcon_14jbw_138) ._input-field__input_14jbw_56,._input-field__wrapper_14jbw_26:has(._input-field__startSlot_14jbw_140) ._input-field__input_14jbw_56{padding-left:0}._input-field__wrapper_14jbw_26:has(._input-field__endIcon_14jbw_139) ._input-field__input_14jbw_56,._input-field__wrapper_14jbw_26:has(._input-field__endSlot_14jbw_141) ._input-field__input_14jbw_56{padding-right:0}._input-field__wrapper_14jbw_26:has(._input-field__prefix_14jbw_134,._input-field__startSelect_14jbw_117) ._input-field__input_14jbw_56,._input-field__wrapper_14jbw_26:has(._input-field__suffix_14jbw_135,._input-field__endSelect_14jbw_118) ._input-field__input_14jbw_56{padding-left:var(--alto-sem-space-2xs);padding-right:var(--alto-sem-space-2xs)}._input-field__wrapper_14jbw_26:has(._input-field__suffix_14jbw_135,._input-field__endSelect_14jbw_118):not([data-start-slot]) ._input-field__input_14jbw_56{padding-left:var(--alto-sem-space-sm)}._input-field__wrapper_14jbw_26[data-has-end-button] ._input-field__endSlot_14jbw_141,._input-field__wrapper_14jbw_26[data-has-start-button] ._input-field__startSlot_14jbw_140{padding-left:var(--alto-sem-space-3xs);padding-right:var(--alto-sem-space-3xs)}._input-field__errorMessage_14jbw_319{margin-top:var(--alto-sem-space-2xs)}._input-field__input--hideSearchClear_14jbw_324::-webkit-search-cancel-button,._input-field__input--hideSearchClear_14jbw_324::-webkit-search-decoration,._input-field__input--hideSearchClear_14jbw_324::-webkit-search-results-button,._input-field__input--hideSearchClear_14jbw_324::-webkit-search-results-decoration{display:none}._input-field__input--hideSearchClear_14jbw_324::-ms-clear{display:none}._input-field__input--hideSearchClear_14jbw_324::-moz-search-clear-button{display:none}[dir=rtl] ._input-field__wrapper_14jbw_26[data-end-slot]:not([data-start-slot]) ._input-field__input_14jbw_56,[dir=rtl] ._input-field__wrapper_14jbw_26[data-start-slot] div:first-child{border-radius:0;border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius);padding-right:var(--alto-sem-space-sm)}[dir=rtl] ._input-field__wrapper_14jbw_26[data-end-slot] div:last-child,[dir=rtl] ._input-field__wrapper_14jbw_26[data-start-slot]:not([data-end-slot]) ._input-field__input_14jbw_56{border-radius:0;border-bottom-left-radius:var(--alto-input-radius);border-top-left-radius:var(--alto-input-radius)}[dir=rtl] ._input-field__prefix_14jbw_134,[dir=rtl] ._input-field__startSelect_14jbw_117{border-left:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-right:0}[dir=rtl] ._input-field__endSelect_14jbw_118,[dir=rtl] ._input-field__suffix_14jbw_135{border-left:0;border-right:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default)}[dir=rtl] ._input-field__wrapper_14jbw_26:has(._input-field__startIcon_14jbw_138) ._input-field__input_14jbw_56,[dir=rtl] ._input-field__wrapper_14jbw_26:has(._input-field__startSlot_14jbw_140) ._input-field__input_14jbw_56{padding-right:0}[dir=rtl]._input-field__wrapper_14jbw_26:has(._input-field__endIcon_14jbw_139) ._input-field__input_14jbw_56,[dir=rtl]._input-field__wrapper_14jbw_26:has(._input-field__endSlot_14jbw_141) ._input-field__input_14jbw_56{padding-left:0}[dir=rtl] ._input-field__wrapper_14jbw_26:has(._input-field__clearButton_14jbw_261) ._input-field__input_14jbw_56{padding-left:var(--clearButton-focus-width)}[dir=rtl] ._input-field__clearButton_14jbw_261{left:var(--alto-sem-space-2xs);right:unset}[dir=rtl] ._input-field__clearButton_14jbw_261:not(:last-child){left:calc(var(--input-end-slot-width) + 6px);right:unset}._input-field__wrapper_14jbw_26:has([data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._input-field__wrapper_14jbw_26>[data-disabled]{border-color:var(--alto-sem-color-border-disabled-subtle);pointer-events:none}._input-field__wrapper_14jbw_26 select[disabled],._input-field__wrapper_14jbw_26>[data-disabled]{background:transparent;color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}
|
|
1
|
+
._input-field_t4b0i_1{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%;--clearButton-focus-width:48px;--input-field-max-height:48px;--input-inner-field-height:calc(var(--input-field-max-height) - var(--alto-sem-border-width-sm)*2);--input-error-inner-field-height:calc(var(--input-field-max-height) - var(--alto-sem-border-width-md)*2);--input-slot-min-width:46px}._input-field__grid_t4b0i_20{display:grid;grid-template-columns:repeat(12,1fr)}._input-field__wrapper_t4b0i_26{align-items:center;display:grid;grid-template-columns:1fr;position:relative;grid-column-gap:var(--alto-sem-space-2xs);background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);box-sizing:border-box}._input-field__wrapper_t4b0i_26[data-start-slot]{grid-template-columns:minmax(var(--input-slot-min-width),auto) 1fr}._input-field__wrapper_t4b0i_26[data-end-slot]{grid-template-columns:1fr minmax(var(--input-slot-min-width),auto)}._input-field__wrapper_t4b0i_26[data-start-slot][data-end-slot]{grid-template-columns:minmax(var(--input-slot-min-width),auto) 1fr minmax(var(--input-slot-min-width),auto)}._input-field__wrapper_t4b0i_26:not([data-start-slot]):not([data-end-slot]) ._input-field__input_t4b0i_55{border-radius:var(--alto-input-radius)}._input-field__wrapper_t4b0i_26[data-end-slot]:not([data-start-slot]) ._input-field__input_t4b0i_55,._input-field__wrapper_t4b0i_26[data-start-slot] div:first-child{border-bottom-left-radius:var(--alto-input-radius);border-top-left-radius:var(--alto-input-radius)}._input-field__wrapper_t4b0i_26[data-start-slot]:not([data-end-slot]) ._input-field__input_t4b0i_55{border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius)}._input-field__input_t4b0i_55{align-items:center;align-self:stretch;background:var(--alto-sem-color-bg-layer2-default);border:0;box-sizing:border-box;color:var(--alto-sem-color-fg-primary);display:grid;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);height:var(--input-inner-field-height);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm);width:100%}._input-field__input_t4b0i_55::-moz-placeholder{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._input-field__input_t4b0i_55::placeholder{color:var(--alto-sem-color-fg-secondary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-regular-font-weight)}._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-hovered]):not([data-disabled]){border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-hover)}._input-field__input_t4b0i_55[data-focus-visible]:not([data-disabled]){outline:none}._input-field__endSelect_t4b0i_117[data-focused],._input-field__startSelect_t4b0i_116[data-focused],._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-focus-visible]):not([data-disabled]),._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-focused]):not([data-disabled]){outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-none);outline-style:solid;outline-width:var(--alto-sem-border-width-md);z-index:1}._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-invalid]):not([data-disabled]){border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical)}._input-field__endIcon_t4b0i_138,._input-field__endSelect_t4b0i_117,._input-field__endSlot_t4b0i_140,._input-field__prefix_t4b0i_133,._input-field__startIcon_t4b0i_137,._input-field__startSelect_t4b0i_116,._input-field__startSlot_t4b0i_139,._input-field__suffix_t4b0i_134{align-items:center;background:var(--alto-sem-color-bg-layer2-default);box-sizing:border-box;color:var(--alto-sem-color-fg-secondary);display:flex;height:var(--input-inner-field-height);justify-content:center;min-width:var(--input-slot-min-width);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-invalid]):not([data-disabled]) ._input-field__endIcon_t4b0i_138,._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-invalid]):not([data-disabled]) ._input-field__endSelect_t4b0i_117,._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-invalid]):not([data-disabled]) ._input-field__endSlot_t4b0i_140,._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-invalid]):not([data-disabled]) ._input-field__input_t4b0i_55,._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-invalid]):not([data-disabled]) ._input-field__prefix_t4b0i_133,._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-invalid]):not([data-disabled]) ._input-field__startIcon_t4b0i_137,._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-invalid]):not([data-disabled]) ._input-field__startSelect_t4b0i_116,._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-invalid]):not([data-disabled]) ._input-field__startSlot_t4b0i_139,._input-field__wrapper_t4b0i_26:has(._input-field__input_t4b0i_55[data-invalid]):not([data-disabled]) ._input-field__suffix_t4b0i_134{height:var(--input-error-inner-field-height)}._input-field__endIcon_t4b0i_138,._input-field__endSelect_t4b0i_117,._input-field__endSlot_t4b0i_140,._input-field__suffix_t4b0i_134{border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius)}._input-field__prefix_t4b0i_133,._input-field__startSelect_t4b0i_116{border-right:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default)}._input-field__endSelect_t4b0i_117,._input-field__suffix_t4b0i_134{border-left:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default)}._input-field__prefix_t4b0i_133,._input-field__suffix_t4b0i_134{background-color:var(--alto-sem-color-bg-layer1-default)}._input-field__endSelect_t4b0i_117,._input-field__startSelect_t4b0i_116{background-color:var(--alto-sem-color-bg-layer2-default);padding:0}._input-field__startSelect_t4b0i_116 select{border-bottom-left-radius:var(--alto-input-radius);border-top-left-radius:var(--alto-input-radius)}._input-field__endSelect_t4b0i_117 select{border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius)}._input-field__endSelect_t4b0i_117 select,._input-field__startSelect_t4b0i_116 select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234b4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-xs) center;background-repeat:no-repeat;border:none;color:var(--alto-sem-color-fg-primary);cursor:pointer;font-family:var(--alto-sem-text-body-font-family);height:100%;padding:var(--alto-sem-space-2xs) calc(var(--alto-sem-space-xs)*2 + 11px) var(--alto-sem-space-2xs) var(--alto-sem-space-xs)}._input-field__endSlot_t4b0i_140[data-end-slot-button],._input-field__startSlot_t4b0i_139[data-start-slot-button]{padding-bottom:0;padding-top:0}._input-field__clearButton_t4b0i_260{position:absolute;right:var(--alto-sem-space-2xs)}._input-field__clearButton_t4b0i_260:not(:last-child){right:calc(var(--input-end-slot-width) + 6px)}._input-field__wrapper_t4b0i_26:has(._input-field__clearButton_t4b0i_260) ._input-field__input_t4b0i_55{padding-right:var(--clearButton-focus-width)}._input-field__wrapper_t4b0i_26:has(._input-field__startIcon_t4b0i_137):has(._input-field__endIcon_t4b0i_138) ._input-field__input_t4b0i_55,._input-field__wrapper_t4b0i_26:has(._input-field__startSlot_t4b0i_139):has(._input-field__endSlot_t4b0i_140) ._input-field__input_t4b0i_55{padding-left:0;padding-right:0}._input-field__wrapper_t4b0i_26:has(._input-field__startIcon_t4b0i_137) ._input-field__input_t4b0i_55,._input-field__wrapper_t4b0i_26:has(._input-field__startSlot_t4b0i_139) ._input-field__input_t4b0i_55{padding-left:0}._input-field__wrapper_t4b0i_26:has(._input-field__endIcon_t4b0i_138) ._input-field__input_t4b0i_55,._input-field__wrapper_t4b0i_26:has(._input-field__endSlot_t4b0i_140) ._input-field__input_t4b0i_55{padding-right:0}._input-field__wrapper_t4b0i_26:has(._input-field__prefix_t4b0i_133,._input-field__startSelect_t4b0i_116) ._input-field__input_t4b0i_55,._input-field__wrapper_t4b0i_26:has(._input-field__suffix_t4b0i_134,._input-field__endSelect_t4b0i_117) ._input-field__input_t4b0i_55{padding-left:var(--alto-sem-space-2xs);padding-right:var(--alto-sem-space-2xs)}._input-field__wrapper_t4b0i_26:has(._input-field__suffix_t4b0i_134,._input-field__endSelect_t4b0i_117):not([data-start-slot]) ._input-field__input_t4b0i_55{padding-left:var(--alto-sem-space-sm)}._input-field__wrapper_t4b0i_26[data-has-end-button] ._input-field__endSlot_t4b0i_140,._input-field__wrapper_t4b0i_26[data-has-start-button] ._input-field__startSlot_t4b0i_139{padding-left:var(--alto-sem-space-3xs);padding-right:var(--alto-sem-space-3xs)}._input-field__errorMessage_t4b0i_318{margin-top:var(--alto-sem-space-2xs)}._input-field__input--hideSearchClear_t4b0i_323::-webkit-search-cancel-button,._input-field__input--hideSearchClear_t4b0i_323::-webkit-search-decoration,._input-field__input--hideSearchClear_t4b0i_323::-webkit-search-results-button,._input-field__input--hideSearchClear_t4b0i_323::-webkit-search-results-decoration{display:none}._input-field__input--hideSearchClear_t4b0i_323::-ms-clear{display:none}._input-field__input--hideSearchClear_t4b0i_323::-moz-search-clear-button{display:none}[dir=rtl] ._input-field__wrapper_t4b0i_26[data-end-slot]:not([data-start-slot]) ._input-field__input_t4b0i_55,[dir=rtl] ._input-field__wrapper_t4b0i_26[data-start-slot] div:first-child{border-radius:0;border-bottom-right-radius:var(--alto-input-radius);border-top-right-radius:var(--alto-input-radius);padding-right:var(--alto-sem-space-sm)}[dir=rtl] ._input-field__wrapper_t4b0i_26[data-end-slot] div:last-child,[dir=rtl] ._input-field__wrapper_t4b0i_26[data-start-slot]:not([data-end-slot]) ._input-field__input_t4b0i_55{border-radius:0;border-bottom-left-radius:var(--alto-input-radius);border-top-left-radius:var(--alto-input-radius)}[dir=rtl] ._input-field__prefix_t4b0i_133,[dir=rtl] ._input-field__startSelect_t4b0i_116{border-left:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default);border-right:0}[dir=rtl] ._input-field__endSelect_t4b0i_117,[dir=rtl] ._input-field__suffix_t4b0i_134{border-left:0;border-right:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-primary-default)}[dir=rtl] ._input-field__wrapper_t4b0i_26:has(._input-field__startIcon_t4b0i_137) ._input-field__input_t4b0i_55,[dir=rtl] ._input-field__wrapper_t4b0i_26:has(._input-field__startSlot_t4b0i_139) ._input-field__input_t4b0i_55{padding-right:0}[dir=rtl]._input-field__wrapper_t4b0i_26:has(._input-field__endIcon_t4b0i_138) ._input-field__input_t4b0i_55,[dir=rtl]._input-field__wrapper_t4b0i_26:has(._input-field__endSlot_t4b0i_140) ._input-field__input_t4b0i_55{padding-left:0}[dir=rtl] ._input-field__wrapper_t4b0i_26:has(._input-field__clearButton_t4b0i_260) ._input-field__input_t4b0i_55{padding-left:var(--clearButton-focus-width)}[dir=rtl] ._input-field__clearButton_t4b0i_260{left:var(--alto-sem-space-2xs);right:unset}[dir=rtl] ._input-field__clearButton_t4b0i_260:not(:last-child){left:calc(var(--input-end-slot-width) + 6px);right:unset}._input-field__wrapper_t4b0i_26:has([data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._input-field__wrapper_t4b0i_26>[data-disabled]{border-color:var(--alto-sem-color-border-disabled-subtle);pointer-events:none}._input-field__wrapper_t4b0i_26 select[disabled],._input-field__wrapper_t4b0i_26>[data-disabled]{background:transparent;color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._intro-
|
|
1
|
+
._intro-section_kainb_1{--intro-section-text-align-base-current:var( --intro-section-text-align-base,start );--intro-section-text-align-current:var( --intro-section-text-align-base-current );text-align:var(--intro-section-text-align-current)}._intro-section__header_kainb_13{display:flex;flex-direction:column;width:100%}._intro-section__actions_kainb_20,._intro-section__header_kainb_13{text-align:var(--intro-section-text-align-current)}._intro-section__actions_kainb_20{--intro-section-actions-text-align-base-current:var( --intro-section-actions-text-align-base,var(--intro-section-text-align-current) );--intro-section-actions-text-align-current:var( --intro-section-actions-text-align-base-current );align-self:stretch;text-align:var(--intro-section-actions-text-align-current)}._intro-section__heading_kainb_37{margin:0 0 var(--alto-sem-space-4xs);text-align:inherit}._intro-section__subheading_kainb_42{text-align:inherit}._intro-section__heading_kainb_37>*{margin:0;text-align:inherit}._intro-section__subheading_kainb_42>*{text-align:inherit}._intro-section__start-slot_kainb_55{margin-bottom:var(--alto-sem-space-xs);order:-1}._intro-section__end-slot_kainb_62,._intro-section__start-slot_kainb_55{display:flex;justify-content:var(--intro-section-text-align-current)}._intro-section__actions_kainb_20,._intro-section__end-slot_kainb_62{margin-top:var(--alto-sem-space-xs)}@media(min-width:480px){._intro-section_kainb_1{--intro-section-text-align-sm-current:var( --intro-section-text-align-sm,var(--intro-section-text-align-base-current) );--intro-section-text-align-current:var( --intro-section-text-align-sm-current )}._intro-section__actions_kainb_20{--intro-section-actions-text-align-sm-current:var( --intro-section-actions-text-align-sm,var(--intro-section-actions-text-align-base-current) );--intro-section-actions-text-align-current:var( --intro-section-actions-text-align-sm-current )}}@media(min-width:768px){._intro-section_kainb_1{--intro-section-text-align-md-current:var( --intro-section-text-align-md,var(--intro-section-text-align-sm-current) );--intro-section-text-align-current:var( --intro-section-text-align-md-current )}._intro-section__actions_kainb_20{--intro-section-actions-text-align-md-current:var( --intro-section-actions-text-align-md,var(--intro-section-actions-text-align-sm-current) );--intro-section-actions-text-align-current:var( --intro-section-actions-text-align-md-current )}}@media(min-width:1024px){._intro-section_kainb_1{--intro-section-text-align-lg-current:var( --intro-section-text-align-lg,var(--intro-section-text-align-md-current) );--intro-section-text-align-current:var( --intro-section-text-align-lg-current )}._intro-section__actions_kainb_20{--intro-section-actions-text-align-lg-current:var( --intro-section-actions-text-align-lg,var(--intro-section-actions-text-align-md-current) );--intro-section-actions-text-align-current:var( --intro-section-actions-text-align-lg-current )}}@media(min-width:1440px){._intro-section_kainb_1{--intro-section-text-align-xl-current:var( --intro-section-text-align-xl,var(--intro-section-text-align-lg-current) );--intro-section-text-align-current:var( --intro-section-text-align-xl-current )}._intro-section__actions_kainb_20{--intro-section-actions-text-align-xl-current:var( --intro-section-actions-text-align-xl,var(--intro-section-actions-text-align-lg-current) );--intro-section-actions-text-align-current:var( --intro-section-actions-text-align-xl-current )}}@media(min-width:1920px){._intro-section_kainb_1{--intro-section-text-align-xxl-current:var( --intro-section-text-align-xxl,var(--intro-section-text-align-xl-current) );--intro-section-text-align-current:var( --intro-section-text-align-xxl-current )}._intro-section__actions_kainb_20{--intro-section-actions-text-align-xxl-current:var( --intro-section-actions-text-align-xxl,var(--intro-section-actions-text-align-xl-current) );--intro-section-actions-text-align-current:var( --intro-section-actions-text-align-xxl-current )}}
|
package/dist/assets/Link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._link_qluln_1{display:inline;font-family:var(--alto-sem-text-body-font-family);font-style:normal;font-weight:var(--alto-sem-text-body-link-font-weight);text-decoration:none}._size--xs_qluln_33{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._size--sm_qluln_36{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._size--md_qluln_39{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._size--lg_qluln_42{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}@media(min-width:480px){._sm\:size--xs_qluln_1{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._sm\:size--sm_qluln_1{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._sm\:size--md_qluln_1{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._sm\:size--lg_qluln_1{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}}@media(min-width:768px){._md\:size--xs_qluln_1{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._md\:size--sm_qluln_1{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._md\:size--md_qluln_1{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._md\:size--lg_qluln_1{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}}@media(min-width:1024px){._lg\:size--xs_qluln_1{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._lg\:size--sm_qluln_1{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._lg\:size--md_qluln_1{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._lg\:size--lg_qluln_1{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}}@media(min-width:1440px){._xl\:size--xs_qluln_1{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._xl\:size--sm_qluln_1{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._xl\:size--md_qluln_1{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._xl\:size--lg_qluln_1{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}}@media(min-width:1920px){._xxl\:size--xs_qluln_1{font-size:var(--alto-sem-text-body-xs-font-size);letter-spacing:var(--alto-sem-text-body-xs-letter-spacing);line-height:var(--alto-sem-text-body-xs-line-height)}._xxl\:size--sm_qluln_1{font-size:var(--alto-sem-text-body-sm-font-size);letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height)}._xxl\:size--md_qluln_1{font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._xxl\:size--lg_qluln_1{font-size:var(--alto-sem-text-body-lg-font-size);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}}._link_qluln_1:focus-visible{border-radius:var(--alto-sem-radius-6xs)}._link_qluln_1[data-disabled]{color:var(--alto-sem-color-fg-disabled-primary);cursor:not-allowed;pointer-events:none;text-decoration-line:none}._link_qluln_1[data-focused],._link_qluln_1[data-hovered]{-webkit-text-decoration:var(--alto-sem-text-body-link-text-decoration);text-decoration:var(--alto-sem-text-body-link-text-decoration)}._link_qluln_1[data-pressed]{text-decoration:none}._link--underline_qluln_88{text-decoration:underline}._link--underline_qluln_88[data-focused],._link--underline_qluln_88[data-hovered]{text-decoration:none}._link--underline_qluln_88[data-pressed]{-webkit-text-decoration:var(--alto-sem-text-body-link-text-decoration);text-decoration:var(--alto-sem-text-body-link-text-decoration)}._link--underline_qluln_88[data-disabled]{text-decoration-line:underline}._link__icon-end_qluln_106,._link__icon-start_qluln_105{text-decoration:none!important}._link__icon-start_qluln_105{padding-right:var(--alto-sem-space-4xs)}._link__icon-end_qluln_106{padding-left:var(--alto-sem-space-4xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._select-
|
|
1
|
+
._select-card_13nzp_1{align-items:stretch;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);justify-content:center;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:-webkit-fill-available}._select-card_13nzp_1:has([data-hovered]){background:var(--alto-sem-color-bg-layer2-hover)}._select-card_13nzp_1:has([data-pressed]){background:var(--alto-sem-color-bg-layer2-active)}._select-card_13nzp_1:has([data-selected]) ._select-card__details_13nzp_23{display:block}._select-card_13nzp_1:has([data-focus-visible]){border-color:var(--alto-sem-color-border-accent);outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-sm)}._select-card_13nzp_1:has([data-disabled]){background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_13nzp_1:has([data-disabled]) ._select-card__body_13nzp_43,._select-card_13nzp_1:has([data-disabled]) ._select-card__end-slot_13nzp_42,._select-card_13nzp_1:has([data-disabled]) ._select-card__header-content-wrapper_13nzp_40,._select-card_13nzp_1:has([data-disabled]) ._select-card__start-slot_13nzp_41{opacity:var(--alto-sem-opacity-50)}._select-card_13nzp_1:has([data-disabled]) ._select-card__label-title_13nzp_47{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card_13nzp_1[data-select-control=false]:has([data-selected]){border-color:var(--alto-sem-color-border-accent)}._select-card_13nzp_1[data-select-control=false]:has([data-focus-visible][data-selected]){outline-width:var(--alto-sem-border-width-lg)}._select-card__header_13nzp_40{align-items:center;cursor:pointer;display:flex;gap:var(--alto-sem-space-xs)}._select-card__header_13nzp_40[data-focus-visible]{outline:none}._select-card__header-content-wrapper_13nzp_40{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__label_13nzp_47{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1}._select-card__label-title_13nzp_47{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-bold-font-weight);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);margin:0;text-align:left}._select-card__details_13nzp_23{display:none}._select-card__checkbox-input_13nzp_106{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:2px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;height:1.5rem;justify-content:center;width:1.5rem}._select-card__header_13nzp_40[data-indeterminate] ._select-card__checkbox-input_13nzp_106,._select-card__header_13nzp_40[data-indeterminate][data-hovered] ._select-card__checkbox-input_13nzp_106,._select-card__header_13nzp_40[data-selected] ._select-card__checkbox-input_13nzp_106{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._select-card__header_13nzp_40[data-selected][data-hovered] ._select-card__checkbox-input_13nzp_106{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__header_13nzp_40[data-selected][data-pressed] ._select-card__checkbox-input_13nzp_106{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__header_13nzp_40[data-hovered] ._select-card__checkbox-input_13nzp_106{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__header_13nzp_40[data-pressed] ._select-card__checkbox-input_13nzp_106{border-color:var(--alto-sem-color-border-primary-active)}._select-card__header_13nzp_40[data-disabled] ._select-card__checkbox-input_13nzp_106{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card__header_13nzp_40[data-disabled][data-selected] ._select-card__checkbox-input_13nzp_106{border-color:transparent}._select-card__header_13nzp_40[data-invalid] ._select-card__checkbox-input_13nzp_106{background:var(--alto-sem-color-bg-critical-subtle-default);border-color:var(--alto-sem-color-border-critical)}._select-card__header_13nzp_40[data-invalid][data-hovered] ._select-card__checkbox-input_13nzp_106{background:var(--alto-sem-color-bg-critical-subtle-hover)}._select-card__header_13nzp_40[data-invalid][data-pressed] ._select-card__checkbox-input_13nzp_106{background:var(--alto-sem-color-bg-layer2-default)}._select-card__header_13nzp_40[data-invalid][data-indeterminate] ._select-card__checkbox-input_13nzp_106,._select-card__header_13nzp_40[data-invalid][data-selected] ._select-card__checkbox-input_13nzp_106{background:var(--alto-sem-color-bg-critical-vibrant-default);border-color:var(--alto-sem-color-bg-critical-vibrant-hover)}._select-card__header_13nzp_40[data-invalid][data-indeterminate][data-hovered] ._select-card__checkbox-input_13nzp_106,._select-card__header_13nzp_40[data-invalid][data-selected][data-hovered] ._select-card__checkbox-input_13nzp_106{background:var(--alto-sem-color-bg-critical-vibrant-hover)}._select-card__header_13nzp_40[data-invalid][data-indeterminate][data-pressed] ._select-card__checkbox-input_13nzp_106,._select-card__header_13nzp_40[data-invalid][data-selected][data-pressed] ._select-card__checkbox-input_13nzp_106{background:var(--alto-sem-color-bg-critical-subtle-active);border-color:var(--alto-sem-color-bg-critical-vibrant-active)}._select-card__checkbox-input-icon_13nzp_190{fill:none;min-height:1rem;min-width:1rem;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-dasharray:22px;stroke-dashoffset:66;stroke-width:3px;transition:all .2s}._select-card__header_13nzp_40[data-selected] ._select-card__checkbox-input-icon_13nzp_190{stroke-dashoffset:44}._select-card__header_13nzp_40[data-disabled] ._select-card__checkbox-input-icon_13nzp_190{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__header_13nzp_40[data-indeterminate] ._select-card__checkbox-input-icon_13nzp_190{fill:var(--alto-sem-color-fg-accent-on-vibrant);stroke:none;transition:none}._select-card__radio-input_13nzp_216{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;display:block;flex-shrink:0;height:1.5rem;transition:all .2s;width:1.5rem}._select-card__header_13nzp_40[data-hovered] ._select-card__radio-input_13nzp_216{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__header_13nzp_40[data-pressed] ._select-card__radio-input_13nzp_216{border-color:var(--alto-sem-color-border-primary-active)}._select-card__header_13nzp_40[data-selected] ._select-card__radio-input_13nzp_216{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem;box-shadow:0 0 0 1px var(--alto-sem-color-border-white)}._select-card__header_13nzp_40[data-selected][data-hovered] ._select-card__radio-input_13nzp_216{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__header_13nzp_40[data-selected][data-focused] ._select-card__radio-input_13nzp_216{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__header_13nzp_40[data-selected][data-focus-visible] ._select-card__radio-input_13nzp_216{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__header_13nzp_40[data-selected][data-pressed] ._select-card__radio-input_13nzp_216{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__header_13nzp_40[data-invalid] ._select-card__radio-input_13nzp_216{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._select-card__header_13nzp_40[data-invalid][data-hovered] ._select-card__radio-input_13nzp_216{background-color:var(--alto-sem-color-bg-layer2-hover);border-color:var(--alto-sem-color-border-critical)}._select-card__header_13nzp_40[data-invalid][data-focused] ._select-card__radio-input_13nzp_216{border-color:var(--alto-sem-color-border-critical)}._select-card__header_13nzp_40[data-invalid][data-focus-visible] ._select-card__radio-input_13nzp_216,._select-card__header_13nzp_40[data-invalid][data-pressed] ._select-card__radio-input_13nzp_216{background-color:var(--alto-sem-color-bg-layer2-default);border-color:var(--alto-sem-color-border-critical)}._select-card__header_13nzp_40[data-invalid][data-selected] ._select-card__radio-input_13nzp_216{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._select-card__header_13nzp_40[data-disabled] ._select-card__radio-input_13nzp_216{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._select-card__header_13nzp_40[data-disabled][data-selected] ._select-card__radio-input_13nzp_216{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-bg-disabled-subtle);border-width:.5rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._margin--none_1st27_2{margin:0}._margin--auto_1st27_5{margin:auto}._margin--5xs_1st27_8{margin:var(--alto-sem-space-5xs)}._margin--4xs_1st27_11{margin:var(--alto-sem-space-4xs)}._margin--3xs_1st27_14{margin:var(--alto-sem-space-3xs)}._margin--2xs_1st27_17{margin:var(--alto-sem-space-2xs)}._margin--xs_1st27_20{margin:var(--alto-sem-space-xs)}._margin--sm_1st27_23{margin:var(--alto-sem-space-sm)}._margin--md_1st27_26{margin:var(--alto-sem-space-md)}._margin--lg_1st27_29{margin:var(--alto-sem-space-lg)}._margin--xl_1st27_32{margin:var(--alto-sem-space-xl)}._margin--2xl_1st27_35{margin:var(--alto-sem-space-2xl)}._margin--3xl_1st27_38{margin:var(--alto-sem-space-3xl)}._margin--4xl_1st27_41{margin:var(--alto-sem-space-4xl)}._margin--5xl_1st27_44{margin:var(--alto-sem-space-5xl)}._margin--6xl_1st27_47{margin:var(--alto-sem-space-6xl)}._margin-x--none_1st27_52{margin-left:0;margin-right:0}._margin-x--auto_1st27_56{margin-left:auto;margin-right:auto}._margin-x--5xs_1st27_60{margin-left:var(--alto-sem-space-5xs);margin-right:var(--alto-sem-space-5xs)}._margin-x--4xs_1st27_64{margin-left:var(--alto-sem-space-4xs);margin-right:var(--alto-sem-space-4xs)}._margin-x--3xs_1st27_68{margin-left:var(--alto-sem-space-3xs);margin-right:var(--alto-sem-space-3xs)}._margin-x--2xs_1st27_72{margin-left:var(--alto-sem-space-2xs);margin-right:var(--alto-sem-space-2xs)}._margin-x--xs_1st27_76{margin-left:var(--alto-sem-space-xs);margin-right:var(--alto-sem-space-xs)}._margin-x--sm_1st27_80{margin-left:var(--alto-sem-space-sm);margin-right:var(--alto-sem-space-sm)}._margin-x--md_1st27_84{margin-left:var(--alto-sem-space-md);margin-right:var(--alto-sem-space-md)}._margin-x--lg_1st27_88{margin-left:var(--alto-sem-space-lg);margin-right:var(--alto-sem-space-lg)}._margin-x--xl_1st27_92{margin-left:var(--alto-sem-space-xl);margin-right:var(--alto-sem-space-xl)}._margin-x--2xl_1st27_96{margin-left:var(--alto-sem-space-2xl);margin-right:var(--alto-sem-space-2xl)}._margin-x--3xl_1st27_100{margin-left:var(--alto-sem-space-3xl);margin-right:var(--alto-sem-space-3xl)}._margin-x--4xl_1st27_104{margin-left:var(--alto-sem-space-4xl);margin-right:var(--alto-sem-space-4xl)}._margin-x--5xl_1st27_108{margin-left:var(--alto-sem-space-5xl);margin-right:var(--alto-sem-space-5xl)}._margin-x--6xl_1st27_112{margin-left:var(--alto-sem-space-6xl);margin-right:var(--alto-sem-space-6xl)}._margin-y--none_1st27_118{margin-bottom:0;margin-top:0}._margin-y--auto_1st27_122{margin-bottom:auto;margin-top:auto}._margin-y--5xs_1st27_127{margin-bottom:var(--alto-sem-space-5xs);margin-top:var(--alto-sem-space-5xs)}._margin-y--4xs_1st27_131{margin-bottom:var(--alto-sem-space-4xs);margin-top:var(--alto-sem-space-4xs)}._margin-y--3xs_1st27_135{margin-bottom:var(--alto-sem-space-3xs);margin-top:var(--alto-sem-space-3xs)}._margin-y--2xs_1st27_139{margin-bottom:var(--alto-sem-space-2xs);margin-top:var(--alto-sem-space-2xs)}._margin-y--xs_1st27_143{margin-bottom:var(--alto-sem-space-xs);margin-top:var(--alto-sem-space-xs)}._margin-y--sm_1st27_147{margin-bottom:var(--alto-sem-space-sm);margin-top:var(--alto-sem-space-sm)}._margin-y--md_1st27_151{margin-bottom:var(--alto-sem-space-md);margin-top:var(--alto-sem-space-md)}._margin-y--lg_1st27_155{margin-bottom:var(--alto-sem-space-lg);margin-top:var(--alto-sem-space-lg)}._margin-y--xl_1st27_159{margin-bottom:var(--alto-sem-space-xl);margin-top:var(--alto-sem-space-xl)}._margin-y--2xl_1st27_163{margin-bottom:var(--alto-sem-space-2xl);margin-top:var(--alto-sem-space-2xl)}._margin-y--3xl_1st27_167{margin-bottom:var(--alto-sem-space-3xl);margin-top:var(--alto-sem-space-3xl)}._margin-y--4xl_1st27_171{margin-bottom:var(--alto-sem-space-4xl);margin-top:var(--alto-sem-space-4xl)}._margin-y--5xl_1st27_175{margin-bottom:var(--alto-sem-space-5xl);margin-top:var(--alto-sem-space-5xl)}._margin-y--6xl_1st27_179{margin-bottom:var(--alto-sem-space-6xl);margin-top:var(--alto-sem-space-6xl)}._margin-top--none_1st27_185{margin-top:0}._margin-top--auto_1st27_188{margin-top:auto}._margin-top--5xs_1st27_191{margin-top:var(--alto-sem-space-5xs)}._margin-top--4xs_1st27_194{margin-top:var(--alto-sem-space-4xs)}._margin-top--3xs_1st27_197{margin-top:var(--alto-sem-space-3xs)}._margin-top--2xs_1st27_200{margin-top:var(--alto-sem-space-2xs)}._margin-top--xs_1st27_203{margin-top:var(--alto-sem-space-xs)}._margin-top--sm_1st27_206{margin-top:var(--alto-sem-space-sm)}._margin-top--md_1st27_209{margin-top:var(--alto-sem-space-md)}._margin-top--lg_1st27_212{margin-top:var(--alto-sem-space-lg)}._margin-top--xl_1st27_215{margin-top:var(--alto-sem-space-xl)}._margin-top--2xl_1st27_218{margin-top:var(--alto-sem-space-2xl)}._margin-top--3xl_1st27_221{margin-top:var(--alto-sem-space-3xl)}._margin-top--4xl_1st27_224{margin-top:var(--alto-sem-space-4xl)}._margin-top--5xl_1st27_227{margin-top:var(--alto-sem-space-5xl)}._margin-top--6xl_1st27_230{margin-top:var(--alto-sem-space-6xl)}._margin-right--none_1st27_235{margin-right:0}._margin-right--auto_1st27_238{margin-right:auto}._margin-right--5xs_1st27_241{margin-right:var(--alto-sem-space-5xs)}._margin-right--4xs_1st27_244{margin-right:var(--alto-sem-space-4xs)}._margin-right--3xs_1st27_247{margin-right:var(--alto-sem-space-3xs)}._margin-right--2xs_1st27_250{margin-right:var(--alto-sem-space-2xs)}._margin-right--xs_1st27_253{margin-right:var(--alto-sem-space-xs)}._margin-right--sm_1st27_256{margin-right:var(--alto-sem-space-sm)}._margin-right--md_1st27_259{margin-right:var(--alto-sem-space-md)}._margin-right--lg_1st27_262{margin-right:var(--alto-sem-space-lg)}._margin-right--xl_1st27_265{margin-right:var(--alto-sem-space-xl)}._margin-right--2xl_1st27_268{margin-right:var(--alto-sem-space-2xl)}._margin-right--3xl_1st27_271{margin-right:var(--alto-sem-space-3xl)}._margin-right--4xl_1st27_274{margin-right:var(--alto-sem-space-4xl)}._margin-right--5xl_1st27_277{margin-right:var(--alto-sem-space-5xl)}._margin-right--6xl_1st27_280{margin-right:var(--alto-sem-space-6xl)}._margin-bottom--none_1st27_285{margin-bottom:0}._margin-bottom--auto_1st27_288{margin-bottom:auto}._margin-bottom--5xs_1st27_291{margin-bottom:var(--alto-sem-space-5xs)}._margin-bottom--4xs_1st27_294{margin-bottom:var(--alto-sem-space-4xs)}._margin-bottom--3xs_1st27_297{margin-bottom:var(--alto-sem-space-3xs)}._margin-bottom--2xs_1st27_300{margin-bottom:var(--alto-sem-space-2xs)}._margin-bottom--xs_1st27_303{margin-bottom:var(--alto-sem-space-xs)}._margin-bottom--sm_1st27_306{margin-bottom:var(--alto-sem-space-sm)}._margin-bottom--md_1st27_309{margin-bottom:var(--alto-sem-space-md)}._margin-bottom--lg_1st27_312{margin-bottom:var(--alto-sem-space-lg)}._margin-bottom--xl_1st27_315{margin-bottom:var(--alto-sem-space-xl)}._margin-bottom--2xl_1st27_318{margin-bottom:var(--alto-sem-space-2xl)}._margin-bottom--3xl_1st27_321{margin-bottom:var(--alto-sem-space-3xl)}._margin-bottom--4xl_1st27_324{margin-bottom:var(--alto-sem-space-4xl)}._margin-bottom--5xl_1st27_327{margin-bottom:var(--alto-sem-space-5xl)}._margin-bottom--6xl_1st27_330{margin-bottom:var(--alto-sem-space-6xl)}._margin-left--none_1st27_335{margin-left:0}._margin-left--auto_1st27_338{margin-left:auto}._margin-left--5xs_1st27_341{margin-left:var(--alto-sem-space-5xs)}._margin-left--4xs_1st27_344{margin-left:var(--alto-sem-space-4xs)}._margin-left--3xs_1st27_347{margin-left:var(--alto-sem-space-3xs)}._margin-left--2xs_1st27_350{margin-left:var(--alto-sem-space-2xs)}._margin-left--xs_1st27_353{margin-left:var(--alto-sem-space-xs)}._margin-left--sm_1st27_356{margin-left:var(--alto-sem-space-sm)}._margin-left--md_1st27_359{margin-left:var(--alto-sem-space-md)}._margin-left--lg_1st27_362{margin-left:var(--alto-sem-space-lg)}._margin-left--xl_1st27_365{margin-left:var(--alto-sem-space-xl)}._margin-left--2xl_1st27_368{margin-left:var(--alto-sem-space-2xl)}._margin-left--3xl_1st27_371{margin-left:var(--alto-sem-space-3xl)}._margin-left--4xl_1st27_374{margin-left:var(--alto-sem-space-4xl)}._margin-left--5xl_1st27_377{margin-left:var(--alto-sem-space-5xl)}._margin-left--6xl_1st27_380{margin-left:var(--alto-sem-space-6xl)}@media(min-width:480px){._sm\:margin--none_1st27_1{margin:0}._sm\:margin--auto_1st27_1{margin:auto}._sm\:margin--5xs_1st27_1{margin:var(--alto-sem-space-5xs)}._sm\:margin--4xs_1st27_1{margin:var(--alto-sem-space-4xs)}._sm\:margin--3xs_1st27_1{margin:var(--alto-sem-space-3xs)}._sm\:margin--2xs_1st27_1{margin:var(--alto-sem-space-2xs)}._sm\:margin--xs_1st27_1{margin:var(--alto-sem-space-xs)}._sm\:margin--sm_1st27_1{margin:var(--alto-sem-space-sm)}._sm\:margin--md_1st27_1{margin:var(--alto-sem-space-md)}._sm\:margin--lg_1st27_1{margin:var(--alto-sem-space-lg)}._sm\:margin--xl_1st27_1{margin:var(--alto-sem-space-xl)}._sm\:margin--2xl_1st27_1{margin:var(--alto-sem-space-2xl)}._sm\:margin--3xl_1st27_1{margin:var(--alto-sem-space-3xl)}._sm\:margin--4xl_1st27_1{margin:var(--alto-sem-space-4xl)}._sm\:margin--5xl_1st27_1{margin:var(--alto-sem-space-5xl)}._sm\:margin--6xl_1st27_1{margin:var(--alto-sem-space-6xl)}._sm\:margin-x--none_1st27_1{margin-left:0;margin-right:0}._sm\:margin-x--auto_1st27_1{margin-left:auto;margin-right:auto}._sm\:margin-x--5xs_1st27_1{margin-left:var(--alto-sem-space-5xs);margin-right:var(--alto-sem-space-5xs)}._sm\:margin-x--4xs_1st27_1{margin-left:var(--alto-sem-space-4xs);margin-right:var(--alto-sem-space-4xs)}._sm\:margin-x--3xs_1st27_1{margin-left:var(--alto-sem-space-3xs);margin-right:var(--alto-sem-space-3xs)}._sm\:margin-x--2xs_1st27_1{margin-left:var(--alto-sem-space-2xs);margin-right:var(--alto-sem-space-2xs)}._sm\:margin-x--xs_1st27_1{margin-left:var(--alto-sem-space-xs);margin-right:var(--alto-sem-space-xs)}._sm\:margin-x--sm_1st27_1{margin-left:var(--alto-sem-space-sm);margin-right:var(--alto-sem-space-sm)}._sm\:margin-x--md_1st27_1{margin-left:var(--alto-sem-space-md);margin-right:var(--alto-sem-space-md)}._sm\:margin-x--lg_1st27_1{margin-left:var(--alto-sem-space-lg);margin-right:var(--alto-sem-space-lg)}._sm\:margin-x--xl_1st27_1{margin-left:var(--alto-sem-space-xl);margin-right:var(--alto-sem-space-xl)}._sm\:margin-x--2xl_1st27_1{margin-left:var(--alto-sem-space-2xl);margin-right:var(--alto-sem-space-2xl)}._sm\:margin-x--3xl_1st27_1{margin-left:var(--alto-sem-space-3xl);margin-right:var(--alto-sem-space-3xl)}._sm\:margin-x--4xl_1st27_1{margin-left:var(--alto-sem-space-4xl);margin-right:var(--alto-sem-space-4xl)}._sm\:margin-x--5xl_1st27_1{margin-left:var(--alto-sem-space-5xl);margin-right:var(--alto-sem-space-5xl)}._sm\:margin-x--6xl_1st27_1{margin-left:var(--alto-sem-space-6xl);margin-right:var(--alto-sem-space-6xl)}._sm\:margin-y--none_1st27_1{margin-bottom:0;margin-top:0}._sm\:margin-y--auto_1st27_1{margin-bottom:auto;margin-top:auto}._sm\:margin-y--5xs_1st27_1{margin-bottom:var(--alto-sem-space-5xs);margin-top:var(--alto-sem-space-5xs)}._sm\:margin-y--4xs_1st27_1{margin-bottom:var(--alto-sem-space-4xs);margin-top:var(--alto-sem-space-4xs)}._sm\:margin-y--3xs_1st27_1{margin-bottom:var(--alto-sem-space-3xs);margin-top:var(--alto-sem-space-3xs)}._sm\:margin-y--2xs_1st27_1{margin-bottom:var(--alto-sem-space-2xs);margin-top:var(--alto-sem-space-2xs)}._sm\:margin-y--xs_1st27_1{margin-bottom:var(--alto-sem-space-xs);margin-top:var(--alto-sem-space-xs)}._sm\:margin-y--sm_1st27_1{margin-bottom:var(--alto-sem-space-sm);margin-top:var(--alto-sem-space-sm)}._sm\:margin-y--md_1st27_1{margin-bottom:var(--alto-sem-space-md);margin-top:var(--alto-sem-space-md)}._sm\:margin-y--lg_1st27_1{margin-bottom:var(--alto-sem-space-lg);margin-top:var(--alto-sem-space-lg)}._sm\:margin-y--xl_1st27_1{margin-bottom:var(--alto-sem-space-xl);margin-top:var(--alto-sem-space-xl)}._sm\:margin-y--2xl_1st27_1{margin-bottom:var(--alto-sem-space-2xl);margin-top:var(--alto-sem-space-2xl)}._sm\:margin-y--3xl_1st27_1{margin-bottom:var(--alto-sem-space-3xl);margin-top:var(--alto-sem-space-3xl)}._sm\:margin-y--4xl_1st27_1{margin-bottom:var(--alto-sem-space-4xl);margin-top:var(--alto-sem-space-4xl)}._sm\:margin-y--5xl_1st27_1{margin-bottom:var(--alto-sem-space-5xl);margin-top:var(--alto-sem-space-5xl)}._sm\:margin-y--6xl_1st27_1{margin-bottom:var(--alto-sem-space-6xl);margin-top:var(--alto-sem-space-6xl)}._sm\:margin-top--none_1st27_1{margin-top:0}._sm\:margin-top--auto_1st27_1{margin-top:auto}._sm\:margin-top--5xs_1st27_1{margin-top:var(--alto-sem-space-5xs)}._sm\:margin-top--4xs_1st27_1{margin-top:var(--alto-sem-space-4xs)}._sm\:margin-top--3xs_1st27_1{margin-top:var(--alto-sem-space-3xs)}._sm\:margin-top--2xs_1st27_1{margin-top:var(--alto-sem-space-2xs)}._sm\:margin-top--xs_1st27_1{margin-top:var(--alto-sem-space-xs)}._sm\:margin-top--sm_1st27_1{margin-top:var(--alto-sem-space-sm)}._sm\:margin-top--md_1st27_1{margin-top:var(--alto-sem-space-md)}._sm\:margin-top--lg_1st27_1{margin-top:var(--alto-sem-space-lg)}._sm\:margin-top--xl_1st27_1{margin-top:var(--alto-sem-space-xl)}._sm\:margin-top--2xl_1st27_1{margin-top:var(--alto-sem-space-2xl)}._sm\:margin-top--3xl_1st27_1{margin-top:var(--alto-sem-space-3xl)}._sm\:margin-top--4xl_1st27_1{margin-top:var(--alto-sem-space-4xl)}._sm\:margin-top--5xl_1st27_1{margin-top:var(--alto-sem-space-5xl)}._sm\:margin-top--6xl_1st27_1{margin-top:var(--alto-sem-space-6xl)}._sm\:margin-right--none_1st27_1{margin-right:0}._sm\:margin-right--auto_1st27_1{margin-right:auto}._sm\:margin-right--5xs_1st27_1{margin-right:var(--alto-sem-space-5xs)}._sm\:margin-right--4xs_1st27_1{margin-right:var(--alto-sem-space-4xs)}._sm\:margin-right--3xs_1st27_1{margin-right:var(--alto-sem-space-3xs)}._sm\:margin-right--2xs_1st27_1{margin-right:var(--alto-sem-space-2xs)}._sm\:margin-right--xs_1st27_1{margin-right:var(--alto-sem-space-xs)}._sm\:margin-right--sm_1st27_1{margin-right:var(--alto-sem-space-sm)}._sm\:margin-right--md_1st27_1{margin-right:var(--alto-sem-space-md)}._sm\:margin-right--lg_1st27_1{margin-right:var(--alto-sem-space-lg)}._sm\:margin-right--xl_1st27_1{margin-right:var(--alto-sem-space-xl)}._sm\:margin-right--2xl_1st27_1{margin-right:var(--alto-sem-space-2xl)}._sm\:margin-right--3xl_1st27_1{margin-right:var(--alto-sem-space-3xl)}._sm\:margin-right--4xl_1st27_1{margin-right:var(--alto-sem-space-4xl)}._sm\:margin-right--5xl_1st27_1{margin-right:var(--alto-sem-space-5xl)}._sm\:margin-right--6xl_1st27_1{margin-right:var(--alto-sem-space-6xl)}._sm\:margin-bottom--none_1st27_1{margin-bottom:0}._sm\:margin-bottom--auto_1st27_1{margin-bottom:auto}._sm\:margin-bottom--5xs_1st27_1{margin-bottom:var(--alto-sem-space-5xs)}._sm\:margin-bottom--4xs_1st27_1{margin-bottom:var(--alto-sem-space-4xs)}._sm\:margin-bottom--3xs_1st27_1{margin-bottom:var(--alto-sem-space-3xs)}._sm\:margin-bottom--2xs_1st27_1{margin-bottom:var(--alto-sem-space-2xs)}._sm\:margin-bottom--xs_1st27_1{margin-bottom:var(--alto-sem-space-xs)}._sm\:margin-bottom--sm_1st27_1{margin-bottom:var(--alto-sem-space-sm)}._sm\:margin-bottom--md_1st27_1{margin-bottom:var(--alto-sem-space-md)}._sm\:margin-bottom--lg_1st27_1{margin-bottom:var(--alto-sem-space-lg)}._sm\:margin-bottom--xl_1st27_1{margin-bottom:var(--alto-sem-space-xl)}._sm\:margin-bottom--2xl_1st27_1{margin-bottom:var(--alto-sem-space-2xl)}._sm\:margin-bottom--3xl_1st27_1{margin-bottom:var(--alto-sem-space-3xl)}._sm\:margin-bottom--4xl_1st27_1{margin-bottom:var(--alto-sem-space-4xl)}._sm\:margin-bottom--5xl_1st27_1{margin-bottom:var(--alto-sem-space-5xl)}._sm\:margin-bottom--6xl_1st27_1{margin-bottom:var(--alto-sem-space-6xl)}._sm\:margin-left--none_1st27_1{margin-left:0}._sm\:margin-left--auto_1st27_1{margin-left:auto}._sm\:margin-left--5xs_1st27_1{margin-left:var(--alto-sem-space-5xs)}._sm\:margin-left--4xs_1st27_1{margin-left:var(--alto-sem-space-4xs)}._sm\:margin-left--3xs_1st27_1{margin-left:var(--alto-sem-space-3xs)}._sm\:margin-left--2xs_1st27_1{margin-left:var(--alto-sem-space-2xs)}._sm\:margin-left--xs_1st27_1{margin-left:var(--alto-sem-space-xs)}._sm\:margin-left--sm_1st27_1{margin-left:var(--alto-sem-space-sm)}._sm\:margin-left--md_1st27_1{margin-left:var(--alto-sem-space-md)}._sm\:margin-left--lg_1st27_1{margin-left:var(--alto-sem-space-lg)}._sm\:margin-left--xl_1st27_1{margin-left:var(--alto-sem-space-xl)}._sm\:margin-left--2xl_1st27_1{margin-left:var(--alto-sem-space-2xl)}._sm\:margin-left--3xl_1st27_1{margin-left:var(--alto-sem-space-3xl)}._sm\:margin-left--4xl_1st27_1{margin-left:var(--alto-sem-space-4xl)}._sm\:margin-left--5xl_1st27_1{margin-left:var(--alto-sem-space-5xl)}._sm\:margin-left--6xl_1st27_1{margin-left:var(--alto-sem-space-6xl)}}@media(min-width:768px){._md\:margin--none_1st27_1{margin:0}._md\:margin--auto_1st27_1{margin:auto}._md\:margin--5xs_1st27_1{margin:var(--alto-sem-space-5xs)}._md\:margin--4xs_1st27_1{margin:var(--alto-sem-space-4xs)}._md\:margin--3xs_1st27_1{margin:var(--alto-sem-space-3xs)}._md\:margin--2xs_1st27_1{margin:var(--alto-sem-space-2xs)}._md\:margin--xs_1st27_1{margin:var(--alto-sem-space-xs)}._md\:margin--sm_1st27_1{margin:var(--alto-sem-space-sm)}._md\:margin--md_1st27_1{margin:var(--alto-sem-space-md)}._md\:margin--lg_1st27_1{margin:var(--alto-sem-space-lg)}._md\:margin--xl_1st27_1{margin:var(--alto-sem-space-xl)}._md\:margin--2xl_1st27_1{margin:var(--alto-sem-space-2xl)}._md\:margin--3xl_1st27_1{margin:var(--alto-sem-space-3xl)}._md\:margin--4xl_1st27_1{margin:var(--alto-sem-space-4xl)}._md\:margin--5xl_1st27_1{margin:var(--alto-sem-space-5xl)}._md\:margin--6xl_1st27_1{margin:var(--alto-sem-space-6xl)}._md\:margin-x--none_1st27_1{margin-left:0;margin-right:0}._md\:margin-x--auto_1st27_1{margin-left:auto;margin-right:auto}._md\:margin-x--5xs_1st27_1{margin-left:var(--alto-sem-space-5xs);margin-right:var(--alto-sem-space-5xs)}._md\:margin-x--4xs_1st27_1{margin-left:var(--alto-sem-space-4xs);margin-right:var(--alto-sem-space-4xs)}._md\:margin-x--3xs_1st27_1{margin-left:var(--alto-sem-space-3xs);margin-right:var(--alto-sem-space-3xs)}._md\:margin-x--2xs_1st27_1{margin-left:var(--alto-sem-space-2xs);margin-right:var(--alto-sem-space-2xs)}._md\:margin-x--xs_1st27_1{margin-left:var(--alto-sem-space-xs);margin-right:var(--alto-sem-space-xs)}._md\:margin-x--sm_1st27_1{margin-left:var(--alto-sem-space-sm);margin-right:var(--alto-sem-space-sm)}._md\:margin-x--md_1st27_1{margin-left:var(--alto-sem-space-md);margin-right:var(--alto-sem-space-md)}._md\:margin-x--lg_1st27_1{margin-left:var(--alto-sem-space-lg);margin-right:var(--alto-sem-space-lg)}._md\:margin-x--xl_1st27_1{margin-left:var(--alto-sem-space-xl);margin-right:var(--alto-sem-space-xl)}._md\:margin-x--2xl_1st27_1{margin-left:var(--alto-sem-space-2xl);margin-right:var(--alto-sem-space-2xl)}._md\:margin-x--3xl_1st27_1{margin-left:var(--alto-sem-space-3xl);margin-right:var(--alto-sem-space-3xl)}._md\:margin-x--4xl_1st27_1{margin-left:var(--alto-sem-space-4xl);margin-right:var(--alto-sem-space-4xl)}._md\:margin-x--5xl_1st27_1{margin-left:var(--alto-sem-space-5xl);margin-right:var(--alto-sem-space-5xl)}._md\:margin-x--6xl_1st27_1{margin-left:var(--alto-sem-space-6xl);margin-right:var(--alto-sem-space-6xl)}._md\:margin-y--none_1st27_1{margin-bottom:0;margin-top:0}._md\:margin-y--auto_1st27_1{margin-bottom:auto;margin-top:auto}._md\:margin-y--5xs_1st27_1{margin-bottom:var(--alto-sem-space-5xs);margin-top:var(--alto-sem-space-5xs)}._md\:margin-y--4xs_1st27_1{margin-bottom:var(--alto-sem-space-4xs);margin-top:var(--alto-sem-space-4xs)}._md\:margin-y--3xs_1st27_1{margin-bottom:var(--alto-sem-space-3xs);margin-top:var(--alto-sem-space-3xs)}._md\:margin-y--2xs_1st27_1{margin-bottom:var(--alto-sem-space-2xs);margin-top:var(--alto-sem-space-2xs)}._md\:margin-y--xs_1st27_1{margin-bottom:var(--alto-sem-space-xs);margin-top:var(--alto-sem-space-xs)}._md\:margin-y--sm_1st27_1{margin-bottom:var(--alto-sem-space-sm);margin-top:var(--alto-sem-space-sm)}._md\:margin-y--md_1st27_1{margin-bottom:var(--alto-sem-space-md);margin-top:var(--alto-sem-space-md)}._md\:margin-y--lg_1st27_1{margin-bottom:var(--alto-sem-space-lg);margin-top:var(--alto-sem-space-lg)}._md\:margin-y--xl_1st27_1{margin-bottom:var(--alto-sem-space-xl);margin-top:var(--alto-sem-space-xl)}._md\:margin-y--2xl_1st27_1{margin-bottom:var(--alto-sem-space-2xl);margin-top:var(--alto-sem-space-2xl)}._md\:margin-y--3xl_1st27_1{margin-bottom:var(--alto-sem-space-3xl);margin-top:var(--alto-sem-space-3xl)}._md\:margin-y--4xl_1st27_1{margin-bottom:var(--alto-sem-space-4xl);margin-top:var(--alto-sem-space-4xl)}._md\:margin-y--5xl_1st27_1{margin-bottom:var(--alto-sem-space-5xl);margin-top:var(--alto-sem-space-5xl)}._md\:margin-y--6xl_1st27_1{margin-bottom:var(--alto-sem-space-6xl);margin-top:var(--alto-sem-space-6xl)}._md\:margin-top--none_1st27_1{margin-top:0}._md\:margin-top--auto_1st27_1{margin-top:auto}._md\:margin-top--5xs_1st27_1{margin-top:var(--alto-sem-space-5xs)}._md\:margin-top--4xs_1st27_1{margin-top:var(--alto-sem-space-4xs)}._md\:margin-top--3xs_1st27_1{margin-top:var(--alto-sem-space-3xs)}._md\:margin-top--2xs_1st27_1{margin-top:var(--alto-sem-space-2xs)}._md\:margin-top--xs_1st27_1{margin-top:var(--alto-sem-space-xs)}._md\:margin-top--sm_1st27_1{margin-top:var(--alto-sem-space-sm)}._md\:margin-top--md_1st27_1{margin-top:var(--alto-sem-space-md)}._md\:margin-top--lg_1st27_1{margin-top:var(--alto-sem-space-lg)}._md\:margin-top--xl_1st27_1{margin-top:var(--alto-sem-space-xl)}._md\:margin-top--2xl_1st27_1{margin-top:var(--alto-sem-space-2xl)}._md\:margin-top--3xl_1st27_1{margin-top:var(--alto-sem-space-3xl)}._md\:margin-top--4xl_1st27_1{margin-top:var(--alto-sem-space-4xl)}._md\:margin-top--5xl_1st27_1{margin-top:var(--alto-sem-space-5xl)}._md\:margin-top--6xl_1st27_1{margin-top:var(--alto-sem-space-6xl)}._md\:margin-right--none_1st27_1{margin-right:0}._md\:margin-right--auto_1st27_1{margin-right:auto}._md\:margin-right--5xs_1st27_1{margin-right:var(--alto-sem-space-5xs)}._md\:margin-right--4xs_1st27_1{margin-right:var(--alto-sem-space-4xs)}._md\:margin-right--3xs_1st27_1{margin-right:var(--alto-sem-space-3xs)}._md\:margin-right--2xs_1st27_1{margin-right:var(--alto-sem-space-2xs)}._md\:margin-right--xs_1st27_1{margin-right:var(--alto-sem-space-xs)}._md\:margin-right--sm_1st27_1{margin-right:var(--alto-sem-space-sm)}._md\:margin-right--md_1st27_1{margin-right:var(--alto-sem-space-md)}._md\:margin-right--lg_1st27_1{margin-right:var(--alto-sem-space-lg)}._md\:margin-right--xl_1st27_1{margin-right:var(--alto-sem-space-xl)}._md\:margin-right--2xl_1st27_1{margin-right:var(--alto-sem-space-2xl)}._md\:margin-right--3xl_1st27_1{margin-right:var(--alto-sem-space-3xl)}._md\:margin-right--4xl_1st27_1{margin-right:var(--alto-sem-space-4xl)}._md\:margin-right--5xl_1st27_1{margin-right:var(--alto-sem-space-5xl)}._md\:margin-right--6xl_1st27_1{margin-right:var(--alto-sem-space-6xl)}._md\:margin-bottom--none_1st27_1{margin-bottom:0}._md\:margin-bottom--auto_1st27_1{margin-bottom:auto}._md\:margin-bottom--5xs_1st27_1{margin-bottom:var(--alto-sem-space-5xs)}._md\:margin-bottom--4xs_1st27_1{margin-bottom:var(--alto-sem-space-4xs)}._md\:margin-bottom--3xs_1st27_1{margin-bottom:var(--alto-sem-space-3xs)}._md\:margin-bottom--2xs_1st27_1{margin-bottom:var(--alto-sem-space-2xs)}._md\:margin-bottom--xs_1st27_1{margin-bottom:var(--alto-sem-space-xs)}._md\:margin-bottom--sm_1st27_1{margin-bottom:var(--alto-sem-space-sm)}._md\:margin-bottom--md_1st27_1{margin-bottom:var(--alto-sem-space-md)}._md\:margin-bottom--lg_1st27_1{margin-bottom:var(--alto-sem-space-lg)}._md\:margin-bottom--xl_1st27_1{margin-bottom:var(--alto-sem-space-xl)}._md\:margin-bottom--2xl_1st27_1{margin-bottom:var(--alto-sem-space-2xl)}._md\:margin-bottom--3xl_1st27_1{margin-bottom:var(--alto-sem-space-3xl)}._md\:margin-bottom--4xl_1st27_1{margin-bottom:var(--alto-sem-space-4xl)}._md\:margin-bottom--5xl_1st27_1{margin-bottom:var(--alto-sem-space-5xl)}._md\:margin-bottom--6xl_1st27_1{margin-bottom:var(--alto-sem-space-6xl)}._md\:margin-left--none_1st27_1{margin-left:0}._md\:margin-left--auto_1st27_1{margin-left:auto}._md\:margin-left--5xs_1st27_1{margin-left:var(--alto-sem-space-5xs)}._md\:margin-left--4xs_1st27_1{margin-left:var(--alto-sem-space-4xs)}._md\:margin-left--3xs_1st27_1{margin-left:var(--alto-sem-space-3xs)}._md\:margin-left--2xs_1st27_1{margin-left:var(--alto-sem-space-2xs)}._md\:margin-left--xs_1st27_1{margin-left:var(--alto-sem-space-xs)}._md\:margin-left--sm_1st27_1{margin-left:var(--alto-sem-space-sm)}._md\:margin-left--md_1st27_1{margin-left:var(--alto-sem-space-md)}._md\:margin-left--lg_1st27_1{margin-left:var(--alto-sem-space-lg)}._md\:margin-left--xl_1st27_1{margin-left:var(--alto-sem-space-xl)}._md\:margin-left--2xl_1st27_1{margin-left:var(--alto-sem-space-2xl)}._md\:margin-left--3xl_1st27_1{margin-left:var(--alto-sem-space-3xl)}._md\:margin-left--4xl_1st27_1{margin-left:var(--alto-sem-space-4xl)}._md\:margin-left--5xl_1st27_1{margin-left:var(--alto-sem-space-5xl)}._md\:margin-left--6xl_1st27_1{margin-left:var(--alto-sem-space-6xl)}}@media(min-width:1024px){._lg\:margin--none_1st27_1{margin:0}._lg\:margin--auto_1st27_1{margin:auto}._lg\:margin--5xs_1st27_1{margin:var(--alto-sem-space-5xs)}._lg\:margin--4xs_1st27_1{margin:var(--alto-sem-space-4xs)}._lg\:margin--3xs_1st27_1{margin:var(--alto-sem-space-3xs)}._lg\:margin--2xs_1st27_1{margin:var(--alto-sem-space-2xs)}._lg\:margin--xs_1st27_1{margin:var(--alto-sem-space-xs)}._lg\:margin--sm_1st27_1{margin:var(--alto-sem-space-sm)}._lg\:margin--md_1st27_1{margin:var(--alto-sem-space-md)}._lg\:margin--lg_1st27_1{margin:var(--alto-sem-space-lg)}._lg\:margin--xl_1st27_1{margin:var(--alto-sem-space-xl)}._lg\:margin--2xl_1st27_1{margin:var(--alto-sem-space-2xl)}._lg\:margin--3xl_1st27_1{margin:var(--alto-sem-space-3xl)}._lg\:margin--4xl_1st27_1{margin:var(--alto-sem-space-4xl)}._lg\:margin--5xl_1st27_1{margin:var(--alto-sem-space-5xl)}._lg\:margin--6xl_1st27_1{margin:var(--alto-sem-space-6xl)}._lg\:margin-x--none_1st27_1{margin-left:0;margin-right:0}._lg\:margin-x--auto_1st27_1{margin-left:auto;margin-right:auto}._lg\:margin-x--5xs_1st27_1{margin-left:var(--alto-sem-space-5xs);margin-right:var(--alto-sem-space-5xs)}._lg\:margin-x--4xs_1st27_1{margin-left:var(--alto-sem-space-4xs);margin-right:var(--alto-sem-space-4xs)}._lg\:margin-x--3xs_1st27_1{margin-left:var(--alto-sem-space-3xs);margin-right:var(--alto-sem-space-3xs)}._lg\:margin-x--2xs_1st27_1{margin-left:var(--alto-sem-space-2xs);margin-right:var(--alto-sem-space-2xs)}._lg\:margin-x--xs_1st27_1{margin-left:var(--alto-sem-space-xs);margin-right:var(--alto-sem-space-xs)}._lg\:margin-x--sm_1st27_1{margin-left:var(--alto-sem-space-sm);margin-right:var(--alto-sem-space-sm)}._lg\:margin-x--md_1st27_1{margin-left:var(--alto-sem-space-md);margin-right:var(--alto-sem-space-md)}._lg\:margin-x--lg_1st27_1{margin-left:var(--alto-sem-space-lg);margin-right:var(--alto-sem-space-lg)}._lg\:margin-x--xl_1st27_1{margin-left:var(--alto-sem-space-xl);margin-right:var(--alto-sem-space-xl)}._lg\:margin-x--2xl_1st27_1{margin-left:var(--alto-sem-space-2xl);margin-right:var(--alto-sem-space-2xl)}._lg\:margin-x--3xl_1st27_1{margin-left:var(--alto-sem-space-3xl);margin-right:var(--alto-sem-space-3xl)}._lg\:margin-x--4xl_1st27_1{margin-left:var(--alto-sem-space-4xl);margin-right:var(--alto-sem-space-4xl)}._lg\:margin-x--5xl_1st27_1{margin-left:var(--alto-sem-space-5xl);margin-right:var(--alto-sem-space-5xl)}._lg\:margin-x--6xl_1st27_1{margin-left:var(--alto-sem-space-6xl);margin-right:var(--alto-sem-space-6xl)}._lg\:margin-y--none_1st27_1{margin-bottom:0;margin-top:0}._lg\:margin-y--auto_1st27_1{margin-bottom:auto;margin-top:auto}._lg\:margin-y--5xs_1st27_1{margin-bottom:var(--alto-sem-space-5xs);margin-top:var(--alto-sem-space-5xs)}._lg\:margin-y--4xs_1st27_1{margin-bottom:var(--alto-sem-space-4xs);margin-top:var(--alto-sem-space-4xs)}._lg\:margin-y--3xs_1st27_1{margin-bottom:var(--alto-sem-space-3xs);margin-top:var(--alto-sem-space-3xs)}._lg\:margin-y--2xs_1st27_1{margin-bottom:var(--alto-sem-space-2xs);margin-top:var(--alto-sem-space-2xs)}._lg\:margin-y--xs_1st27_1{margin-bottom:var(--alto-sem-space-xs);margin-top:var(--alto-sem-space-xs)}._lg\:margin-y--sm_1st27_1{margin-bottom:var(--alto-sem-space-sm);margin-top:var(--alto-sem-space-sm)}._lg\:margin-y--md_1st27_1{margin-bottom:var(--alto-sem-space-md);margin-top:var(--alto-sem-space-md)}._lg\:margin-y--lg_1st27_1{margin-bottom:var(--alto-sem-space-lg);margin-top:var(--alto-sem-space-lg)}._lg\:margin-y--xl_1st27_1{margin-bottom:var(--alto-sem-space-xl);margin-top:var(--alto-sem-space-xl)}._lg\:margin-y--2xl_1st27_1{margin-bottom:var(--alto-sem-space-2xl);margin-top:var(--alto-sem-space-2xl)}._lg\:margin-y--3xl_1st27_1{margin-bottom:var(--alto-sem-space-3xl);margin-top:var(--alto-sem-space-3xl)}._lg\:margin-y--4xl_1st27_1{margin-bottom:var(--alto-sem-space-4xl);margin-top:var(--alto-sem-space-4xl)}._lg\:margin-y--5xl_1st27_1{margin-bottom:var(--alto-sem-space-5xl);margin-top:var(--alto-sem-space-5xl)}._lg\:margin-y--6xl_1st27_1{margin-bottom:var(--alto-sem-space-6xl);margin-top:var(--alto-sem-space-6xl)}._lg\:margin-top--none_1st27_1{margin-top:0}._lg\:margin-top--auto_1st27_1{margin-top:auto}._lg\:margin-top--5xs_1st27_1{margin-top:var(--alto-sem-space-5xs)}._lg\:margin-top--4xs_1st27_1{margin-top:var(--alto-sem-space-4xs)}._lg\:margin-top--3xs_1st27_1{margin-top:var(--alto-sem-space-3xs)}._lg\:margin-top--2xs_1st27_1{margin-top:var(--alto-sem-space-2xs)}._lg\:margin-top--xs_1st27_1{margin-top:var(--alto-sem-space-xs)}._lg\:margin-top--sm_1st27_1{margin-top:var(--alto-sem-space-sm)}._lg\:margin-top--md_1st27_1{margin-top:var(--alto-sem-space-md)}._lg\:margin-top--lg_1st27_1{margin-top:var(--alto-sem-space-lg)}._lg\:margin-top--xl_1st27_1{margin-top:var(--alto-sem-space-xl)}._lg\:margin-top--2xl_1st27_1{margin-top:var(--alto-sem-space-2xl)}._lg\:margin-top--3xl_1st27_1{margin-top:var(--alto-sem-space-3xl)}._lg\:margin-top--4xl_1st27_1{margin-top:var(--alto-sem-space-4xl)}._lg\:margin-top--5xl_1st27_1{margin-top:var(--alto-sem-space-5xl)}._lg\:margin-top--6xl_1st27_1{margin-top:var(--alto-sem-space-6xl)}._lg\:margin-right--none_1st27_1{margin-right:0}._lg\:margin-right--auto_1st27_1{margin-right:auto}._lg\:margin-right--5xs_1st27_1{margin-right:var(--alto-sem-space-5xs)}._lg\:margin-right--4xs_1st27_1{margin-right:var(--alto-sem-space-4xs)}._lg\:margin-right--3xs_1st27_1{margin-right:var(--alto-sem-space-3xs)}._lg\:margin-right--2xs_1st27_1{margin-right:var(--alto-sem-space-2xs)}._lg\:margin-right--xs_1st27_1{margin-right:var(--alto-sem-space-xs)}._lg\:margin-right--sm_1st27_1{margin-right:var(--alto-sem-space-sm)}._lg\:margin-right--md_1st27_1{margin-right:var(--alto-sem-space-md)}._lg\:margin-right--lg_1st27_1{margin-right:var(--alto-sem-space-lg)}._lg\:margin-right--xl_1st27_1{margin-right:var(--alto-sem-space-xl)}._lg\:margin-right--2xl_1st27_1{margin-right:var(--alto-sem-space-2xl)}._lg\:margin-right--3xl_1st27_1{margin-right:var(--alto-sem-space-3xl)}._lg\:margin-right--4xl_1st27_1{margin-right:var(--alto-sem-space-4xl)}._lg\:margin-right--5xl_1st27_1{margin-right:var(--alto-sem-space-5xl)}._lg\:margin-right--6xl_1st27_1{margin-right:var(--alto-sem-space-6xl)}._lg\:margin-bottom--none_1st27_1{margin-bottom:0}._lg\:margin-bottom--auto_1st27_1{margin-bottom:auto}._lg\:margin-bottom--5xs_1st27_1{margin-bottom:var(--alto-sem-space-5xs)}._lg\:margin-bottom--4xs_1st27_1{margin-bottom:var(--alto-sem-space-4xs)}._lg\:margin-bottom--3xs_1st27_1{margin-bottom:var(--alto-sem-space-3xs)}._lg\:margin-bottom--2xs_1st27_1{margin-bottom:var(--alto-sem-space-2xs)}._lg\:margin-bottom--xs_1st27_1{margin-bottom:var(--alto-sem-space-xs)}._lg\:margin-bottom--sm_1st27_1{margin-bottom:var(--alto-sem-space-sm)}._lg\:margin-bottom--md_1st27_1{margin-bottom:var(--alto-sem-space-md)}._lg\:margin-bottom--lg_1st27_1{margin-bottom:var(--alto-sem-space-lg)}._lg\:margin-bottom--xl_1st27_1{margin-bottom:var(--alto-sem-space-xl)}._lg\:margin-bottom--2xl_1st27_1{margin-bottom:var(--alto-sem-space-2xl)}._lg\:margin-bottom--3xl_1st27_1{margin-bottom:var(--alto-sem-space-3xl)}._lg\:margin-bottom--4xl_1st27_1{margin-bottom:var(--alto-sem-space-4xl)}._lg\:margin-bottom--5xl_1st27_1{margin-bottom:var(--alto-sem-space-5xl)}._lg\:margin-bottom--6xl_1st27_1{margin-bottom:var(--alto-sem-space-6xl)}._lg\:margin-left--none_1st27_1{margin-left:0}._lg\:margin-left--auto_1st27_1{margin-left:auto}._lg\:margin-left--5xs_1st27_1{margin-left:var(--alto-sem-space-5xs)}._lg\:margin-left--4xs_1st27_1{margin-left:var(--alto-sem-space-4xs)}._lg\:margin-left--3xs_1st27_1{margin-left:var(--alto-sem-space-3xs)}._lg\:margin-left--2xs_1st27_1{margin-left:var(--alto-sem-space-2xs)}._lg\:margin-left--xs_1st27_1{margin-left:var(--alto-sem-space-xs)}._lg\:margin-left--sm_1st27_1{margin-left:var(--alto-sem-space-sm)}._lg\:margin-left--md_1st27_1{margin-left:var(--alto-sem-space-md)}._lg\:margin-left--lg_1st27_1{margin-left:var(--alto-sem-space-lg)}._lg\:margin-left--xl_1st27_1{margin-left:var(--alto-sem-space-xl)}._lg\:margin-left--2xl_1st27_1{margin-left:var(--alto-sem-space-2xl)}._lg\:margin-left--3xl_1st27_1{margin-left:var(--alto-sem-space-3xl)}._lg\:margin-left--4xl_1st27_1{margin-left:var(--alto-sem-space-4xl)}._lg\:margin-left--5xl_1st27_1{margin-left:var(--alto-sem-space-5xl)}._lg\:margin-left--6xl_1st27_1{margin-left:var(--alto-sem-space-6xl)}}@media(min-width:1440px){._xl\:margin--none_1st27_1{margin:0}._xl\:margin--auto_1st27_1{margin:auto}._xl\:margin--5xs_1st27_1{margin:var(--alto-sem-space-5xs)}._xl\:margin--4xs_1st27_1{margin:var(--alto-sem-space-4xs)}._xl\:margin--3xs_1st27_1{margin:var(--alto-sem-space-3xs)}._xl\:margin--2xs_1st27_1{margin:var(--alto-sem-space-2xs)}._xl\:margin--xs_1st27_1{margin:var(--alto-sem-space-xs)}._xl\:margin--sm_1st27_1{margin:var(--alto-sem-space-sm)}._xl\:margin--md_1st27_1{margin:var(--alto-sem-space-md)}._xl\:margin--lg_1st27_1{margin:var(--alto-sem-space-lg)}._xl\:margin--xl_1st27_1{margin:var(--alto-sem-space-xl)}._xl\:margin--2xl_1st27_1{margin:var(--alto-sem-space-2xl)}._xl\:margin--3xl_1st27_1{margin:var(--alto-sem-space-3xl)}._xl\:margin--4xl_1st27_1{margin:var(--alto-sem-space-4xl)}._xl\:margin--5xl_1st27_1{margin:var(--alto-sem-space-5xl)}._xl\:margin--6xl_1st27_1{margin:var(--alto-sem-space-6xl)}._xl\:margin-x--none_1st27_1{margin-left:0;margin-right:0}._xl\:margin-x--auto_1st27_1{margin-left:auto;margin-right:auto}._xl\:margin-x--5xs_1st27_1{margin-left:var(--alto-sem-space-5xs);margin-right:var(--alto-sem-space-5xs)}._xl\:margin-x--4xs_1st27_1{margin-left:var(--alto-sem-space-4xs);margin-right:var(--alto-sem-space-4xs)}._xl\:margin-x--3xs_1st27_1{margin-left:var(--alto-sem-space-3xs);margin-right:var(--alto-sem-space-3xs)}._xl\:margin-x--2xs_1st27_1{margin-left:var(--alto-sem-space-2xs);margin-right:var(--alto-sem-space-2xs)}._xl\:margin-x--xs_1st27_1{margin-left:var(--alto-sem-space-xs);margin-right:var(--alto-sem-space-xs)}._xl\:margin-x--sm_1st27_1{margin-left:var(--alto-sem-space-sm);margin-right:var(--alto-sem-space-sm)}._xl\:margin-x--md_1st27_1{margin-left:var(--alto-sem-space-md);margin-right:var(--alto-sem-space-md)}._xl\:margin-x--lg_1st27_1{margin-left:var(--alto-sem-space-lg);margin-right:var(--alto-sem-space-lg)}._xl\:margin-x--xl_1st27_1{margin-left:var(--alto-sem-space-xl);margin-right:var(--alto-sem-space-xl)}._xl\:margin-x--2xl_1st27_1{margin-left:var(--alto-sem-space-2xl);margin-right:var(--alto-sem-space-2xl)}._xl\:margin-x--3xl_1st27_1{margin-left:var(--alto-sem-space-3xl);margin-right:var(--alto-sem-space-3xl)}._xl\:margin-x--4xl_1st27_1{margin-left:var(--alto-sem-space-4xl);margin-right:var(--alto-sem-space-4xl)}._xl\:margin-x--5xl_1st27_1{margin-left:var(--alto-sem-space-5xl);margin-right:var(--alto-sem-space-5xl)}._xl\:margin-x--6xl_1st27_1{margin-left:var(--alto-sem-space-6xl);margin-right:var(--alto-sem-space-6xl)}._xl\:margin-y--none_1st27_1{margin-bottom:0;margin-top:0}._xl\:margin-y--auto_1st27_1{margin-bottom:auto;margin-top:auto}._xl\:margin-y--5xs_1st27_1{margin-bottom:var(--alto-sem-space-5xs);margin-top:var(--alto-sem-space-5xs)}._xl\:margin-y--4xs_1st27_1{margin-bottom:var(--alto-sem-space-4xs);margin-top:var(--alto-sem-space-4xs)}._xl\:margin-y--3xs_1st27_1{margin-bottom:var(--alto-sem-space-3xs);margin-top:var(--alto-sem-space-3xs)}._xl\:margin-y--2xs_1st27_1{margin-bottom:var(--alto-sem-space-2xs);margin-top:var(--alto-sem-space-2xs)}._xl\:margin-y--xs_1st27_1{margin-bottom:var(--alto-sem-space-xs);margin-top:var(--alto-sem-space-xs)}._xl\:margin-y--sm_1st27_1{margin-bottom:var(--alto-sem-space-sm);margin-top:var(--alto-sem-space-sm)}._xl\:margin-y--md_1st27_1{margin-bottom:var(--alto-sem-space-md);margin-top:var(--alto-sem-space-md)}._xl\:margin-y--lg_1st27_1{margin-bottom:var(--alto-sem-space-lg);margin-top:var(--alto-sem-space-lg)}._xl\:margin-y--xl_1st27_1{margin-bottom:var(--alto-sem-space-xl);margin-top:var(--alto-sem-space-xl)}._xl\:margin-y--2xl_1st27_1{margin-bottom:var(--alto-sem-space-2xl);margin-top:var(--alto-sem-space-2xl)}._xl\:margin-y--3xl_1st27_1{margin-bottom:var(--alto-sem-space-3xl);margin-top:var(--alto-sem-space-3xl)}._xl\:margin-y--4xl_1st27_1{margin-bottom:var(--alto-sem-space-4xl);margin-top:var(--alto-sem-space-4xl)}._xl\:margin-y--5xl_1st27_1{margin-bottom:var(--alto-sem-space-5xl);margin-top:var(--alto-sem-space-5xl)}._xl\:margin-y--6xl_1st27_1{margin-bottom:var(--alto-sem-space-6xl);margin-top:var(--alto-sem-space-6xl)}._xl\:margin-top--none_1st27_1{margin-top:0}._xl\:margin-top--auto_1st27_1{margin-top:auto}._xl\:margin-top--5xs_1st27_1{margin-top:var(--alto-sem-space-5xs)}._xl\:margin-top--4xs_1st27_1{margin-top:var(--alto-sem-space-4xs)}._xl\:margin-top--3xs_1st27_1{margin-top:var(--alto-sem-space-3xs)}._xl\:margin-top--2xs_1st27_1{margin-top:var(--alto-sem-space-2xs)}._xl\:margin-top--xs_1st27_1{margin-top:var(--alto-sem-space-xs)}._xl\:margin-top--sm_1st27_1{margin-top:var(--alto-sem-space-sm)}._xl\:margin-top--md_1st27_1{margin-top:var(--alto-sem-space-md)}._xl\:margin-top--lg_1st27_1{margin-top:var(--alto-sem-space-lg)}._xl\:margin-top--xl_1st27_1{margin-top:var(--alto-sem-space-xl)}._xl\:margin-top--2xl_1st27_1{margin-top:var(--alto-sem-space-2xl)}._xl\:margin-top--3xl_1st27_1{margin-top:var(--alto-sem-space-3xl)}._xl\:margin-top--4xl_1st27_1{margin-top:var(--alto-sem-space-4xl)}._xl\:margin-top--5xl_1st27_1{margin-top:var(--alto-sem-space-5xl)}._xl\:margin-top--6xl_1st27_1{margin-top:var(--alto-sem-space-6xl)}._xl\:margin-right--none_1st27_1{margin-right:0}._xl\:margin-right--auto_1st27_1{margin-right:auto}._xl\:margin-right--5xs_1st27_1{margin-right:var(--alto-sem-space-5xs)}._xl\:margin-right--4xs_1st27_1{margin-right:var(--alto-sem-space-4xs)}._xl\:margin-right--3xs_1st27_1{margin-right:var(--alto-sem-space-3xs)}._xl\:margin-right--2xs_1st27_1{margin-right:var(--alto-sem-space-2xs)}._xl\:margin-right--xs_1st27_1{margin-right:var(--alto-sem-space-xs)}._xl\:margin-right--sm_1st27_1{margin-right:var(--alto-sem-space-sm)}._xl\:margin-right--md_1st27_1{margin-right:var(--alto-sem-space-md)}._xl\:margin-right--lg_1st27_1{margin-right:var(--alto-sem-space-lg)}._xl\:margin-right--xl_1st27_1{margin-right:var(--alto-sem-space-xl)}._xl\:margin-right--2xl_1st27_1{margin-right:var(--alto-sem-space-2xl)}._xl\:margin-right--3xl_1st27_1{margin-right:var(--alto-sem-space-3xl)}._xl\:margin-right--4xl_1st27_1{margin-right:var(--alto-sem-space-4xl)}._xl\:margin-right--5xl_1st27_1{margin-right:var(--alto-sem-space-5xl)}._xl\:margin-right--6xl_1st27_1{margin-right:var(--alto-sem-space-6xl)}._xl\:margin-bottom--none_1st27_1{margin-bottom:0}._xl\:margin-bottom--auto_1st27_1{margin-bottom:auto}._xl\:margin-bottom--5xs_1st27_1{margin-bottom:var(--alto-sem-space-5xs)}._xl\:margin-bottom--4xs_1st27_1{margin-bottom:var(--alto-sem-space-4xs)}._xl\:margin-bottom--3xs_1st27_1{margin-bottom:var(--alto-sem-space-3xs)}._xl\:margin-bottom--2xs_1st27_1{margin-bottom:var(--alto-sem-space-2xs)}._xl\:margin-bottom--xs_1st27_1{margin-bottom:var(--alto-sem-space-xs)}._xl\:margin-bottom--sm_1st27_1{margin-bottom:var(--alto-sem-space-sm)}._xl\:margin-bottom--md_1st27_1{margin-bottom:var(--alto-sem-space-md)}._xl\:margin-bottom--lg_1st27_1{margin-bottom:var(--alto-sem-space-lg)}._xl\:margin-bottom--xl_1st27_1{margin-bottom:var(--alto-sem-space-xl)}._xl\:margin-bottom--2xl_1st27_1{margin-bottom:var(--alto-sem-space-2xl)}._xl\:margin-bottom--3xl_1st27_1{margin-bottom:var(--alto-sem-space-3xl)}._xl\:margin-bottom--4xl_1st27_1{margin-bottom:var(--alto-sem-space-4xl)}._xl\:margin-bottom--5xl_1st27_1{margin-bottom:var(--alto-sem-space-5xl)}._xl\:margin-bottom--6xl_1st27_1{margin-bottom:var(--alto-sem-space-6xl)}._xl\:margin-left--none_1st27_1{margin-left:0}._xl\:margin-left--auto_1st27_1{margin-left:auto}._xl\:margin-left--5xs_1st27_1{margin-left:var(--alto-sem-space-5xs)}._xl\:margin-left--4xs_1st27_1{margin-left:var(--alto-sem-space-4xs)}._xl\:margin-left--3xs_1st27_1{margin-left:var(--alto-sem-space-3xs)}._xl\:margin-left--2xs_1st27_1{margin-left:var(--alto-sem-space-2xs)}._xl\:margin-left--xs_1st27_1{margin-left:var(--alto-sem-space-xs)}._xl\:margin-left--sm_1st27_1{margin-left:var(--alto-sem-space-sm)}._xl\:margin-left--md_1st27_1{margin-left:var(--alto-sem-space-md)}._xl\:margin-left--lg_1st27_1{margin-left:var(--alto-sem-space-lg)}._xl\:margin-left--xl_1st27_1{margin-left:var(--alto-sem-space-xl)}._xl\:margin-left--2xl_1st27_1{margin-left:var(--alto-sem-space-2xl)}._xl\:margin-left--3xl_1st27_1{margin-left:var(--alto-sem-space-3xl)}._xl\:margin-left--4xl_1st27_1{margin-left:var(--alto-sem-space-4xl)}._xl\:margin-left--5xl_1st27_1{margin-left:var(--alto-sem-space-5xl)}._xl\:margin-left--6xl_1st27_1{margin-left:var(--alto-sem-space-6xl)}}@media(min-width:1920px){._xxl\:margin--none_1st27_1{margin:0}._xxl\:margin--auto_1st27_1{margin:auto}._xxl\:margin--5xs_1st27_1{margin:var(--alto-sem-space-5xs)}._xxl\:margin--4xs_1st27_1{margin:var(--alto-sem-space-4xs)}._xxl\:margin--3xs_1st27_1{margin:var(--alto-sem-space-3xs)}._xxl\:margin--2xs_1st27_1{margin:var(--alto-sem-space-2xs)}._xxl\:margin--xs_1st27_1{margin:var(--alto-sem-space-xs)}._xxl\:margin--sm_1st27_1{margin:var(--alto-sem-space-sm)}._xxl\:margin--md_1st27_1{margin:var(--alto-sem-space-md)}._xxl\:margin--lg_1st27_1{margin:var(--alto-sem-space-lg)}._xxl\:margin--xl_1st27_1{margin:var(--alto-sem-space-xl)}._xxl\:margin--2xl_1st27_1{margin:var(--alto-sem-space-2xl)}._xxl\:margin--3xl_1st27_1{margin:var(--alto-sem-space-3xl)}._xxl\:margin--4xl_1st27_1{margin:var(--alto-sem-space-4xl)}._xxl\:margin--5xl_1st27_1{margin:var(--alto-sem-space-5xl)}._xxl\:margin--6xl_1st27_1{margin:var(--alto-sem-space-6xl)}._xxl\:margin-x--none_1st27_1{margin-left:0;margin-right:0}._xxl\:margin-x--auto_1st27_1{margin-left:auto;margin-right:auto}._xxl\:margin-x--5xs_1st27_1{margin-left:var(--alto-sem-space-5xs);margin-right:var(--alto-sem-space-5xs)}._xxl\:margin-x--4xs_1st27_1{margin-left:var(--alto-sem-space-4xs);margin-right:var(--alto-sem-space-4xs)}._xxl\:margin-x--3xs_1st27_1{margin-left:var(--alto-sem-space-3xs);margin-right:var(--alto-sem-space-3xs)}._xxl\:margin-x--2xs_1st27_1{margin-left:var(--alto-sem-space-2xs);margin-right:var(--alto-sem-space-2xs)}._xxl\:margin-x--xs_1st27_1{margin-left:var(--alto-sem-space-xs);margin-right:var(--alto-sem-space-xs)}._xxl\:margin-x--sm_1st27_1{margin-left:var(--alto-sem-space-sm);margin-right:var(--alto-sem-space-sm)}._xxl\:margin-x--md_1st27_1{margin-left:var(--alto-sem-space-md);margin-right:var(--alto-sem-space-md)}._xxl\:margin-x--lg_1st27_1{margin-left:var(--alto-sem-space-lg);margin-right:var(--alto-sem-space-lg)}._xxl\:margin-x--xl_1st27_1{margin-left:var(--alto-sem-space-xl);margin-right:var(--alto-sem-space-xl)}._xxl\:margin-x--2xl_1st27_1{margin-left:var(--alto-sem-space-2xl);margin-right:var(--alto-sem-space-2xl)}._xxl\:margin-x--3xl_1st27_1{margin-left:var(--alto-sem-space-3xl);margin-right:var(--alto-sem-space-3xl)}._xxl\:margin-x--4xl_1st27_1{margin-left:var(--alto-sem-space-4xl);margin-right:var(--alto-sem-space-4xl)}._xxl\:margin-x--5xl_1st27_1{margin-left:var(--alto-sem-space-5xl);margin-right:var(--alto-sem-space-5xl)}._xxl\:margin-x--6xl_1st27_1{margin-left:var(--alto-sem-space-6xl);margin-right:var(--alto-sem-space-6xl)}._xxl\:margin-y--none_1st27_1{margin-bottom:0;margin-top:0}._xxl\:margin-y--auto_1st27_1{margin-bottom:auto;margin-top:auto}._xxl\:margin-y--5xs_1st27_1{margin-bottom:var(--alto-sem-space-5xs);margin-top:var(--alto-sem-space-5xs)}._xxl\:margin-y--4xs_1st27_1{margin-bottom:var(--alto-sem-space-4xs);margin-top:var(--alto-sem-space-4xs)}._xxl\:margin-y--3xs_1st27_1{margin-bottom:var(--alto-sem-space-3xs);margin-top:var(--alto-sem-space-3xs)}._xxl\:margin-y--2xs_1st27_1{margin-bottom:var(--alto-sem-space-2xs);margin-top:var(--alto-sem-space-2xs)}._xxl\:margin-y--xs_1st27_1{margin-bottom:var(--alto-sem-space-xs);margin-top:var(--alto-sem-space-xs)}._xxl\:margin-y--sm_1st27_1{margin-bottom:var(--alto-sem-space-sm);margin-top:var(--alto-sem-space-sm)}._xxl\:margin-y--md_1st27_1{margin-bottom:var(--alto-sem-space-md);margin-top:var(--alto-sem-space-md)}._xxl\:margin-y--lg_1st27_1{margin-bottom:var(--alto-sem-space-lg);margin-top:var(--alto-sem-space-lg)}._xxl\:margin-y--xl_1st27_1{margin-bottom:var(--alto-sem-space-xl);margin-top:var(--alto-sem-space-xl)}._xxl\:margin-y--2xl_1st27_1{margin-bottom:var(--alto-sem-space-2xl);margin-top:var(--alto-sem-space-2xl)}._xxl\:margin-y--3xl_1st27_1{margin-bottom:var(--alto-sem-space-3xl);margin-top:var(--alto-sem-space-3xl)}._xxl\:margin-y--4xl_1st27_1{margin-bottom:var(--alto-sem-space-4xl);margin-top:var(--alto-sem-space-4xl)}._xxl\:margin-y--5xl_1st27_1{margin-bottom:var(--alto-sem-space-5xl);margin-top:var(--alto-sem-space-5xl)}._xxl\:margin-y--6xl_1st27_1{margin-bottom:var(--alto-sem-space-6xl);margin-top:var(--alto-sem-space-6xl)}._xxl\:margin-top--none_1st27_1{margin-top:0}._xxl\:margin-top--auto_1st27_1{margin-top:auto}._xxl\:margin-top--5xs_1st27_1{margin-top:var(--alto-sem-space-5xs)}._xxl\:margin-top--4xs_1st27_1{margin-top:var(--alto-sem-space-4xs)}._xxl\:margin-top--3xs_1st27_1{margin-top:var(--alto-sem-space-3xs)}._xxl\:margin-top--2xs_1st27_1{margin-top:var(--alto-sem-space-2xs)}._xxl\:margin-top--xs_1st27_1{margin-top:var(--alto-sem-space-xs)}._xxl\:margin-top--sm_1st27_1{margin-top:var(--alto-sem-space-sm)}._xxl\:margin-top--md_1st27_1{margin-top:var(--alto-sem-space-md)}._xxl\:margin-top--lg_1st27_1{margin-top:var(--alto-sem-space-lg)}._xxl\:margin-top--xl_1st27_1{margin-top:var(--alto-sem-space-xl)}._xxl\:margin-top--2xl_1st27_1{margin-top:var(--alto-sem-space-2xl)}._xxl\:margin-top--3xl_1st27_1{margin-top:var(--alto-sem-space-3xl)}._xxl\:margin-top--4xl_1st27_1{margin-top:var(--alto-sem-space-4xl)}._xxl\:margin-top--5xl_1st27_1{margin-top:var(--alto-sem-space-5xl)}._xxl\:margin-top--6xl_1st27_1{margin-top:var(--alto-sem-space-6xl)}._xxl\:margin-right--none_1st27_1{margin-right:0}._xxl\:margin-right--auto_1st27_1{margin-right:auto}._xxl\:margin-right--5xs_1st27_1{margin-right:var(--alto-sem-space-5xs)}._xxl\:margin-right--4xs_1st27_1{margin-right:var(--alto-sem-space-4xs)}._xxl\:margin-right--3xs_1st27_1{margin-right:var(--alto-sem-space-3xs)}._xxl\:margin-right--2xs_1st27_1{margin-right:var(--alto-sem-space-2xs)}._xxl\:margin-right--xs_1st27_1{margin-right:var(--alto-sem-space-xs)}._xxl\:margin-right--sm_1st27_1{margin-right:var(--alto-sem-space-sm)}._xxl\:margin-right--md_1st27_1{margin-right:var(--alto-sem-space-md)}._xxl\:margin-right--lg_1st27_1{margin-right:var(--alto-sem-space-lg)}._xxl\:margin-right--xl_1st27_1{margin-right:var(--alto-sem-space-xl)}._xxl\:margin-right--2xl_1st27_1{margin-right:var(--alto-sem-space-2xl)}._xxl\:margin-right--3xl_1st27_1{margin-right:var(--alto-sem-space-3xl)}._xxl\:margin-right--4xl_1st27_1{margin-right:var(--alto-sem-space-4xl)}._xxl\:margin-right--5xl_1st27_1{margin-right:var(--alto-sem-space-5xl)}._xxl\:margin-right--6xl_1st27_1{margin-right:var(--alto-sem-space-6xl)}._xxl\:margin-bottom--none_1st27_1{margin-bottom:0}._xxl\:margin-bottom--auto_1st27_1{margin-bottom:auto}._xxl\:margin-bottom--5xs_1st27_1{margin-bottom:var(--alto-sem-space-5xs)}._xxl\:margin-bottom--4xs_1st27_1{margin-bottom:var(--alto-sem-space-4xs)}._xxl\:margin-bottom--3xs_1st27_1{margin-bottom:var(--alto-sem-space-3xs)}._xxl\:margin-bottom--2xs_1st27_1{margin-bottom:var(--alto-sem-space-2xs)}._xxl\:margin-bottom--xs_1st27_1{margin-bottom:var(--alto-sem-space-xs)}._xxl\:margin-bottom--sm_1st27_1{margin-bottom:var(--alto-sem-space-sm)}._xxl\:margin-bottom--md_1st27_1{margin-bottom:var(--alto-sem-space-md)}._xxl\:margin-bottom--lg_1st27_1{margin-bottom:var(--alto-sem-space-lg)}._xxl\:margin-bottom--xl_1st27_1{margin-bottom:var(--alto-sem-space-xl)}._xxl\:margin-bottom--2xl_1st27_1{margin-bottom:var(--alto-sem-space-2xl)}._xxl\:margin-bottom--3xl_1st27_1{margin-bottom:var(--alto-sem-space-3xl)}._xxl\:margin-bottom--4xl_1st27_1{margin-bottom:var(--alto-sem-space-4xl)}._xxl\:margin-bottom--5xl_1st27_1{margin-bottom:var(--alto-sem-space-5xl)}._xxl\:margin-bottom--6xl_1st27_1{margin-bottom:var(--alto-sem-space-6xl)}._xxl\:margin-left--none_1st27_1{margin-left:0}._xxl\:margin-left--auto_1st27_1{margin-left:auto}._xxl\:margin-left--5xs_1st27_1{margin-left:var(--alto-sem-space-5xs)}._xxl\:margin-left--4xs_1st27_1{margin-left:var(--alto-sem-space-4xs)}._xxl\:margin-left--3xs_1st27_1{margin-left:var(--alto-sem-space-3xs)}._xxl\:margin-left--2xs_1st27_1{margin-left:var(--alto-sem-space-2xs)}._xxl\:margin-left--xs_1st27_1{margin-left:var(--alto-sem-space-xs)}._xxl\:margin-left--sm_1st27_1{margin-left:var(--alto-sem-space-sm)}._xxl\:margin-left--md_1st27_1{margin-left:var(--alto-sem-space-md)}._xxl\:margin-left--lg_1st27_1{margin-left:var(--alto-sem-space-lg)}._xxl\:margin-left--xl_1st27_1{margin-left:var(--alto-sem-space-xl)}._xxl\:margin-left--2xl_1st27_1{margin-left:var(--alto-sem-space-2xl)}._xxl\:margin-left--3xl_1st27_1{margin-left:var(--alto-sem-space-3xl)}._xxl\:margin-left--4xl_1st27_1{margin-left:var(--alto-sem-space-4xl)}._xxl\:margin-left--5xl_1st27_1{margin-left:var(--alto-sem-space-5xl)}._xxl\:margin-left--6xl_1st27_1{margin-left:var(--alto-sem-space-6xl)}}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { BackgroundVariants } from '../../utils/backgroundColor/backgroundColor';
|
|
3
|
-
import { FlexVariants } from '../../utils/flex/flex';
|
|
3
|
+
import { FlexBasisToken, FlexVariants } from '../../utils/flex/flex';
|
|
4
4
|
import { BorderVariants } from '../../utils/border/border';
|
|
5
5
|
import { PaddingVariants } from '../../utils/padding/padding';
|
|
6
|
+
import { MarginVariants } from '../../utils/margin/margin';
|
|
6
7
|
import { PositionVariants } from '../../utils/position/position';
|
|
7
8
|
import { WithResponsiveProps } from '../../utils/breakpoint/responsiveSSR';
|
|
8
|
-
export interface BoxBaseProps extends BackgroundVariants, FlexVariants, BorderVariants, PaddingVariants, PositionVariants, Omit<React.HTMLAttributes<Element>, 'className' | 'style'> {
|
|
9
|
+
export interface BoxBaseProps extends BackgroundVariants, Omit<FlexVariants, 'flexBasis'>, BorderVariants, PaddingVariants, MarginVariants, PositionVariants, Omit<React.HTMLAttributes<Element>, 'className' | 'style'> {
|
|
9
10
|
/**
|
|
10
11
|
* The HTML element to render the Box as.
|
|
11
12
|
*/
|
|
12
|
-
as?: 'div' | 'article' | 'aside' | 'nav' | 'section' | 'main' | 'span' | 'ul' | 'li';
|
|
13
|
+
as?: 'div' | 'article' | 'aside' | 'nav' | 'section' | 'main' | 'span' | 'ul' | 'ol' | 'li';
|
|
13
14
|
/**
|
|
14
15
|
* The width of the Box.
|
|
15
16
|
* Accepts any valid CSS unit or "full"
|
|
@@ -66,9 +67,14 @@ export interface BoxBaseProps extends BackgroundVariants, FlexVariants, BorderVa
|
|
|
66
67
|
*/
|
|
67
68
|
left?: string;
|
|
68
69
|
/**
|
|
69
|
-
*
|
|
70
|
+
* Test identifier for testing purposes.
|
|
70
71
|
* Defaults to "box" if not provided.
|
|
71
72
|
*/
|
|
73
|
+
'data-testid'?: string;
|
|
74
|
+
/**
|
|
75
|
+
* @deprecated Use `data-testid` instead.
|
|
76
|
+
* @ignore
|
|
77
|
+
*/
|
|
72
78
|
dataTestId?: string;
|
|
73
79
|
/**
|
|
74
80
|
* CSS overflow-wrap property.
|
|
@@ -78,8 +84,13 @@ export interface BoxBaseProps extends BackgroundVariants, FlexVariants, BorderVa
|
|
|
78
84
|
* CSS word-break property.
|
|
79
85
|
*/
|
|
80
86
|
wordBreak?: React.CSSProperties['wordBreak'];
|
|
87
|
+
/**
|
|
88
|
+
* **[Responsive]** Defines the default size of a flex item before remaining space is distributed.
|
|
89
|
+
* Accepts predefined flex-basis tokens and arbitrary CSS values (e.g. "200px", "30%", "clamp(200px, 50vw, 400px)").
|
|
90
|
+
*/
|
|
91
|
+
flexBasis?: FlexBasisToken | string | number;
|
|
81
92
|
}
|
|
82
|
-
type ResponsivePropKeys = 'justifyContent' | 'flexDirection' | 'gap' | 'rowGap' | 'columnGap' | 'alignItems' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'padding' | 'paddingX' | 'paddingY' | 'minWidth' | 'maxWidth' | 'maxHeight';
|
|
93
|
+
type ResponsivePropKeys = 'justifyContent' | 'flexDirection' | 'gap' | 'rowGap' | 'columnGap' | 'flexBasis' | 'alignItems' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'padding' | 'paddingX' | 'paddingY' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'margin' | 'marginX' | 'marginY' | 'minWidth' | 'maxWidth' | 'maxHeight';
|
|
83
94
|
export type BoxProps = WithResponsiveProps<BoxBaseProps, ResponsivePropKeys>;
|
|
84
|
-
export declare const Box: ({ children, as: Component, width, height, minHeight, zIndex, top, right, bottom, left, position, dataTestId, overflowWrap, wordBreak, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
95
|
+
export declare const Box: ({ children, as: Component, width, height, minHeight, zIndex, top, right, bottom, left, position, "data-testid": dataTestIdNative, dataTestId: dataTestIdLegacy, overflowWrap, wordBreak, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
85
96
|
export default Box;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import{backgroundColorVariants as i}from"../../utils/backgroundColor/backgroundColor.js";import{f as r,a as
|
|
2
|
-
return o(
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import{backgroundColorVariants as i}from"../../utils/backgroundColor/backgroundColor.js";import{f as r,i as t,a as d,r as a}from"../../flex-BfhdHBb6.js";import{p as e,a as n}from"../../padding-nClUzhWp.js";import{m as g,a as m}from"../../margin-CCJx_ENX.js";import{borderVariants as p}from"../../utils/border/border.js";import{positionVariants as l}from"../../utils/position/position.js";import{getBaseValueOrUndefined as s,generateResponsiveClasses as f}from"../../utils/breakpoint/responsiveSSR.js";import{responsiveToCssVars as h}from"../../utils/breakpoint/responsiveToCssVars.js";import '../../assets/Box.css';const b={box:"_box_sckl4_1"},x=f(d),u=f(n),c=f(m),W=({children:d,as:n="div",width:m,height:f,minHeight:W,zIndex:v,top:C,right:B,bottom:w,left:j,position:T,"data-testid":R,dataTestId:k="box",overflowWrap:L,wordBreak:y,...G})=>{const I=s(G.justifyContent),X=s(G.flexDirection),Y=s(G.gap),H=s(G.rowGap),P=s(G.columnGap),S=s(G.alignItems),D=s(G.display),_=s(G.flexWrap),z=s(G.flexGrow),N=s(G.flexShrink),V=s(G.flexBasis),q=s(G.paddingTop),A=s(G.paddingRight),E=s(G.paddingBottom),F=s(G.paddingLeft),J=s(G.padding),K=s(G.paddingX),M=s(G.paddingY),O=s(G.marginTop),Q=s(G.marginRight),U=s(G.marginBottom),Z=s(G.marginLeft),$=s(G.margin),oo=s(G.marginX),io=s(G.marginY),ro=h(G.maxWidth,{varPrefix:"--box-max-width",normalise:o=>"pageWidth"===o?"var(--alto-section-container-max-width)":o}),to=h(G.maxHeight,{varPrefix:"--box-max-height",normalise:o=>o}),ao=h(G.minWidth,{varPrefix:"--box-min-width",normalise:o=>o}),eo=h(G.flexBasis,{varPrefix:"--box-flex-basis",normalise:o=>a(o)}),no=r({display:D,justifyContent:I,flexDirection:X,gap:Y,rowGap:H,columnGap:P,alignItems:S,flexWrap:_,flexGrow:z,flexShrink:N,flexBasis:t(V)?V:void 0}),go=e({paddingTop:q,paddingRight:A,paddingBottom:E,paddingLeft:F,padding:J,paddingX:K,paddingY:M}),mo=g({marginTop:O,marginRight:Q,marginBottom:U,marginLeft:Z,margin:$,marginX:oo,marginY:io}),po=x(G.justifyContent,"flex-justify-content"),lo=x(G.flexDirection,"flex-direction"),so=x(G.gap,"flex-gap"),fo=x(G.rowGap,"flex-row-gap"),ho=x(G.columnGap,"flex-column-gap"),bo=x(G.alignItems,"flex-align-items"),xo=u(G.paddingTop,"padding-top"),uo=u(G.paddingRight,"padding-right"),co=u(G.paddingBottom,"padding-bottom"),Wo=u(G.paddingLeft,"padding-left"),vo=u(G.padding,"padding"),Co=u(G.paddingX,"padding-x"),Bo=u(G.paddingY,"padding-y"),wo=c(G.marginTop,"margin-top"),jo=c(G.marginRight,"margin-right"),To=c(G.marginBottom,"margin-bottom"),Ro=c(G.marginLeft,"margin-left"),ko=c(G.margin,"margin"),Lo=c(G.marginX,"margin-x"),yo=c(G.marginY,"margin-y"),Go=G?.borderWidth||void 0===G.borderColour||"none"===G.borderColour?G.borderWidth:"sm",Io=G?.borderTopWidth||void 0===G.borderTopColour||"none"===G.borderTopColour?G.borderTopWidth:"sm",Xo=G?.borderRightWidth||void 0===G.borderRightColour||"none"===G.borderRightColour?G.borderRightWidth:"sm",Yo=G?.borderBottomWidth||void 0===G.borderBottomColour||"none"===G.borderBottomColour?G.borderBottomWidth:"sm",Ho=G?.borderLeftWidth||void 0===G.borderLeftColour||"none"===G.borderLeftColour?G.borderLeftWidth:"sm",Po={width:"full"===m?"100%":m,height:"full"===f?"100%":f,minHeight:W,zIndex:v,top:C,right:B,bottom:w,left:j,...ro,...ao,...to,...eo,overflow:G.maxHeight||G.maxWidth?"auto":void 0,overflowWrap:L,wordBreak:y};/* @__PURE__ */
|
|
2
|
+
return o(n,{className:[b.box,p({...G,borderWidth:Go,borderTopWidth:Io,borderRightWidth:Xo,borderBottomWidth:Yo,borderLeftWidth:Ho}),no,go,mo,i({backgroundColor:G.backgroundColor,...G}),l({position:T}),...po,...lo,...so,...fo,...ho,...bo,...xo,...uo,...co,...Wo,...vo,...Co,...Bo,...wo,...jo,...To,...Ro,...ko,...Lo,...yo].filter(Boolean).join(" "),style:Po,"data-testid":R??k,children:d})};export{W as Box,W as default};
|
|
3
3
|
//# sourceMappingURL=Box.js.map
|