@kyralabs/m3e-css 1.6.0 → 1.7.0

package/NOTICE

@@ -53,9 +53,11 @@ Copyright (C) The Android Open Source Project
 Licensed under the Apache License, Version 2.0
 
 --------------------------------------------------------------------------------
-Material Web (@material/web 2.5.0: elevation shadow values in @kyralabs/m3e-tokens)
+Material Web (@material/web 2.5.0: elevation shadow values and the dialog motion / window margin
+values in @kyralabs/m3e-tokens)
 https://github.com/material-components/material-web
 Copyright 2022 Google LLC
+Copyright 2023 Google LLC
 Licensed under the Apache License, Version 2.0
 
 --------------------------------------------------------------------------------

package/dist/badge.css

@@ -0,0 +1 @@
+@import"@kyralabs/m3e-tokens/components/badge.css";@import"@kyralabs/m3e-tokens/components/badge-defaults.css";@layer m3e.components{.m3e-badge{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--m3e-comp-badge-size);min-block-size:var(--m3e-comp-badge-size);margin:0;padding:0;border-radius:var(--m3e-comp-badge-shape);background-color:var(--m3e-comp-badge-container-color);color:var(--m3e-comp-badge-large-label-text-color);white-space:nowrap}.m3e-badge--large{min-inline-size:var(--m3e-comp-badge-large-size);min-block-size:var(--m3e-comp-badge-large-size);padding-inline:var(--m3e-comp-badge-large-padding-horizontal);border-radius:var(--m3e-comp-badge-large-shape);font-family:var(--m3e-comp-badge-large-label-text-font);font-size:var(--m3e-comp-badge-large-label-text-size);font-weight:var(--m3e-comp-badge-large-label-text-weight);line-height:var(--m3e-comp-badge-large-label-text-line-height);letter-spacing:var(--m3e-comp-badge-large-label-text-tracking)}.m3e-badge__label{position:absolute;inline-size:0;block-size:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.m3e-badged-box{--_m3e-badge-direction: 1;position:relative;display:inline-flex;align-items:center;justify-content:center}.m3e-badged-box:dir(rtl){--_m3e-badge-direction: -1}.m3e-badged-box>.m3e-badge{--_m3e-badge-offset-inline: var(--m3e-comp-badge-offset);--_m3e-badge-offset-block: var(--m3e-comp-badge-offset);position:absolute;inset-block-end:calc(100% - var(--_m3e-badge-offset-block));inset-inline-start:calc(100% - var(--_m3e-badge-offset-inline));translate:calc(min(0%,var(--_m3e-badged-box-bounds-end) + var(--_m3e-badge-offset-inline) - 100%) * var(--_m3e-badge-direction)) max(0%,100% - var(--_m3e-badge-offset-block) - var(--_m3e-badged-box-bounds-top))}.m3e-badged-box>.m3e-badge--large{--_m3e-badge-offset-inline: var(--m3e-comp-badge-large-offset-horizontal);--_m3e-badge-offset-block: var(--m3e-comp-badge-large-offset-vertical)}@media(forced-colors:active){.m3e-badge{forced-color-adjust:none;background-color:CanvasText;color:Canvas}}}

package/dist/bottom-sheet.css

