.Akd6{width:fit-content;max-width:100%;position:relative}.Akd6:before,.Akd6:after{content:"";z-index:1;opacity:0;width:36px;height:100%;transition:opacity .25s;position:absolute;top:0}.Akd6:before{right:0}html[dir=rtl] .Akd6:before{background:linear-gradient(90deg, rgb(from var(--color-elevation-one-surface) r g b / 0%) 0%, var(--color-elevation-one-surface) 100%)}html:not([dir=rtl]) .Akd6:before{background:linear-gradient(-90deg, rgb(from var(--color-elevation-one-surface) r g b / 0%) 0%, var(--color-elevation-one-surface) 100%)}.Akd6:after{left:0}html[dir=rtl] .Akd6:after{background:linear-gradient(-90deg, rgb(from var(--color-elevation-one-surface) r g b / 0%) 0%, var(--color-elevation-one-surface) 100%)}html:not([dir=rtl]) .Akd6:after{background:linear-gradient(90deg, rgb(from var(--color-elevation-one-surface) r g b / 0%) 0%, var(--color-elevation-one-surface) 100%)}.Akd6.Akd6-mod-stretch{width:100%}.Akd6.Akd6-mod-variant-padded:before,.Akd6.Akd6-mod-variant-padded:after{width:32px}html[dir=rtl] .Akd6.Akd6-mod-variant-padded:before{background:linear-gradient(90deg, rgb(from var(--color-elevation-one-surface) r g b / 0%) 0, var(--color-elevation-one-surface) 16px)}html:not([dir=rtl]) .Akd6.Akd6-mod-variant-padded:before,html[dir=rtl] .Akd6.Akd6-mod-variant-padded:after{background:linear-gradient(-90deg, rgb(from var(--color-elevation-one-surface) r g b / 0%) 0, var(--color-elevation-one-surface) 16px)}html:not([dir=rtl]) .Akd6.Akd6-mod-variant-padded:after{background:linear-gradient(90deg, rgb(from var(--color-elevation-one-surface) r g b / 0%) 0, var(--color-elevation-one-surface) 16px)}.Akd6.Akd6-mod-gradient-start:before,.Akd6.Akd6-mod-gradient-both:before,.Akd6.Akd6-mod-gradient-end:after,.Akd6.Akd6-mod-gradient-both:after{opacity:1}