Files
material-you-react/src/styles/.sass-cache/63ebf5d4d886187bdbae74a940af2682bc8cb5f1/segmented-button.sassc

172 lines
22 KiB
Plaintext
Raw Normal View History

3.7.4
2024-02-14 11:29:50 +04:00
2208ffb092639da75828059f0ea9bbbd72c51587
o:Sass::Tree::RootNode
:@children[o:Sass::Tree::RuleNode:
@rule[I" div.m3.m3-segmented-buttons:ET:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence; [o:#Sass::Selector::SimpleSequence ; [o:Sass::Selector::Element :
@nameI"div; T:@namespace0:
@linei:@filenameI"(button-styles/segmented-button.sass; To:Sass::Selector::Class;I"m3; T;i;@o;;I"m3-segmented-buttons; T;i;@: @subject0: @sourceso:Set:
@hash}F:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti: @end_poso;;i;i!:
@file0:@importer0;i;@;i;i;@:@selector_source_rangeo; ;o;;i;i;o;;i;i!;@; o: Sass::Importers::Filesystem:
@rootI"./home/drn04/material-you-react/src/styles; T:@real_rootI"./home/drn04/material-you-react/src/styles; T:@same_name_warningso;;}F:
2024-02-14 11:29:50 +04:00
@tabsi;[ o:Sass::Tree::PropNode;[I" padding; T: @value[o: Sass::Script::Tree::Literal ;(o: Sass::Script::Value::Number
;(i: @options{:@numerator_units[:@denominator_units[:@originalI"0; F;i;o; ;o;;i;i;o;;i;i;@; @;@;&i:@prop_syntax:new;[;@;+@+:@value_source_rangeo; ;o;;i;i;o;;i;i;@; @:@name_source_rangeo; ;o;;i;i
;o;;i;i;@; @;io;';[I" height; T;([o;) ;(o;*
;(i-;+@+;,[I"px; T;-[;.I" 40px; T;i;o; ;o;;i;i;o;;i;i;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i;i;o;;i;i;@; @;2o; ;o;;i;i
;o;;i;i;@; @;io;';[I" display; T;([o;) ;(o: Sass::Script::Value::String ;(I" flex; T;+@+:
@type:identifier:"@deprecated_interp_equivalent0;i ;o; ;o;;i ;i;o;;i ;i;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i ;i;o;;i ;i;@; @;2o; ;o;;i ;i
;o;;i ;i;@; @;i o;';[I"flex-direction; T;([o;) ;(o;3 ;(I"row; T;+@+;4;5;60;i
;o; ;o;;i
2024-02-14 11:29:50 +04:00
;i;o;;i
;i;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i
;i;o;;i
;i;@; @;2o; ;o;;i
;i
;o;;i
2024-02-14 11:29:50 +04:00
;i;@; @;i
o;';[I"border-radius; T;([o;) ;(o;*
;(i;+@+;,[I"px; T;-[;.I" 20px; T;i ;o; ;o;;i ;i;o;;i ;i;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i ;i;o;;i ;i;@; @;2o; ;o;;i ;i
;o;;i ;i;@; @;i o;';[I"box-sizing; T;([o;) ;(o;3 ;(I"border-box; T;+@+;4;5;60;i ;o; ;o;;i ;i;o;;i ;i ;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i ;i;o;;i ;i ;@; @;2o; ;o;;i ;i
;o;;i ;i;@; @;i o;';[I"border-collapse; T;([o;) ;(o;3 ;(I" collapse; T;+@+;4;5;60;i ;o; ;o;;i ;i;o;;i ;i#;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i ;i;o;;i ;i#;@; @;2o; ;o;;i ;i
;o;;i ;i;@; @;i o;;[I"$& > button.m3.m3-button-segment; T;
o; ; [o; ; [o; ; [o:Sass::Selector::Parent: @suffix0;i;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i;@I">; To; ; [o; ;I" button; T;0;i;@o;;I"m3; T;i;@o;;I"m3-button-segment; T;i;@;0;o;;}F;o; ;o;;i;i
;o;;i;i%;0; 0;i;@;i;i;@;!o; ;o;;i;i
;o;;i;i);@; @;&i;[o;';[I" height; T;([o;) ;(o;*
;(i-;+@+;,[I"px; T;-[;.I" 40px; T;i;o; ;o;;i;i;o;;i;i;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i;i;o;;i;i;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I" display; T;([o;) ;(o;3 ;(I" flex; T;+@+;4;5;60;i;o; ;o;;i;i;o;;i;i;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i;i;o;;i;i;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I"min-width; T;([o;) ;(o;*
;(iq;+@+;,[I"px; T;-[;.I"
108px; T;i;o; ;o;;i;i;o;;i;i;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i;i;o;;i;i;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I"border-radius; T;([o;) ;(o;*
;(i;+@+;,[;-@-;.I"0; F;i;o; ;o;;i;i;o;;i;i;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i;i;o;;i;i;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I"
width; T;([o;) ;(o;3 ;(I"max-content; T;+@+;4;5;60;i;o; ;o;;i;i;o;;i;i ;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i;i;o;;i;i ;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I"padding-inline; T;([o;) ;(o;*
;(i;+@+;,[I"px; T;-[;.I" 10px; T;i;o; ;o;;i;i;o;;i;i";@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i;i;o;;i;i";@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I" margin; T;([o:$Sass::Script::Tree::ListLiteral :@elements[ o;) ;(o;*
;(i;+@+;,[;-@-;.I"0; F;i;o; ;o;;i;i;o;;i;i;@; @;@o;) ;(o;*
;(f -0.5;+@+;,[I"px; T;-[;.I" -0.5px; T;i;o; ;o;;i;i;o;;i;i;@; @;@o;) ;(o;*
;(i;+@+;,[;-@-;.I"0; F;i;o; ;o;;i;i;o;;i;i ;@; @;@o;) ;(o;*
;(@@;+@+;,[I"px; T;-[;.I" -0.5px; T;i;o; ;o;;i;i!;o;;i;i';@; @;@:@separator:
space:@bracketedF;i;o; ;o;;i;i;o;;i;i';@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;i;i;o;;i;i';@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I"background-color; T;([o;) ;(o:Sass::Script::Value::Color ;(0;+@+: @attrs{ :redi:
greeni: bluei:
alphaf0:@representationI"transparent; T;i;o; ;o;;i;i ;o;;i;i+;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i;i ;o;;i;i+;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;';[I" border; T;([o;9 ;:[o;) ;(o;*
;(i;+@+;,[I"px; T;-[;.I"1px; T;i;o; ;o;;i;i;o;;i;i;@; @;@o;) ;(o;3 ;(I"
solid; T;+@+;4;5;60;i;o; ;o;;i;i;o;;i;i;@; @;@o: Sass::Script::Tree::Funcall:@callable0;I"var; T:
@args[o;) ;(o;3 ;(I"--md-sys-color-outline; T;+@+;4;5;60;i;o; ;o;;i;i$;o;;i;i:;@; @;@:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0;i;o; ;o;;i;i ;o;;i;i;;@; @;@;+@+;;;<;=F;i;o; ;o;;i;i;o;;i;i;;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;i;i;o;;i;i;;@; @;2o; ;o;;i;i;o;;i;i;@; @;io;;[I"&:first-child; T;
o; ; [o; ; [o; ; [o;7;80;i;@o:Sass::Selector::Pseudo :@syntactic_type:
class;I"first-child; T: @arg0:@selector0;i;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i;@;i;i;@;!o; ;o;;i;i;o;;i;i;@; @;&i;[o;';[I"border-radius; T;([o;9 ;:[ o;) ;(o;*
;(i;+@+;,[I"px; T;-[;.I" 20px; T;i;o; ;o;;i;i!;o;;i;i%;@; @;@o;) ;(o;*
;(i;+@+;,[;-@-;.I"0; F;i;o; ;o;;i;i&;o;;i;i';@; @;@o;) ;(o;*
;(i;+@+;,[;-@-;.I"0; F;i;o; ;o;;i;i(;o;;i;i);@; @;@o;) ;(o;*
;(i;+@+;,[I"px; T;-[;.I" 20px; T;i;o; ;o;;i;i*;o;;i;i.;@; @;@;;;<;=F;i;o; ;o;;i;i!;o;;i;i.;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;i;i!;o;;i;i.;@; @;2o; ;o;;i;i;o;;i;i;@; @;i;@;+@+;i:@has_childrenTo;;[I"&:last-child; T;
o; ; [o; ; [o; ; [o;7;80;i;@o;N ;O;P;I"last-child; T;Q0;R0;i;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i;@;i;i;@;!o; ;o;;i;i;o;;i;i;@; @;&i;[o;';[I"border-radius; T;([o;9 ;:[ o;) ;(o;*
;(i;+@+;,[;-@-;.I"0; F;i;o; ;o;;i;i!;o;;i;i";@; @;@o;) ;(o;*
;(i;+@+;,[I"px; T;-[;.I" 20px; T;i;o; ;o;;i;i#;o;;i;i';@; @;@o;) ;(o;*
;(i;+@+;,[I"px; T;-[;.I" 20px; T;i;o; ;o;;i;i(;o;;i;i,;@; @;@o;) ;(o;*
;(i;+@+;,[;-@-;.I"0; F;i;o; ;o;;i;i-;o;;i;i.;@; @;@;;;<;=F;i;o; ;o;;i;i!;o;;i;i.;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;i;i!;o;;i;i.;@; @;2o; ;o;;i;i;o;;i;i;@; @;i;@;+@+;i;STo;;[I" & > span; T;
o; ; [o; ; [o; ; [o;7;80;i ;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i ;@I">; To; ; [o; ;I" span; T;0;i ;@;0;o;;}F;o; ;o;;i;i
;o;;i;i;0; 0;i ;@;i ;i ;@;!o; ;o;;i ;i;o;;i ;i;@; @;&i;[o;';[I"
color; T;([o;E;F0;I"var; T;G[o;) ;(o;3 ;(I"--md-sys-color-on-surface; T;+@+;4;5;60;i!;o; ;o;;i!;i;o;;i!;i6;@; @;@;Ho;I;J{;K{;L0;M0;i!;o; ;o;;i!;i;o;;i!;i7;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;i!;i;o;;i!;i7;@; @;2o; ;o;;i!;i;o;;i!;i;@; @;i!;@;+@+;i ;STo;;[I"& > svg > text; T;
o; ; [o; ; [
o; ; [o;7;80;i#;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i#;@I">; To; ; [o; ;I"svg; T;0;i#;@;0;o;;}F;o; ;o;;i;i
;o;;i;i ;0; 0;i#;@I">; To; ; [o; ;I" text; T;0;i#;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i#;@;i#;i#;@;!o; ;o;;i#;i;o;;i#;i;@; @;&i;[o;';[I" fill; T;([o;E;F0;I"var; T;G[o;) ;(o;3 ;(I"--md-sys-color-on-surface; T;+@+;4;5;60;i$;o; ;o;;i$;i;o;;i$;i5;@; @;@;Ho;I;J{;K{;L0;M0;i$;o; ;o;;i$;i;o;;i$;i6;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;i$;i;o;;i$;i6;@; @;2o; ;o;;i$;i;o;;i$;i;@; @;i$;@;+@+;i#;STo;;[I"&:disabled; T;
o; ; [o; ; [o; ; [o;7;80;i&;@o;N ;O;P;I" disabled; T;Q0;R0;i&;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i&;@;i&;i&;@;!o; ;o;;i&;i;o;;i&;i;@; @;&i;[o;';[I" border; T;([o;9 ;:[o;) ;(o;*
;(i;+@+;,[I"px; T;-[;.I"1px; T;i';o; ;o;;i';i;o;;i';i;@; @;@o;) ;(o;3 ;(I"
solid; T;+@+;4;5;60;i';o; ;o;;i';i;o;;i';i#;@; @;@o;E;F0;I"color-mix; T;G[o;9 ;:[o;) ;(o;3 ;(I"in; T;+@+;4;5;60;i';o; ;o;;i';i.;o;;i';i0;@; @;@o;) ;(o;3 ;(I" srgb; T;+@+;4;5;60;i';o; ;o;;i';i1;o;;i';i5;@; @;@;;;<;=F;i';o; ;o;;i';i.;o;;i';i5;@; @;@;+@+o;9 ;:[o;E;F0;I"var; T;G[o;) ;(o;3 ;(I"--md-sys-color-outline; T;+@+;4;5;60;i';o; ;o;;i';i;;o;;i';iQ;@; @;@;Ho;I;J{;K{;L0;M0;i';o; ;o;;i';i7;o;;i';iR;@; @;@;+@+o;) ;(o;*
;(i;+@+;,[I"%; T;-[;.I"12%; T;i';o; ;o;;i';iS;o;;i';iV;@; @;@;;;<;=F;i';o; ;o;;i';i6;o;;i';iV;@; @;@;+@+o;) ;(o;> ;(0;+@+;?{ ;@i;Ai;Bi;C@i;DI"transparent; T;i';o; ;o;;i';iX;o;;i';ic;@; @;@;Ho;I;J{;K{;L0;M0;i';o; ;o;;i';i$;o;;i';id;@; @;@;+@+;;;<;=F;i';o; ;o;;i';i;o;;i';id;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;i';i;o;;i';id;@; @;2o; ;o;;i';i;o;;i';i;@; @;i'o;;[I"
& > *; T;
o; ; [o; ; [o; ; [o;7;80;i);@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i);@I">; To; ; [o:Sass::Selector::Universal;0;i);@;0;o;;}F;o; ;o;;i;i
;o;;i;i ;0; 0;i);@;i);i);@;!o; ;o;;i);i;o;;i);i;@; @;&i;[o;';[I" opacity; T;([o;) ;(o;*
;(i+;+@+;,[I"%; T;-[;.I"38%; T;i*;o; ;o;;i*;i;o;;i*;i";@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i*;i;o;;i*;i";@; @;2o; ;o;;i*;i;o;;i*;i;@; @;i*;@;+@+;i);ST;@;+@+;i&;STo;;[I"&.selected; T;
o; ; [o; ; [o; ; [o;7;80;i,;@o;;I" selected; T;i,;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i,;@;i,;i,;@;!o; ;o;;i,;i;o;;i,;i;@; @;&i;[o;';[I"background-color; T;([o;E;F0;I"var; T;G[o;) ;(o;3 ;(I"'--md-sys-color-secondary-container; T;+@+;4;5;60;i-;o; ;o;;i-;i(;o;;i-;iJ;@; @;@;Ho;I;J{;K{;L0;M0;i-;o; ;o;;i-;i$;o;;i-;iK;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;i-;i$;o;;i-;iK;@; @;2o; ;o;;i-;i;o;;i-;i";@; @;i-o;;[I" & > span; T;
o; ; [o; ; [o; ; [o;7;80;i/;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i/;@I">; To; ; [o; ;I" span; T;0;i/;@;0;o;;}F;o; ;o;;i;i
;o;;i;i;0; 0;i/;@;i/;i/;@;!o; ;o;;i/;i;o;;i/;i;@; @;&i;[o;';[I"
color; T;([o;E;F0;I"var; T;G[o;) ;(o;3 ;(I"*--md-sys-color-on-secondary-container; T;+@+;4;5;60;i0;o; ;o;;i0;i!;o;;i0;iF;@; @;@;Ho;I;J{;K{;L0;M0;i0;o; ;o;;i0;i;o;;i0;iG;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;i0;i;o;;i0;iG;@; @;2o; ;o;;i0;i;o;;i0;i;@; @;i0o;;[I" & > text; T;
o; ; [o; ; [o; ; [o;7;80;i2;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i2;@I">; To; ; [o; ;I" text; T;0;i2;@;0;o;;}F;o; ;o;;i;i
;o;;i;i;0; 0;i2;@;i2;i2;@;!o; ;o;;i2;i;o;;i2;i;@; @;&i;[o;';[I" fill; T;([o;E;F0;I"var; T;G[o;) ;(o;3 ;(I"*--md-sys-color-on-secondary-container; T;+@+;4;5;60;i3;o; ;o;;i3;i$;o;;i3;iI;@; @;@;Ho;I;J{;K{;L0;M0;i3;o; ;o;;i3;i ;o;;i3;iJ;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;i3;i ;o;;i3;iJ;@; @;2o; ;o;;i3;i;o;;i3;i;@; @;i3;@;+@+;i2;ST;@;+@+;i/;ST;@;+@+;i,;STo;;[I".& > span.m3.m3-button-segment-state-layer; T;
o; ; [o; ; [o; ; [o;7;80;i5;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i5;@I">; To; ; [o; ;I" span; T;0;i5;@o;;I"m3; T;i5;@o;;I""m3-button-segment-state-layer; T;i5;@;0;o;;}F;o; ;o;;i;i
;o;;i;i/;0; 0;i5;@;i5;i5;@;!o; ;o;;i5;i;o;;i5;i7;@; @;&i;[o;';[I" position; T;([o;) ;(o;3 ;(I" absolute; T;+@+;4;5;60;i6;o; ;o;;i6;i;o;;i6;i$;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i6;i;o;;i6;i$;@; @;2o; ;o;;i6;i;o;;i6;i;@; @;i6o;';[I"
width; T;([o;) ;(o;*
;(ii;+@+;,[I"%; T;-[;.I" 100%; T;i7;o; ;o;;i7;i;o;;i7;i;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i7;i;o;;i7;i;@; @;2o; ;o;;i7;i;o;;i7;i;@; @;i7o;';[I" height; T;([o;) ;(o;*
;(ii;+@+;,[I"%; T;-[;.I" 100%; T;i8;o; ;o;;i8;i;o;;i8;i;@; @;@;&i;/;0;[;@;+@+;1o; ;o;;i8;i;o;;i8;i;@; @;2o; ;o;;i8;i;o;;i8;i;@; @;i8;@;+@+;i5;STo;;[I"H& > span.m3.m3-button-segment-state-layer, span.m3.m3-ripple-domain; T;
o; ; [o; ; [o; ; [o;7;80;i:;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i:;@I">; To; ; [o; ;I" span; T;0;i:;@o;;I"m3; T;i:;@o;;I""m3-button-segment-state-layer; T;i:;@;0;o;;}F;o; ;o;;i;i
;o;;i;i/;0; 0;i:;@;i:o; ; [o; ; [o; ;I" span; T;0;i:;@o;;I"m3; T;i:;@o;;I"m3-ripple-domain; T;i:;@;0;o;;}F;o; ;o;;i;i1;o;;i;iI;0; 0;i:;@;i:;i:;@;!o; ;o;;i:;i;o;;i:;iQ;@; @;&i;[o;';[I"transition; T;([o;9 ;:[o;) ;(o;*
;(f0.2;+@+;,[I"s; T;-[;.I" 0.2s; T;i;;o; ;o;;i;;i;o;;i;;i!;@; @;@o;E;F0;I"cubic-bezier; T;G[ o;) ;(o;*
;(@v;+@+;,[;-@-;.I"0.2; F;i;;o; ;o;;i;;i/;o;;i;;i2;@; @;@o;) ;(o;*
;(i;+@+;,[;-@-;.I"0; F;i;;o; ;o;;i;;i4;o;;i;;i5;@; @;@o;) ;(o;*
;(i;+@+;,[;-@-;.I"0; F;i;;o; ;o;;i;;i7;o;;i;;i8;@; @;@o;) ;(o;*
;(i;+@+;,[;-@-;.I"1; F;i;;o; ;o;;i;;i:;o;;i;;i;;@; @;@;Ho;I;J{;K{;L0;M0;i;;o; ;o;;i;;i";o;;i;;i<;@; @;@;+@+;;;<;=F;i;;o; ;o;;i;;i;o;;i;;i<;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;i;;i;o;;i;;i<;@; @;2o; ;o;;i;;i;o;;i;;i;@; @;i;;@;+@+;i:;STo;;[I" &:hover; T;
o; ; [o; ; [o; ; [o;7;80;i=;@o;N ;O;P;I"
hover; T;Q0;R0;i=;@;0;o;;}F;o; ;o;;i;i;o;;i;i ;0; 0;i=;@;i=;i=;@;!o; ;o;;i=;i;o;;i=;i;@; @;&i;[o;;[I".& > span.m3.m3-button-segment-state-layer; T;
o; ; [o; ; [o; ; [o;7;80;i>;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;i>;@I">; To; ; [o; ;I" span; T;0;i>;@o;;I"m3; T;i>;@o;;I""m3-button-segment-state-layer; T;i>;@;0;o;;}F;o; ;o;;i;i
;o;;i;i/;0; 0;i>;@;i>;i>;@;!o; ;o;;i>;i;o;;i>;i;;@; @;&i;[o;';[I"background-color; T;([o;E;F0;I"color-mix; T;G[o;9 ;:[o;) ;(o;3 ;(I"in; T;+@+;4;5;60;i?;o; ;o;;i?;i2;o;;i?;i4;@; @;@o;) ;(o;3 ;(I" srgb; T;+@+;4;5;60;i?;o; ;o;;i?;i5;o;;i?;i9;@; @;@;;;<;=F;i?;o; ;o;;i?;i2;o;;i?;i9;@; @;@;+@+o;9 ;:[o;E;F0;I"var; T;G[o;) ;(o;3 ;(I"*--md-sys-color-on-secondary-container; T;+@+;4;5;60;i?;o; ;o;;i?;i?;o;;i?;id;@; @;@;Ho;I;J{;K{;L0;M0;i?;o; ;o;;i?;i;;o;;i?;ie;@; @;@;+@+o;) ;(o;*
;(i ;+@+;,[I"%; T;-[;.I"8%; T;i?;o; ;o;;i?;if;o;;i?;ih;@; @;@;;;<;=F;i?;o; ;o;;i?;i:;o;;i?;ih;@; @;@;+@+o;) ;(o;> ;(0;+@+;?{ ;@i;Ai;Bi;C@i;DI"transparent; T;i?;o; ;o;;i?;ij;o;;i?;iu;@; @;@;Ho;I;J{;K{;L0;M0;i?;o; ;o;;i?;i(;o;;i?;iv;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;i?;i(;o;;i?;iv;@; @;2o; ;o;;i?;i;o;;i?;i&;@; @;i?;@;+@+;i>;ST;@;+@+;i=;STo;;[I"$&:is(&:active, &:focus-visible); T;
o; ; [o; ; [o; ; [o;7;80;iA;@o;N ;O;P;I"is; T;QI"&:active, &:focus-visible; T;R0;iA;@;0;o;;}F;o; ;o;;i;i;o;;i;i%;0; 0;iA;@;iA;iA;@;!o; ;o;;iA;i;o;;iA;i-;@; @;&i;[o;;[I".& > span.m3.m3-button-segment-state-layer; T;
o; ; [o; ; [o; ; [o;7;80;iB;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;iB;@I">; To; ; [o; ;I" span; T;0;iB;@o;;I"m3; T;iB;@o;;I""m3-button-segment-state-layer; T;iB;@;0;o;;}F;o; ;o;;i;i
;o;;i;i/;0; 0;iB;@;iB;iB;@;!o; ;o;;iB;i;o;;iB;i;;@; @;&i;[o;';[I"background-color; T;([o;E;F0;I"color-mix; T;G[o;9 ;:[o;) ;(o;3 ;(I"in; T;+@+;4;5;60;iC;o; ;o;;iC;i2;o;;iC;i4;@; @;@o;) ;(o;3 ;(I" srgb; T;+@+;4;5;60;iC;o; ;o;;iC;i5;o;;iC;i9;@; @;@;;;<;=F;iC;o; ;o;;iC;i2;o;;iC;i9;@; @;@;+@+o;9 ;:[o;E;F0;I"var; T;G[o;) ;(o;3 ;(I"*--md-sys-color-on-secondary-container; T;+@+;4;5;60;iC;o; ;o;;iC;i?;o;;iC;id;@; @;@;Ho;I;J{;K{;L0;M0;iC;o; ;o;;iC;i;;o;;iC;ie;@; @;@;+@+o;) ;(o;*
;(i;+@+;,[I"%; T;-[;.I"12%; T;iC;o; ;o;;iC;if;o;;iC;ii;@; @;@;;;<;=F;iC;o; ;o;;iC;i:;o;;iC;ii;@; @;@;+@+o;) ;(o;> ;(0;+@+;?{ ;@i;Ai;Bi;C@i;DI"transparent; T;iC;o; ;o;;iC;ik;o;;iC;iv;@; @;@;Ho;I;J{;K{;L0;M0;iC;o; ;o;;iC;i(;o;;iC;iw;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;iC;i(;o;;iC;iw;@; @;2o; ;o;;iC;i;o;;iC;i&;@; @;iC;@;+@+;iB;ST;@;+@+;iA;STo;;[I" &:active; T;
o; ; [o; ; [o; ; [o;7;80;iE;@o;N ;O;P;I" active; T;Q0;R0;iE;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;iE;@;iE;iE;@;!o; ;o;;iE;i;o;;iE;i;@; @;&i;[o;;[I"2& > span.m3.m3-ripple-domain > span.m3.ripple; T;
o; ; [o; ; [
o; ; [o;7;80;iF;@;0;o;;}F;o; ;o;;i;i;o;;i;i;0; 0;iF;@I">; To; ; [o; ;I" span; T;0;iF;@o;;I"m3; T;iF;@o;;I"m3-ripple-domain; T;iF;@;0;o;;}F;o; ;o;;i;i
;o;;i;i";0; 0;iF;@I">; To; ; [o; ;I" span; T;0;iF;@o;;I"m3; T;iF;@o;;I" ripple; T;iF;@;0;o;;}F;o; ;o;;i;i%;o;;i;i3;0; 0;iF;@;iF;iF;@;!o; ;o;;iF;i;o;;iF;i?;@; @;&i;[o;';[I"background-color; T;([o;E;F0;I"color-mix; T;G[o;9 ;:[o;) ;(o;3 ;(I"in; T;+@+;4;5;60;iG;o; ;o;;iG;i2;o;;iG;i4;@; @;@o;) ;(o;3 ;(I" srgb; T;+@+;4;5;60;iG;o; ;o;;iG;i5;o;;iG;i9;@; @;@;;;<;=F;iG;o; ;o;;iG;i2;o;;iG;i9;@; @;@;+@+o;9 ;:[o;E;F0;I"var; T;G[o;) ;(o;3 ;(I"*--md-sys-color-on-secondary-container; T;+@+;4;5;60;iG;o; ;o;;iG;i?;o;;iG;id;@; @;@;Ho;I;J{;K{;L0;M0;iG;o; ;o;;iG;i;;o;;iG;ie;@; @;@;+@+o;) ;(o;*
;(i;+@+;,[I"%; T;-[;.I"12%; T;iG;o; ;o;;iG;if;o;;iG;ii;@; @;@;;;<;=F;iG;o; ;o;;iG;i:;o;;iG;ii;@; @;@;+@+o;) ;(o;> ;(0;+@+;?{ ;@i;Ai;Bi;C@i;DI"transparent; T;iG;o; ;o;;iG;ik;o;;iG;iv;@; @;@;Ho;I;J{;K{;L0;M0;iG;o; ;o;;iG;i(;o;;iG;iw;@; @;@;+@+;&i;/;0;[;@;+@+;1o; ;o;;iG;i(;o;;iG;iw;@; @;2o; ;o;;iG;i;o;;iG;i&;@; @;iG;@;+@+;iF;ST;@;+@+;iE;ST;@;+@+;i;ST;@;+@+;i;ST;0;+@+:@templateI"<02>div.m3.m3-segmented-buttons
padding: 0
height: 40px
display: flex
flex-direction: row
border-radius: 20px
2024-02-14 11:29:50 +04:00
box-sizing: border-box
border-collapse: collapse
& > button.m3.m3-button-segment
height: 40px
2024-02-14 11:29:50 +04:00
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)
&:first-child
border-radius: 20px 0 0 20px
&:last-child
border-radius: 0 20px 20px 0
2024-02-14 11:29:50 +04:00
& > span
color: var(--md-sys-color-on-surface)
& > svg > text
fill: var(--md-sys-color-on-surface)
&:disabled
border: 1px solid color-mix(in srgb, var(--md-sys-color-outline) 12%, transparent)
& > *
opacity: 38%
&.selected
background-color: var(--md-sys-color-secondary-container)
& > span
color: var(--md-sys-color-on-secondary-container)
& > text
fill: var(--md-sys-color-on-secondary-container)
& > span.m3.m3-button-segment-state-layer
position: absolute
width: 100%
height: 100%
& > span.m3.m3-button-segment-state-layer, span.m3.m3-ripple-domain
transition: .2s cubic-bezier(0.2, 0, 0, 1)
&:hover
& > span.m3.m3-button-segment-state-layer
background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 8%, transparent)
&: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)
&:active
& > span.m3.m3-ripple-domain > span.m3.ripple
background-color: color-mix(in srgb, var(--md-sys-color-on-secondary-container) 12%, transparent)
; T;ST