@@ -0,0 +1 @@
+@import"@kyralabs/m3e-tokens/components/sheet-bottom.css";@import"@kyralabs/m3e-tokens/components/bottom-sheet-defaults.css";@import"@kyralabs/m3e-tokens/components/button-defaults.css";@import"@kyralabs/m3e-tokens/components/divider.css";@layer m3e.components{.m3e-bottom-sheet{--_m3e-bs-container: var(--m3e-comp-sheet-bottom-docked-container-color);position:absolute;inset:0;z-index:1;overflow:clip;container-type:size;pointer-events:none}.m3e-bottom-sheet--modal{position:fixed;box-sizing:border-box;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:none;outline:none;background:transparent;pointer-events:auto}.m3e-bottom-sheet--modal:not([open]){display:none}.m3e-bottom-sheet--modal::backdrop{background:transparent}.m3e-bottom-sheet__scrim{position:absolute;inset:0;background-color:var(--m3e-comp-bottom-sheet-scrim-color);opacity:calc(var(--m3e-comp-bottom-sheet-scrim-opacity) * var(--_m3e-bs-scrim, 1))}.m3e-bottom-sheet__sheet{position:absolute;inset-inline:0;inset-block-end:0;display:flex;flex-direction:column;box-sizing:border-box;inline-size:100%;max-inline-size:var(--m3e-comp-bottom-sheet-max-width);max-block-size:100%;margin-inline:auto;border-start-start-radius:var(--m3e-comp-sheet-bottom-docked-container-shape-start-start);border-start-end-radius:var(--m3e-comp-sheet-bottom-docked-container-shape-start-end);border-end-end-radius:var(--m3e-comp-sheet-bottom-docked-container-shape-end-end);border-end-start-radius:var(--m3e-comp-sheet-bottom-docked-container-shape-end-start);background-color:var(--_m3e-bs-container);color:var(--m3e-sys-color-on-surface);pointer-events:auto;touch-action:none;translate:0 100%;visibility:hidden}.m3e-bottom-sheet--partially-expanded>.m3e-bottom-sheet__sheet{translate:0 max(0%,100% - 50cqh);visibility:visible}.m3e-bottom-sheet--expanded>.m3e-bottom-sheet__sheet{translate:0 0;visibility:visible}.m3e-bottom-sheet--peek.m3e-bottom-sheet--partially-expanded>.m3e-bottom-sheet__sheet{translate:0 max(0%,100% - var(--m3e-comp-bottom-sheet-peek-height))}.m3e-bottom-sheet[data-animating]>.m3e-bottom-sheet__sheet{translate:0 var(--_m3e-bs-translate, 0%);box-shadow:0 var(--_m3e-bs-stretch, 0%) 0 0 var(--_m3e-bs-container);visibility:visible}.m3e-bottom-sheet[data-dragging]{-webkit-user-select:none;user-select:none}.m3e-bottom-sheet__handle{position:relative;display:block;flex:none;box-sizing:content-box;inline-size:var(--m3e-comp-sheet-bottom-docked-drag-handle-width);block-size:var(--m3e-comp-sheet-bottom-docked-drag-handle-height);margin:0 auto;padding:var(--m3e-comp-bottom-sheet-drag-handle-padding-vertical) 0;border:none;background:transparent;color:var(--m3e-sys-color-on-surface);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.m3e-bottom-sheet__handle:after{position:absolute;inset-block:min(0%,calc((100% - var(--m3e-comp-minimum-interactive-component-size)) / 2));inset-inline:min(0%,calc((100% - var(--m3e-comp-minimum-interactive-component-size)) / 2));content:""}.m3e-bottom-sheet__handle-bar{display:block;block-size:100%;border-radius:var(--m3e-comp-bottom-sheet-drag-handle-shape);background-color:var(--m3e-comp-sheet-bottom-docked-drag-handle-color)}.m3e-bottom-sheet[data-dragging] .m3e-bottom-sheet__handle{cursor:grabbing}.m3e-bottom-sheet__content{flex:0 1 auto;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding-block-end:env(safe-area-inset-bottom)}.m3e-bottom-sheet--expanded[data-scrolls]:not([data-animating]) .m3e-bottom-sheet__content{touch-action:pan-y}@media(forced-colors:active){.m3e-bottom-sheet__sheet{border:var(--m3e-comp-divider-thickness) solid CanvasText;border-block-end:none}.m3e-bottom-sheet__handle-bar{forced-color-adjust:none;background-color:CanvasText}.m3e-bottom-sheet__scrim{forced-color-adjust:none}}}@layer m3e.base{:where(m3e-bottom-sheet){display:contents}}

package/dist/carousel.css

@@ -0,0 +1 @@
+@import"@kyralabs/m3e-tokens/components/carousel-defaults.css";@layer m3e.components{.m3e-carousel{--_m3e-carousel-shape: var(--m3e-comp-carousel-item-shape);position:relative;display:block}.m3e-carousel__viewport{display:flex;align-items:center;gap:var(--m3e-comp-carousel-item-spacing);padding-inline:var(--m3e-comp-carousel-content-padding-start) var(--m3e-comp-carousel-content-padding-end);overflow:auto hidden;overscroll-behavior-x:contain;scroll-padding-inline:var(--m3e-comp-carousel-content-padding-start) var(--m3e-comp-carousel-content-padding-end);scroll-snap-type:x mandatory;scrollbar-width:none;outline:none}.m3e-carousel__viewport::-webkit-scrollbar{display:none}.m3e-carousel__item{position:relative;z-index:var(--_m3e-carousel-z, auto);flex:none;inline-size:var(--_m3e-carousel-item-size, var(--m3e-comp-carousel-item-width, 100%));outline:none;scroll-margin-inline-start:var(--_m3e-carousel-snap, 0);scroll-snap-align:start;scroll-snap-stop:always}.m3e-carousel__mask{display:block;box-sizing:border-box;inline-size:100%;margin:0;padding:0;border:0;border-radius:var(--_m3e-carousel-shape);background:none;color:inherit;font:inherit;text-align:inherit;text-decoration:none;clip-path:inset(0 var(--_m3e-carousel-inset, 0) round var(--_m3e-carousel-shape));translate:var(--_m3e-carousel-translate, 0) 0}.m3e-carousel__mask>:where(img,video,picture,svg){display:block;inline-size:100%;object-fit:cover}.m3e-carousel__action{--m3e-comp-state-layer-color: var(--m3e-comp-carousel-item-state-layer-color);cursor:pointer;outline:none}.m3e-carousel__action:before{z-index:1}.m3e-carousel__item:after{content:"";position:absolute;inset-block:0;inset-inline:var(--_m3e-carousel-inset, 0);display:none;border-radius:var(--_m3e-carousel-shape);pointer-events:none;translate:var(--_m3e-carousel-translate, 0) 0}.m3e-carousel__item:is(:focus-visible,:has(>.m3e-carousel__action:focus-visible)):after{display:block}.m3e-carousel--full-screen{--_m3e-carousel-shape: var(--m3e-sys-shape-corner-none)}.m3e-carousel--full-screen>.m3e-carousel__viewport{flex-direction:column;align-items:stretch;gap:var(--m3e-comp-carousel-full-screen-item-spacing);block-size:100%;padding:0;overflow:hidden auto;overscroll-behavior:contain;scroll-padding:0;scroll-snap-type:y mandatory}.m3e-carousel--full-screen .m3e-carousel__item{inline-size:auto;block-size:100%;scroll-margin:0}.m3e-carousel--full-screen .m3e-carousel__mask{block-size:100%}.m3e-carousel--full-screen .m3e-carousel__mask>:where(img,video,picture,svg){block-size:100%}.m3e-carousel--uncontained>.m3e-carousel__viewport,.m3e-carousel[data-scrolling]>.m3e-carousel__viewport{scroll-snap-type:none}.m3e-carousel[data-keylines]>.m3e-carousel__viewport{padding-inline:0;scroll-padding-inline:0}@media(prefers-reduced-motion:reduce){.m3e-carousel__mask,.m3e-carousel__item:after{inset-inline:0;clip-path:inset(0 round var(--_m3e-carousel-shape));translate:none}}@media(forced-colors:active){.m3e-carousel__item:after{display:block;border:thin solid CanvasText}}}

package/dist/dialog.css

@@ -0,0 +1 @@
+@import"@kyralabs/m3e-tokens/components/dialog.css";@import"@kyralabs/m3e-tokens/components/dialog-defaults.css";@import"@kyralabs/m3e-tokens/components/scrim.css";@import"@kyralabs/m3e-tokens/components/button-defaults.css";@import"@kyralabs/m3e-tokens/components/divider.css";@layer m3e.components{.m3e-dialog{position:fixed;inset:0;box-sizing:border-box;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;margin:0;padding:var(--m3e-comp-dialog-window-margin);overflow:hidden;border:none;outline:none;background:transparent;color:var(--m3e-comp-dialog-supporting-text-color)}.m3e-dialog[open]{display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center}.m3e-dialog::backdrop{background:transparent}.m3e-dialog__scrim{position:fixed;inset:0;background-color:var(--m3e-comp-scrim-container-color);opacity:var(--m3e-comp-scrim-container-opacity)}.m3e-dialog__container{position:relative;z-index:0;display:flex;flex-direction:column;box-sizing:border-box;min-inline-size:min(var(--m3e-comp-dialog-container-min-width),100%);max-inline-size:min(var(--m3e-comp-dialog-container-max-width),100%);max-block-size:100%;padding:var(--m3e-comp-dialog-container-padding);border-radius:var(--m3e-comp-dialog-container-shape)}.m3e-dialog__container:before{position:absolute;z-index:-1;inset:0 0 auto;block-size:100%;border-radius:inherit;background-color:var(--_m3e-dialog-container, var(--m3e-comp-dialog-container-color));content:""}.m3e-dialog__icon{--m3e-comp-icon-size: var(--m3e-comp-dialog-icon-size);flex:none;align-self:center;margin-block-end:var(--m3e-comp-dialog-icon-padding-bottom);color:var(--m3e-comp-dialog-icon-color)}.m3e-dialog__headline{flex:none;align-self:flex-start;margin:0 0 var(--m3e-comp-dialog-headline-padding-bottom);color:var(--m3e-comp-dialog-headline-color);font-family:var(--m3e-comp-dialog-headline-font);font-size:var(--m3e-comp-dialog-headline-size);font-weight:var(--m3e-comp-dialog-headline-weight);line-height:var(--m3e-comp-dialog-headline-line-height);letter-spacing:var(--m3e-comp-dialog-headline-tracking);overflow-wrap:break-word}.m3e-dialog__icon~.m3e-dialog__headline{align-self:center}.m3e-dialog__content{flex:0 1 auto;min-block-size:0;overflow-y:auto;padding-block-end:var(--m3e-comp-dialog-supporting-text-padding-bottom);color:var(--m3e-comp-dialog-supporting-text-color);font-family:var(--m3e-comp-dialog-supporting-text-font);font-size:var(--m3e-comp-dialog-supporting-text-size);font-weight:var(--m3e-comp-dialog-supporting-text-weight);line-height:var(--m3e-comp-dialog-supporting-text-line-height);letter-spacing:var(--m3e-comp-dialog-supporting-text-tracking);overflow-wrap:break-word}.m3e-dialog__content>:first-child{margin-block-start:0}.m3e-dialog__content>:last-child{margin-block-end:0}.m3e-dialog__actions{--_m3e-dialog-button-inset: calc( ( var(--m3e-comp-minimum-interactive-component-size) - var(--m3e-comp-dialog-button-min-height) ) / 2 );display:flex;flex:none;flex-wrap:wrap-reverse;align-items:center;align-self:flex-end;justify-content:flex-end;gap:max(0%,calc(var(--m3e-comp-dialog-actions-cross-axis-spacing) - (var(--m3e-comp-minimum-interactive-component-size) - var(--m3e-comp-dialog-button-min-height)))) var(--m3e-comp-dialog-actions-main-axis-spacing);max-inline-size:100%;color:var(--m3e-comp-dialog-action-label-text-color);font-family:var(--m3e-comp-dialog-action-label-text-font);font-size:var(--m3e-comp-dialog-action-label-text-size);font-weight:var(--m3e-comp-dialog-action-label-text-weight);line-height:var(--m3e-comp-dialog-action-label-text-line-height);letter-spacing:var(--m3e-comp-dialog-action-label-text-tracking)}.m3e-dialog__actions>*{margin-block:var(--_m3e-dialog-button-inset)}.m3e-dialog--custom>.m3e-dialog__container{display:block;padding:0;border-radius:0}.m3e-dialog--custom>.m3e-dialog__container:before{content:none}.m3e-dialog__header{display:flex;flex:none;align-items:center;gap:var(--m3e-comp-full-screen-dialog-header-spacing);margin-block-end:var(--m3e-comp-dialog-headline-padding-bottom)}.m3e-dialog__header>.m3e-dialog__headline{align-self:center;min-inline-size:0;margin:0}.m3e-dialog__close{--m3e-comp-icon-size: var(--m3e-comp-full-screen-dialog-header-icon-size);flex:none;color:var(--m3e-comp-full-screen-dialog-header-icon-color)}@media(width<600px){.m3e-dialog--full-screen{padding:0}.m3e-dialog--full-screen>.m3e-dialog__container{--_m3e-dialog-container: var(--m3e-comp-full-screen-dialog-container-color);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);place-self:stretch;column-gap:var(--m3e-comp-full-screen-dialog-header-spacing);min-inline-size:0;max-inline-size:none;padding:0;border-radius:var(--m3e-comp-full-screen-dialog-container-shape)}.m3e-dialog--full-screen .m3e-dialog__header{display:grid;grid-template-columns:subgrid;grid-area:1 / 1 / 2 / -1;min-block-size:var(--m3e-comp-full-screen-dialog-header-container-height);margin:0;background-color:var(--m3e-comp-full-screen-dialog-header-container-color);transition:background-color var(--m3e-sys-motion-spring-default-effects-duration) var(--m3e-sys-motion-spring-default-effects-easing)}.m3e-dialog--full-screen[data-scrolled] .m3e-dialog__header{background-color:var(--m3e-comp-full-screen-dialog-header-on-scroll-container-color)}.m3e-dialog--full-screen .m3e-dialog__close{grid-column:1;margin-inline-start:var(--m3e-comp-full-screen-dialog-header-spacing)}.m3e-dialog--full-screen .m3e-dialog__headline{grid-column:2;overflow:hidden;color:var(--m3e-comp-full-screen-dialog-header-headline-color);font-family:var(--m3e-comp-full-screen-dialog-header-headline-font);font-size:var(--m3e-comp-full-screen-dialog-header-headline-size);font-weight:var(--m3e-comp-full-screen-dialog-header-headline-weight);line-height:var(--m3e-comp-full-screen-dialog-header-headline-line-height);letter-spacing:var(--m3e-comp-full-screen-dialog-header-headline-tracking);text-overflow:ellipsis;white-space:nowrap}.m3e-dialog--full-screen .m3e-dialog__actions{z-index:1;grid-area:1 / 3;align-self:center;margin-inline-end:var(--m3e-comp-full-screen-dialog-header-spacing)}.m3e-dialog--full-screen .m3e-dialog__content{grid-area:2 / 1 / 3 / -1;padding:var(--m3e-comp-full-screen-dialog-padding)}}.m3e-dialog[data-motion=enter]>.m3e-dialog__scrim{animation:m3e-dialog-fade-in var(--m3e-comp-dialog-scrim-duration) var(--m3e-comp-dialog-scrim-easing) both}.m3e-dialog[data-motion=exit]>.m3e-dialog__scrim{animation:m3e-dialog-fade-out var(--m3e-comp-dialog-scrim-duration) var(--m3e-comp-dialog-scrim-easing) both}.m3e-dialog[data-motion=enter]>.m3e-dialog__container{animation:m3e-dialog-slide-in var(--m3e-comp-dialog-enter-duration) var(--m3e-comp-dialog-enter-easing) both}.m3e-dialog[data-motion=enter]>.m3e-dialog__container:before{animation:m3e-dialog-grow var(--m3e-comp-dialog-enter-duration) var(--m3e-comp-dialog-enter-easing) both,m3e-dialog-fade-in var(--m3e-comp-dialog-container-enter-fade-duration) var(--m3e-sys-motion-easing-linear) both}.m3e-dialog[data-motion=enter]>.m3e-dialog__container>:is(.m3e-dialog__icon,.m3e-dialog__headline,.m3e-dialog__header,.m3e-dialog__content){animation:m3e-dialog-fade-in var(--m3e-comp-dialog-content-enter-duration) var(--m3e-sys-motion-easing-linear) var(--m3e-comp-dialog-content-enter-delay) both}.m3e-dialog[data-motion=enter]>.m3e-dialog__container>.m3e-dialog__actions{animation:m3e-dialog-fade-in var(--m3e-comp-dialog-actions-enter-duration) var(--m3e-sys-motion-easing-linear) var(--m3e-comp-dialog-actions-enter-delay) both}.m3e-dialog[data-motion=exit]>.m3e-dialog__container{animation:m3e-dialog-slide-out var(--m3e-comp-dialog-exit-duration) var(--m3e-comp-dialog-exit-easing) both}.m3e-dialog[data-motion=exit]>.m3e-dialog__container:before{animation:m3e-dialog-shrink var(--m3e-comp-dialog-exit-duration) var(--m3e-comp-dialog-exit-easing) both,m3e-dialog-fade-out var(--m3e-comp-dialog-container-exit-fade-duration) var(--m3e-sys-motion-easing-linear) var(--m3e-comp-dialog-container-exit-fade-delay) both}.m3e-dialog[data-motion=exit]>.m3e-dialog__container>:is(.m3e-dialog__icon,.m3e-dialog__headline,.m3e-dialog__header,.m3e-dialog__content,.m3e-dialog__actions){animation:m3e-dialog-fade-out var(--m3e-comp-dialog-content-exit-duration) var(--m3e-sys-motion-easing-linear) both}.m3e-dialog--custom[data-motion=enter]>.m3e-dialog__container{animation:m3e-dialog-slide-in var(--m3e-comp-dialog-enter-duration) var(--m3e-comp-dialog-enter-easing) both,m3e-dialog-fade-in var(--m3e-comp-dialog-content-enter-duration) var(--m3e-sys-motion-easing-linear) var(--m3e-comp-dialog-content-enter-delay) both}.m3e-dialog--custom[data-motion=exit]>.m3e-dialog__container{animation:m3e-dialog-slide-out var(--m3e-comp-dialog-exit-duration) var(--m3e-comp-dialog-exit-easing) both,m3e-dialog-fade-out var(--m3e-comp-dialog-content-exit-duration) var(--m3e-sys-motion-easing-linear) both}@media(prefers-reduced-motion:reduce){.m3e-dialog[data-motion]>.m3e-dialog__container{animation:none}.m3e-dialog--custom[data-motion=enter]>.m3e-dialog__container{animation:m3e-dialog-fade-in var(--m3e-comp-dialog-content-enter-duration) var(--m3e-sys-motion-easing-linear) var(--m3e-comp-dialog-content-enter-delay) both}.m3e-dialog--custom[data-motion=exit]>.m3e-dialog__container{animation:m3e-dialog-fade-out var(--m3e-comp-dialog-content-exit-duration) var(--m3e-sys-motion-easing-linear) both}.m3e-dialog[data-motion=enter]>.m3e-dialog__container:before{animation:m3e-dialog-fade-in var(--m3e-comp-dialog-container-enter-fade-duration) var(--m3e-sys-motion-easing-linear) both}.m3e-dialog[data-motion=exit]>.m3e-dialog__container:before{animation:m3e-dialog-fade-out var(--m3e-comp-dialog-container-exit-fade-duration) var(--m3e-sys-motion-easing-linear) var(--m3e-comp-dialog-container-exit-fade-delay) both}}@media(forced-colors:active){.m3e-dialog__container{border:var(--m3e-comp-divider-thickness) solid CanvasText}.m3e-dialog--custom>.m3e-dialog__container{border:none}.m3e-dialog__header{border-block-end:var(--m3e-comp-divider-thickness) solid CanvasText}}@keyframes m3e-dialog-fade-in{0%{opacity:0}}@keyframes m3e-dialog-fade-out{to{opacity:0}}@keyframes m3e-dialog-slide-in{0%{translate:0 calc(var(--m3e-comp-dialog-slide-distance) * -1)}}@keyframes m3e-dialog-slide-out{to{translate:0 calc(var(--m3e-comp-dialog-slide-distance) * -1)}}@keyframes m3e-dialog-grow{0%{block-size:var(--m3e-comp-dialog-container-collapsed-height)}}@keyframes m3e-dialog-shrink{to{block-size:var(--m3e-comp-dialog-container-collapsed-height)}}}

