From d955f6ac10d69636396595f094454d158a7bff64 Mon Sep 17 00:00:00 2001 From: doryan Date: Wed, 14 Feb 2024 11:29:50 +0400 Subject: [PATCH] CHANGED: Slider style --- .../slider.sassc | Bin 0 -> 8811 bytes .../button.sassc | Bin 43558 -> 45977 bytes .../segmented-button.sassc | Bin 13197 -> 22844 bytes .../card.sassc | Bin 28766 -> 28036 bytes .../generics.sassc | Bin 7534 -> 7660 bytes src/styles/generics.css | 2010 +++++++---------- src/styles/generics.css.map | 8 +- src/styles/input-styles/slider.sass | 3 +- 8 files changed, 855 insertions(+), 1166 deletions(-) create mode 100644 src/styles/.sass-cache/43436592c33f3be9e31b1b014d3a480962beb5e7/slider.sassc diff --git a/src/styles/.sass-cache/43436592c33f3be9e31b1b014d3a480962beb5e7/slider.sassc b/src/styles/.sass-cache/43436592c33f3be9e31b1b014d3a480962beb5e7/slider.sassc new file mode 100644 index 0000000000000000000000000000000000000000..c6cc3cd366c6d58dbdbb6ba44c422b69bcc9ea62 GIT binary patch literal 8811 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 A4FCWD literal 43558 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 KFZX~4Km9MZZ#SI) literal 13197 zcmcIq`FGpK5mwwhiXwH=hb~)!Wm}ePQ=)t+#=B_v~il=uvZj|LMchmqpK9KD2|tG~fA-W12sDUiijqIwf<~YMi>Q zrtfs#7t&09{|5XF$r0sMaoMVP;)?uvIWvq2 zMv6|*JNh?8u7mN77v}UK<1v>!Rdb{UQx`WPj%n!oH(Aj)VDwKC0mFG(>W=Yz2rnq($rs869sB9nkZ`> zNi8O`So7M4XK|~-|I%XxJb#?@!D=D z@p*!}hv&N|^ka)U@?OMBF`i1rc#1q-RWSy&ru?QDLyWYZ7MBvK=mq1;fCtFmbLI-V zdA4;+^tr+}o-0tvxtij+Dt&O9;i;M;Ed}Svn`*8iL3+#?H{ za(>cXkkD7Z3kp#be@64U{D&G{G#XN3NqYadtQic7m$0aR%p~R}$}W|9=Ityb_1X=> zK3Jb7R6<=GyUqX|K0=mqE+t$NS?gT_16@f?on|EYmPj`pY{=L1hIG&f3-~%k!&!jGE8NEzQd3Nh`^WpPjQ0RQUAT>wN9ZV3GqE{+7E1DO{hIECKej&zg!`jkuv9|MMXlE+X zM+M)mrt9d0?tnQhp*wD(0m zcdw<~y+%scmAjzEU2sN8(A@aU?J+9#7xPnTi>k7wp76%)d2Okn4b%!_Ez1qH7Q&v+!TP20OaRIfV zxqJTk&L|1GtKei;K_xdXtMP#+uqU0)(>Z-TzGk6KcYIt>*))$`KM1Sxo2=Mju$WFS zV_19x!n4i_0;kvX%H|bIp1#u2W}_}oeM=48Lja=9r_>P!BEW-V{P>t2=NG}#YpGmWBfSi|K=C4p z@a9?ovxG99hEVP+Qs}2_#aYT3CPTRflZUk8EGZ0eAw_TKXvKdQ2jU+Ebm2)VQE$lmy*NaI%-6lB^!kzlXM^1N;Od}{ ztW%#jaPq`~;uVvu;)xq}3@jH-x^v=C<-Bycm714Zr2D4w9F*4VG!2OZXX}gq;yOp2 zIA@9F9ERAtN#OQJ#PW&=v3x_2SmVdIgvv6U8v!)zBn{`4GHak7NPS?w6oSHGQuGu8 zC#Mjob!BLUPzr@ZRw^LdcL{{LuxS!@92214kpNY^E{pHQ8^F%Fl#Cy0;w^xtWE>M{ zRus^TMng(0Ne7yD$V&#Ap!oFr^8wAxRLN{gz47Z7P!|B2Swb0TLg;4%npw)Zte`v( z(9Dv;Koe31v7!Q+S%VoOW)D6eXky$jDSG*UlgkHG5@>F62mW*?h<8(YbeEL!2_h(7 zy-~gAyE{sP?k+glT~M5}756T?s~tOC0A_BboZKQ+ybgonH8G!)qa^4~f|H#D#WhrM zw}v?R8BykTDj3^j5}&Ps(kmqU3@A$qhZItDteS77!MI^k^ss`H!wM=H)@=@J2Feuw zoEAT7t9?%VcrO*Yd!&}}BPb0&io>Lm{ID@g4MzoP^mL72qZ(yhTKkg%PlMd~W@6Aa z)~U|~IC&;OC1K+|o{2GF;|Nf9KQ#yUNg;z1P}&?MXCNmU&C+m71r!>F!^V7%jIuQF zQU?tW6l_W($T34x)eP6spIY~_?9pSY56qWBgEPZY^b`Uorx2(lY`mX3?62cu!t3=%4;WS<}FqP5F!dc+)iKou>RKBPXSWY-cO;%6+T(PyF;E9!If z1jID(s3S54iZ<1EP|+~cAomP;(QnYj`&Rbt`gX?1D!sWp4NXH{&t`qc_2)UCql+{% z(w`+m>NuARnxf|b=7pRXcdWX0py=TuAra!_NqmMwpE2C|LKSgI_>n(Wn!j}1VpNCE sdh|jwssp1&|8had987EkKW%(IMY>%ikuDOPC@L~EMy({zRKI)oe-ym$d;kCd diff --git a/src/styles/.sass-cache/dea5f55dc4d726c922f4841b8139fc62e62f2286/card.sassc b/src/styles/.sass-cache/dea5f55dc4d726c922f4841b8139fc62e62f2286/card.sassc index a799a374e8cda9f648be99c3a66a7ea57e83e704..7de59bb98108fa8f1f2678624ea69eb8988b4734 100644 GIT binary patch delta 342 zcmccjfU)H^qn@#zxtrIlvP}k^{3lihEMyRtE$_$yTsHzNBYmN|~-0Pw^dA11m z&gTP|ZNMeaT>Oe82$?sE4CWpieP5$5`F}W^YZ*q027Gvz@WvLH2 JC*R6%0RW)6X5Ih* delta 732 zcmZp<&3Nwtqn@#zxtre$qSPB81*O5Q`4V3CrJp%`sgD*`B;)3cfPegpS3|Wo2QcAI{A4QLfMjmU;KdgUr(Q)7){ zc*tZ$Rb{LWHAkqMESTtu)uCYsH9&_(67NtmgvQAqyo0bhAR0+cqK`UO&!`~O03DD% z*HqFJ8*+z^<$DQc{Ax`nl{tSq?t~>ZDOYSXq!?BiWL?70vFOw6ATrqQV?{b zBCgfD5D_VE-G~&sbmgWl6rq2>g&-)}jqCbe3^T7o7a86;oO|wh_dfFb#4lW_SDZ?N zUvV1K9jD>AQ>%@7r?cX$PPc20+io0l-KnF^W!G&lPuH5Arxh!dd3VX+25)p%+qdDt zfB~Ca0lHjMS260wu)L1rVVvkvWMZYo<77*s7(Q?d&<-PUf?-oI9$wV71C$gu(*z6Q7rY7Wr+Wzmoo#O zqO%Yc6k(R(EdDC&2uNID+%oW*zi#RQH=VfIUL{2{@HuM2Ss|q#rk(S(@K{(N8g^50eQmzKQ|6MtUU4Y*O7-c`Lb>WZekIQKW7WR$#prv z5kuS6>ScTj>&)jCw;@4N)xRR_*#M+BBDrqXa%Ln6EN60}n<^m3qMnRL{=JCtEe zt4l%dnwG|t^LIs&%G{>R?8?R`FJQig>H8WwWej}Tdas=ialQXj1HO)^TZ8HDz(3xg BHtYZZ delta 1349 zcmZ{iPiWI%7{|hwOVd#s#$XA3}L} z6e@rdo`$WEELv2p^Hi%7Dz$aE9B!BfmD>@jbm&kRHE+r@9s@py=gjyHk2hr*PaF>P zFM!oAiv>naz|;OkxQ%LwQHLQq@Y76Eu|p#Rlx#mWiA3Aakc0w1yQ^oG@!a4~!7rrG zGxQ{I!YZutDsg=02(o9O#Ao4|V0hPr{lPW(BFw`lUKSe+Wds%mzj7(4h=;@!<#At9 zJLUc0j_8mS@Y*5`#i4c&nT+b3KLR&=VArgE`ezdNgz-yj(?34>sye>_&4;N(RyuLJj^b@;8RMDdvg^cY>Hck0!>?k_}TQDP_s=;-HRGs<>fge^Va)qNa4F`JQM{YgUd9se#E>1G$ur9IVbg`9lrK~7 U8yY;A>095>;zziRYl+pqzmyCqE&u=k diff --git a/src/styles/generics.css b/src/styles/generics.css index 8605435..7bcb5a9 100644 --- a/src/styles/generics.css +++ b/src/styles/generics.css @@ -1,34 +1,29 @@ -@import "./themes/tokens.css"; -@import "./themes/colors.module.css"; -@import "./themes/typography.module.css"; +@import url(./themes/tokens.css); +@import url(./themes/colors.module.css); +@import url(./themes/typography.module.css); @import "./themes/theme.dark.css" (prefers-color-scheme: dark); @import "./themes/theme.light.css" (prefers-color-scheme: light); div.m3.m3-card > :is(div.m3-card-footer, header.m3-card-header, section.m3-card-body) > .m3-card-media:first-child, div.m3.m3-card > .m3-card-media:first-child, div.m3.m3-card > .m3-card-action-area:first-child > .m3-card-action-area-content > .m3-card-media:first-child { padding: 0px; - border-radius: 12px !important; -} + border-radius: 12px !important; } div.m3.m3-card > .m3-card-action-area:first-child > .m3-card-action-area-content > .m3-card-media:first-child { padding: 0px; - border-radius: 12px !important; -} + border-radius: 12px !important; } div.m3-card-footer, header.m3-card-header, section.m3-card-body, .m3-card-media.m3 { padding: 16px; display: block; - box-sizing: border-box; -} + box-sizing: border-box; } .m3.m3-card-media { width: 100%; display: block; contain: content; position: relative; - box-sizing: border-box; -} -.m3.m3-card-media.m3-rounded { - border-radius: 28px; -} + box-sizing: border-box; } + .m3.m3-card-media.m3-rounded { + border-radius: 28px; } div.m3.m3-card-action-area { display: block; @@ -36,201 +31,162 @@ div.m3.m3-card-action-area { contain: content; position: relative; border-radius: inherit; - transition: box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1); -} -div.m3.m3-card-action-area > div.m3.m3-card-action-area-content { - top: 0; - width: 100%; - position: relative; -} -div.m3.m3-card-action-area > span.m3:is(.m3-card-state-layer, .m3-ripple-domain) { - top: 0; - width: 100%; - height: 100%; - position: absolute; - transition: background-color 0.2s cubic-bezier(0.2, 0, 0, 1); -} -div.m3.m3-card-action-area:hover > span.m3.m3-card-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent); -} -div.m3.m3-card-action-area:is(div.m3.m3-card-action-area:focus, div.m3.m3-card-action-area:focus-visible, div.m3.m3-card-action-area:focus-within) > span.m3.m3-card-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); -} -div.m3.m3-card-action-area:is(div.m3.m3-card-action-area:focus, div.m3.m3-card-action-area:focus-visible, div.m3.m3-card-action-area:focus-within, div.m3.m3-card-action-area:hover):is(.m3-card-outlined, .m3-card-filled) { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); -} -div.m3.m3-card-action-area:is(div.m3.m3-card-action-area:focus, div.m3.m3-card-action-area:focus-visible, div.m3.m3-card-action-area:focus-within, div.m3.m3-card-action-area:hover).m3-card-elevated { - box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); -} -div.m3.m3-card-action-area:active:is(.m3-card-outlined, .m3-card-filled) { - box-shadow: none !important; -} -div.m3.m3-card-action-area:active.m3-card-elevated { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) !important; -} -div.m3.m3-card-action-area:active:not(div.m3.m3-card-action-area:active:has(span.m3.m3-ripple-domain)) > span.m3.m3-card-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); -} -div.m3.m3-card-action-area:active > span.m3.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); -} + transition: box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1); } + div.m3.m3-card-action-area > div.m3.m3-card-action-area-content { + top: 0; + width: 100%; + position: relative; } + div.m3.m3-card-action-area > span.m3:is(.m3-card-state-layer, .m3-ripple-domain) { + top: 0; + width: 100%; + height: 100%; + position: absolute; + transition: background-color 0.2s cubic-bezier(0.2, 0, 0, 1); } + div.m3.m3-card-action-area:hover > span.m3.m3-card-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent); } + div.m3.m3-card-action-area:is(&:focus, &:focus-visible, &:focus-within) > span.m3.m3-card-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); } + div.m3.m3-card-action-area:is(&:focus, &:focus-visible, &:focus-within, &:hover):is(.m3-card-outlined, .m3-card-filled) { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); } + div.m3.m3-card-action-area:is(&:focus, &:focus-visible, &:focus-within, &:hover).m3-card-elevated { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); } + div.m3.m3-card-action-area:active:is(.m3-card-outlined, .m3-card-filled) { + box-shadow: none !important; } + div.m3.m3-card-action-area:active.m3-card-elevated { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) !important; } + div.m3.m3-card-action-area:active:not(div.m3.m3-card-action-area:active:has(span.m3.m3-ripple-domain)) > span.m3.m3-card-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); } + div.m3.m3-card-action-area:active > span.m3.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); } svg.m3.m3-svg-icon > text { alignment-baseline: central; - text-anchor: middle; -} + text-anchor: middle; } svg.m3.m3-svg-icon > text.m3-size-12px { width: 12px; aspect-ratio: 1; line-height: 12px; - font-size: 12px; -} + font-size: 12px; } svg.m3.m3-svg-icon > text.m3-size-16px { width: 16px; aspect-ratio: 1; line-height: 16px; - font-size: 16px; -} + font-size: 16px; } svg.m3.m3-svg-icon > text.m3-size-20px { width: 20px; aspect-ratio: 1; line-height: 20px; - font-size: 20px; -} + font-size: 20px; } svg.m3.m3-svg-icon > text.m3-size-24px { width: 24px; aspect-ratio: 1; line-height: 24px; - font-size: 24px; -} + font-size: 24px; } svg.m3.m3-svg-icon > text.m3-size-28px { width: 28px; aspect-ratio: 1; line-height: 28px; - font-size: 28px; -} + font-size: 28px; } svg.m3.m3-svg-icon > text.m3-size-32px { width: 32px; aspect-ratio: 1; line-height: 32px; - font-size: 32px; -} + font-size: 32px; } svg.m3.m3-svg-icon > text.m3-size-36px { width: 36px; aspect-ratio: 1; line-height: 36px; - font-size: 36px; -} + font-size: 36px; } svg.m3.m3-svg-icon > text.m3-size-40px { width: 40px; aspect-ratio: 1; line-height: 40px; - font-size: 40px; -} + font-size: 40px; } svg.m3.m3-svg-icon > text.m3-size-48px { width: 48px; aspect-ratio: 1; line-height: 48px; - font-size: 48px; -} + font-size: 48px; } svg.m3.m3-svg-icon > text.m3-Outlined { - font-family: Material-Symbols-Outlined-Regular; -} + font-family: Material-Symbols-Outlined-Regular; } svg.m3.m3-svg-icon > text.m3-Rounded { - font-family: Material-Symbols-Rounded-Regular; -} + font-family: Material-Symbols-Rounded-Regular; } svg.m3.m3-svg-icon > text.m3-Sharp { - font-family: Material-Symbols-Sharp-Regular; -} + font-family: Material-Symbols-Sharp-Regular; } svg.m3.m3-badge { position: absolute; - background-color: var(--md-sys-color-error); -} -svg.m3.m3-badge.disable-value { - padding: 0; - height: 6px; - width: 6px; - border-radius: 3px; -} -svg.m3.m3-badge.disable-value > text { - display: none; -} -svg.m3.m3-badge { - border-radius: 8px; - height: 16px; -} -svg.m3.m3-badge > text { - fill: var(--md-sys-color-on-error); - font-size: var(--md-sys-typescale-label-small-font-size); - font-weight: var(--md-sys-typescale-label-small-font-weight); - line-height: var(--md-sys-typescale-label-small-line-height); - font-optical-sizing: none; - alignment-baseline: central; - text-anchor: middle; - display: flex; - align-items: center; - justify-content: center; -} + background-color: var(--md-sys-color-error); } + svg.m3.m3-badge.disable-value { + padding: 0; + height: 6px; + width: 6px; + border-radius: 3px; } + svg.m3.m3-badge.disable-value > text { + display: none; } + svg.m3.m3-badge { + border-radius: 8px; + height: 16px; } + svg.m3.m3-badge > text { + fill: var(--md-sys-color-on-error); + font-size: var(--md-sys-typescale-label-small-font-size); + font-weight: var(--md-sys-typescale-label-small-font-weight); + line-height: var(--md-sys-typescale-label-small-line-height); + font-optical-sizing: none; + alignment-baseline: central; + text-anchor: middle; + display: flex; + align-items: center; + justify-content: center; } @font-face { font-family: Material-Symbols-Rounded-Regular; src: url("./font/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].ttf"); - src: url("./font/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2") format("woff2"); -} + src: url("./font/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2") format("woff2"); } @font-face { font-family: Material-Symbols-Outlined-Regular; src: url("./font/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].ttf"); - src: url("./font/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2") format("woff2"); -} + src: url("./font/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2") format("woff2"); } @font-face { font-family: Material-Symbols-Sharp-Regular; src: url("./font/MaterialSymbolsSharp[FILL,GRAD,opsz,wght].ttf"); - src: url("./font/MaterialSymbolsSharp[FILL,GRAD,opsz,wght].woff2") format("woff2"); -} + src: url("./font/MaterialSymbolsSharp[FILL,GRAD,opsz,wght].woff2") format("woff2"); } @font-face { font-family: Roboto; font-face-name: Thin; font-weight: 100; - src: url("./font/Roboto-Thin.ttf"); -} + src: url("./font/Roboto-Thin.ttf"); } @font-face { font-family: Roboto; font-face-name: Light; font-weight: 300; - src: url("./font/Roboto-Light.ttf"); -} + src: url("./font/Roboto-Light.ttf"); } @font-face { font-family: Roboto; font-face-name: Regular; font-weight: 400; - src: url("./font/Roboto-Regular.ttf"); -} + src: url("./font/Roboto-Regular.ttf"); } @font-face { font-family: Roboto; font-face-name: Medium; font-weight: 500; - src: url("./font/Roboto-Medium.ttf"); -} + src: url("./font/Roboto-Medium.ttf"); } @font-face { font-family: Roboto; font-face-name: Bold; font-weight: 700; - src: url("./font/Roboto-Bold.ttf"); -} + src: url("./font/Roboto-Bold.ttf"); } @font-face { font-family: Roboto; font-face-name: Black; font-weight: 900; - src: url("./font/Roboto-Black.ttf"); -} + src: url("./font/Roboto-Black.ttf"); } .m3.m3-ripple-domain { position: absolute; width: 100%; height: 100%; z-index: 20; - pointer-events: none; -} + pointer-events: none; } .m3.ripple { position: absolute; @@ -244,214 +200,161 @@ svg.m3.m3-badge > text { animation-name: rippleAppearanceAnimation; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 0.55s; - transition: opacity, background, background-color, 0.55s cubic-bezier(0.4, 0, 0.2, 1); -} -.m3.ripple.visible { - opacity: 1 !important; -} + transition: opacity, background, background-color, 0.55s cubic-bezier(0.4, 0, 0.2, 1); } + .m3.ripple.visible { + opacity: 1 !important; } @keyframes rippleAppearanceAnimation { 0% { - transform: scale3d(0, 0, 0); - } + transform: scale3d(0, 0, 0); } 100% { - transform: scale3d(1, 1, 1); - } -} + transform: scale3d(1, 1, 1); } } hr.m3.m3-divider { border: none; outline: 0.5px solid var(--md-sys-color-outline-variant); position: relative; - margin: 0; -} -hr.m3.m3-divider.vertical { - height: auto; - writing-mode: vertical-lr; -} -hr.m3.m3-divider.vertical.inset { - margin-inline-start: 16px; -} -hr.m3.m3-divider.vertical.middle-inset { - margin-inline: 16px; -} -hr.m3.m3-divider.horizontal { - width: auto; - writing-mode: horizontal-tb; -} -hr.m3.m3-divider.horizontal.inset { - margin-inline-start: 16px; -} -hr.m3.m3-divider.horizontal.middle-inset { - margin-inline: 16px; -} + margin: 0; } + hr.m3.m3-divider.vertical { + height: auto; + writing-mode: vertical-lr; } + hr.m3.m3-divider.vertical.inset { + margin-inline-start: 16px; } + hr.m3.m3-divider.vertical.middle-inset { + margin-inline: 16px; } + hr.m3.m3-divider.horizontal { + width: auto; + writing-mode: horizontal-tb; } + hr.m3.m3-divider.horizontal.inset { + margin-inline-start: 16px; } + hr.m3.m3-divider.horizontal.middle-inset { + margin-inline: 16px; } div.m3.m3-container { display: block; border-radius: 12px; position: relative; contain: content; - transition: box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1); -} -div.m3.m3-container.m3-container-filled { - background-color: var(--md-sys-color-surface-container-highest); -} -div.m3.m3-container.m3-container-outlined { - background-color: var(--md-sys-color-surface); - outline-offset: -1px; - outline: 1px solid var(--md-sys-color-outline-variant); -} -div.m3.m3-container.m3-container-elevated { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); - background-color: var(--md-sys-color-surface-container-low); -} + transition: box-shadow 0.2s cubic-bezier(0.2, 0, 0, 1); } + div.m3.m3-container.m3-container-filled { + background-color: var(--md-sys-color-surface-container-highest); } + div.m3.m3-container.m3-container-outlined { + background-color: var(--md-sys-color-surface); + outline-offset: -1px; + outline: 1px solid var(--md-sys-color-outline-variant); } + div.m3.m3-container.m3-container-elevated { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: var(--md-sys-color-surface-container-low); } button.m3.m3-fab { - transition: background-color, box-shadow, 0.2s cubic-bezier(0.2, 0, 0, 1) !important; -} -button.m3.m3-fab > span.m3-icon { - font-family: Material-Symbols-Outlined-Regular, sans-serif; -} -button.m3.m3-fab.m3 { - contain: content; - box-sizing: border-box; - display: inline-flex; - flex-direction: row; - justify-content: center; - align-items: center; - text-align: center; - border: none; - gap: 12px; -} -button.m3.m3-fab::before { - transition: background-color, box-shadow, 0.2s cubic-bezier(0.2, 0, 0, 1) !important; - content: ""; - top: 0; - bottom: 0; - left: 0; - right: 0; - position: absolute; - background: rgba(0, 0, 0, 0); -} -button.m3.m3-fab.surface { - background-color: var(--md-sys-color-surface-container-high); - color: var(--md-sys-color-primary); -} -button.m3.m3-fab.surface:not(.without-elevation) { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15); -} -button.m3.m3-fab.surface > svg.m3-svg-icon { - fill: var(--md-sys-color-primary); -} -button.m3.m3-fab.surface > .m3.m3-ripple-domain > .m3.ripple { - background: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); -} -button.m3.m3-fab.primary { - background-color: var(--md-sys-color-primary-container); - color: var(--md-sys-color-on-primary-container); -} -button.m3.m3-fab.primary:not(.without-elevation) { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15); -} -button.m3.m3-fab.primary > svg.m3-svg-icon { - fill: var(--md-sys-color-on-primary-container); -} -button.m3.m3-fab.primary > .m3.m3-ripple-domain > .m3.ripple { - background: color-mix(in srgb, var(--md-sys-color-on-primary-container) 12%, transparent); -} -button.m3.m3-fab.secondary { - background-color: var(--md-sys-color-secondary-container); - color: var(--md-sys-color-on-secondary-container); -} -button.m3.m3-fab.secondary:not(.without-elevation) { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15); -} -button.m3.m3-fab.secondary > svg.m3-svg-icon { - fill: var(--md-sys-color-on-secondary-container); -} -button.m3.m3-fab.secondary > .m3.m3-ripple-domain > .m3.ripple { - background: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); -} -button.m3.m3-fab.tertiary { - background-color: var(--md-sys-color-tertiary-container); - color: var(--md-sys-color-on-tertiary-container); -} -button.m3.m3-fab.tertiary:not(.without-elevation) { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15); -} -button.m3.m3-fab.tertiary > svg.m3-svg-icon { - fill: var(--md-sys-color-on-tertiary-container); -} -button.m3.m3-fab.tertiary > .m3.m3-ripple-domain > .m3.ripple { - background: color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 12%, transparent); -} -button.m3.m3-fab.m3-small-fab { - width: 40px; - height: 40px; - border-radius: 12px; - padding: 11px; - font-size: 24px; -} -button.m3.m3-fab.m3-default-fab { - width: 56px; - height: 56px; - border-radius: 16px; - padding: 19px; - font-size: 24px; -} -button.m3.m3-fab.m3-large-fab { - width: 96px; - height: 96px; - border-radius: 28px; - padding: 34.5px; - font-size: 36px; -} -button.m3.m3-fab.m3-extended-fab { - width: auto; - height: 56px; - border-radius: 16px; - padding: 19px; - font-size: 24px; -} -button.m3.m3-fab:not(.without-elevation):is(.surface, .primary, .secondary, .tertiary):hover { - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 4px rgba(0, 0, 0, 0.15); -} -button.m3.m3-fab:not(.without-elevation):is(.surface, .primary, .secondary, .tertiary):active { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15) !important; -} -button.m3.m3-fab:hover.surface::before { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); -} -button.m3.m3-fab:hover.primary::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-primary-container) 8%, transparent); -} -button.m3.m3-fab:hover.secondary::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 8%, transparent); -} -button.m3.m3-fab:hover.tertiary::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 8%, transparent); -} -button.m3.m3-fab:focus-visible.surface::before { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); -} -button.m3.m3-fab:focus-visible.primary::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-primary-container) 12%, transparent); -} -button.m3.m3-fab:focus-visible.secondary::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); -} -button.m3.m3-fab:focus-visible.tertiary::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 12%, transparent); -} + transition: background-color, box-shadow, 0.2s cubic-bezier(0.2, 0, 0, 1) !important; } + button.m3.m3-fab > span.m3-icon { + font-family: Material-Symbols-Outlined-Regular, sans-serif; } + button.m3.m3-fab.m3 { + contain: content; + box-sizing: border-box; + display: inline-flex; + flex-direction: row; + justify-content: center; + align-items: center; + text-align: center; + border: none; + gap: 12px; } + button.m3.m3-fab::before { + transition: background-color, box-shadow, 0.2s cubic-bezier(0.2, 0, 0, 1) !important; + content: ""; + top: 0; + bottom: 0; + left: 0; + right: 0; + position: absolute; + background: #00000000; } + button.m3.m3-fab.surface { + background-color: var(--md-sys-color-surface-container-high); + color: var(--md-sys-color-primary); } + button.m3.m3-fab.surface:not(.without-elevation) { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15); } + button.m3.m3-fab.surface > svg.m3-svg-icon { + fill: var(--md-sys-color-primary); } + button.m3.m3-fab.surface > .m3.m3-ripple-domain > .m3.ripple { + background: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); } + button.m3.m3-fab.primary { + background-color: var(--md-sys-color-primary-container); + color: var(--md-sys-color-on-primary-container); } + button.m3.m3-fab.primary:not(.without-elevation) { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15); } + button.m3.m3-fab.primary > svg.m3-svg-icon { + fill: var(--md-sys-color-on-primary-container); } + button.m3.m3-fab.primary > .m3.m3-ripple-domain > .m3.ripple { + background: color-mix(in srgb, var(--md-sys-color-on-primary-container) 12%, transparent); } + button.m3.m3-fab.secondary { + background-color: var(--md-sys-color-secondary-container); + color: var(--md-sys-color-on-secondary-container); } + button.m3.m3-fab.secondary:not(.without-elevation) { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15); } + button.m3.m3-fab.secondary > svg.m3-svg-icon { + fill: var(--md-sys-color-on-secondary-container); } + button.m3.m3-fab.secondary > .m3.m3-ripple-domain > .m3.ripple { + background: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); } + button.m3.m3-fab.tertiary { + background-color: var(--md-sys-color-tertiary-container); + color: var(--md-sys-color-on-tertiary-container); } + button.m3.m3-fab.tertiary:not(.without-elevation) { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15); } + button.m3.m3-fab.tertiary > svg.m3-svg-icon { + fill: var(--md-sys-color-on-tertiary-container); } + button.m3.m3-fab.tertiary > .m3.m3-ripple-domain > .m3.ripple { + background: color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 12%, transparent); } + button.m3.m3-fab.m3-small-fab { + width: 40px; + height: 40px; + border-radius: 12px; + padding: 11px; + font-size: 24px; } + button.m3.m3-fab.m3-default-fab { + width: 56px; + height: 56px; + border-radius: 16px; + padding: 19px; + font-size: 24px; } + button.m3.m3-fab.m3-large-fab { + width: 96px; + height: 96px; + border-radius: 28px; + padding: 34.5px; + font-size: 36px; } + button.m3.m3-fab.m3-extended-fab { + width: auto; + height: 56px; + border-radius: 16px; + padding: 19px; + font-size: 24px; } + button.m3.m3-fab:not(.without-elevation):is(.surface, .primary, .secondary, .tertiary):hover { + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 4px rgba(0, 0, 0, 0.15); } + button.m3.m3-fab:not(.without-elevation):is(.surface, .primary, .secondary, .tertiary):active { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15) !important; } + button.m3.m3-fab:hover.surface::before { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); } + button.m3.m3-fab:hover.primary::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-primary-container) 8%, transparent); } + button.m3.m3-fab:hover.secondary::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 8%, transparent); } + button.m3.m3-fab:hover.tertiary::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 8%, transparent); } + button.m3.m3-fab:focus-visible.surface::before { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); } + button.m3.m3-fab:focus-visible.primary::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-primary-container) 12%, transparent); } + button.m3.m3-fab:focus-visible.secondary::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); } + button.m3.m3-fab:focus-visible.tertiary::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-tertiary-container) 12%, transparent); } -input[type=button].test-button { - color: white; -} -input[type=button].test-button:not(:checked) { - background-color: green; -} -input[type=button].test-button:checked { - background-color: blue; -} +input[type="button"].test-button { + color: white; } + input[type="button"].test-button:not(:checked) { + background-color: green; } + input[type="button"].test-button:checked { + background-color: blue; } button:not(.m3-fab, .m3-icon-button) { width: min-content; @@ -463,130 +366,97 @@ button:not(.m3-fab, .m3-icon-button) { font-weight: var(--md-sys-typescale-label-large-font-weight); line-height: var(--md-sys-typescale-label-large-line-height); font-family: var(--md-sys-typescale-label-large-font-family-name); - transition: background-color, box-shadow, 0.2s cubic-bezier(0.2, 0, 0, 1) !important; -} -button:not(.m3-fab, .m3-icon-button).m3 { - gap: 8px; - border: none; - contain: content; - text-align: center; - padding: 10px 24px; - align-items: center; - flex-direction: row; - display: inline-flex; - border-radius: 100px; - box-sizing: border-box; - justify-content: center; -} -button:not(.m3-fab, .m3-icon-button).filled { - background-color: var(--md-sys-color-primary); -} -button:not(.m3-fab, .m3-icon-button).filled, button:not(.m3-fab, .m3-icon-button).filled > svg.m3-svg-icon { - fill: var(--md-sys-color-on-primary); - color: var(--md-sys-color-on-primary); -} -button:not(.m3-fab, .m3-icon-button).outlined { - outline-offset: -1px; - background-color: rgba(0, 0, 0, 0); - color: var(--md-sys-color-primary); - outline: 1px solid var(--md-sys-color-outline) !important; -} -button:not(.m3-fab, .m3-icon-button).outlined > svg.m3-svg-icon { - fill: var(--md-sys-color-primary); -} -button:not(.m3-fab, .m3-icon-button).text { - background-color: rgba(0, 0, 0, 0); - padding: 10px 12px !important; - color: var(--md-sys-color-primary); -} -button:not(.m3-fab, .m3-icon-button).text > svg.m3-svg-icon { - fill: var(--md-sys-color-primary); -} -button:not(.m3-fab, .m3-icon-button).elevated { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); - color: var(--md-sys-color-primary); - background-color: var(--md-sys-color-surface-container-low); -} -button:not(.m3-fab, .m3-icon-button).elevated > svg.m3-svg-icon { - fill: var(--md-sys-color-primary); -} -button:not(.m3-fab, .m3-icon-button).tonal { - color: var(--md-sys-color-on-secondary-container); - background-color: var(--md-sys-color-secondary-container); -} -button:not(.m3-fab, .m3-icon-button).tonal > svg.m3-svg-icon { - fill: var(--md-sys-color-on-secondary-container); -} -button:not(.m3-fab, .m3-icon-button)::before { - transition: background-color, box-shadow, 0.2s cubic-bezier(0.2, 0, 0, 1) !important; - content: ""; - top: 0; - bottom: 0; - left: 0; - right: 0; - position: absolute; - background: rgba(0, 0, 0, 0); -} -button:not(.m3-fab, .m3-icon-button).filled > .m3.m3-ripple-domain > .m3.ripple { - background: color-mix(in srgb, var(--md-sys-color-on-primary) 12%, transparent); -} -button:not(.m3-fab, .m3-icon-button):is(.outlined, .text, .elevated) > .m3.m3-ripple-domain > .m3.ripple { - background: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); -} -button:not(.m3-fab, .m3-icon-button).tonal > .m3.m3-ripple-domain > .m3.ripple { - background: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); -} -button:not(.m3-fab, .m3-icon-button):active:is(.filled, .tonal) { - box-shadow: none !important; -} -button:not(.m3-fab, .m3-icon-button):active.elevated { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) !important; -} -button:not(.m3-fab, .m3-icon-button):active.tonal::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); -} -button:not(.m3-fab, .m3-icon-button):focus-visible.outlined { - border-color: var(--md-sys-color-primary) !important; -} -button:not(.m3-fab, .m3-icon-button):focus-visible.filled::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-primary) 12%, transparent); -} -button:not(.m3-fab, .m3-icon-button):focus-visible:is(.outlined, .text, .elevated)::before { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); -} -button:not(.m3-fab, .m3-icon-button):focus-visible.tonal::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); -} -button:not(.m3-fab, .m3-icon-button):hover:is(.filled, .tonal) { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); -} -button:not(.m3-fab, .m3-icon-button):hover.elevated { - box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); -} -button:not(.m3-fab, .m3-icon-button):hover.filled::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-primary) 8%, transparent); -} -button:not(.m3-fab, .m3-icon-button):hover:is(.outlined, .text, .elevated)::before { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); -} -button:not(.m3-fab, .m3-icon-button):hover.tonal::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 8%, transparent); -} -button:not(.m3-fab, .m3-icon-button):disabled { - pointer-events: none; -} -button:not(.m3-fab, .m3-icon-button):disabled:is(.filled, .elevated, .tonal, .outlined, .text) { - color: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent); -} -button:not(.m3-fab, .m3-icon-button):disabled:is(.filled, .elevated, .tonal) { - background: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); -} -button:not(.m3-fab, .m3-icon-button):disabled.elevated { - box-shadow: none; -} -button:not(.m3-fab, .m3-icon-button):disabled.outlined { - outline: 1px solid color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent) !important; -} + transition: background-color, box-shadow, 0.2s cubic-bezier(0.2, 0, 0, 1) !important; } + button:not(.m3-fab, .m3-icon-button).m3 { + gap: 8px; + border: none; + contain: content; + text-align: center; + padding: 10px 24px; + align-items: center; + flex-direction: row; + display: inline-flex; + border-radius: 100px; + box-sizing: border-box; + justify-content: center; } + button:not(.m3-fab, .m3-icon-button).filled { + background-color: var(--md-sys-color-primary); } + button:not(.m3-fab, .m3-icon-button).filled, button:not(.m3-fab, .m3-icon-button).filled > svg.m3-svg-icon { + fill: var(--md-sys-color-on-primary); + color: var(--md-sys-color-on-primary); } + button:not(.m3-fab, .m3-icon-button).outlined { + outline-offset: -1px; + background-color: #00000000; + color: var(--md-sys-color-primary); + outline: 1px solid var(--md-sys-color-outline) !important; } + button:not(.m3-fab, .m3-icon-button).outlined > svg.m3-svg-icon { + fill: var(--md-sys-color-primary); } + button:not(.m3-fab, .m3-icon-button).text { + background-color: #00000000; + padding: 10px 12px !important; + color: var(--md-sys-color-primary); } + button:not(.m3-fab, .m3-icon-button).text > svg.m3-svg-icon { + fill: var(--md-sys-color-primary); } + button:not(.m3-fab, .m3-icon-button).elevated { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + color: var(--md-sys-color-primary); + background-color: var(--md-sys-color-surface-container-low); } + button:not(.m3-fab, .m3-icon-button).elevated > svg.m3-svg-icon { + fill: var(--md-sys-color-primary); } + button:not(.m3-fab, .m3-icon-button).tonal { + color: var(--md-sys-color-on-secondary-container); + background-color: var(--md-sys-color-secondary-container); } + button:not(.m3-fab, .m3-icon-button).tonal > svg.m3-svg-icon { + fill: var(--md-sys-color-on-secondary-container); } + button:not(.m3-fab, .m3-icon-button)::before { + transition: background-color, box-shadow, 0.2s cubic-bezier(0.2, 0, 0, 1) !important; + content: ""; + top: 0; + bottom: 0; + left: 0; + right: 0; + position: absolute; + background: #00000000; } + button:not(.m3-fab, .m3-icon-button).filled > .m3.m3-ripple-domain > .m3.ripple { + background: color-mix(in srgb, var(--md-sys-color-on-primary) 12%, transparent); } + button:not(.m3-fab, .m3-icon-button):is(.outlined, .text, .elevated) > .m3.m3-ripple-domain > .m3.ripple { + background: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); } + button:not(.m3-fab, .m3-icon-button).tonal > .m3.m3-ripple-domain > .m3.ripple { + background: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); } + button:not(.m3-fab, .m3-icon-button):active:is(.filled, .tonal) { + box-shadow: none !important; } + button:not(.m3-fab, .m3-icon-button):active.elevated { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) !important; } + button:not(.m3-fab, .m3-icon-button):active.tonal::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); } + button:not(.m3-fab, .m3-icon-button):focus-visible.outlined { + border-color: var(--md-sys-color-primary) !important; } + button:not(.m3-fab, .m3-icon-button):focus-visible.filled::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-primary) 12%, transparent); } + button:not(.m3-fab, .m3-icon-button):focus-visible:is(.outlined, .text, .elevated)::before { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); } + button:not(.m3-fab, .m3-icon-button):focus-visible.tonal::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); } + button:not(.m3-fab, .m3-icon-button):hover:is(.filled, .tonal) { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); } + button:not(.m3-fab, .m3-icon-button):hover.elevated { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); } + button:not(.m3-fab, .m3-icon-button):hover.filled::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-primary) 8%, transparent); } + button:not(.m3-fab, .m3-icon-button):hover:is(.outlined, .text, .elevated)::before { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); } + button:not(.m3-fab, .m3-icon-button):hover.tonal::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 8%, transparent); } + button:not(.m3-fab, .m3-icon-button):disabled { + pointer-events: none; } + button:not(.m3-fab, .m3-icon-button):disabled:is(.filled, .elevated, .tonal, .outlined, .text) { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent); } + button:not(.m3-fab, .m3-icon-button):disabled:is(.filled, .elevated, .tonal) { + background: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); } + button:not(.m3-fab, .m3-icon-button):disabled.elevated { + box-shadow: none; } + button:not(.m3-fab, .m3-icon-button):disabled.outlined { + outline: 1px solid color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent) !important; } button.m3.m3-icon-button { transition: background-color, box-shadow, 0.2s cubic-bezier(0.2, 0, 0, 1) !important; @@ -600,126 +470,93 @@ button.m3.m3-icon-button { width: 40px; height: 40px; border: none; - padding: 0; -} -button.m3.m3-icon-button::before { - transition: background-color, box-shadow, 0.2s cubic-bezier(0.2, 0, 0, 1) !important; - content: ""; - width: 100%; - height: 100%; - position: absolute; -} -button.m3.m3-icon-button > span.m3-icon { - z-index: 25; - font-size: 2em; - font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 48; -} -button.m3.m3-icon-button.default { - fill: var(--md-sys-color-on-surface-variant); - background-color: rgba(0, 0, 0, 0); -} -button.m3.m3-icon-button.default:disabled, button.m3.m3-icon-button.default.selected:disabled, button.m3.m3-icon-button.default.selected.toggled:disabled { - fill: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 38%, transparent); - background-color: rgba(0, 0, 0, 0); -} -button.m3.m3-icon-button.default.selected.toggled { - fill: var(--md-sys-color-primary); -} -button.m3.m3-icon-button.filled { - fill: var(--md-sys-color-on-primary); - background-color: var(--md-sys-color-primary); -} -button.m3.m3-icon-button.filled.toggled { - fill: var(--md-sys-color-primary); - background-color: var(--md-sys-color-surface-container-highest); -} -button.m3.m3-icon-button.filled.selected.toggled { - fill: var(--md-sys-color-on-primary); - background-color: var(--md-sys-color-primary); -} -button.m3.m3-icon-button.tonal.toggled { - fill: var(--md-sys-color-on-surface-variant); - background-color: var(--md-sys-color-surface-container-highest); -} -button.m3.m3-icon-button.tonal.selected.toggled, button.m3.m3-icon-button.tonal { - fill: var(--md-sys-color-on-secondary-container); - background-color: var(--md-sys-color-secondary-container); -} -button.m3.m3-icon-button:is(.tonal, .filled, .toggled.selected):disabled { - fill: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent); - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); -} -button.m3.m3-icon-button.outlined { - border: 1px solid var(--md-sys-color-outline); - fill: var(--md-sys-color-on-surface-variant); - background-color: rgba(0, 0, 0, 0); -} -button.m3.m3-icon-button.outlined:disabled { - border: 1px solid color-mix(in srgb, var(--md-sys-color-outline) 12%, transparent); - fill: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 38%, transparent); - background-color: rgba(0, 0, 0, 0); -} -button.m3.m3-icon-button.outlined.toggled.selected:disabled { - border: 1px solid color-mix(in srgb, var(--md-sys-color-outline) 0%, transparent); - fill: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent); - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); -} -button.m3.m3-icon-button.outlined.selected.toggled { - border: 1px solid rgba(0, 0, 0, 0); - background-color: var(--md-sys-color-inverse-surface); - fill: var(--md-sys-color-inverse-on-surface); -} -button.m3.m3-icon-button.filled:not(:disabled) > .m3.m3-ripple-domain > .m3.ripple, button.m3.m3-icon-button.filled:not(:disabled).selected.toggled > .m3.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-on-primary) 12%, transparent); -} -button.m3.m3-icon-button.filled:not(:disabled).toggled > .m3.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); -} -button.m3.m3-icon-button:is(.outlined, .default):not(:disabled) > .m3.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 12%, transparent); -} -button.m3.m3-icon-button:is(.outlined, .default):not(:disabled):not(.outlined).toggled.selected > .m3.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); -} -button.m3.m3-icon-button:is(.outlined, .default):not(:disabled):not(.default).toggled.selected > .m3.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-inverse-on-surface) 12%, transparent); -} -button.m3.m3-icon-button.tonal:not(:disabled) > .m3.m3-ripple-domain > .m3.ripple, button.m3.m3-icon-button.tonal:not(:disabled).selected.toggled > .m3.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); -} -button.m3.m3-icon-button.tonal:not(:disabled).toggled > .m3.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 12%, transparent); -} -button.m3.m3-icon-button:hover:not(:disabled):is(.default, .outlined)::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 8%, transparent); -} -button.m3.m3-icon-button:hover:not(:disabled).filled::before, button.m3.m3-icon-button:hover:not(:disabled).filled.toggled.selected::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-primary) 8%, transparent); -} -button.m3.m3-icon-button:hover:not(:disabled).filled.toggled::before { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); -} -button.m3.m3-icon-button:hover:not(:disabled).tonal::before, button.m3.m3-icon-button:hover:not(:disabled).tonal.toggled.selected::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 8%, transparent); -} -button.m3.m3-icon-button:hover:not(:disabled).tonal.toggled::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 8%, transparent); -} -button.m3.m3-icon-button:focus-visible:not(:disabled):is(.default, .outlined)::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 12%, transparent); -} -button.m3.m3-icon-button:focus-visible:not(:disabled).filled::before, button.m3.m3-icon-button:focus-visible:not(:disabled).filled.toggled.selected::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-primary) 12%, transparent); -} -button.m3.m3-icon-button:focus-visible:not(:disabled).filled.toggled::before { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); -} -button.m3.m3-icon-button:focus-visible:not(:disabled).tonal::before, button.m3.m3-icon-button:focus-visible:not(:disabled).tonal.toggled.selected::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); -} -button.m3.m3-icon-button:focus-visible:not(:disabled).tonal.toggled::before { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 12%, transparent); -} + padding: 0; } + button.m3.m3-icon-button::before { + transition: background-color, box-shadow, 0.2s cubic-bezier(0.2, 0, 0, 1) !important; + content: ""; + width: 100%; + height: 100%; + position: absolute; } + button.m3.m3-icon-button > span.m3-icon { + z-index: 25; + font-size: 2em; + font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 48; } + button.m3.m3-icon-button.default { + fill: var(--md-sys-color-on-surface-variant); + background-color: #00000000; } + button.m3.m3-icon-button.default:disabled, button.m3.m3-icon-button.default.selected:disabled, button.m3.m3-icon-button.default.selected.toggled:disabled { + fill: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 38%, transparent); + background-color: #00000000; } + button.m3.m3-icon-button.default.selected.toggled { + fill: var(--md-sys-color-primary); } + button.m3.m3-icon-button.filled { + fill: var(--md-sys-color-on-primary); + background-color: var(--md-sys-color-primary); } + button.m3.m3-icon-button.filled.toggled { + fill: var(--md-sys-color-primary); + background-color: var(--md-sys-color-surface-container-highest); } + button.m3.m3-icon-button.filled.selected.toggled { + fill: var(--md-sys-color-on-primary); + background-color: var(--md-sys-color-primary); } + button.m3.m3-icon-button.tonal.toggled { + fill: var(--md-sys-color-on-surface-variant); + background-color: var(--md-sys-color-surface-container-highest); } + button.m3.m3-icon-button.tonal.selected.toggled, button.m3.m3-icon-button.tonal { + fill: var(--md-sys-color-on-secondary-container); + background-color: var(--md-sys-color-secondary-container); } + button.m3.m3-icon-button:is(.tonal, .filled, .toggled.selected):disabled { + fill: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent); + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); } + button.m3.m3-icon-button.outlined { + border: 1px solid var(--md-sys-color-outline); + fill: var(--md-sys-color-on-surface-variant); + background-color: #00000000; } + button.m3.m3-icon-button.outlined:disabled { + border: 1px solid color-mix(in srgb, var(--md-sys-color-outline) 12%, transparent); + fill: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 38%, transparent); + background-color: #00000000; } + button.m3.m3-icon-button.outlined.toggled.selected:disabled { + border: 1px solid color-mix(in srgb, var(--md-sys-color-outline) 0%, transparent); + fill: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent); + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); } + button.m3.m3-icon-button.outlined.selected.toggled { + border: 1px solid #00000000; + background-color: var(--md-sys-color-inverse-surface); + fill: var(--md-sys-color-inverse-on-surface); } + button.m3.m3-icon-button.filled:not(:disabled) > .m3.m3-ripple-domain > .m3.ripple, button.m3.m3-icon-button.filled:not(:disabled).selected.toggled > .m3.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-on-primary) 12%, transparent); } + button.m3.m3-icon-button.filled:not(:disabled).toggled > .m3.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); } + button.m3.m3-icon-button:is(.outlined, .default):not(:disabled) > .m3.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 12%, transparent); } + button.m3.m3-icon-button:is(.outlined, .default):not(:disabled):not(.outlined).toggled.selected > .m3.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); } + button.m3.m3-icon-button:is(.outlined, .default):not(:disabled):not(.default).toggled.selected > .m3.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-inverse-on-surface) 12%, transparent); } + button.m3.m3-icon-button.tonal:not(:disabled) > .m3.m3-ripple-domain > .m3.ripple, button.m3.m3-icon-button.tonal:not(:disabled).selected.toggled > .m3.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); } + button.m3.m3-icon-button.tonal:not(:disabled).toggled > .m3.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 12%, transparent); } + button.m3.m3-icon-button:hover:not(:disabled):is(.default, .outlined)::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 8%, transparent); } + button.m3.m3-icon-button:hover:not(:disabled).filled::before, button.m3.m3-icon-button:hover:not(:disabled).filled.toggled.selected::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-primary) 8%, transparent); } + button.m3.m3-icon-button:hover:not(:disabled).filled.toggled::before { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); } + button.m3.m3-icon-button:hover:not(:disabled).tonal::before, button.m3.m3-icon-button:hover:not(:disabled).tonal.toggled.selected::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 8%, transparent); } + button.m3.m3-icon-button:hover:not(:disabled).tonal.toggled::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 8%, transparent); } + button.m3.m3-icon-button:focus-visible:not(:disabled):is(.default, .outlined)::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 12%, transparent); } + button.m3.m3-icon-button:focus-visible:not(:disabled).filled::before, button.m3.m3-icon-button:focus-visible:not(:disabled).filled.toggled.selected::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-primary) 12%, transparent); } + button.m3.m3-icon-button:focus-visible:not(:disabled).filled.toggled::before { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); } + button.m3.m3-icon-button:focus-visible:not(:disabled).tonal::before, button.m3.m3-icon-button:focus-visible:not(:disabled).tonal.toggled.selected::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); } + button.m3.m3-icon-button:focus-visible:not(:disabled).tonal.toggled::before { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 12%, transparent); } div.m3.m3-segmented-buttons { padding: 0; @@ -728,181 +565,140 @@ div.m3.m3-segmented-buttons { flex-direction: row; border-radius: 20px; box-sizing: border-box; - border-collapse: collapse; -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment { - height: 40px; - display: flex; - min-width: 108px; - border-radius: 0; - width: max-content; - padding-inline: 10px; - margin: 0 -0.5px 0 -0.5px; - background-color: transparent; - border: 1px solid var(--md-sys-color-outline); -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment:first-child { - border-radius: 20px 0 0 20px; -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment:last-child { - border-radius: 0 20px 20px 0; -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment > span { - color: var(--md-sys-color-on-surface); -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment > svg > text { - fill: var(--md-sys-color-on-surface); -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment:disabled { - border: 1px solid color-mix(in srgb, var(--md-sys-color-outline) 12%, transparent); -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment:disabled > * { - opacity: 38%; -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment.selected { - background-color: var(--md-sys-color-secondary-container); -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment.selected > span { - color: var(--md-sys-color-on-secondary-container); -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment.selected > span > text { - fill: var(--md-sys-color-on-secondary-container); -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment > span.m3.m3-button-segment-state-layer { - position: absolute; - width: 100%; - height: 100%; -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment > span.m3.m3-button-segment-state-layer, div.m3.m3-segmented-buttons > button.m3.m3-button-segment span.m3.m3-ripple-domain { - transition: 0.2s cubic-bezier(0.2, 0, 0, 1); -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment:hover > span.m3.m3-button-segment-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 8%, transparent); -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment:is(div.m3.m3-segmented-buttons > button.m3.m3-button-segment:active, div.m3.m3-segmented-buttons > button.m3.m3-button-segment:focus-visible) > span.m3.m3-button-segment-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); -} -div.m3.m3-segmented-buttons > button.m3.m3-button-segment:active > span.m3.m3-ripple-domain > span.m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); -} + border-collapse: collapse; } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment { + height: 40px; + display: flex; + min-width: 108px; + border-radius: 0; + width: max-content; + padding-inline: 10px; + margin: 0 -0.5px 0 -0.5px; + background-color: transparent; + border: 1px solid var(--md-sys-color-outline); } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment:first-child { + border-radius: 20px 0 0 20px; } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment:last-child { + border-radius: 0 20px 20px 0; } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment > span { + color: var(--md-sys-color-on-surface); } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment > svg > text { + fill: var(--md-sys-color-on-surface); } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment:disabled { + border: 1px solid color-mix(in srgb, var(--md-sys-color-outline) 12%, transparent); } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment:disabled > * { + opacity: 38%; } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment.selected { + background-color: var(--md-sys-color-secondary-container); } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment.selected > span { + color: var(--md-sys-color-on-secondary-container); } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment.selected > span > text { + fill: var(--md-sys-color-on-secondary-container); } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment > span.m3.m3-button-segment-state-layer { + position: absolute; + width: 100%; + height: 100%; } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment > span.m3.m3-button-segment-state-layer, div.m3.m3-segmented-buttons > button.m3.m3-button-segment span.m3.m3-ripple-domain { + transition: 0.2s cubic-bezier(0.2, 0, 0, 1); } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment:hover > span.m3.m3-button-segment-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 8%, transparent); } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment:is(&:active, &:focus-visible) > span.m3.m3-button-segment-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); } + div.m3.m3-segmented-buttons > button.m3.m3-button-segment:active > span.m3.m3-ripple-domain > span.m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent); } div.m3.m3-radio { width: 20px; height: 20px; align-items: center; display: inline-flex; - justify-content: center; -} -div.m3.m3-radio > span.m3-checkbox-ripple-layer, div.m3.m3-radio span.m3.m3-radio-state-layer { - z-index: 5; -} -div.m3.m3-radio > span.m3.m3-radio-state-layer { - width: 40px; - aspect-ratio: 1; - border-radius: 50%; - position: absolute; - pointer-events: none; - transition: background-color 0.2s cubic-bezier(0.2, 0, 0, 1); -} -div.m3.m3-radio > input[type=radio].m3.m3-radio { - margin: 0; - width: 20px; - height: 20px; - aspect-ratio: 1; - cursor: pointer; - appearance: none; - position: absolute; -} -div.m3.m3-radio > input[type=radio].m3.m3-radio:not(:disabled):checked:hover + span.m3.m3-radio-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); -} -div.m3.m3-radio > input[type=radio].m3.m3-radio:not(:disabled):is(:checked:active, :indeterminate:active) + span.m3.m3-radio-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); -} -div.m3.m3-radio > input[type=radio].m3.m3-radio:not(:disabled):is(:checked:active, :indeterminate:active) + span.m3.m3-radio-state-layer ~ span.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 20%, transparent); -} -div.m3.m3-radio > input[type=radio].m3.m3-radio:not(:disabled):hover + span.m3.m3-radio-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent); -} -div.m3.m3-radio > input[type=radio].m3.m3-radio:not(:disabled):active + span.m3.m3-radio-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); -} -div.m3.m3-radio > input[type=radio].m3.m3-radio:not(:disabled):active + span.m3.m3-radio-state-layer ~ span.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 20%, transparent); -} -div.m3.m3-radio > input[type=radio].m3.m3-radio:disabled:is(:not(:checked), div.m3.m3-radio > input[type=radio].m3.m3-radio:disabled:checked) ~ svg > circle.m3-radio-outline { - stroke-opacity: 38%; - stroke: var(--md-sys-color-on-surface); -} -div.m3.m3-radio > input[type=radio].m3.m3-radio:disabled:checked ~ svg > circle.m3-radio-state { - fill-opacity: 38%; - fill: var(--md-sys-color-on-surface); -} -div.m3.m3-radio > input[type=radio].m3.m3-radio:not(:checked) ~ svg > circle.m3-radio-outline { - stroke: var(--md-sys-color-on-surface-variant); -} -div.m3.m3-radio > input[type=radio].m3.m3-radio:not(:checked) ~ svg > circle.m3-radio-state { - fill-opacity: 0; - fill: var(--md-sys-color-primary); -} -div.m3.m3-radio > input[type=radio].m3.m3-radio:checked ~ svg > circle.m3-radio-outline { - stroke: var(--md-sys-color-primary); -} -div.m3.m3-radio > input[type=radio].m3.m3-radio:checked ~ svg > circle.m3-radio-state { - fill-opacity: 1; - fill: var(--md-sys-color-primary); -} -div.m3.m3-radio svg { - margin: 0; - width: 20px; - z-index: 10; - border-radius: 50%; - pointer-events: none; - aspect-ratio: inherit; -} -div.m3.m3-radio svg > circle { - transition: fill, stroke, 0.2s cubic-bezier(0.2, 0, 0, 1); -} -div.m3.m3-radio svg > circle.m3-radio-outline { - r: 9px; - fill: black; - fill-opacity: 0; - stroke-width: 2px; - stroke: var(--md-sys-color-on-surface-variant); -} -div.m3.m3-radio svg > circle.m3-radio-state { - r: 5px; -} + justify-content: center; } + div.m3.m3-radio > span.m3-checkbox-ripple-layer, div.m3.m3-radio span.m3.m3-radio-state-layer { + z-index: 5; } + div.m3.m3-radio > span.m3.m3-radio-state-layer { + width: 40px; + aspect-ratio: 1; + border-radius: 50%; + position: absolute; + pointer-events: none; + transition: background-color 0.2s cubic-bezier(0.2, 0, 0, 1); } + div.m3.m3-radio > input[type="radio"].m3.m3-radio { + margin: 0; + width: 20px; + height: 20px; + aspect-ratio: 1; + cursor: pointer; + appearance: none; + position: absolute; } + div.m3.m3-radio > input[type="radio"].m3.m3-radio:not(:disabled):checked:hover + span.m3.m3-radio-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); } + div.m3.m3-radio > input[type="radio"].m3.m3-radio:not(:disabled):is(:checked:active, :indeterminate:active) + span.m3.m3-radio-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); } + div.m3.m3-radio > input[type="radio"].m3.m3-radio:not(:disabled):is(:checked:active, :indeterminate:active) + span.m3.m3-radio-state-layer ~ span.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 20%, transparent); } + div.m3.m3-radio > input[type="radio"].m3.m3-radio:not(:disabled):hover + span.m3.m3-radio-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent); } + div.m3.m3-radio > input[type="radio"].m3.m3-radio:not(:disabled):active + span.m3.m3-radio-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); } + div.m3.m3-radio > input[type="radio"].m3.m3-radio:not(:disabled):active + span.m3.m3-radio-state-layer ~ span.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 20%, transparent); } + div.m3.m3-radio > input[type="radio"].m3.m3-radio:disabled:is(:not(:checked), &:checked) ~ svg > circle.m3-radio-outline { + stroke-opacity: 38%; + stroke: var(--md-sys-color-on-surface); } + div.m3.m3-radio > input[type="radio"].m3.m3-radio:disabled:checked ~ svg > circle.m3-radio-state { + fill-opacity: 38%; + fill: var(--md-sys-color-on-surface); } + div.m3.m3-radio > input[type="radio"].m3.m3-radio:not(:checked) ~ svg > circle.m3-radio-outline { + stroke: var(--md-sys-color-on-surface-variant); } + div.m3.m3-radio > input[type="radio"].m3.m3-radio:not(:checked) ~ svg > circle.m3-radio-state { + fill-opacity: 0; + fill: var(--md-sys-color-primary); } + div.m3.m3-radio > input[type="radio"].m3.m3-radio:checked ~ svg > circle.m3-radio-outline { + stroke: var(--md-sys-color-primary); } + div.m3.m3-radio > input[type="radio"].m3.m3-radio:checked ~ svg > circle.m3-radio-state { + fill-opacity: 1; + fill: var(--md-sys-color-primary); } + div.m3.m3-radio svg { + margin: 0; + width: 20px; + z-index: 10; + border-radius: 50%; + pointer-events: none; + aspect-ratio: inherit; } + div.m3.m3-radio svg > circle { + transition: fill, stroke, 0.2s cubic-bezier(0.2, 0, 0, 1); } + div.m3.m3-radio svg > circle.m3-radio-outline { + r: 9px; + fill: black; + fill-opacity: 0; + stroke-width: 2px; + stroke: var(--md-sys-color-on-surface-variant); } + div.m3.m3-radio svg > circle.m3-radio-state { + r: 5px; } -input[type=range].m3.m3-slider { +input[type="range"].m3.m3-slider { height: 4px; appearance: none; border-radius: 2px; background-color: var(--md-sys-color-surface-container-highest); - overflow: visible; -} -input[type=range].m3.m3-slider::-webkit-slider-container { - margin-inline: -8px; -} -input[type=range].m3.m3-slider::-webkit-slider-thumb { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); - width: 20px; - aspect-ratio: 1; - appearance: none; - overflow: visible; - border-radius: 50%; - box-sizing: border-box; - background: var(--md-sys-color-primary); -} -input[type=range].m3.m3-slider::-webkit-slider-thumb::after { - width: 40px; - aspect-ratio: 1; - background-color: transparent; -} -input[type=range].m3.m3-slider::-webkit-slider-thumb:hover::after { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); -} + overflow: visible; } + input[type="range"].m3.m3-slider::-webkit-slider-container { + margin-inline: -8px; } + input[type="range"].m3.m3-slider::-webkit-slider-thumb { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + width: 20px; + aspect-ratio: 1; + appearance: none; + overflow: visible; + border-radius: 50%; + box-sizing: border-box; + background: var(--md-sys-color-primary); } + input[type="range"].m3.m3-slider::-webkit-slider-thumb::after { + width: 40px; + aspect-ratio: 1; + background-color: transparent; } + input[type="range"].m3.m3-slider::-webkit-slider-thumb:hover { + outline: 10px solid color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); } div.m3.m3-switch { margin: 4px; @@ -912,146 +708,110 @@ div.m3.m3-switch { align-items: center; justify-content: center; width: 52px; - height: 32px; -} -div.m3.m3-switch > svg { - overflow: visible; - transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - width: 52px; - height: 32px; -} -div.m3.m3-switch > svg > g { - transform: translate(11.5%, 81%); - transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); -} -div.m3.m3-switch > svg > g > text { - font-family: Material-Symbols-Outlined-Regular; - font-size: 20px; -} -div.m3.m3-switch > svg > circle.m3.m3-switch-handler-state-layer, div.m3.m3-switch > svg > circle.m3.m3-switch-handler { - transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - cy: 50%; - cx: 16px; -} -div.m3.m3-switch > svg > circle.m3.m3-switch-handler-state-layer { - r: 20px; - fill-opacity: 0; -} -div.m3.m3-switch > svg > circle.m3.m3-switch-handler { - r: 8px; -} -div.m3.m3-switch > svg > rect.m3.m3-switch-track { - transition: fill 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); - stroke-width: 2px; - border-radius: 16px; - rx: 15px; - width: 50px; - height: 30px; -} -div.m3.m3-switch > input.m3 { - cursor: pointer; - appearance: none; - opacity: 0 !important; - margin: 0; - width: 52px; - height: 32px; - position: absolute; -} -div.m3.m3-switch > input.m3:disabled { - cursor: not-allowed; -} -div.m3.m3-switch > input.m3:not(:checked, :disabled) + svg > circle.m3.m3-switch-handler { - fill: var(--md-sys-color-outline); -} -div.m3.m3-switch > input.m3:checked:not(:disabled) + svg > g { - transform: translate(50%, 81%); -} -div.m3.m3-switch > input.m3:checked:not(:disabled) + svg > circle.m3.m3-switch-handler { - fill: var(--md-sys-color-on-primary); -} -div.m3.m3-switch > input.m3:not(:disabled) + svg > g > text.m3.m3-icon-unchecked { - fill: var(--md-sys-color-on-primary); -} -div.m3.m3-switch > input.m3:not(:disabled) + svg > g > text.m3.m3-icon-checked { - fill: var(--md-sys-color-on-primary-container); -} -div.m3.m3-switch > input.m3:checked:disabled + svg > circle.m3.m3-switch-handler { - fill: var(--md-sys-color-surface); -} -div.m3.m3-switch > input.m3:checked + svg > circle.m3.m3-switch-handler, div.m3.m3-switch > input.m3 + svg:has(text.m3.m3-icon-unchecked) > circle.m3.m3-switch-handler { - r: 12px; -} -div.m3.m3-switch > input.m3:checked + svg > g > text.m3.m3-icon-unchecked { - opacity: 0; -} -div.m3.m3-switch > input.m3:checked + svg > circle.m3:is(.m3-switch-handler, .m3-switch-handler-state-layer) { - cx: calc(100% - 16px); -} -div.m3.m3-switch > input.m3:not(:checked) + svg > g > text.m3.m3-icon-checked { - opacity: 0; -} -div.m3.m3-switch > input.m3:is(div.m3.m3-switch > input.m3:checked, div.m3.m3-switch > input.m3):not(:disabled):active + svg > circle.m3.m3-switch-handler { - r: 14px; -} -div.m3.m3-switch > input.m3:not(:checked):disabled + svg > circle.m3.m3-switch-handler { - fill: var(--md-sys-color-on-surface); - fill-opacity: 38%; -} -div.m3.m3-switch > input.m3:hover:not(:disabled):checked + svg > circle.m3.m3-switch-handler { - fill: var(--md-sys-color-primary-container); -} -div.m3.m3-switch > input.m3:hover:not(:disabled):checked + svg > circle.m3.m3-switch-handler-state-layer { - fill: var(--md-sys-color-primary); - fill-opacity: 8%; -} -div.m3.m3-switch > input.m3:hover:not(:disabled):not(:checked) + svg > circle.m3.m3-switch-handler { - fill: var(--md-sys-color-on-surface-variant); -} -div.m3.m3-switch > input.m3:hover:not(:disabled):not(:checked) + svg > circle.m3.m3-switch-handler-state-layer { - fill: var(--md-sys-color-on-surface); - fill-opacity: 8%; -} -div.m3.m3-switch > input.m3:active:not(:disabled):checked + svg > circle.m3.m3-switch-handler-state-layer { - fill: var(--md-sys-color-primary); - fill-opacity: 12%; -} -div.m3.m3-switch > input.m3:active:not(:disabled):not(:checked) + svg > circle.m3.m3-switch-handler-state-layer { - fill: var(--md-sys-color-on-surface); - fill-opacity: 12%; -} -div.m3.m3-switch > input.m3:is(:checked, :checked:disabled) + svg > rect.m3.m3-switch-track { - rx: 16px; - width: 52px; - height: 32px; - stroke-width: 0; -} -div.m3.m3-switch > input.m3:is(div.m3.m3-switch > input.m3:not(:checked), div.m3.m3-switch > input.m3:not(:checked):disabled) + svg > rect.m3.m3-switch-track { - x: 1px; - y: 1px; -} -div.m3.m3-switch > input.m3:not(:checked) + svg > rect.m3.m3-switch-track { - stroke: var(--md-sys-color-outline); - fill: var(--md-sys-color-surface-container-highest); -} -div.m3.m3-switch > input.m3:checked + svg > rect.m3.m3-switch-track { - stroke: var(--md-sys-color-primary); - fill: var(--md-sys-color-primary); -} -div.m3.m3-switch > input.m3:disabled + svg > g > text.m3 { - fill: color-mix(in srgb, var(--md-sys-color-surface-container-highest) 38%, transparent); -} -div.m3.m3-switch > input.m3:disabled + svg > rect.m3.m3-switch-track { - stroke: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); - fill: color-mix(in srgb, var(--md-sys-color-surface-variant) 12%, transparent); -} -div.m3.m3-switch > input.m3:checked:disabled + svg > g > text.m3 { - transform: translateX(38.5%); - fill: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent); -} -div.m3.m3-switch > input.m3:checked:disabled + svg > rect.m3.m3-switch-track { - stroke: color-mix(in srgb, var(--md-sys-color-on-surface) 0%, transparent); - fill: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); -} + height: 32px; } + div.m3.m3-switch > svg { + overflow: visible; + transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + width: 52px; + height: 32px; } + div.m3.m3-switch > svg > g { + transform: translate(11.5%, 81%); + transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); } + div.m3.m3-switch > svg > g > text { + font-family: Material-Symbols-Outlined-Regular; + font-size: 20px; } + div.m3.m3-switch > svg > circle.m3.m3-switch-handler-state-layer, div.m3.m3-switch > svg > circle.m3.m3-switch-handler { + transition: 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + cy: 50%; + cx: 16px; } + div.m3.m3-switch > svg > circle.m3.m3-switch-handler-state-layer { + r: 20px; + fill-opacity: 0; } + div.m3.m3-switch > svg > circle.m3.m3-switch-handler { + r: 8px; } + div.m3.m3-switch > svg > rect.m3.m3-switch-track { + transition: fill 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); + stroke-width: 2px; + border-radius: 16px; + rx: 15px; + width: 50px; + height: 30px; } + div.m3.m3-switch > input.m3 { + cursor: pointer; + appearance: none; + opacity: 0 !important; + margin: 0; + width: 52px; + height: 32px; + position: absolute; } + div.m3.m3-switch > input.m3:disabled { + cursor: not-allowed; } + div.m3.m3-switch > input.m3:not(:checked, :disabled) + svg > circle.m3.m3-switch-handler { + fill: var(--md-sys-color-outline); } + div.m3.m3-switch > input.m3:checked:not(:disabled) + svg > g { + transform: translate(50%, 81%); } + div.m3.m3-switch > input.m3:checked:not(:disabled) + svg > circle.m3.m3-switch-handler { + fill: var(--md-sys-color-on-primary); } + div.m3.m3-switch > input.m3:not(:disabled) + svg > g > text.m3.m3-icon-unchecked { + fill: var(--md-sys-color-on-primary); } + div.m3.m3-switch > input.m3:not(:disabled) + svg > g > text.m3.m3-icon-checked { + fill: var(--md-sys-color-on-primary-container); } + div.m3.m3-switch > input.m3:checked:disabled + svg > circle.m3.m3-switch-handler { + fill: var(--md-sys-color-surface); } + div.m3.m3-switch > input.m3:checked + svg > circle.m3.m3-switch-handler, div.m3.m3-switch > input.m3 + svg:has(text.m3.m3-icon-unchecked) > circle.m3.m3-switch-handler { + r: 12px; } + div.m3.m3-switch > input.m3:checked + svg > g > text.m3.m3-icon-unchecked { + opacity: 0; } + div.m3.m3-switch > input.m3:checked + svg > circle.m3:is(.m3-switch-handler, .m3-switch-handler-state-layer) { + cx: calc(100% - 16px); } + div.m3.m3-switch > input.m3:not(:checked) + svg > g > text.m3.m3-icon-checked { + opacity: 0; } + div.m3.m3-switch > input.m3:is(&:checked, &):not(:disabled):active + svg > circle.m3.m3-switch-handler { + r: 14px; } + div.m3.m3-switch > input.m3:not(:checked):disabled + svg > circle.m3.m3-switch-handler { + fill: var(--md-sys-color-on-surface); + fill-opacity: 38%; } + div.m3.m3-switch > input.m3:hover:not(:disabled):checked + svg > circle.m3.m3-switch-handler { + fill: var(--md-sys-color-primary-container); } + div.m3.m3-switch > input.m3:hover:not(:disabled):checked + svg > circle.m3.m3-switch-handler-state-layer { + fill: var(--md-sys-color-primary); + fill-opacity: 8%; } + div.m3.m3-switch > input.m3:hover:not(:disabled):not(:checked) + svg > circle.m3.m3-switch-handler { + fill: var(--md-sys-color-on-surface-variant); } + div.m3.m3-switch > input.m3:hover:not(:disabled):not(:checked) + svg > circle.m3.m3-switch-handler-state-layer { + fill: var(--md-sys-color-on-surface); + fill-opacity: 8%; } + div.m3.m3-switch > input.m3:active:not(:disabled):checked + svg > circle.m3.m3-switch-handler-state-layer { + fill: var(--md-sys-color-primary); + fill-opacity: 12%; } + div.m3.m3-switch > input.m3:active:not(:disabled):not(:checked) + svg > circle.m3.m3-switch-handler-state-layer { + fill: var(--md-sys-color-on-surface); + fill-opacity: 12%; } + div.m3.m3-switch > input.m3:is(:checked, :checked:disabled) + svg > rect.m3.m3-switch-track { + rx: 16px; + width: 52px; + height: 32px; + stroke-width: 0; } + div.m3.m3-switch > input.m3:is(&:not(:checked), &:not(:checked):disabled) + svg > rect.m3.m3-switch-track { + x: 1px; + y: 1px; } + div.m3.m3-switch > input.m3:not(:checked) + svg > rect.m3.m3-switch-track { + stroke: var(--md-sys-color-outline); + fill: var(--md-sys-color-surface-container-highest); } + div.m3.m3-switch > input.m3:checked + svg > rect.m3.m3-switch-track { + stroke: var(--md-sys-color-primary); + fill: var(--md-sys-color-primary); } + div.m3.m3-switch > input.m3:disabled + svg > g > text.m3 { + fill: color-mix(in srgb, var(--md-sys-color-surface-container-highest) 38%, transparent); } + div.m3.m3-switch > input.m3:disabled + svg > rect.m3.m3-switch-track { + stroke: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + fill: color-mix(in srgb, var(--md-sys-color-surface-variant) 12%, transparent); } + div.m3.m3-switch > input.m3:checked:disabled + svg > g > text.m3 { + transform: translateX(38.5%); + fill: color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent); } + div.m3.m3-switch > input.m3:checked:disabled + svg > rect.m3.m3-switch-track { + stroke: color-mix(in srgb, var(--md-sys-color-on-surface) 0%, transparent); + fill: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); } label.m3.m3-checkbox-label { display: flex; @@ -1060,15 +820,13 @@ label.m3.m3-checkbox-label { justify-content: center; aspect-ratio: 1; width: 18px; - height: 18px; -} -label.m3.m3-checkbox-label > span.m3.m3-checkbox-state-layer { - position: absolute; - width: 2.5rem; - aspect-ratio: inherit; - border-radius: 50%; - transition: background-color 0.2s cubic-bezier(0.2, 0, 0, 1); -} + height: 18px; } + label.m3.m3-checkbox-label > span.m3.m3-checkbox-state-layer { + position: absolute; + width: 2.5rem; + aspect-ratio: inherit; + border-radius: 50%; + transition: background-color 0.2s cubic-bezier(0.2, 0, 0, 1); } span.m3.m3-checkbox-ripple-layer { z-index: 20; @@ -1076,10 +834,9 @@ span.m3.m3-checkbox-ripple-layer { height: 2.5rem; contain: content; border-radius: 50%; - position: absolute; -} + position: absolute; } -input[type=checkbox].m3.m3-checkbox { +input[type="checkbox"].m3.m3-checkbox { margin: 0; z-index: 10; display: flex; @@ -1091,81 +848,59 @@ input[type=checkbox].m3.m3-checkbox { border-radius: 0.14rem; box-sizing: content-box; justify-content: center; - transition: background-color 0.2s cubic-bezier(0.2, 0, 0, 1); -} -input[type=checkbox].m3.m3-checkbox ~ span.m3-checkbox-state { - transition: color 0.2s cubic-bezier(0.2, 0, 0, 1); - color: var(--md-sys-color-on-surface-variant); -} -input[type=checkbox].m3.m3-checkbox:is(:user-invalid:is(:checked, :indeterminate), .m3.m3-error:is(:checked, :indeterminate)) { - background: var(--md-sys-color-on-error); -} -input[type=checkbox].m3.m3-checkbox:is(:user-invalid:is(:checked, :indeterminate), .m3.m3-error:is(:checked, :indeterminate)) ~ span.m3-checkbox-state { - color: var(--md-sys-color-error); -} -input[type=checkbox].m3.m3-checkbox:is(:user-invalid, .m3.m3-error):not(:checked) ~ span.m3-checkbox-state { - color: var(--md-sys-color-error); -} -input[type=checkbox].m3.m3-checkbox:is(:checked:is(:hover, input[type=checkbox].m3.m3-checkbox):not(.m3.m3-error, :disabled), :indeterminate:is(:hover, input[type=checkbox].m3.m3-checkbox):not(.m3.m3-error, :disabled)) { - background: var(--md-sys-color-on-primary); -} -input[type=checkbox].m3.m3-checkbox:is(:checked:is(:hover, input[type=checkbox].m3.m3-checkbox):not(.m3.m3-error, :disabled), :indeterminate:is(:hover, input[type=checkbox].m3.m3-checkbox):not(.m3.m3-error, :disabled)) ~ span.m3-checkbox-state { - color: var(--md-sys-color-primary); -} -input[type=checkbox].m3.m3-checkbox:not(:checked, :indeterminate, :disabled, :user-invalid):hover ~ span.m3-checkbox-state { - color: var(--md-sys-color-on-surface); -} -input[type=checkbox].m3.m3-checkbox:disabled ~ *:is(:hover, input[type=checkbox].m3.m3-checkbox:disabled ~ *, :checked) { - opacity: 38%; -} -input[type=checkbox].m3.m3-checkbox ~ span.m3-checkbox-state { - pointer-events: none; - z-index: 10; - display: flex; - align-items: center; - justify-content: center; - line-height: 24px; - font-family: Material-Symbols-Outlined-Regular, sans-serif; - font-weight: 700; - font-size: 24px; - font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; -} -input[type=checkbox].m3.m3-checkbox:not(:indeterminate, :checked) ~ span.m3-checkbox-state::before { - content: "check_box_outline_blank"; -} -input[type=checkbox].m3.m3-checkbox:indeterminate ~ span.m3-checkbox-state::before { - content: "indeterminate_check_box"; -} -input[type=checkbox].m3.m3-checkbox:checked ~ span.m3-checkbox-state::before { - content: "check_box"; -} -input[type=checkbox].m3.m3-checkbox:not(:disabled):is(:user-invalid:is(:hover, :indeterminate:hover), .m3.m3-error:hover) ~ span.m3.m3-checkbox-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-error) 8%, transparent); -} -input[type=checkbox].m3.m3-checkbox:not(:disabled):is(:user-invalid:is(:active, :indeterminate:active), .m3.m3-error:active) ~ span.m3.m3-checkbox-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-error) 12%, transparent); -} -input[type=checkbox].m3.m3-checkbox:not(:disabled):is(:user-invalid:is(:active, :indeterminate:active), .m3.m3-error:active) ~ span.m3.m3-checkbox-state-layer ~ span.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-error) 20%, transparent); -} -input[type=checkbox].m3.m3-checkbox:not(:disabled):is(:checked:hover, :indeterminate:hover) ~ span.m3.m3-checkbox-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); -} -input[type=checkbox].m3.m3-checkbox:not(:disabled):is(:checked:active, :indeterminate:active) ~ span.m3.m3-checkbox-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); -} -input[type=checkbox].m3.m3-checkbox:not(:disabled):is(:checked:active, :indeterminate:active) ~ span.m3.m3-checkbox-state-layer ~ span.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 20%, transparent); -} -input[type=checkbox].m3.m3-checkbox:not(:disabled):hover ~ span.m3-checkbox-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent); -} -input[type=checkbox].m3.m3-checkbox:not(:disabled):active ~ span.m3.m3-checkbox-state-layer { - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); -} -input[type=checkbox].m3.m3-checkbox:not(:disabled):active ~ span.m3.m3-checkbox-state-layer ~ span.m3-ripple-domain > .m3.ripple { - background-color: color-mix(in srgb, var(--md-sys-color-primary) 20%, transparent); -} + transition: background-color 0.2s cubic-bezier(0.2, 0, 0, 1); } + input[type="checkbox"].m3.m3-checkbox ~ span.m3-checkbox-state { + transition: color 0.2s cubic-bezier(0.2, 0, 0, 1); + color: var(--md-sys-color-on-surface-variant); } + input[type="checkbox"].m3.m3-checkbox:is(:user-invalid:is(:checked, :indeterminate), .m3.m3-error:is(:checked, :indeterminate)) { + background: var(--md-sys-color-on-error); } + input[type="checkbox"].m3.m3-checkbox:is(:user-invalid:is(:checked, :indeterminate), .m3.m3-error:is(:checked, :indeterminate)) ~ span.m3-checkbox-state { + color: var(--md-sys-color-error); } + input[type="checkbox"].m3.m3-checkbox:is(:user-invalid, .m3.m3-error):not(:checked) ~ span.m3-checkbox-state { + color: var(--md-sys-color-error); } + input[type="checkbox"].m3.m3-checkbox:is(:checked:is(:hover, &):not(.m3.m3-error, :disabled), :indeterminate:is(:hover, &):not(.m3.m3-error, :disabled)) { + background: var(--md-sys-color-on-primary); } + input[type="checkbox"].m3.m3-checkbox:is(:checked:is(:hover, &):not(.m3.m3-error, :disabled), :indeterminate:is(:hover, &):not(.m3.m3-error, :disabled)) ~ span.m3-checkbox-state { + color: var(--md-sys-color-primary); } + input[type="checkbox"].m3.m3-checkbox:not(:checked, :indeterminate, :disabled, :user-invalid):hover ~ span.m3-checkbox-state { + color: var(--md-sys-color-on-surface); } + input[type="checkbox"].m3.m3-checkbox:disabled ~ *:is(:hover, &, :checked) { + opacity: 38%; } + input[type="checkbox"].m3.m3-checkbox ~ span.m3-checkbox-state { + pointer-events: none; + z-index: 10; + display: flex; + align-items: center; + justify-content: center; + line-height: 24px; + font-family: Material-Symbols-Outlined-Regular, sans-serif; + font-weight: 700; + font-size: 24px; + font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; } + input[type="checkbox"].m3.m3-checkbox:not(:indeterminate, :checked) ~ span.m3-checkbox-state::before { + content: "check_box_outline_blank"; } + input[type="checkbox"].m3.m3-checkbox:indeterminate ~ span.m3-checkbox-state::before { + content: "indeterminate_check_box"; } + input[type="checkbox"].m3.m3-checkbox:checked ~ span.m3-checkbox-state::before { + content: "check_box"; } + input[type="checkbox"].m3.m3-checkbox:not(:disabled):is(:user-invalid:is(:hover, :indeterminate:hover), .m3.m3-error:hover) ~ span.m3.m3-checkbox-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-error) 8%, transparent); } + input[type="checkbox"].m3.m3-checkbox:not(:disabled):is(:user-invalid:is(:active, :indeterminate:active), .m3.m3-error:active) ~ span.m3.m3-checkbox-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-error) 12%, transparent); } + input[type="checkbox"].m3.m3-checkbox:not(:disabled):is(:user-invalid:is(:active, :indeterminate:active), .m3.m3-error:active) ~ span.m3.m3-checkbox-state-layer ~ span.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-error) 20%, transparent); } + input[type="checkbox"].m3.m3-checkbox:not(:disabled):is(:checked:hover, :indeterminate:hover) ~ span.m3.m3-checkbox-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); } + input[type="checkbox"].m3.m3-checkbox:not(:disabled):is(:checked:active, :indeterminate:active) ~ span.m3.m3-checkbox-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); } + input[type="checkbox"].m3.m3-checkbox:not(:disabled):is(:checked:active, :indeterminate:active) ~ span.m3.m3-checkbox-state-layer ~ span.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 20%, transparent); } + input[type="checkbox"].m3.m3-checkbox:not(:disabled):hover ~ span.m3-checkbox-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent); } + input[type="checkbox"].m3.m3-checkbox:not(:disabled):active ~ span.m3.m3-checkbox-state-layer { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); } + input[type="checkbox"].m3.m3-checkbox:not(:disabled):active ~ span.m3.m3-checkbox-state-layer ~ span.m3-ripple-domain > .m3.ripple { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 20%, transparent); } div.m3.m3-text-field { position: relative; @@ -1173,228 +908,177 @@ div.m3.m3-text-field { justify-content: center; flex-direction: column; box-sizing: border-box; - margin: 0; -} -div.m3.m3-text-field span.m3-icon.icon-before { - align-self: start; -} -div.m3.m3-text-field:is(.filled, .outlined) > input::placeholder, div.m3.m3-text-field > input, div.m3.m3-text-field > label { - line-height: var(--md-sys-typescale-body-large-line-height); - font-size: var(--md-sys-typescale-body-large-font-size); -} -div.m3.m3-text-field + span.m3-text-field-supporting-text { - display: flex; - line-height: var(--md-sys-typescale-body-small-line-height); - font-size: var(--md-sys-typescale-body-small-font-size); - color: var(--md-sys-color-on-surface-variant); - margin: 4px 16px 2px 16px; -} -div.m3.m3-text-field > label { - padding-inline: 4px; - pointer-events: none; - transform: translate(16px, 0); - transition: 0.2s cubic-bezier(0.2, 0, 0, 1); - position: absolute; -} -div.m3.m3-text-field > input { - transition: 0.2s cubic-bezier(0.2, 0, 0, 1); - background-color: transparent; - border: none; -} -div.m3.m3-text-field > span.m3-icon { - position: absolute; - align-self: end; - margin: 12px; - width: 24px; - line-height: 24px; - font-size: 24px; - display: inherit; - align-items: center; - justify-content: inherit; - cursor: pointer; - color: var(--md-sys-color-on-surface-variant); - font-family: Material-Symbols-Outlined-Regular, serif; -} -div.m3.m3-text-field > span.m3-text-field-state-layer { - width: 100%; - height: 100%; - pointer-events: none; - position: absolute; -} -div.m3.m3-text-field > input, div.m3.m3-text-field > label { - color: var(--md-sys-color-on-surface); -} -div.m3.m3-text-field:is(.filled, .outlined) > input::placeholder { - color: var(--md-sys-color-on-surface-variant); -} -div.m3.m3-text-field:is(.filled, .outlined) > input:focus-visible { - outline: none; - caret-color: var(--md-sys-color-primary); -} -div.m3.m3-text-field:is(.filled, .outlined):has(input:disabled) > *, div.m3.m3-text-field:is(.filled, .outlined):has(input:disabled) + span.m3-text-field-supporting-text { - opacity: 38%; -} -div.m3.m3-text-field.filled { - contain: content; - border-radius: 4px 4px 0 0; -} -div.m3.m3-text-field.filled > input { - display: inline-flex; - align-items: center; - box-sizing: border-box; - border-radius: 4px 4px 0 0; - background-color: var(--md-sys-color-surface-container-highest); - box-shadow: inset 0 -1px 0 var(--md-sys-color-on-surface-variant); -} -div.m3.m3-text-field.filled > input.with-after-icon { - padding: 24px 48px 8px 16px; -} -div.m3.m3-text-field.filled > input.with-before-icon { - padding: 24px 16px 8px 48px; -} -div.m3.m3-text-field.filled > input.with-before-icon + label { - margin-left: 32px; -} -div.m3.m3-text-field.filled > input:not(.with-after-icon, .with-before-icon) { - padding: 24px 16px 8px; -} -div.m3.m3-text-field.filled > input.with-after-icon.with-before-icon { - padding: 24px 48px 8px 48px; -} -div.m3.m3-text-field.filled > label.raised { - transform: translate(12px, -12px); - line-height: var(--md-sys-typescale-body-small-line-height); - font-size: var(--md-sys-typescale-body-small-font-size); -} -div.m3.m3-text-field.filled > input:required:user-invalid { - caret-color: var(--md-sys-color-error); -} -div.m3.m3-text-field.filled > input:required:user-invalid:focus-visible { - box-shadow: inset 0 -3px 0 var(--md-sys-color-error); -} -div.m3.m3-text-field.filled > input:required:user-invalid { - box-shadow: inset 0 -1px 0 var(--md-sys-color-error); -} -div.m3.m3-text-field.filled:has(input:required:user-invalid) > *:not(input):nth-last-child(-n+3), div.m3.m3-text-field.filled:has(input:required:user-invalid) + span.m3-text-field-supporting-text { - color: var(--md-sys-color-error); -} -div.m3.m3-text-field.filled > input:focus-visible { - outline-offset: 3px; - box-shadow: inset 0 -3px 0 var(--md-sys-color-primary); -} -div.m3.m3-text-field.filled > input:focus-visible + label { - color: var(--md-sys-color-primary); -} -div.m3.m3-text-field.filled:hover > input:not(:disabled) ~ span.m3-text-field-state-layer { - transition: 0.2s cubic-bezier(0.2, 0, 0, 1); - background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent); -} -div.m3.m3-text-field.outlined > fieldset { - margin: 0; - position: absolute; - border-radius: 4px; - pointer-events: none; - padding-inline: 12px; - border: 1px solid var(--md-sys-color-outline); - inset: -7.5px 0px 0px 0px; - transition: background-color 0.2s cubic-bezier(0.2, 0, 0, 1); -} -div.m3.m3-text-field.outlined > fieldset > legend > span { - width: 100%; -} -div.m3.m3-text-field.outlined > fieldset > legend { - opacity: 0; - width: 0; - padding: 0; - pointer-events: none; - border: 0 solid transparent; - transition: 0.05s cubic-bezier(0.2, 0, 0, 1); -} -div.m3.m3-text-field.outlined > fieldset > legend.raised { - border-inline-width: 6px; - border-style: solid; - border-color: transparent; - width: auto; - visibility: visible; -} -div.m3.m3-text-field.outlined > input { - box-sizing: border-box; - border-radius: 4px; -} -div.m3.m3-text-field.outlined > input.with-after-icon { - padding: 16px 48px 16px 16px; -} -div.m3.m3-text-field.outlined > input.with-before-icon { - padding: 16px 16px 16px 48px; -} -div.m3.m3-text-field.outlined > input.with-before-icon + label { - transform: translate(48px, 0); -} -div.m3.m3-text-field.outlined > input:not(.with-after-icon, .with-before-icon) { - padding: 16px; -} -div.m3.m3-text-field.outlined > input.with-after-icon.with-before-icon { - padding: 16px 48px; -} -div.m3.m3-text-field.outlined:has(input:focus-visible) > fieldset { - border: 3px solid var(--md-sys-color-primary); -} -div.m3.m3-text-field.outlined:not(div.m3.m3-text-field.outlined:has(label.raised)):has(input:focus-visible) > fieldset > legend { - border-top-width: 0; - border-bottom-width: 0; - border-inline-width: 5.5px; - border-style: solid; - border-color: transparent; -} -div.m3.m3-text-field.outlined:not(div.m3.m3-text-field.outlined:has(input:focus-visible)):has(label.raised) > fieldset > legend { - border-top-width: 0; - border-bottom-width: 0; - border-inline-width: 7.5px; - border-style: solid; - border-color: transparent; -} -div.m3.m3-text-field.outlined > input:focus-visible + label { - color: var(--md-sys-color-primary); -} -div.m3.m3-text-field.outlined > label.raised, div.m3.m3-text-field.outlined > fieldset > * { - line-height: var(--md-sys-typescale-body-small-line-height); - font-size: var(--md-sys-typescale-body-small-font-size); -} -div.m3.m3-text-field.outlined > label.raised { - transform: translate(16px, -27px) !important; -} -div.m3.m3-text-field.outlined > input:required:user-invalid { - caret-color: var(--md-sys-color-error); -} -div.m3.m3-text-field.outlined:has(input:required:user-invalid) > *:not(input):nth-last-child(-n+3), div.m3.m3-text-field.outlined:has(input:required:user-invalid) + span.m3-text-field-supporting-text { - color: var(--md-sys-color-error); -} -div.m3.m3-text-field.outlined:has(input:required:user-invalid) > fieldset { - border: 3px solid var(--md-sys-color-error); -} -div.m3.m3-text-field.outlined:has(input:required:user-invalid:not(:focus-visible)) > fieldset { - border: 1px solid var(--md-sys-color-error); -} -div.m3.m3-text-field.outlined:hover:not(div.m3.m3-text-field.outlined:hover:has(input:disabled, input:focus-visible, label.raised, input:required:user-invalid)) > fieldset { - transition: 0.2s cubic-bezier(0.2, 0, 0, 1); - border-color: var(--md-sys-color-on-surface); -} + margin: 0; } + div.m3.m3-text-field span.m3-icon.icon-before { + align-self: start; } + div.m3.m3-text-field:is(.filled, .outlined) > input::placeholder, div.m3.m3-text-field > input, div.m3.m3-text-field > label { + line-height: var(--md-sys-typescale-body-large-line-height); + font-size: var(--md-sys-typescale-body-large-font-size); } + div.m3.m3-text-field + span.m3-text-field-supporting-text { + display: flex; + line-height: var(--md-sys-typescale-body-small-line-height); + font-size: var(--md-sys-typescale-body-small-font-size); + color: var(--md-sys-color-on-surface-variant); + margin: 4px 16px 2px 16px; } + div.m3.m3-text-field > label { + padding-inline: 4px; + pointer-events: none; + transform: translate(16px, 0); + transition: 0.2s cubic-bezier(0.2, 0, 0, 1); + position: absolute; } + div.m3.m3-text-field > input { + transition: 0.2s cubic-bezier(0.2, 0, 0, 1); + background-color: transparent; + border: none; } + div.m3.m3-text-field > span.m3-icon { + position: absolute; + align-self: end; + margin: 12px; + width: 24px; + line-height: 24px; + font-size: 24px; + display: inherit; + align-items: center; + justify-content: inherit; + cursor: pointer; + color: var(--md-sys-color-on-surface-variant); + font-family: Material-Symbols-Outlined-Regular, serif; } + div.m3.m3-text-field > span.m3-text-field-state-layer { + width: 100%; + height: 100%; + pointer-events: none; + position: absolute; } + div.m3.m3-text-field > input, div.m3.m3-text-field > label { + color: var(--md-sys-color-on-surface); } + div.m3.m3-text-field:is(.filled, .outlined) > input::placeholder { + color: var(--md-sys-color-on-surface-variant); } + div.m3.m3-text-field:is(.filled, .outlined) > input:focus-visible { + outline: none; + caret-color: var(--md-sys-color-primary); } + div.m3.m3-text-field:is(.filled, .outlined):has(input:disabled) > *, div.m3.m3-text-field:is(.filled, .outlined):has(input:disabled) + span.m3-text-field-supporting-text { + opacity: 38%; } + div.m3.m3-text-field.filled { + contain: content; + border-radius: 4px 4px 0 0; } + div.m3.m3-text-field.filled > input { + display: inline-flex; + align-items: center; + box-sizing: border-box; + border-radius: 4px 4px 0 0; + background-color: var(--md-sys-color-surface-container-highest); + box-shadow: inset 0 -1px 0 var(--md-sys-color-on-surface-variant); } + div.m3.m3-text-field.filled > input.with-after-icon { + padding: 24px 48px 8px 16px; } + div.m3.m3-text-field.filled > input.with-before-icon { + padding: 24px 16px 8px 48px; } + div.m3.m3-text-field.filled > input.with-before-icon + label { + margin-left: 32px; } + div.m3.m3-text-field.filled > input:not(.with-after-icon, .with-before-icon) { + padding: 24px 16px 8px; } + div.m3.m3-text-field.filled > input.with-after-icon.with-before-icon { + padding: 24px 48px 8px 48px; } + div.m3.m3-text-field.filled > label.raised { + transform: translate(12px, -12px); + line-height: var(--md-sys-typescale-body-small-line-height); + font-size: var(--md-sys-typescale-body-small-font-size); } + div.m3.m3-text-field.filled > input:required:user-invalid { + caret-color: var(--md-sys-color-error); } + div.m3.m3-text-field.filled > input:required:user-invalid:focus-visible { + box-shadow: inset 0 -3px 0 var(--md-sys-color-error); } + div.m3.m3-text-field.filled > input:required:user-invalid { + box-shadow: inset 0 -1px 0 var(--md-sys-color-error); } + div.m3.m3-text-field.filled:has(input:required:user-invalid) > *:not(input):nth-last-child(-n + 3), div.m3.m3-text-field.filled:has(input:required:user-invalid) + span.m3-text-field-supporting-text { + color: var(--md-sys-color-error); } + div.m3.m3-text-field.filled > input:focus-visible { + outline-offset: 3px; + box-shadow: inset 0 -3px 0 var(--md-sys-color-primary); } + div.m3.m3-text-field.filled > input:focus-visible + label { + color: var(--md-sys-color-primary); } + div.m3.m3-text-field.filled:hover > input:not(:disabled) ~ span.m3-text-field-state-layer { + transition: 0.2s cubic-bezier(0.2, 0, 0, 1); + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent); } + div.m3.m3-text-field.outlined > fieldset { + margin: 0; + position: absolute; + border-radius: 4px; + pointer-events: none; + padding-inline: 12px; + border: 1px solid var(--md-sys-color-outline); + inset: -7.5px 0px 0px 0px; + transition: background-color 0.2s cubic-bezier(0.2, 0, 0, 1); } + div.m3.m3-text-field.outlined > fieldset > legend > span { + width: 100%; } + div.m3.m3-text-field.outlined > fieldset > legend { + opacity: 0; + width: 0; + padding: 0; + pointer-events: none; + border: 0 solid transparent; + transition: 0.05s cubic-bezier(0.2, 0, 0, 1); } + div.m3.m3-text-field.outlined > fieldset > legend.raised { + border-inline-width: 6px; + border-style: solid; + border-color: transparent; + width: auto; + visibility: visible; } + div.m3.m3-text-field.outlined > input { + box-sizing: border-box; + border-radius: 4px; } + div.m3.m3-text-field.outlined > input.with-after-icon { + padding: 16px 48px 16px 16px; } + div.m3.m3-text-field.outlined > input.with-before-icon { + padding: 16px 16px 16px 48px; } + div.m3.m3-text-field.outlined > input.with-before-icon + label { + transform: translate(48px, 0); } + div.m3.m3-text-field.outlined > input:not(.with-after-icon, .with-before-icon) { + padding: 16px; } + div.m3.m3-text-field.outlined > input.with-after-icon.with-before-icon { + padding: 16px 48px; } + div.m3.m3-text-field.outlined:has(input:focus-visible) > fieldset { + border: 3px solid var(--md-sys-color-primary); } + div.m3.m3-text-field.outlined:not(div.m3.m3-text-field.outlined:has(label.raised)):has(input:focus-visible) > fieldset > legend { + border-top-width: 0; + border-bottom-width: 0; + border-inline-width: 5.5px; + border-style: solid; + border-color: transparent; } + div.m3.m3-text-field.outlined:not(div.m3.m3-text-field.outlined:has(input:focus-visible)):has(label.raised) > fieldset > legend { + border-top-width: 0; + border-bottom-width: 0; + border-inline-width: 7.5px; + border-style: solid; + border-color: transparent; } + div.m3.m3-text-field.outlined > input:focus-visible + label { + color: var(--md-sys-color-primary); } + div.m3.m3-text-field.outlined > label.raised, div.m3.m3-text-field.outlined > fieldset > * { + line-height: var(--md-sys-typescale-body-small-line-height); + font-size: var(--md-sys-typescale-body-small-font-size); } + div.m3.m3-text-field.outlined > label.raised { + transform: translate(16px, -27px) !important; } + div.m3.m3-text-field.outlined > input:required:user-invalid { + caret-color: var(--md-sys-color-error); } + div.m3.m3-text-field.outlined:has(input:required:user-invalid) > *:not(input):nth-last-child(-n + 3), div.m3.m3-text-field.outlined:has(input:required:user-invalid) + span.m3-text-field-supporting-text { + color: var(--md-sys-color-error); } + div.m3.m3-text-field.outlined:has(input:required:user-invalid) > fieldset { + border: 3px solid var(--md-sys-color-error); } + div.m3.m3-text-field.outlined:has(input:required:user-invalid:not(:focus-visible)) > fieldset { + border: 1px solid var(--md-sys-color-error); } + div.m3.m3-text-field.outlined:hover:not(div.m3.m3-text-field.outlined:hover:has(input:disabled, input:focus-visible, label.raised, input:required:user-invalid)) > fieldset { + transition: 0.2s cubic-bezier(0.2, 0, 0, 1); + border-color: var(--md-sys-color-on-surface); } html { font-family: Roboto, serif; color: var(--md-sys-color-on-surface); - background-color: var(--md-sys-color-surface-container); -} + background-color: var(--md-sys-color-surface-container); } .m3 { - user-select: none; -} + user-select: none; } .m3.m3-wrapper { position: relative; display: block; background-color: var(--md-sys-color-surface); - border-radius: 25px; -} + border-radius: 25px; } /*# sourceMappingURL=generics.css.map */ diff --git a/src/styles/generics.css.map b/src/styles/generics.css.map index 206d085..9e20045 100644 --- a/src/styles/generics.css.map +++ b/src/styles/generics.css.map @@ -1 +1,7 @@ -{"version":3,"sourceRoot":"","sources":["generics.sass","card.sass","mixins/m3-mixins.sass","icon.sass","badge.sass","fonts.sass","ripple.sass","divider.sass","container.sass","button-styles/fabs.sass","button-styles/button.sass","button-styles/icon-button.sass","button-styles/segmented-button.sass","input-styles/radio.sass","input-styles/slider.sass","input-styles/swtich.sass","input-styles/checkbox.sass","input-styles/text-field.sass"],"names":[],"mappings":"AAqBQ;AACA;AACA;AACA;AACA;ACdJ;EAGI;EACA;;;AAER;EACI;EACA;;;AAEJ;EACI;EACA;EACA;;;AAEJ;EAII;EACA;EACA;EACA;EACA;;AAPA;EACI;;;AAQR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAGJ;EACI;;AAGJ;ECzBA;;AD4BA;ECtBA;;AD0BA;ECxCA;;AD2CA;ECrCA;;ADyCI;EACI;;AAER;EACI;;;AE/ER;EACI;EACA;;AAGA;EACI,OATA;EAUA;EACA,aAXA;EAYA,WAZA;;AAQJ;EACI,OATA;EAUA;EACA,aAXA;EAYA,WAZA;;AAQJ;EACI,OATA;EAUA;EACA,aAXA;EAYA,WAZA;;AAQJ;EACI,OATA;EAUA;EACA,aAXA;EAYA,WAZA;;AAQJ;EACI,OATA;EAUA;EACA,aAXA;EAYA,WAZA;;AAQJ;EACI,OATA;EAUA;EACA,aAXA;EAYA,WAZA;;AAQJ;EACI,OATA;EAUA;EACA,aAXA;EAYA,WAZA;;AAQJ;EACI,OATA;EAUA;EACA,aAXA;EAYA,WAZA;;AAQJ;EACI,OATA;EAUA;EACA,aAXA;EAYA,WAZA;;AAeJ;EACI;;AADJ;EACI;;AADJ;EACI;;;ACjBZ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACR;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrBJ;EACI;EACA;EACA;;AAHJ;EACI;EACA;EACA;;AAHJ;EACI;EACA;EACA;;AAKJ;EACI;EACA;EACA;EACA;;AAJJ;EACI;EACA;EACA;EACA;;AAJJ;EACI;EACA;EACA;EACA;;AAJJ;EACI;EACA;EACA;EACA;;AAJJ;EACI;EACA;EACA;EACA;;AAJJ;EACI;EACA;EACA;EACA;;ACfR;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAEJ;EACE;IACE;;EACF;IACE;;;AC5BJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;;AAEA;EACI;;AAEJ;EACI;;;ACvBZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;ENuBI;EMrBA;;;ACnBR;EACI;;AAEA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EPkDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AOtDA;EPGA;EACA;;AAHA;EA+BI;;AA3BJ;EACI;;AACJ;EACI;;AOLJ;EPAA;EACA;;AAHA;EA+BI;;AA3BJ;EACI;;AACJ;EACI;;AOFJ;EPHA;EACA;;AAHA;EA+BI;;AA3BJ;EACI;;AACJ;EACI;;AOCJ;EPNA;EACA;;AAHA;EA+BI;;AA3BJ;EACI;;AACJ;EACI;;AOIJ;EPjBA,OOkBkC;EPjBlC,QOiBwC;EPhBxC,eOgB4B;EPf5B,SOe8C;EAC1C;;AAEJ;EPrBA,OOsBkC;EPrBlC,QOqBwC;EPpBxC,eOoB4B;EPnB5B,SOmB8C;EAC1C;;AAEJ;EPzBA,OO0BkC;EPzBlC,QOyBwC;EPxBxC,eOwB4B;EPvB5B,SOuB8C;EAC1C;;AAEJ;EP7BA,OO8BkC;EP7BlC,QO6BwC;EP5BxC,eO4B4B;EP3B5B,SO2B8C;EAC1C;;AAEJ;EPUI;;AOPJ;EPDI;;AOKA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AC9EZ;EACI;;AACA;EACI;;AACJ;EACI;;;AAER;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;;AAER;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAER;EACI;EACA;EACA;;AAEA;EACI;;AAER;ERfI;EQiBA;EACA;;AAEA;EACI;;AAER;EACI;EACA;;AAEA;EACI;;AAER;ERHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AQDA;EACI;;AAGA;EACI;;AAER;EACI;;AAGA;ERpDA;;AQuDA;ERjDA;;AQoDA;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGJ;ERnEA;;AQsEA;ERhEA;;AQmEA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAER;EACI;;AAEA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;ACvIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAGA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAGJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEJ;EACI;EACA;;AAER;EACI;EACA;;AAGA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAGJ;EACI;;AACJ;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGJ;EACI;;AACJ;EACI;;AAGJ;EACI;;AAEJ;EACI;;AACJ;EACI;;AAEJ;EACI;;AACJ;EACI;;AAGJ;EACI;;AAEJ;EACI;;AACJ;EACI;;AAEJ;EACI;;AACJ;EACI;;;ACrIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEA;EACI;;AAER;EACI;;AAEA;EACI;;AAEA;EACI;;AAEZ;EACI;EACA;EACA;;AAEJ;EACI;;AAGA;EACI;;AAGJ;EACI;;AAGJ;EACI;;;ACjEhB;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EACI;;AAEJ;EACI;;AACA;EACI;;AAGJ;EACI;;AAER;EACI;;AACA;EACI;;AAIJ;EACI;EACA;;AAER;EACI;EACA;;AAGJ;EACI;;AAEJ;EACI;EACA;;AAGJ;EACI;;AAEJ;EACI;EACA;;AAEZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AC1FhB;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EZ8BI;EYlBA;EACA;EACA;EACA;EACA;EACA;EACA;;AAfA;EACI;EACA;EACA;;AAGA;EACI;;;ACpBhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AACA;EACI;EACA;;AAER;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAER;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGA;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAER;EACI;;AAEJ;EAEI;;AAGA;EACI;;AAEJ;EACI;;AAGJ;EACI;;AAER;EACI;;AAEJ;EACI;EACA;;AAII;EACI;;AAEJ;EACI;EACA;;AAGJ;EACI;;AAEJ;EACI;EACA;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;;AAER;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAGA;EACI;;AAEJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEJ;EACI;EACA;;;AC7JhB;EdCI;EACA;EACA;EACA;EACA;EcHA;EACA;;AACA;EdIA;EACA;EACA;EACA;EACA;;;AcLJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EAGI;;AAFA;EACI;;AAIJ;EACI;;AAER;EAGI;;AAFA;EACI;;AAGR;EACI;;AAGA;EACI;;AAER;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAII;EACI;;AAER;EACI;;AACA;EACI;;AAER;EACI;;AAEJ;EACI;;AACA;EACI;;AAGJ;EACI;;AAER;EACI;;AACA;EACI;;;ACpGhB;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAGA;EACI;;AAER;EACI;EACA;;AAEA;EAgBI;EACA;EACA;EACA;EACA;EACA;;AApBA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AASR;EACI;EACA;EACA;;AAEJ;EACI;;AAEA;EACI;;AACJ;EACI;;AAER;EAEI;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAGA;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAER;EAgBI;EACA;;AAhBA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAKR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EAEI;;AAEJ;EACI;;AAEJ;EACI;;AAGA;EACI;EACA;;;AjB5LhB;EACI;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA","file":"generics.css"} \ No newline at end of file +{ +"version": 3, +"mappings": "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", +"sources": ["generics.sass","card.sass","mixins/m3-mixins.sass","icon.sass","badge.sass","fonts.sass","ripple.sass","divider.sass","container.sass","button-styles/fabs.sass","button-styles/button.sass","button-styles/icon-button.sass","button-styles/segmented-button.sass","input-styles/radio.sass","input-styles/slider.sass","input-styles/swtich.sass","input-styles/checkbox.sass","input-styles/text-field.sass"], +"names": [], +"file": "generics.css" +} diff --git a/src/styles/input-styles/slider.sass b/src/styles/input-styles/slider.sass index 2036fd4..7821704 100644 --- a/src/styles/input-styles/slider.sass +++ b/src/styles/input-styles/slider.sass @@ -17,8 +17,7 @@ input[type="range"].m3.m3-slider background-color: transparent &:hover - &::after - background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent) + outline: 10px solid color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent) width: 20px aspect-ratio: 1