@cars4ever/public-ui 0.0.80

package/dist/assets/scss/adaptive-utils.scss

@@ -0,0 +1,14 @@
+$break-md: 48rem; // 768px
+$break-lg: 64.0625rem; // 1025px
+
+@mixin tablet() {
+  @media screen and (min-width: $break-md) {
+    @content;
+  }
+}
+
+@mixin desktop() {
+  @media screen and (min-width: $break-lg) {
+    @content;
+  }
+}

package/dist/assets/scss/common-utils.scss

@@ -0,0 +1,17 @@
+@mixin pointer-no-highlight() {
+  cursor: pointer;
+
+  &:hover, &:focus, &:active {
+    -webkit-tap-highlight-color: transparent;
+    -webkit-touch-callout: none;
+    user-select: none;
+  }
+}
+
+@mixin hover() {
+  @media (hover: hover) {
+    &:hover {
+      @content;
+    }
+  }
+}

package/dist/assets/scss/globals.scss

@@ -0,0 +1,96 @@
+@use './utils' as *;
+
+* {
+  font-family: var(--theme-font-family);
+  box-sizing: border-box;
+}
+
+html, body {
+  width: 100%;
+
+  margin: 0;
+  padding: 0;
+
+  color: var(--theme-color-black);
+
+  background-color: var(--theme-color-white);
+
+  /* stylelint-disable property-no-vendor-prefix */
+  -webkit-text-size-adjust: none;
+  -moz-text-size-adjust: none;
+  -ms-text-size-adjust: none;
+  /* stylelint-enable property-no-vendor-prefix */
+
+  text-size-adjust: none;
+}
+
+p {
+  margin: 0;
+}
+
+#root {
+  height: 100%;
+}
+
+:root {
+  --spacing-xxs: 0.125rem; //2px
+  --spacing-xs: 0.25rem; //4px
+  --spacing-s: 0.5rem; //8px
+  --spacing-m: 0.75rem; //12px
+  --spacing-l: 1rem; //16px
+  --spacing-xl: 1.25rem; //20px
+  --spacing-2xl: 1.5rem; //24px
+  --spacing-3xl: 2rem; //32px
+  --spacing-4xl: 3rem; //48px
+
+  --device-type: mobile;
+
+  --theme-color-black: #1a1a1a;
+  --theme-color-white: #fff;
+  --theme-color-grey-80: #484848;
+  --theme-color-grey-60: #767676;
+  --theme-color-grey-40: #a3a3a3;
+  --theme-color-grey-20: #e3e3e3;
+  --theme-color-grey-10: #f6f6f6;
+  --theme-color-red: #e4000f;
+
+  --theme-color-accent: #000;
+  --theme-color-accent-plus: var(--theme-color-accent);
+  --theme-color-button-inside: var(--theme-color-white);
+  --theme-color-advert: #a9db1f;
+  --theme-color-hover: #292b34;
+  --theme-color-accent-light: #f2f2f2;
+  --theme-color-accent-white: #f9f9f9;
+  --theme-color-mute: #ebebeb;
+  --theme-color-deep: #333;
+  
+  --theme-border-radius-base: 0;
+  
+  --theme-font-family: 'Poppins';
+  --theme-font-base-size: 1rem;
+  --theme-font-base-line-height: 1rem;
+
+  @include tablet {
+    --device-type: tablet;
+  }
+
+  @include desktop {
+    --device-type: desktop;
+  }
+}
+
+@font-face {
+  font-weight: normal;
+  font-family: 'Poppins';
+  font-style: normal;
+  font-display: swap;
+  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
+}
+
+@font-face {
+  font-weight: bold;
+  font-family: 'Poppins';
+  font-style: normal;
+  font-display: swap;
+  src: url('../fonts/Poppins-Bold.ttf') format('truetype');
+}

package/dist/assets/scss/utils.scss

@@ -0,0 +1,3 @@
+@forward './adaptive-utils';
+
+@forward './common-utils';