package/dist/focus-ring.css

@@ -1 +1 @@
-@layer m3e.base{:where(.m3e-focus-ring,.m3e-button,.m3e-icon-button,.m3e-assist-chip,.m3e-input-chip,.m3e-suggestion-chip,.m3e-fab,.m3e-extended-fab,.m3e-fab-menu__item,.m3e-pane-scaffold__drag-handle):focus-visible{outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-card--interactive):has(.m3e-card__action:focus-visible){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-filter-chip):has(>.m3e-filter-chip__input:focus-visible){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-navigation-item:focus-visible .m3e-navigation-item__state){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-checkbox__input:focus-visible~.m3e-checkbox__state,.m3e-radio-button__input:focus-visible~.m3e-radio-button__state){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-switch__input:focus-visible~.m3e-switch__track){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-slider__input:focus-visible+.m3e-slider__handle){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-focus-ring--inward):focus-visible{outline-offset:var(--m3e-sys-state-focus-indicator-inner-offset)}:where(.m3e-menu__item,.m3e-list-item--interactive,.m3e-navigation-drawer-item,.m3e-tab,.m3e-tab-panel,.m3e-pane-scaffold__pane):focus-visible{outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-inner-offset)}:where(.m3e-menu__item,.m3e-list-item--interactive,.m3e-navigation-drawer-item,.m3e-tab,.m3e-tab-panel,.m3e-pane-scaffold__pane):focus:not(:focus-visible){outline:none}:where(.m3e-search__field):has(.m3e-search__input:focus-visible),:where(.m3e-search__result)[data-focus-visible]{outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-inner-offset)}:where(.m3e-focus-ring,.m3e-button,.m3e-icon-button,.m3e-assist-chip,.m3e-input-chip,.m3e-suggestion-chip,.m3e-fab,.m3e-extended-fab,.m3e-fab-menu__item,.m3e-pane-scaffold__drag-handle):focus:not(:focus-visible){outline:none}@media(forced-colors:active){:where(.m3e-focus-ring,.m3e-button,.m3e-icon-button,.m3e-assist-chip,.m3e-input-chip,.m3e-suggestion-chip,.m3e-fab,.m3e-extended-fab,.m3e-fab-menu__item,.m3e-pane-scaffold__drag-handle):focus-visible,:where(.m3e-card--interactive):has(.m3e-card__action:focus-visible),:where(.m3e-filter-chip):has(>.m3e-filter-chip__input:focus-visible),:where(.m3e-navigation-item:focus-visible .m3e-navigation-item__state),:where(.m3e-checkbox__input:focus-visible~.m3e-checkbox__state),:where(.m3e-radio-button__input:focus-visible~.m3e-radio-button__state),:where(.m3e-switch__input:focus-visible~.m3e-switch__track),:where(.m3e-slider__input:focus-visible+.m3e-slider__handle),:where(.m3e-menu__item,.m3e-list-item--interactive,.m3e-navigation-drawer-item,.m3e-tab,.m3e-tab-panel,.m3e-pane-scaffold__pane):focus-visible,:where(.m3e-search__field):has(.m3e-search__input:focus-visible),:where(.m3e-search__result)[data-focus-visible]{outline-color:Highlight}}}
+@layer m3e.base{:where(.m3e-focus-ring,.m3e-button,.m3e-icon-button,.m3e-assist-chip,.m3e-input-chip,.m3e-suggestion-chip,.m3e-fab,.m3e-extended-fab,.m3e-fab-menu__item,.m3e-pane-scaffold__drag-handle,.m3e-bottom-sheet__handle):focus-visible{outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-card--interactive):has(.m3e-card__action:focus-visible){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-filter-chip):has(>.m3e-filter-chip__input:focus-visible),:where(.m3e-segmented-button):has(>.m3e-segmented-button__input:focus-visible){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-navigation-item:focus-visible .m3e-navigation-item__state){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-checkbox__input:focus-visible~.m3e-checkbox__state,.m3e-radio-button__input:focus-visible~.m3e-radio-button__state){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-switch__input:focus-visible~.m3e-switch__track){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-slider__input:focus-visible+.m3e-slider__handle){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-carousel__item:focus-visible,.m3e-carousel__item:has(>.m3e-carousel__action:focus-visible)):after{outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-inner-offset)}:where(.m3e-focus-ring--inward):focus-visible{outline-offset:var(--m3e-sys-state-focus-indicator-inner-offset)}:where(.m3e-menu__item,.m3e-list-item--interactive,.m3e-navigation-drawer-item,.m3e-tab,.m3e-tab-panel,.m3e-pane-scaffold__pane):focus-visible{outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-inner-offset)}:where(.m3e-menu__item,.m3e-list-item--interactive,.m3e-navigation-drawer-item,.m3e-tab,.m3e-tab-panel,.m3e-pane-scaffold__pane):focus:not(:focus-visible){outline:none}:where(.m3e-search__field):has(.m3e-search__input:focus-visible),:where(.m3e-search__result)[data-focus-visible]{outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-inner-offset)}:where(.m3e-focus-ring,.m3e-button,.m3e-icon-button,.m3e-assist-chip,.m3e-input-chip,.m3e-suggestion-chip,.m3e-fab,.m3e-extended-fab,.m3e-fab-menu__item,.m3e-pane-scaffold__drag-handle,.m3e-bottom-sheet__handle):focus:not(:focus-visible){outline:none}@media(forced-colors:active){:where(.m3e-focus-ring,.m3e-button,.m3e-icon-button,.m3e-assist-chip,.m3e-input-chip,.m3e-suggestion-chip,.m3e-fab,.m3e-extended-fab,.m3e-fab-menu__item,.m3e-pane-scaffold__drag-handle,.m3e-bottom-sheet__handle):focus-visible,:where(.m3e-card--interactive):has(.m3e-card__action:focus-visible),:where(.m3e-filter-chip):has(>.m3e-filter-chip__input:focus-visible),:where(.m3e-segmented-button):has(>.m3e-segmented-button__input:focus-visible),:where(.m3e-navigation-item:focus-visible .m3e-navigation-item__state),:where(.m3e-checkbox__input:focus-visible~.m3e-checkbox__state),:where(.m3e-radio-button__input:focus-visible~.m3e-radio-button__state),:where(.m3e-switch__input:focus-visible~.m3e-switch__track),:where(.m3e-slider__input:focus-visible+.m3e-slider__handle),:where(.m3e-menu__item,.m3e-list-item--interactive,.m3e-navigation-drawer-item,.m3e-tab,.m3e-tab-panel,.m3e-pane-scaffold__pane):focus-visible,:where(.m3e-search__field):has(.m3e-search__input:focus-visible),:where(.m3e-search__result)[data-focus-visible],:where(.m3e-carousel__item:focus-visible,.m3e-carousel__item:has(>.m3e-carousel__action:focus-visible)):after{outline-color:Highlight}}}