package/dist/index.css

@@ -0,0 +1 @@
+*{font-family:var(--theme-font-family);box-sizing:border-box}html,body{width:100%;margin:0;padding:0;color:var(--theme-color-black);background-color:var(--theme-color-white);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}p{margin:0}#root{height:100%}:root{--spacing-xxs: .125rem;--spacing-xs: .25rem;--spacing-s: .5rem;--spacing-m: .75rem;--spacing-l: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--spacing-4xl: 3rem;--device-type: mobile;--theme-color-black: #1a1a1a;--theme-color-white: #fff;--theme-color-grey-80: #484848;--theme-color-grey-60: #767676;--theme-color-grey-40: #a3a3a3;--theme-color-grey-20: #e3e3e3;--theme-color-grey-10: #f6f6f6;--theme-color-red: #e4000f;--theme-color-accent: #000;--theme-color-accent-plus: var(--theme-color-accent);--theme-color-button-inside: var(--theme-color-white);--theme-color-advert: #a9db1f;--theme-color-hover: #292b34;--theme-color-accent-light: #f2f2f2;--theme-color-accent-white: #f9f9f9;--theme-color-mute: #ebebeb;--theme-color-deep: #333;--theme-border-radius-base: 0;--theme-font-family: "Poppins";--theme-font-base-size: 1rem;--theme-font-base-line-height: 1rem}@media screen and (min-width:48rem){:root{--device-type: tablet}}@media screen and (min-width:64.0625rem){:root{--device-type: desktop}}@font-face{font-weight:400;font-family:Poppins;font-style:normal;font-display:swap;src:url("./Poppins-Regular-JNHL4IDV.ttf") format("truetype")}@font-face{font-weight:700;font-family:Poppins;font-style:normal;font-display:swap;src:url("./Poppins-Bold-QAA2AGZS.ttf") format("truetype")}.W{display:flex;align-items:center;justify-content:center;flex:1;width:100%;min-height:100%;color:var(--theme-color-accent)}.W div{display:flex}.o{display:inline-block;font-weight:400}.o.B,.o.X,.o.Z,.o._,.o.ee,.o.oe{font-weight:400}.o.B{font-size:calc(1.5 * var(--theme-font-base-size));line-height:calc(2 * var(--theme-font-base-line-height))}.o.Ee,.o.re{font-size:calc(1.25 * var(--theme-font-base-size));line-height:calc(1.625 * var(--theme-font-base-line-height))}.o.Fe{font-size:calc(1.125 * var(--theme-font-base-size));line-height:calc(1.5 * var(--theme-font-base-line-height))}.o.N,.o.O,.o.te,.o.D{font-size:calc(.875 * var(--theme-font-base-size))}.o.N,.o.te{line-height:calc(1.125 * var(--theme-font-base-line-height))}.o.O,.o.D{line-height:calc(1.25 * var(--theme-font-base-line-height))}.o.Ge{font-size:var(--theme-font-base-size);line-height:calc(1.375 * var(--theme-font-base-line-height))}.o.He,.o.Q{font-size:calc(.75 * var(--theme-font-base-size));line-height:var(--theme-font-base-line-height)}.o.ae,.o.R{font-size:calc(.625 * var(--theme-font-base-size));line-height:calc(.875 * var(--theme-font-base-line-height))}.o.re,.o.N,.o.D,.o.Q,.o.R{font-weight:700}.o.B,.o.O,.o.D,.o.Q,.o.ae,.o.R{text-transform:uppercase}.o.Ie{text-align:center}.B,.X,.Z,._,.ee,.oe{margin:0;padding:0}.ne{display:inline-block;min-height:1rem;opacity:1;transition:opacity .3s ease-in-out}.ne.Je{opacity:0}.t{cursor:pointer}.t:hover,.t:focus,.t:active{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.t{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--theme-color-accent);border-radius:var(--theme-border-radius-base);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;outline:none}.t:focus:not(:disabled){color:var(--theme-color-button-inside);background-color:var(--theme-color-hover);border-color:var(--theme-color-hover)}.t.Ke{color:var(--theme-color-button-inside);background-color:var(--theme-color-accent)}.t.Le{color:var(--theme-color-accent-plus);background-color:transparent;border-color:var(--theme-color-accent-plus)}.t.Me{color:var(--theme-color-accent-plus);background-color:var(--theme-color-accent-light);border-color:var(--theme-color-accent-light)}.t.j{padding:var(--spacing-s) var(--spacing-xs);color:var(--theme-color-accent-plus);background-color:transparent;border-color:transparent}.t.j:focus:not(:disabled){color:var(--theme-color-accent-plus);background-color:var(--theme-color-accent-light);border-color:var(--theme-color-accent-light)}.t.j:disabled{color:var(--theme-color-grey-20);background-color:transparent;border-color:transparent}.t.j.Ne .Oe{color:transparent}@media(hover:hover){.t.j:hover:not(:disabled){color:var(--theme-color-accent-plus);background-color:var(--theme-color-accent-light);border-color:var(--theme-color-accent-light)}}.t:disabled{color:var(--theme-color-white);background-color:var(--theme-color-grey-20);border-color:var(--theme-color-grey-20);cursor:not-allowed}.t.E{padding:.4375rem .1875rem}.t.F{padding:.8125rem .9375rem}.t.ie.E{padding:.1875rem}.t.ie.F{padding:.6875rem}.t.G.E{padding:.1875rem .1875rem .4375rem}.t.G.E .S{margin-bottom:var(--spacing-xs)}.t.G.F{padding:.6875rem}.t.G.F .S{margin-bottom:var(--spacing-s)}@media(hover:hover){.t:hover:not(:disabled){color:var(--theme-color-button-inside);background-color:var(--theme-color-hover);border-color:var(--theme-color-hover)}}.t .S{display:block;min-width:1rem;margin:0 auto;color:inherit}.t .le{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;background-color:inherit}.t .le .Qe{color:inherit}.c{--button-content-gap: var(--spacing-s);--button-padding: var(--spacing-xs) var(--spacing-s);cursor:pointer}.c:hover,.c:focus,.c:active{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.c{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:var(--button-padding);border:1px solid var(--theme-color-accent);border-radius:1.125rem;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;outline:none}.c:focus:not(:disabled){color:var(--theme-color-button-inside);background-color:var(--theme-color-hover);border-color:var(--theme-color-hover)}.c.Re{color:var(--theme-color-button-inside);background-color:var(--theme-color-accent)}.c.Se{color:var(--theme-color-accent-plus);background-color:transparent;border-color:var(--theme-color-accent-plus)}.c.Te{color:var(--theme-color-accent-plus);background-color:var(--theme-color-accent-light);border-color:var(--theme-color-accent-light)}.c:disabled{color:var(--theme-color-white);background-color:var(--theme-color-grey-20);border-color:var(--theme-color-grey-20);cursor:not-allowed}.c.Ue{--button-content-gap: var(--spacing-m);--button-padding: var(--spacing-s) var(--spacing-l)}@media(hover:hover){.c:hover:not(:disabled){color:var(--theme-color-button-inside);background-color:var(--theme-color-hover);border-color:var(--theme-color-hover)}}.c .Ve{display:flex;align-items:center;gap:var(--button-content-gap)}.c .We{color:inherit}.c .ce{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;background-color:inherit}.c .ce .Xe{color:inherit}.i{cursor:pointer}.i:hover,.i:focus,.i:active{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.i{display:inline-flex}.i.Ze{text-decoration:none}.i.T{text-decoration:underline}.i.T:focus{text-decoration:none}@media(hover:hover){.i.T:hover{text-decoration:none}}.i.se,.i.se:visited{color:var(--theme-color-accent-plus)}.i.de,.i.de:visited{color:var(--theme-color-white)}.i.U,.i.U:visited{color:var(--theme-color-grey-40)}.i.U{pointer-events:none;text-decoration:none}.i ._e{display:inline-flex;align-items:center;gap:var(--spacing-s)}.i .eo{color:inherit}.he{max-width:100%}.he path{fill:currentColor}.oo,.ro{color:var(--theme-color-accent-light)}.to{color:var(--theme-color-mute)}.ao{color:var(--theme-color-white)}.u{cursor:pointer}.u:hover,.u:focus,.u:active{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.u{display:flex;align-items:center;color:var(--theme-color-accent-plus);text-decoration:none}.u:visited{color:var(--theme-color-accent-plus)}.u:hover,.u:focus{text-decoration:underline}.u .no{margin-right:var(--spacing-m);color:inherit;transform:rotate(90deg)}.io{display:inline-block;width:100%}.lo{display:flex;align-items:center;justify-content:center;height:100%;color:var(--theme-color-accent-plus);background-color:var(--theme-color-white)}.co{width:100%;overflow:hidden;color:var(--theme-color-grey-60);white-space:nowrap;text-overflow:ellipsis;cursor:text}.so{resize:none}.e{--adornment-reserved-space: var(--spacing-3xl);--adornment-spacing: 0;--shrinked-label-translate-position: 0;--label-translate-position: 100%;position:relative;display:flex;flex-direction:column;width:100%}.e.pe .x{transform:translateY(var(--shrinked-label-translate-position)) scale(.75)}.e.h .l,.e.h.v .l{border-color:var(--theme-color-red)}.e.h .p,.e.h .k,.e.h.v .p,.e.h.v .k{color:var(--theme-color-red)}.e.z .l .m,.e.z .x,.e.z .p{color:var(--theme-color-grey-20)}.e.v .l{border-color:var(--theme-color-grey-80)}.e.v .l .m::placeholder{opacity:1}.e.me .m::placeholder{opacity:1}.e .m{width:100%;padding:0;font-size:inherit;color:var(--theme-color-black);line-height:inherit;background-color:transparent;border:0;outline:none;appearance:none;caret-color:var(--theme-color-accent-plus);text-overflow:ellipsis}.e .m::placeholder{opacity:0;font-size:inherit;color:var(--theme-color-grey-20)}.e .k{margin-top:var(--spacing-xxs)}.e .p{position:absolute}.e .p.ge{left:var(--adornment-spacing)}.e .p.ve{right:var(--adornment-spacing)}.e:not(.r){padding-top:1.375rem}.e.r{--adornment-spacing: var(--spacing-m);--adornment-reserved-space: var(--spacing-3xl);--input-vertical-spacing: var(--spacing-l);--shrinked-label-translate-position: calc(-1 * var(--input-vertical-spacing) / 2);--label-translate-position: var(--input-vertical-spacing);position:relative;display:flex;flex-direction:column;width:100%}.e.r.pe .x{transform:translateY(var(--shrinked-label-translate-position)) scale(.75)}.e.r.h .l,.e.r.h.v .l{border-color:var(--theme-color-red)}.e.r.h .p,.e.r.h .k,.e.r.h.v .p,.e.r.h.v .k{color:var(--theme-color-red)}.e.r.z .l .m,.e.r.z .x,.e.r.z .p{color:var(--theme-color-grey-20)}.e.r.v .l{border-color:var(--theme-color-grey-80)}.e.r.v .l .m::placeholder{opacity:1}.e.r.me .m::placeholder{opacity:1}.e.r .m{width:100%;padding:0;font-size:inherit;color:var(--theme-color-black);line-height:inherit;background-color:transparent;border:0;outline:none;appearance:none;caret-color:var(--theme-color-accent-plus);text-overflow:ellipsis}.e.r .m::placeholder{opacity:0;font-size:inherit;color:var(--theme-color-grey-20)}.e.r .k{margin-top:var(--spacing-xxs)}.e.r .p{position:absolute}.e.r .p.ge{left:var(--adornment-spacing)}.e.r .p.ve{right:var(--adornment-spacing)}.e.r .l{padding:0;border:1px solid var(--theme-color-grey-20);border-radius:var(--spacing-xs)}.e.r .l .m{padding:var(--input-vertical-spacing) var(--spacing-m)}.e.r .l{position:relative;display:flex;align-items:flex-end;justify-content:space-between;width:100%;transition:border-color .3s ease-in-out}.e.r .l.ue{padding-left:var(--adornment-reserved-space)}.e.r .l.V{padding-right:var(--adornment-reserved-space)}.e.r .x{left:var(--spacing-s);max-width:calc(100% - 2 * var(--spacing-xs) - var(--spacing-s));width:auto;overflow:hidden;padding:0 var(--spacing-xs);background:var(--theme-color-white)}.e.r .x.V{max-width:calc(100% - var(--spacing-s) - 2 * var(--spacing-xs) - var(--adornment-reserved-space))}.e.r .x{position:absolute;top:0;z-index:2;transition:color .2s ease-in-out,transform .2s ease-in-out,opacity .2s ease-in-out;transform-origin:top left;will-change:transform,scale;transform:translateY(var(--label-translate-position)) scale(1)}.e .l{padding:0 0 var(--spacing-xxs);border:0;border-bottom:1px solid var(--theme-color-grey-20);position:relative;display:flex;align-items:flex-end;justify-content:space-between;width:100%;transition:border-color .3s ease-in-out}.e .l.ue{padding-left:var(--adornment-reserved-space)}.e .l.V{padding-right:var(--adornment-reserved-space)}.e .x{left:0;width:100%;position:absolute;top:0;z-index:2;transition:color .2s ease-in-out,transform .2s ease-in-out,opacity .2s ease-in-out;transform-origin:top left;will-change:transform,scale;transform:translateY(var(--label-translate-position)) scale(1)}.n{cursor:pointer}.n:hover,.n:focus,.n:active{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.n{display:inline-block}@media(hover:hover){.n:not(.Y):not(.H):hover .b:after{border-color:var(--theme-color-black)}}.n:focus-within .b:after{box-shadow:0 0 0 2px var(--theme-color-mute)}.n.do .be{color:var(--theme-color-red)}.n.H.Y .b:after{background-color:var(--theme-color-mute)}.n.H .b:after{background-color:var(--theme-color-accent-plus)}.n.H .b .fe{color:var(--theme-color-white)}.n.Y{cursor:not-allowed}.n.Y .b:after{border-color:var(--theme-color-mute)}.n.Y .xe{color:var(--theme-color-grey-40)}.n .ho{position:relative;display:flex;align-items:center}.n .b{position:relative;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;transition:all .2s ease-in-out}.n .b:after{content:"";position:absolute;top:0;left:0;width:1.125rem;height:1.125rem;border:1px solid var(--theme-color-accent-plus);border-radius:.25rem;transition:all .2s ease-in-out}.n .b .fe{z-index:1;color:transparent;transition:all .2s ease-in-out}.n .po{position:absolute;pointer-events:none;opacity:0}.n .xe{width:100%;margin-left:var(--spacing-m);color:var(--theme-color-black)}.n .be{margin:var(--spacing-xs) 0}.a{cursor:pointer}.a:hover,.a:focus,.a:active{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.a{display:inline-block}@media(hover:hover){.a:not(.y):not(.P):hover .g:after{box-shadow:0 0 0 2px var(--theme-color-mute)}}.a:focus-within .g:after{box-shadow:0 0 0 2px var(--theme-color-mute)}.a.P.y .g:after{background:var(--theme-color-white)}.a.P.y .g .I{background:var(--theme-color-mute)}.a.P .g:after{background-color:var(--theme-color-white)}.a.P .g .I{background:var(--theme-color-accent-plus)}.a.y{cursor:not-allowed}.a.y .g:after{border-color:var(--theme-color-mute)}.a.y .g .I{background-color:var(--theme-color-white)}.a.y .we{color:var(--theme-color-grey-40)}.a .mo{position:relative;display:flex;align-items:center}.a .g{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--spacing-xl);height:var(--spacing-xl);transition:all .2s ease-in-out}.a .g:after{content:"";position:absolute;top:0;left:0;width:1.125rem;height:1.125rem;border:1px solid var(--theme-color-accent-plus);border-radius:var(--spacing-l);transition:all .2s ease-in-out}.a .g .I{z-index:1;width:var(--spacing-s);height:var(--spacing-s);color:transparent;border-radius:var(--spacing-s);transition:all .2s ease-in-out}.a .go{position:absolute;pointer-events:none;opacity:0}.a .we{width:100%;margin-left:var(--spacing-m);color:var(--theme-color-black)}.a .vo{margin:var(--spacing-xs) 0}.ye{display:flex;flex-direction:column;gap:var(--spacing-2xl) 0;padding:var(--spacing-m) 0}.ye.uo .bo{color:var(--theme-color-red)}.fo{width:100%;padding:0 .625rem}.d .rc-slider-rail{background-color:var(--theme-color-grey-20)}.d .rc-slider-track{background-color:var(--theme-color-accent-plus)}.d .rc-slider-handle{cursor:pointer}.d .rc-slider-handle:hover,.slider .rc-slider-handle:focus,.slider .rc-slider-handle:active{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.d .rc-slider-handle{width:1.25rem;height:1.25rem;margin-top:calc(-1 * var(--spacing-s));background:var(--theme-color-white);border:1px solid var(--theme-color-accent-plus);transition:.2s background ease-in-out}.d .rc-slider-handle:before{content:"";position:absolute;top:50%;left:50%;width:calc(100% - 1px);height:calc(100% - 1px);border-radius:50%;transition:transform .2s ease-in-out;transform:translate(-50%,-50%)}.d .rc-slider-handle:focus{background:var(--theme-color-white);border:1px solid var(--theme-color-accent-plus)}.d .rc-slider-handle:active{background-color:var(--theme-color-accent-plus);border-color:var(--theme-color-accent-plus);box-shadow:0 1px 4px #00000040!important}.d .rc-slider-handle:active:before{transform:translate(-50%,-50%) scale(.7)}.d .rc-slider-handle-dragging{box-shadow:none!important}@media(hover:hover){.d .rc-slider-handle:hover{background-color:var(--theme-color-accent-plus);border-color:var(--theme-color-accent-plus);box-shadow:0 1px 4px #00000040!important}.d .rc-slider-handle:hover:before{transform:translate(-50%,-50%) scale(.7)}}.s{cursor:pointer}.s:hover,.s:focus,.s:active{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.s{display:flex;align-items:center;justify-content:center;padding:.375rem var(--spacing-s);color:var(--theme-color-black);text-align:center;border:1px solid var(--theme-color-grey-20);border-radius:var(--theme-border-radius-base)}.s.J{justify-content:flex-start;text-align:left}.s.J.ke{padding:var(--spacing-xxs) .6875rem}.s.J.ze{padding:var(--spacing-s) .6875rem}.s.J.je{padding:.9375rem .6875rem}.s.xo{color:var(--theme-color-accent-plus);background-color:var(--theme-color-accent-light);border-color:var(--theme-color-accent)}.s.ke{padding:.3125rem .6875rem}.s.ze{padding:.6875rem}.s.je{padding:1.125rem .6875rem}@media(hover:hover){.s:hover{color:var(--theme-color-accent-plus);background-color:var(--theme-color-accent-light);border-color:var(--theme-color-accent)}}.s .wo{flex-shrink:0;margin-right:.625rem}.C .q{display:grid;grid-gap:var(--spacing-xs)}.C .q.yo{grid-auto-columns:1fr;grid-auto-flow:column}.C .q.ko{grid-template-columns:1fr}.C .q.zo{grid-template-columns:1fr 1fr}.C .q.jo{grid-template-columns:repeat(4,1fr)}.Yo{display:none}.Po{position:relative}.Co{pointer-events:none}.qo{position:absolute;top:0;width:100%;height:100%}.Ao{position:absolute;top:0;width:100%;height:100%;opacity:0;font-size:inherit;-webkit-appearance:none}.Bo{pointer-events:none}.Ye{transform:rotate(0)}.Ye.Do{transform:rotate(180deg)}.Eo{position:relative}.Pe{position:absolute;top:50%;width:100%;overflow:hidden;padding-right:var(--spacing-3xl);transform:translateY(-50%);white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.Pe.Fo{top:var(--spacing-l);left:var(--spacing-s);max-width:calc(100% - var(--spacing-s) - 2 * var(--spacing-xs) - var(--spacing-3xl));padding:0 var(--spacing-xs);transform:translateY(0)}.Go{position:absolute;left:0;right:0;z-index:10;width:100%;overflow:hidden;padding:0;background:var(--theme-color-white);border-radius:var(--theme-border-radius-base);box-shadow:0 0 2px #0000003d;transform:translateY(-.9rem)}.Ho{position:relative;max-height:9.5rem;overflow-y:auto;padding:var(--spacing-xs) 0}.w{cursor:pointer}.w:hover,.w:focus,.w:active{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.w{position:relative;display:grid;grid-template-columns:min-content 1fr;grid-gap:var(--spacing-xs);width:100%;padding:var(--spacing-m);background-color:var(--theme-color-white)}.w:hover,.w.Io,.w.Jo{background-color:var(--theme-color-accent-white)}.Ko{width:.75rem}.Lo{width:100%;height:.75rem;color:var(--theme-color-white);background-color:var(--theme-color-accent-plus);border-radius:50%}.Mo{padding:var(--spacing-m) var(--spacing-m) var(--spacing-xs);color:var(--theme-color-grey-40)}.No .Oo{padding:0}.Qo{display:flex;align-items:center;justify-content:center;width:100%;height:4.8125rem}.f{display:inline-flex;align-items:center;padding:.8125rem;background:var(--theme-color-advert);border-radius:var(--theme-border-radius-base)}.f.Ce{background-color:var(--theme-color-accent-white)}.f.Ce .K{color:var(--theme-color-accent-plus)}.f.qe{background-color:var(--theme-color-grey-10)}.f.qe .K{color:var(--theme-color-deep)}.f.Ae{background-color:var(--theme-color-accent-light)}.f.Ae .K{color:var(--theme-color-accent-plus)}.f .Ro{flex:1 1 0;color:var(--theme-color-black)}.f .K{display:inline-block;flex:0 0 auto;margin-right:.8125rem}.A{display:inline-flex;padding:var(--spacing-xxs) var(--spacing-s)}.A.So{background:var(--theme-color-advert)}.A.To{background:var(--theme-color-accent)}.A.Uo{border-bottom-left-radius:var(--spacing-s)}.A.Vo{border-bottom-right-radius:var(--spacing-s)}.Wo{color:var(--theme-color-white)}.Xo{width:100%}.Zo{color:var(--theme-color-accent-plus)}.Be{margin-top:var(--spacing-l)}.Be._o{margin-top:0}.L{display:grid;align-items:center;padding:.6875rem;background:var(--theme-color-accent-light);border:1px solid var(--theme-color-accent);border-radius:var(--theme-border-radius-base);grid-template-columns:1fr min-content}.L .er{display:flex;flex-direction:column}.L .or{width:100%;margin-bottom:var(--spacing-xs);color:var(--theme-color-grey-60)}.L .rr{margin-left:var(--spacing-m)}.M .De{display:grid;grid-template-columns:auto auto;width:100%}.M .De:not(:last-child){margin-bottom:var(--spacing-l)}.M .tr{margin-right:var(--spacing-s);color:var(--theme-color-grey-60)}.M .ar{text-align:right}