/* [next]/internal/font/google/archivo_9d38b614.module.css [app-client] (css) */
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/a2947afc6a06879b-s.0gz0.h24vv934.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/651aaf1801011892-s.0_pfzm~5i7__8.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/75affa71d1e2f6a7-s.p.0e5c5_wyqqx75.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/a2947afc6a06879b-s.0gz0.h24vv934.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/651aaf1801011892-s.0_pfzm~5i7__8.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/75affa71d1e2f6a7-s.p.0e5c5_wyqqx75.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url("../media/a2947afc6a06879b-s.0gz0.h24vv934.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url("../media/651aaf1801011892-s.0_pfzm~5i7__8.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url("../media/75affa71d1e2f6a7-s.p.0e5c5_wyqqx75.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url("../media/a2947afc6a06879b-s.0gz0.h24vv934.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url("../media/651aaf1801011892-s.0_pfzm~5i7__8.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url("../media/75affa71d1e2f6a7-s.p.0e5c5_wyqqx75.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url("../media/a2947afc6a06879b-s.0gz0.h24vv934.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url("../media/651aaf1801011892-s.0_pfzm~5i7__8.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Archivo;
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url("../media/75affa71d1e2f6a7-s.p.0e5c5_wyqqx75.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Archivo Fallback;
src: local(Arial);
ascent-override: 88.96%;
descent-override: 21.28%;
line-gap-override: 0.0%;
size-adjust: 98.7%;
}
.archivo_9d38b614-module__Z72_gW__className {
font-family: Archivo, Archivo Fallback;
font-style: normal;
}
.archivo_9d38b614-module__Z72_gW__variable {
--font-display: "Archivo", "Archivo Fallback";
}
/* [next]/internal/font/google/ibm_plex_sans_43af8a0c.module.css [app-client] (css) */
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url("../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url("../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url("../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url("../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url("../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url("../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url("../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url("../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url("../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url("../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url("../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url("../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: IBM Plex Sans Fallback;
src: local(Arial);
ascent-override: 101.32%;
descent-override: 27.18%;
line-gap-override: 0.0%;
size-adjust: 101.17%;
}
.ibm_plex_sans_43af8a0c-module__Mz4w9G__className {
font-family: IBM Plex Sans, IBM Plex Sans Fallback;
font-style: normal;
}
.ibm_plex_sans_43af8a0c-module__Mz4w9G__variable {
--font-body: "IBM Plex Sans", "IBM Plex Sans Fallback";
}
/* [next]/internal/font/google/jetbrains_mono_38e0c43d.module.css [app-client] (css) */
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../media/051742360c26797e-s.p.0f97p8c3305p~.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../media/051742360c26797e-s.p.0f97p8c3305p~.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/04c5164763c40239-s.0h-nw9_c8d~-_.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/26f284dcc38c84c0-s.10hk62x1-0d9n.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/7e7f32a39836f228-s.0bmyfaahigzds.woff2") format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/fa39153a3fc630ba-s.0-0ft90hthv3~.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/6a5386fd6038edbe-s.16fk0g~ypa53a.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: JetBrains Mono;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../media/051742360c26797e-s.p.0f97p8c3305p~.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: JetBrains Mono Fallback;
src: local(Arial);
ascent-override: 75.79%;
descent-override: 22.29%;
line-gap-override: 0.0%;
size-adjust: 134.59%;
}
.jetbrains_mono_38e0c43d-module__UwUxRG__className {
font-family: JetBrains Mono, JetBrains Mono Fallback;
font-style: normal;
}
.jetbrains_mono_38e0c43d-module__UwUxRG__variable {
--font-mono: "JetBrains Mono", "JetBrains Mono Fallback";
}
/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
*, :before, :after, ::backdrop {
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-border-style: solid;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-animation-delay: 0s;
--tw-animation-direction: normal;
--tw-animation-duration: initial;
--tw-animation-fill-mode: none;
--tw-animation-iteration-count: 1;
--tw-enter-blur: 0;
--tw-enter-opacity: 1;
--tw-enter-rotate: 0;
--tw-enter-scale: 1;
--tw-enter-translate-x: 0;
--tw-enter-translate-y: 0;
--tw-exit-blur: 0;
--tw-exit-opacity: 1;
--tw-exit-rotate: 0;
--tw-exit-scale: 1;
--tw-exit-translate-x: 0;
--tw-exit-translate-y: 0;
}
}
}
@layer theme {
:root, :host {
--font-mono: var(--font-mono);
--spacing: .25rem;
--radius-md: var(--r-md);
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--font-body);
--default-mono-font-family: var(--font-mono);
--font-display: var(--font-display);
--font-body: var(--font-body);
}
}
@layer base {
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
html, :host {
-webkit-text-size-adjust: 100%;
tab-size: 4;
line-height: 1.5;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit {
padding-block: 0;
}
::-webkit-datetime-edit-year-field {
padding-block: 0;
}
::-webkit-datetime-edit-month-field {
padding-block: 0;
}
::-webkit-datetime-edit-day-field {
padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
padding-block: 0;
}
::-webkit-datetime-edit-second-field {
padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]) {
appearance: button;
}
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer components;
@layer utilities {
.collapse {
visibility: collapse;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.start {
inset-inline-start: var(--spacing);
}
.end {
inset-inline-end: var(--spacing);
}
.isolate {
isolation: isolate;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.container {
width: 100%;
}
@media (min-width: 40rem) {
.container {
max-width: 40rem;
}
}
@media (min-width: 48rem) {
.container {
max-width: 48rem;
}
}
@media (min-width: 64rem) {
.container {
max-width: 64rem;
}
}
@media (min-width: 80rem) {
.container {
max-width: 80rem;
}
}
@media (min-width: 96rem) {
.container {
max-width: 96rem;
}
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.h-full {
height: 100%;
}
.min-h-full {
min-height: 100%;
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.resize {
resize: both;
}
.flex-col {
flex-direction: column;
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.break-all {
word-break: break-all;
}
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
}
.underline {
text-decoration-line: underline;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.drop-shadow {
--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
--tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.filter {
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.backdrop-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.\[webhook\:meta-wa\] {
webhook: meta-wa;
}
.\[webhook\:resend\] {
webhook: resend;
}
.\[webhook\:twilio\] {
webhook: twilio;
}
.\[whatsapp\:stub\] {
whatsapp: stub;
}
}
@property --tw-animation-delay {
syntax: "*";
inherits: false;
initial-value: 0s;
}
@property --tw-animation-direction {
syntax: "*";
inherits: false;
initial-value: normal;
}
@property --tw-animation-duration {
syntax: "*";
inherits: false
}
@property --tw-animation-fill-mode {
syntax: "*";
inherits: false;
initial-value: none;
}
@property --tw-animation-iteration-count {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-blur {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-opacity {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-rotate {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-scale {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-blur {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-opacity {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-exit-rotate {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-scale {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-exit-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
:root {
--bg: #f5f2ec;
--surface: #fff;
--surface-2: #faf7f1;
--line: #e7e1d5;
--line-2: #d9d2c2;
--ink: #14120e;
--ink-2: #2b2721;
--ink-3: #5b554a;
--ink-4: #8a8373;
--ink-5: #b9b2a1;
--accent: #d7452a;
--accent-ink: #fff;
--accent-soft: #f8e1d9;
--accent-pressed: #b13719;
--success: #1f6b4a;
--success-soft: #ddebe3;
--warning: #b9771a;
--warning-soft: #f3e5c9;
--danger: #b02e1c;
--danger-soft: #f3d9d2;
--info: #2e4ba8;
--info-soft: #dde3f1;
--r-xs: 6px;
--r-sm: 8px;
--r-md: 12px;
--r-lg: 16px;
--r-xl: 22px;
--r-pill: 999px;
--sh-1: 0 1px 0 #14120e0a, 0 1px 2px #14120e0d;
--sh-2: 0 2px 4px #14120e0f, 0 8px 24px #14120e0f;
--sh-3: 0 12px 32px #14120e24;
--dens: 1;
--container-narrow: 480px;
--container-default: 720px;
--container-wide: 960px;
--safe-bottom-nav: calc(96px + env(safe-area-inset-bottom, 0px));
--surface-1: var(--surface);
--surface-3: var(--line);
--surface-4: var(--line-2);
--ink-1: var(--ink);
--border: var(--line);
--warn: var(--warning);
--warn-soft: var(--warning-soft);
}
[data-accent="terracota"] {
--accent: #d7452a;
--accent-soft: #f8e1d9;
--accent-pressed: #b13719;
--accent-ink: #fff;
}
[data-accent="andean-green"] {
--accent: #1f6b4a;
--accent-soft: #ddebe3;
--accent-pressed: #175238;
--accent-ink: #fff;
}
[data-accent="sky-andes"] {
--accent: #2e4ba8;
--accent-soft: #dde3f1;
--accent-pressed: #213880;
--accent-ink: #fff;
}
[data-accent="sun-gold"] {
--accent: #c6891a;
--accent-soft: #f3e5c9;
--accent-pressed: #9a6810;
--accent-ink: #14120e;
}
[data-radius="sharp"] {
--r-xs: 2px;
--r-sm: 3px;
--r-md: 4px;
--r-lg: 6px;
--r-xl: 8px;
}
[data-radius="medium"] {
--r-xs: 6px;
--r-sm: 8px;
--r-md: 12px;
--r-lg: 16px;
--r-xl: 22px;
}
[data-radius="soft"] {
--r-xs: 10px;
--r-sm: 14px;
--r-md: 18px;
--r-lg: 24px;
--r-xl: 32px;
}
[data-density="compact"] {
--dens: .85;
}
[data-density="comfortable"] {
--dens: 1;
}
[data-theme="dark"] {
--bg: #0e0f12;
--surface: #17181d;
--surface-2: #1e2027;
--line: #2a2d35;
--line-2: #3a3e48;
--ink: #f3efe6;
--ink-2: #e2dcce;
--ink-3: #a7a193;
--ink-4: #7e7869;
--ink-5: #5a554a;
--accent-soft: #3a1f17;
--success-soft: #173524;
--warning-soft: #3a2a12;
--danger-soft: #3a1a14;
--info-soft: #1a2342;
--sh-1: 0 1px 0 #0006, 0 1px 2px #0006;
--sh-2: 0 2px 4px #00000059, 0 10px 28px #00000073;
--sh-3: 0 14px 40px #0000008c;
}
[data-theme="dark"][data-accent="terracota"] {
--accent-soft: #3a1f17;
}
[data-theme="dark"][data-accent="andean-green"] {
--accent-soft: #133024;
}
[data-theme="dark"][data-accent="sky-andes"] {
--accent-soft: #182240;
}
[data-theme="dark"][data-accent="sun-gold"] {
--accent-soft: #352611;
}
* {
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
}
body {
background: var(--bg);
color: var(--ink);
font-family: var(--font-body);
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
font-size: 15px;
line-height: 1.45;
}
button {
cursor: pointer;
font-family: inherit;
}
input, textarea, select {
color: inherit;
font-family: inherit;
}
.mono {
font-family: var(--font-mono);
font-feature-settings: "tnum";
}
.display {
font-family: var(--font-display);
letter-spacing: -.01em;
}
.btn {
border-radius: var(--r-md);
height: 44px;
font-family: var(--font-body);
-webkit-user-select: none;
user-select: none;
border: 1px solid #0000;
justify-content: center;
align-items: center;
gap: 8px;
padding: 0 18px;
font-size: 14.5px;
font-weight: 600;
transition: transform 80ms, background .12s, border-color .12s, color .12s, box-shadow .12s;
display: inline-flex;
}
.btn:active:not(:disabled) {
transform: translateY(1px);
}
.btn:disabled {
opacity: .45;
cursor: not-allowed;
}
.btn[data-size="sm"] {
border-radius: var(--r-sm);
height: 36px;
padding: 0 14px;
font-size: 13px;
}
@media (pointer: coarse) {
.btn[data-size="sm"] {
height: 44px;
}
}
.btn[data-size="lg"] {
border-radius: var(--r-md);
height: 52px;
padding: 0 22px;
font-size: 16px;
}
.btn[data-block="true"] {
width: 100%;
}
.btn-primary {
background: var(--accent);
color: var(--accent-ink);
}
.btn-primary:hover:not(:disabled) {
background: var(--accent-pressed);
}
.btn-secondary {
background: var(--surface);
color: var(--ink);
border-color: var(--line-2);
}
.btn-secondary:hover:not(:disabled) {
background: var(--surface-2);
}
.btn-ghost {
color: var(--ink-2);
background: none;
}
.btn-ghost:hover:not(:disabled) {
background: var(--surface-2);
}
.btn-danger {
background: var(--danger);
color: #fff;
}
.btn-danger:hover:not(:disabled) {
filter: brightness(.92);
}
.btn-loading {
pointer-events: none;
position: relative;
color: #0000 !important;
}
.btn-loading:after {
content: "";
border: 2px solid #ffffff59;
border-top-color: #fff;
border-radius: 50%;
width: 16px;
height: 16px;
animation: .8s linear infinite enfa-spin;
position: absolute;
}
.btn-secondary.btn-loading:after {
border-color: var(--ink);
}
@supports (color: color-mix(in lab, red, red)) {
.btn-secondary.btn-loading:after {
border-color: color-mix(in oklab, var(--ink) 20%, transparent);
}
}
.btn-secondary.btn-loading:after {
border-top-color: var(--ink);
}
@keyframes enfa-spin {
to {
transform: rotate(360deg);
}
}
.field {
flex-direction: column;
gap: 6px;
display: flex;
}
.field-label {
color: var(--ink-2);
font-size: 12.5px;
font-weight: 600;
}
.field-hint {
color: var(--ink-3);
font-size: 11.5px;
}
.input, .textarea, .select {
background: var(--surface);
border: 1px solid var(--line-2);
border-radius: var(--r-sm);
width: 100%;
height: 44px;
color: var(--ink);
outline: none;
padding: 0 14px;
font-size: 14.5px;
transition: border-color .12s, box-shadow .12s;
}
.textarea {
resize: vertical;
height: auto;
min-height: 90px;
padding: 12px 14px;
line-height: 1.45;
}
.input:focus, .textarea:focus, .select:focus {
border-color: var(--accent);
box-shadow: 0 0 0 3px var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.input:focus, .textarea:focus, .select:focus {
box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 20%, transparent);
}
}
.input[data-error="true"], .textarea[data-error="true"] {
border-color: var(--danger);
}
.input::placeholder, .textarea::placeholder {
color: var(--ink-4);
}
@media (max-width: 640px) {
.input, .textarea, .select {
font-size: 16px;
}
}
.input-date::-webkit-calendar-picker-indicator {
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
position: absolute;
right: 0;
}
.input-date::-webkit-datetime-edit {
color: var(--ink);
}
[data-theme="dark"] .input-date::-webkit-calendar-picker-indicator {
filter: invert();
}
.badge {
border-radius: var(--r-pill);
background: var(--surface-2);
color: var(--ink-2);
border: 1px solid var(--line);
align-items: center;
gap: 6px;
padding: 3px 10px;
font-size: 11.5px;
font-weight: 600;
display: inline-flex;
}
.badge-success {
background: var(--success-soft);
color: var(--success);
border-color: #0000;
}
.badge-warning {
background: var(--warning-soft);
color: var(--warning);
border-color: #0000;
}
.badge-danger {
background: var(--danger-soft);
color: var(--danger);
border-color: #0000;
}
.badge-info {
background: var(--info-soft);
color: var(--info);
border-color: #0000;
}
.badge-accent {
background: var(--accent-soft);
color: var(--accent);
border-color: #0000;
}
.badge .dot {
background: currentColor;
border-radius: 50%;
width: 6px;
height: 6px;
}
.card {
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--r-md);
transition: transform .12s, box-shadow .12s;
overflow: hidden;
}
.card:hover {
box-shadow: var(--sh-2);
}
.panel {
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--r-lg);
padding: calc(20px * var(--dens));
}
.panel-title {
font-family: var(--font-display);
letter-spacing: -.01em;
margin: 0 0 4px;
font-size: 16px;
font-weight: 700;
}
.panel-sub {
color: var(--ink-3);
margin: 0 0 16px;
font-size: 13px;
}
.grid-2 {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
display: grid;
}
.grid-3 {
grid-template-columns: repeat(3, 1fr);
gap: 24px;
display: grid;
}
.grid-4 {
grid-template-columns: repeat(4, 1fr);
gap: 16px;
display: grid;
}
@media (max-width: 1100px) {
.grid-3, .grid-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.grid-2, .grid-3, .grid-4 {
grid-template-columns: 1fr;
}
.grid-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.grid-4 .stat-card {
padding: 12px;
}
.grid-4 .stat-value {
margin-top: 6px;
font-size: 19px;
}
.grid-4 .stat-label {
font-size: 11.5px;
}
}
.ph {
background: repeating-linear-gradient(135deg,
var(--ink) 0 2px,
transparent 2px 12px),
var(--surface-2);
position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
.ph {
background: repeating-linear-gradient(135deg,
color-mix(in oklab, var(--ink) 7%, transparent) 0 2px,
transparent 2px 12px),
var(--surface-2);
}
}
.ph {
color: var(--ink-4);
font-family: var(--font-mono);
letter-spacing: .04em;
place-items: center;
font-size: 11px;
display: grid;
overflow: hidden;
}
.ph[data-tone="accent"] {
background: repeating-linear-gradient(135deg,
var(--accent) 0 2px,
transparent 2px 12px),
var(--accent-soft);
}
@supports (color: color-mix(in lab, red, red)) {
.ph[data-tone="accent"] {
background: repeating-linear-gradient(135deg,
color-mix(in oklab, var(--accent) 14%, transparent) 0 2px,
transparent 2px 12px),
var(--accent-soft);
}
}
.ph[data-tone="accent"] {
color: var(--accent);
}
.ph[data-tone="ink"] {
background: repeating-linear-gradient(135deg, #ffffff12 0 2px, transparent 2px 12px),
var(--ink);
color: #ffffffb3;
}
.skel {
background: var(--surface-2);
border-radius: var(--r-sm);
position: relative;
overflow: hidden;
}
.skel:after {
content: "";
background: linear-gradient(90deg,
transparent,
var(--ink),
transparent);
position: absolute;
inset: 0;
}
@supports (color: color-mix(in lab, red, red)) {
.skel:after {
background: linear-gradient(90deg,
transparent,
color-mix(in oklab, var(--ink) 5%, transparent),
transparent);
}
}
.skel:after {
animation: 1.4s infinite enfa-shimmer;
transform: translateX(-100%);
}
@keyframes enfa-shimmer {
to {
transform: translateX(100%);
}
}
.sheet-overlay {
z-index: 40;
background: #00000061;
animation: .18s enfa-fade-in;
position: fixed;
inset: 0;
}
@keyframes enfa-fade-in {
from {
opacity: 0;
}
}
.sheet {
background: var(--surface);
border-radius: var(--r-xl) var(--r-xl) 0 0;
width: 100%;
max-width: 520px;
padding: 8px 20px 20px;
padding-bottom: calc(env(safe-area-inset-bottom) + 20px);
z-index: 41;
overscroll-behavior: contain;
max-height: 84dvh;
animation: .26s cubic-bezier(.2, .8, .2, 1) both enfa-sheet-in;
position: fixed;
bottom: 0;
left: 50%;
right: auto;
overflow-y: auto;
transform: translateX(-50%);
box-shadow: 0 -12px 32px #0f0c0838;
}
@media (min-width: 640px) {
.sheet {
border-radius: var(--r-xl);
max-height: min(80vh, 720px);
padding-bottom: 20px;
bottom: 24px;
}
.sheet-grip {
display: none;
}
}
.sheet-grip {
background: var(--line-2);
border-radius: 2px;
width: 40px;
height: 4px;
margin: 8px auto 16px;
}
@keyframes enfa-sheet-in {
from {
transform: translateY(100%);
}
}
.seg {
background: var(--surface-2);
border-radius: var(--r-pill);
border: 1px solid var(--line);
padding: 4px;
display: inline-flex;
}
.seg button {
color: var(--ink-3);
border-radius: var(--r-pill);
background: none;
border: none;
padding: 6px 14px;
font-size: 12.5px;
font-weight: 600;
transition: background .12s, color .12s;
}
.seg button[aria-pressed="true"] {
background: var(--surface);
color: var(--ink);
box-shadow: var(--sh-1);
}
.seg {
overscroll-behavior-x: contain;
max-width: 100%;
overflow-x: auto;
}
.seg button {
white-space: nowrap;
flex: none;
}
@media (pointer: coarse) {
.seg button {
min-height: 40px;
padding: 8px 14px;
}
}
.tabs-inline {
border-bottom: 1px solid var(--line);
gap: 4px;
display: flex;
}
.tabs-inline button {
color: var(--ink-3);
cursor: pointer;
background: none;
border: none;
border-bottom: 2px solid #0000;
margin-bottom: -1px;
padding: 10px 14px;
font-size: 13px;
font-weight: 600;
}
.tabs-inline button[aria-pressed="true"] {
color: var(--accent);
border-bottom-color: var(--accent);
}
.chip-row {
gap: 8px;
padding: 2px;
display: flex;
overflow-x: auto;
}
.chip-row::-webkit-scrollbar {
display: none;
}
.chip {
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--r-pill);
color: var(--ink-2);
cursor: pointer;
flex: none;
padding: 8px 14px;
font-size: 13px;
font-weight: 500;
transition: background .12s, color .12s, border-color .12s;
}
.chip[data-active="true"] {
background: var(--ink);
color: var(--surface);
border-color: var(--ink);
}
.row {
align-items: center;
gap: 10px;
display: flex;
}
.between {
justify-content: space-between;
align-items: center;
display: flex;
}
.stack {
flex-direction: column;
gap: 10px;
display: flex;
}
.muted {
color: var(--ink-3);
}
.tiny {
font-size: 12px;
}
.hairline {
background: var(--line);
border: none;
height: 1px;
margin: 0;
}
.price {
font-family: var(--font-mono);
font-feature-settings: "tnum";
letter-spacing: -.01em;
font-weight: 500;
}
.sec-title {
justify-content: space-between;
align-items: baseline;
margin: 20px 4px 10px;
display: flex;
}
.sec-title h3 {
font-family: var(--font-display);
letter-spacing: -.01em;
margin: 0;
font-size: 16px;
font-weight: 700;
}
.sec-title a {
color: var(--accent);
font-size: 12.5px;
font-weight: 600;
text-decoration: none;
}
.phone {
background: var(--surface);
border: 1px solid var(--line-2);
width: 375px;
height: 780px;
box-shadow: var(--sh-2);
border-radius: 42px;
position: relative;
overflow: hidden;
}
.phone:before {
content: "";
z-index: 40;
background: #000;
border-radius: 14px;
width: 110px;
height: 26px;
position: absolute;
top: 12px;
left: 50%;
transform: translateX(-50%);
}
.phone-inner {
border-radius: 42px;
flex-direction: column;
display: flex;
position: absolute;
inset: 0;
overflow: hidden;
}
.statusbar {
height: 44px;
color: var(--ink);
z-index: 5;
flex: none;
justify-content: space-between;
align-items: center;
padding: 0 24px;
font-size: 13px;
font-weight: 600;
display: flex;
}
.statusbar .right {
align-items: center;
gap: 6px;
display: flex;
}
.phone-body {
background: var(--bg);
flex: 1;
min-height: 0;
position: relative;
overflow: hidden auto;
}
.phone-body::-webkit-scrollbar {
width: 0;
}
.tabbar {
border-top: 1px solid var(--line);
background: var(--surface);
flex: none;
grid-template-columns: repeat(5, 1fr);
height: 72px;
padding-bottom: 12px;
display: grid;
}
.tabbar-item {
color: var(--ink-4);
background: none;
border: none;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
padding: 0;
font-size: 10.5px;
font-weight: 500;
transition: color .12s;
display: flex;
}
.tabbar-item svg {
width: 22px;
height: 22px;
}
.tabbar-item[data-active="true"] {
color: var(--accent);
}
.phone-wrap {
flex-direction: column;
align-items: center;
gap: 10px;
display: flex;
}
.phone-label {
color: var(--ink-4);
text-transform: uppercase;
letter-spacing: .1em;
font-size: 11px;
font-weight: 600;
}
.screen {
padding: 16px;
}
.screen-tight {
padding: 0;
}
:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
border-radius: 4px;
}
.leaflet-container {
font-family: var(--font-body);
isolation: isolate;
}
.zone-editor {
flex-direction: column;
gap: 10px;
display: flex;
}
.zone-editor__surface {
border: 1px solid var(--line);
border-radius: var(--r-md);
background: var(--surface-2);
position: relative;
overflow: hidden;
}
.zone-editor__map {
width: 100%;
}
.zone-editor__floating {
z-index: 500;
gap: 8px;
display: flex;
position: absolute;
top: 12px;
right: 12px;
}
.zone-editor__empty {
z-index: 500;
background: var(--surface);
width: calc(100% - 32px);
max-width: 360px;
padding: 12px 14px;
position: absolute;
bottom: 18px;
left: 50%;
transform: translateX(-50%);
}
@supports (color: color-mix(in lab, red, red)) {
.zone-editor__empty {
background: color-mix(in oklab, var(--surface) 92%, transparent);
}
}
.zone-editor__empty {
border: 1px solid var(--line-2);
border-radius: var(--r-sm);
box-shadow: var(--sh-2);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
text-align: center;
color: var(--ink-2);
pointer-events: none;
font-size: 13px;
}
.zone-editor__empty p {
margin: 0;
}
.zone-editor__empty-hint {
color: var(--ink-3);
font-size: 12px;
margin-top: 4px !important;
}
.zone-editor__hint {
color: var(--ink-3);
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.zone-editor__hint kbd {
background: var(--surface-2);
border: 1px solid var(--line-2);
border-radius: var(--r-xs);
font-family: var(--font-mono);
color: var(--ink-2);
border-bottom-width: 2px;
margin: 0 2px;
padding: 1px 6px;
font-size: 11px;
display: inline-block;
}
.zone-raw {
border: 1px dashed var(--line-2);
border-radius: var(--r-sm);
background: var(--surface-2);
padding: 10px 14px;
}
.zone-raw__summary {
cursor: pointer;
color: var(--ink-2);
-webkit-user-select: none;
user-select: none;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 600;
list-style: none;
display: flex;
}
.zone-raw__summary::-webkit-details-marker {
display: none;
}
.zone-raw__summary:before {
content: "";
border-right: 2px solid var(--ink-3);
border-bottom: 2px solid var(--ink-3);
width: 8px;
height: 8px;
transition: transform .15s;
transform: rotate(-45deg);
}
.zone-raw[open] > .zone-raw__summary:before {
transform: rotate(45deg);
}
.leaflet-pm-toolbar .leaflet-pm-icon, .leaflet-pm-toolbar .control-icon {
transition: background .12s, border-color .12s;
border-radius: var(--r-sm) !important;
}
.leaflet-pm-toolbar a.leaflet-buttons-control-button, .leaflet-pm-toolbar .leaflet-pm-icon {
color: var(--ink-2);
background-color: var(--surface) !important;
border: 1px solid var(--line-2) !important;
width: 34px !important;
height: 34px !important;
}
.leaflet-pm-toolbar a.leaflet-buttons-control-button:hover, .leaflet-pm-toolbar .leaflet-pm-icon:hover {
background-color: var(--surface-2) !important;
border-color: var(--ink-4) !important;
}
.leaflet-pm-toolbar a.leaflet-buttons-control-button.active, .leaflet-pm-toolbar .leaflet-pm-icon.active {
background-color: var(--accent-soft) !important;
border-color: var(--accent) !important;
}
.leaflet-pm-actions-container {
box-shadow: var(--sh-2);
border: 1px solid var(--line-2);
margin-left: 4px;
overflow: hidden;
border-radius: var(--r-sm) !important;
}
.leaflet-pm-actions-container a.leaflet-pm-action {
background: var(--surface) !important;
color: var(--ink-2) !important;
font-family: var(--font-body) !important;
border-left: 1px solid var(--line) !important;
height: 34px !important;
padding: 6px 10px !important;
font-size: 12.5px !important;
font-weight: 500 !important;
line-height: 22px !important;
}
.leaflet-pm-actions-container a.leaflet-pm-action:first-child {
border-left: none !important;
}
.leaflet-pm-actions-container a.leaflet-pm-action:hover {
background: var(--surface-2) !important;
}
.leaflet-pm-actions-container a.action-cancel {
color: var(--danger) !important;
}
.leaflet-bar a, .leaflet-bar a:hover {
background-color: var(--surface);
color: var(--ink-2);
border-bottom-color: var(--line);
}
.leaflet-bar a:first-child {
border-top-left-radius: var(--r-sm);
border-top-right-radius: var(--r-sm);
}
.leaflet-bar a:last-child {
border-bottom-left-radius: var(--r-sm);
border-bottom-right-radius: var(--r-sm);
}
.leaflet-bar a:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
.leaflet-pm-toolbar .leaflet-pm-icon, .leaflet-pm-toolbar .control-icon, .zone-raw__summary:before {
transition: none;
}
}
.check, .radio {
appearance: none;
background: var(--surface);
border: 1px solid var(--line-2);
border-radius: var(--r-xs);
cursor: pointer;
flex: none;
width: 18px;
height: 18px;
margin: 0;
transition: background .12s, border-color .12s, box-shadow .12s;
position: relative;
}
.radio {
border-radius: 50%;
}
.check:hover:not(:disabled), .radio:hover:not(:disabled) {
border-color: var(--ink-4);
}
.check:focus-visible, .radio:focus-visible {
border-color: var(--accent);
box-shadow: 0 0 0 3px var(--accent);
outline: none;
}
@supports (color: color-mix(in lab, red, red)) {
.check:focus-visible, .radio:focus-visible {
box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 20%, transparent);
}
}
.check:checked {
background: var(--accent);
border-color: var(--accent);
}
.check:checked:after {
content: "";
background: url("data:image/svg+xml;utf8,") center / 12px 12px no-repeat;
position: absolute;
inset: 0;
}
.check:indeterminate {
background: var(--accent);
border-color: var(--accent);
}
.check:indeterminate:after {
content: "";
background: #fff;
border-radius: 1px;
height: 2px;
position: absolute;
top: 50%;
left: 3px;
right: 3px;
transform: translateY(-50%);
}
.radio:checked {
border-color: var(--accent);
background: var(--surface);
border-width: 5px;
}
.check:disabled, .radio:disabled {
opacity: .5;
cursor: not-allowed;
}
.check-row, .radio-row {
cursor: pointer;
color: var(--ink);
align-items: flex-start;
gap: 10px;
font-size: 14px;
line-height: 1.4;
display: flex;
}
.check-row[aria-disabled="true"], .radio-row[aria-disabled="true"] {
cursor: not-allowed;
color: var(--ink-4);
}
.check-row .check, .radio-row .radio {
margin-top: 1px;
}
.switch {
appearance: none;
background: var(--line-2);
cursor: pointer;
border: none;
border-radius: 12px;
flex: none;
width: 42px;
height: 24px;
margin: 0;
transition: background .18s;
position: relative;
}
.switch:after {
content: "";
background: #fff;
border-radius: 50%;
width: 20px;
height: 20px;
transition: transform .18s;
position: absolute;
top: 2px;
left: 2px;
box-shadow: 0 1px 2px #0003;
}
.switch:checked {
background: var(--success);
}
.switch:checked:after {
transform: translateX(18px);
}
.switch:focus-visible {
box-shadow: 0 0 0 3px var(--accent);
outline: none;
}
@supports (color: color-mix(in lab, red, red)) {
.switch:focus-visible {
box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 25%, transparent);
}
}
.switch:disabled {
opacity: .5;
cursor: not-allowed;
}
@media (pointer: coarse) {
.switch {
position: relative;
}
.switch:before {
content: "";
width: 44px;
height: 44px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.tabs-pill {
background: var(--surface-2);
border: 1px solid var(--line);
border-radius: var(--r-pill);
gap: 2px;
padding: 3px;
display: inline-flex;
}
.tabs-pill button {
color: var(--ink-3);
border-radius: var(--r-pill);
background: none;
border: none;
padding: 6px 14px;
font-size: 12.5px;
font-weight: 600;
transition: background .12s, color .12s;
}
.tabs-pill button[aria-selected="true"] {
background: var(--surface);
color: var(--ink);
box-shadow: var(--sh-1);
}
@media (max-width: 640px) {
.tabs-pill {
max-width: 100%;
overflow-x: auto;
}
.tabs-pill button {
white-space: nowrap;
flex: none;
}
}
@media (pointer: coarse) {
.tabs-pill button {
min-height: 40px;
padding: 8px 14px;
}
.nav-item {
padding: 12px 10px;
}
}
.modal-overlay {
z-index: 100;
background: #00000080;
place-items: center;
padding: 20px;
animation: .18s enfa-fade-in;
display: grid;
position: fixed;
inset: 0;
}
.modal {
background: var(--surface);
color: var(--ink);
border-radius: var(--r-lg);
border: 1px solid var(--line);
box-shadow: var(--sh-3);
flex-direction: column;
width: 100%;
max-width: 480px;
max-height: calc(100dvh - 40px);
display: flex;
overflow: hidden;
}
.modal[data-size="sm"] {
max-width: 380px;
}
.modal[data-size="lg"] {
max-width: 640px;
}
.modal[data-size="xl"] {
max-width: 880px;
}
.modal-head {
border-bottom: 1px solid var(--line);
justify-content: space-between;
align-items: flex-start;
gap: 16px;
padding: 18px 20px 12px;
display: flex;
}
.modal-title {
font-family: var(--font-display);
letter-spacing: -.01em;
margin: 0;
font-size: 18px;
font-weight: 800;
}
.modal-desc {
color: var(--ink-3);
margin-top: 4px;
font-size: 13px;
}
.modal-body {
overscroll-behavior: contain;
flex: 1;
padding: 16px 20px;
overflow-y: auto;
}
.modal-foot {
border-top: 1px solid var(--line);
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
padding: 12px 20px 16px;
display: flex;
}
@media (max-width: 640px) {
.modal-overlay {
align-items: flex-end;
padding: 0;
}
.modal {
border-radius: var(--r-xl) var(--r-xl) 0 0;
max-width: 100%;
max-height: 90dvh;
animation: .26s cubic-bezier(.2, .8, .2, 1) enfa-sheet-in;
}
.modal-foot {
padding-bottom: calc(16px + env(safe-area-inset-bottom));
}
}
.dtable {
overscroll-behavior-x: contain;
width: 100%;
overflow-x: auto;
}
.table-scroll {
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
min-width: 0;
max-width: 100%;
overflow-x: auto;
}
.dtable-head, .dtable-row {
min-width: var(--dtable-min, 0px);
align-items: center;
gap: 16px;
padding: 10px 14px;
display: grid;
}
.dtable-head {
text-transform: uppercase;
letter-spacing: .1em;
color: var(--ink-4);
border-bottom: 1px solid var(--line);
background: var(--surface-2);
font-size: 11px;
font-weight: 600;
}
.dtable-row {
border-bottom: 1px solid var(--line);
font-size: 14px;
transition: background .12s;
}
.dtable-row:last-child {
border-bottom: none;
}
.dtable-row:hover {
background: var(--surface-2);
}
.dtable-row[data-interactive="true"] {
cursor: pointer;
}
.dtable-cell-content {
min-width: 0;
}
@media (max-width: 640px) {
.dtable-head {
display: none;
}
.dtable-row {
flex-direction: column;
align-items: stretch;
gap: 6px;
min-width: 0;
padding: 12px 14px;
font-size: 13px;
display: flex !important;
}
.dtable-row > [data-hide-mobile] {
display: none;
}
.dtable-row > * {
min-width: 0;
text-align: left !important;
}
.dtable-row > [data-label] {
justify-content: space-between;
align-items: baseline;
gap: 12px;
display: flex;
}
.dtable-row > [data-label]:before {
content: attr(data-label);
text-transform: uppercase;
letter-spacing: .08em;
color: var(--ink-4);
flex: none;
font-size: 11px;
font-weight: 600;
}
.dtable-row > [data-label] > .dtable-cell-content {
text-align: right;
}
.dtable-row > :first-child {
color: var(--ink);
font-weight: 600;
}
}
.callout {
border-radius: var(--r-sm);
background: var(--surface-2);
border: 1px solid var(--line);
color: var(--ink-2);
gap: 10px;
padding: 12px 14px;
font-size: 13.5px;
line-height: 1.45;
display: flex;
}
.callout-icon {
flex: none;
place-items: center;
width: 20px;
height: 20px;
margin-top: 1px;
display: grid;
}
.callout-title {
color: var(--ink);
margin: 0 0 2px;
font-size: 13.5px;
font-weight: 600;
}
.callout[data-variant="accent"] {
background: var(--accent-soft);
color: var(--accent);
border-color: #0000;
}
.callout[data-variant="accent"] .callout-title {
color: var(--accent);
}
.callout[data-variant="success"] {
background: var(--success-soft);
color: var(--success);
border-color: #0000;
}
.callout[data-variant="success"] .callout-title {
color: var(--success);
}
.callout[data-variant="warning"] {
background: var(--warning-soft);
color: var(--warning);
border-color: #0000;
}
.callout[data-variant="warning"] .callout-title {
color: var(--warning);
}
.callout[data-variant="danger"] {
background: var(--danger-soft);
color: var(--danger);
border-color: #0000;
}
.callout[data-variant="danger"] .callout-title {
color: var(--danger);
}
.callout[data-variant="info"] {
background: var(--info-soft);
color: var(--info);
border-color: #0000;
}
.callout[data-variant="info"] .callout-title {
color: var(--info);
}
.empty {
text-align: center;
color: var(--ink-3);
border: 1px dashed var(--line);
border-radius: var(--r-md);
background: var(--surface);
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
padding: 40px 20px;
display: flex;
}
.empty-icon {
border-radius: var(--r-md);
background: var(--surface-2);
width: 44px;
height: 44px;
color: var(--ink-4);
place-items: center;
display: grid;
}
.empty-title {
font-family: var(--font-display);
color: var(--ink);
margin: 0;
font-size: 15px;
font-weight: 700;
}
.empty-desc {
max-width: 320px;
font-size: 13px;
}
.pagination {
border-top: 1px solid var(--line);
color: var(--ink-3);
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 8px 12px;
padding: 12px 14px;
font-size: 12.5px;
display: flex;
}
.pagination-actions {
gap: 6px;
display: flex;
}
.stat-card {
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--r-md);
padding: 16px;
}
.stat-row {
align-items: center;
gap: 10px;
display: flex;
}
.stat-ic {
border-radius: 8px;
place-items: center;
width: 32px;
height: 32px;
display: grid;
}
.stat-label {
color: var(--ink-3);
font-size: 12px;
font-weight: 500;
}
.stat-value {
font-family: var(--font-display);
letter-spacing: -.02em;
margin-top: 10px;
font-size: 26px;
font-weight: 800;
}
.stat-change {
margin-top: 2px;
font-size: 12px;
font-weight: 500;
}
.page-head {
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
gap: 20px;
margin-bottom: 24px;
display: flex;
}
.page-head .page-kicker {
color: var(--ink-4);
align-items: center;
gap: 6px;
margin-bottom: 4px;
font-size: 12px;
display: flex;
}
.page-head .page-title {
font-family: var(--font-display);
letter-spacing: -.02em;
margin: 0;
font-size: 28px;
font-weight: 800;
}
.page-head .page-sub {
color: var(--ink-3);
max-width: 640px;
margin-top: 6px;
font-size: 14px;
}
.page-actions {
flex-wrap: wrap;
gap: 8px;
display: flex;
}
.split-main {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
align-items: start;
gap: 16px;
display: grid;
}
@media (max-width: 900px) {
.split-main {
grid-template-columns: minmax(0, 1fr);
}
}
.grid-auto {
grid-template-columns: repeat(auto-fit, minmax(var(--grid-min, 220px), 1fr));
gap: 12px;
min-width: 0;
display: grid;
}
.row-actions {
flex-wrap: wrap;
align-items: center;
gap: 8px;
min-width: 0;
display: flex;
}
@media (max-width: 480px) {
.row-actions[data-stack] {
grid-template-columns: 1fr;
display: grid;
}
.row-actions[data-stack] > * {
width: 100%;
}
}
.row-between {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 8px 12px;
min-width: 0;
display: flex;
}
.truncate-1 {
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
overflow: hidden;
}
.break-anywhere {
overflow-wrap: anywhere;
min-width: 0;
}
.master-detail {
grid-template-columns: 320px minmax(0, 1fr);
align-items: start;
gap: 12px;
display: grid;
}
@media (max-width: 900px) {
.master-detail {
grid-template-columns: minmax(0, 1fr);
}
.master-detail[data-view="detail"] > .master-detail-list, .master-detail[data-view="list"] > .master-detail-pane {
display: none;
}
}
.only-mobile {
display: none;
}
@media (max-width: 900px) {
.only-mobile {
display: inline-flex;
}
}
.media-responsive {
height: min(var(--media-h, 420px), 55dvh);
width: 100%;
min-height: 220px;
}
.page-container {
width: 100%;
min-width: 0;
max-width: 1280px;
margin-inline: auto;
padding: 20px 16px 40px;
}
@media (max-width: 640px) {
.page-container {
padding: 14px 12px calc(32px + env(safe-area-inset-bottom));
}
}
.filter-bar {
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--r-md);
margin-bottom: 14px;
padding: 14px;
}
.filter-bar-toggle {
display: none;
}
.filter-bar-body {
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 10px;
min-width: 0;
display: grid;
}
.filter-bar-actions {
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
margin-top: 12px;
display: flex;
}
.filter-bar-count {
border-radius: var(--r-pill);
background: var(--accent);
min-width: 20px;
height: 20px;
color: var(--accent-ink);
place-items: center;
margin-left: 6px;
padding: 0 6px;
font-size: 11px;
font-weight: 700;
display: inline-grid;
}
.filter-bar-chevron {
margin-left: auto;
transition: transform .16s;
}
.filter-bar-chevron[data-open] {
transform: rotate(90deg);
}
@media (max-width: 640px) {
.filter-bar {
padding: 0;
}
.filter-bar-toggle {
width: 100%;
min-height: 48px;
color: var(--ink);
background: none;
border: none;
align-items: center;
gap: 8px;
padding: 0 14px;
font-family: inherit;
font-size: 14px;
font-weight: 600;
display: flex;
}
.filter-bar-toggle:focus-visible {
outline: 2px solid var(--accent);
outline-offset: -2px;
border-radius: var(--r-md);
}
.filter-bar-body {
grid-template-columns: 1fr;
padding: 0 14px;
}
.filter-bar-body:not([data-open]), .filter-bar-actions:not([data-open]) {
display: none;
}
.filter-bar-body[data-open] {
border-top: 1px solid var(--line);
padding-top: 14px;
padding-bottom: 14px;
}
.filter-bar-actions {
margin-top: 0;
padding: 0 14px 14px;
}
}
.form-grid-2 {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
display: grid;
}
.form-grid-3 {
grid-template-columns: repeat(3, 1fr);
gap: 16px;
display: grid;
}
@media (max-width: 640px) {
.form-grid-2, .form-grid-3 {
grid-template-columns: 1fr;
}
}
.form-grid-2 .span-2, .form-grid-3 .span-2 {
grid-column: span 2;
}
.form-grid-3 .span-3 {
grid-column: span 3;
}
.shell {
grid-template-columns: 260px 1fr;
min-height: 100dvh;
display: grid;
}
.shell-nav {
background: var(--surface);
border-right: 1px solid var(--line);
flex-direction: column;
height: 100dvh;
padding: 20px 16px;
display: flex;
position: sticky;
top: 0;
overflow-y: auto;
}
.shell-body {
flex-direction: column;
min-width: 0;
min-height: 100dvh;
display: flex;
}
.shell-main {
min-width: 0;
padding: 28px 32px 80px;
}
.nav-brand {
font-family: var(--font-display);
letter-spacing: -.02em;
color: var(--ink);
align-items: center;
gap: 10px;
margin-bottom: 4px;
font-size: 20px;
font-weight: 800;
text-decoration: none;
display: flex;
}
.nav-brand .logo {
object-fit: cover;
border-radius: 8px;
flex: none;
width: 30px;
height: 30px;
display: block;
}
.nav-sub {
color: var(--ink-3);
margin-bottom: 20px;
font-size: 12px;
}
.nav-group {
letter-spacing: .12em;
text-transform: uppercase;
color: var(--ink-4);
margin: 18px 6px 8px;
font-size: 11px;
font-weight: 600;
}
.nav-item {
border-radius: var(--r-sm);
color: var(--ink-2);
cursor: pointer;
align-items: center;
gap: 10px;
padding: 9px 10px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background .12s, color .12s;
display: flex;
}
.nav-item:hover {
background: var(--surface-2);
}
.nav-item[data-active="true"] {
background: var(--accent-soft);
color: var(--accent);
}
[data-theme="dark"] .nav-item[data-active="true"] {
color: var(--accent-ink);
background: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
[data-theme="dark"] .nav-item[data-active="true"] {
background: color-mix(in oklab, var(--accent) 30%, transparent);
}
}
.nav-item svg {
flex: none;
width: 16px;
height: 16px;
}
.nav-foot {
border-top: 1px dashed var(--line);
color: var(--ink-4);
margin-top: auto;
padding-top: 14px;
font-size: 11px;
}
.shell-nav-trigger {
top: calc(env(safe-area-inset-top) + 12px);
z-index: 60;
border-radius: var(--r-sm);
background: var(--surface);
border: 1px solid var(--line);
width: 40px;
height: 40px;
color: var(--ink);
cursor: pointer;
justify-content: center;
align-items: center;
display: none;
position: fixed;
left: 12px;
box-shadow: 0 4px 12px #0f0c0814;
}
.shell-nav-trigger:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
}
.shell-nav-overlay {
z-index: 49;
cursor: pointer;
background: #00000070;
border: 0;
padding: 0;
animation: .16s enfa-fade-in;
display: none;
position: fixed;
inset: 0;
}
@media (max-width: 900px) {
.shell {
grid-template-columns: 1fr;
}
.shell-nav {
width: min(80vw, 300px);
height: 100dvh;
padding-top: calc(env(safe-area-inset-top) + 20px);
z-index: 50;
border-right: 1px solid var(--line);
border-bottom: none;
transition: transform .22s cubic-bezier(.2, .8, .2, 1);
position: fixed;
top: 0;
left: 0;
transform: translateX(-100%);
box-shadow: 0 20px 40px #0f0c0838;
}
.shell-nav[data-open] {
transform: translateX(0);
}
.shell-main {
padding: 72px 16px 80px;
}
.shell-nav-trigger {
display: inline-flex;
}
.shell-nav-overlay {
display: block;
}
.shell .topbar {
padding-left: 64px;
}
}
@media (max-width: 640px) {
.shell-main {
padding: 68px 12px calc(72px + env(safe-area-inset-bottom));
}
.page-head {
margin-bottom: 18px;
}
.page-head .page-title {
font-size: 22px;
}
.page-head .page-sub {
font-size: 13px;
}
}
.topbar {
background: var(--surface);
border-bottom: 1px solid var(--line);
align-items: center;
gap: 16px;
min-height: 60px;
padding: 12px 20px;
display: flex;
}
.topbar[data-sticky] {
z-index: 30;
-webkit-backdrop-filter: saturate(140%) blur(6px);
backdrop-filter: saturate(140%) blur(6px);
position: sticky;
top: 0;
}
.topbar-left {
align-items: center;
gap: 14px;
min-width: 0;
display: flex;
}
.topbar-center {
flex: 1;
justify-content: center;
min-width: 0;
display: flex;
}
.topbar-right {
align-items: center;
gap: 8px;
margin-left: auto;
display: flex;
}
.topbar-brand {
font-family: var(--font-display);
letter-spacing: -.02em;
color: var(--ink);
align-items: center;
gap: 10px;
font-size: 17px;
font-weight: 800;
text-decoration: none;
display: flex;
}
.topbar-brand-mark {
object-fit: cover;
border-radius: 8px;
flex: none;
width: 28px;
height: 28px;
display: block;
}
.topbar-title {
color: var(--ink);
margin: 0;
font-size: 16px;
font-weight: 600;
}
.work-switch {
border-radius: 999px;
align-items: center;
gap: 6px;
font-weight: 600;
text-decoration: none;
transition: background .12s, color .12s;
display: inline-flex;
}
.work-switch-topbar {
background: var(--surface-2);
color: var(--ink-2);
border: 1px solid var(--surface-3);
padding: 6px 10px;
font-size: 12px;
}
.work-switch-topbar:hover {
background: var(--surface-3);
color: var(--ink);
}
@media (max-width: 480px) {
.work-switch-topbar span {
display: none;
}
.work-switch-topbar {
padding: 6px;
}
}
.cust-home-work-switch {
justify-content: flex-end;
width: 100%;
max-width: 960px;
margin-inline: auto;
padding: 8px 16px 0;
display: flex;
}
.work-switch-home {
background: var(--accent-soft, #fff2ee);
color: var(--accent);
border: 1px solid var(--accent);
padding: 8px 14px;
font-size: 13px;
}
.work-switch-home:hover {
background: var(--accent);
color: var(--on-accent, #fff);
}
.business-card[data-owned] {
opacity: .78;
filter: saturate(.9);
}
.business-card[data-owned]:hover {
opacity: 1;
}
.user-menu-trigger {
border-radius: var(--r-sm);
cursor: pointer;
min-height: 44px;
color: var(--ink);
background: none;
border: 1px solid #0000;
align-items: center;
gap: 10px;
padding: 6px 10px 6px 6px;
transition: background .12s, border-color .12s;
display: inline-flex;
}
.user-menu-trigger:hover {
background: var(--surface-2);
}
.user-menu-trigger:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
}
.user-menu-trigger[aria-expanded="true"] {
background: var(--surface-2);
border-color: var(--line);
}
.user-menu-identity {
text-align: left;
flex-direction: column;
min-width: 0;
line-height: 1.15;
display: inline-flex;
}
.user-menu-name {
color: var(--ink);
white-space: nowrap;
text-overflow: ellipsis;
max-width: 160px;
font-size: 13px;
font-weight: 600;
overflow: hidden;
}
.user-menu-role {
color: var(--ink-4);
letter-spacing: .02em;
font-size: 11px;
}
.user-menu-sub {
color: var(--ink-3);
white-space: nowrap;
text-overflow: ellipsis;
max-width: 220px;
font-size: 12px;
overflow: hidden;
}
.user-menu-header {
align-items: center;
gap: 12px;
padding: 14px 14px 12px;
display: flex;
}
.user-menu-theme {
padding: 4px 10px 10px;
}
.dropdown-menu {
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--r-md);
font-family: var(--font-body);
color: var(--ink);
flex-direction: column;
gap: 2px;
padding: 6px;
display: flex;
box-shadow: 0 4px 12px #0f0c0814, 0 16px 32px #0f0c0814;
}
[data-theme="dark"] .dropdown-menu {
box-shadow: 0 4px 12px #0006, 0 16px 32px #00000059;
}
.dropdown-item {
border-radius: var(--r-sm);
min-height: 40px;
font: inherit;
color: inherit;
text-align: left;
cursor: pointer;
background: none;
border: none;
align-items: center;
gap: 10px;
width: 100%;
padding: 10px 12px;
text-decoration: none;
transition: background .12s;
display: flex;
}
.dropdown-item:hover:not([aria-disabled="true"]), .dropdown-item:focus-visible {
background: var(--surface-2);
outline: none;
}
.dropdown-item:focus-visible {
box-shadow: inset 0 0 0 2px var(--accent);
}
.dropdown-item.is-destructive {
color: var(--danger, #c03a2b);
}
.dropdown-item.is-destructive:hover {
background: #c03a2b14;
}
.dropdown-item.is-disabled, .dropdown-item[aria-disabled="true"] {
opacity: .5;
cursor: not-allowed;
}
.dropdown-item-icon {
width: 20px;
color: var(--ink-3);
justify-content: center;
display: inline-flex;
}
.dropdown-item.is-destructive .dropdown-item-icon {
color: inherit;
}
.dropdown-item-trailing {
color: var(--ink-4);
font-size: 11px;
}
.dropdown-separator {
background: var(--line);
height: 1px;
margin: 4px 0;
}
.dropdown-label {
letter-spacing: .08em;
text-transform: uppercase;
color: var(--ink-4);
padding: 8px 12px 4px;
font-size: 11px;
font-weight: 600;
}
.theme-switcher {
background: var(--surface-2);
border: 1px solid var(--line);
border-radius: var(--r-sm);
grid-template-columns: repeat(3, 1fr);
gap: 2px;
padding: 2px;
display: grid;
}
.theme-switcher-option {
border-radius: calc(var(--r-sm) - 2px);
min-height: 32px;
font: inherit;
color: var(--ink-3);
cursor: pointer;
background: none;
border: none;
justify-content: center;
align-items: center;
gap: 6px;
padding: 6px 8px;
font-size: 12px;
transition: background .12s, color .12s;
display: inline-flex;
}
.theme-switcher-option:hover {
color: var(--ink-2);
}
.theme-switcher-option[data-active] {
background: var(--surface);
color: var(--ink);
box-shadow: 0 1px 2px #0f0c080f;
}
.bell-trigger {
border-radius: var(--r-sm);
width: 44px;
height: 44px;
color: var(--ink);
cursor: pointer;
background: none;
border: 1px solid #0000;
justify-content: center;
align-items: center;
transition: background .12s;
display: inline-flex;
position: relative;
}
.bell-trigger:hover, .bell-trigger[aria-expanded="true"] {
background: var(--surface-2);
}
.bell-trigger:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
}
.bell-badge {
background: var(--accent);
min-width: 18px;
height: 18px;
color: var(--accent-ink);
text-align: center;
box-shadow: 0 0 0 2px var(--surface);
border-radius: 999px;
padding: 0 5px;
font-size: 10px;
font-weight: 700;
line-height: 18px;
position: absolute;
top: 6px;
right: 6px;
}
.bell-header {
justify-content: space-between;
align-items: center;
padding: 4px 4px 4px 0;
display: flex;
}
.bell-action {
color: var(--accent);
font: inherit;
cursor: pointer;
border-radius: var(--r-sm);
background: none;
border: none;
padding: 6px 10px;
font-size: 12px;
font-weight: 600;
}
.bell-action:hover {
background: var(--accent-soft);
}
.bell-action:disabled {
opacity: .6;
cursor: not-allowed;
}
.bell-empty {
color: var(--ink-4);
text-align: center;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 24px 16px;
display: flex;
}
.bell-empty p {
margin: 0;
font-size: 13px;
}
.bell-list {
max-height: 360px;
margin: 0;
padding: 0;
list-style: none;
overflow-y: auto;
}
.bell-item {
text-align: left;
cursor: pointer;
border-radius: var(--r-sm);
background: none;
border: none;
align-items: flex-start;
gap: 10px;
width: 100%;
padding: 10px 12px;
transition: background .12s;
display: flex;
}
.bell-item:hover, .bell-item:focus-visible {
background: var(--surface-2);
outline: none;
}
.bell-item[data-unread] {
background: var(--accent-soft);
}
@supports (color: color-mix(in lab, red, red)) {
.bell-item[data-unread] {
background: color-mix(in srgb, var(--accent-soft) 55%, transparent);
}
}
.bell-item[data-unread]:hover {
background: var(--accent-soft);
}
.bell-item-body {
flex-direction: column;
flex: 1;
gap: 2px;
min-width: 0;
display: flex;
}
.bell-item-body strong {
color: var(--ink);
font-size: 13px;
}
.bell-item-body p {
color: var(--ink-3);
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin: 0;
font-size: 12px;
display: -webkit-box;
overflow: hidden;
}
.bell-item-body time {
color: var(--ink-4);
margin-top: 2px;
font-size: 11px;
}
.bell-item-dot {
background: var(--accent);
border-radius: 999px;
flex-shrink: 0;
width: 8px;
height: 8px;
margin-top: 6px;
}
.bell-footer {
color: var(--accent);
border-radius: var(--r-sm);
justify-content: center;
align-items: center;
gap: 6px;
padding: 10px;
font-size: 13px;
font-weight: 600;
text-decoration: none;
display: flex;
}
.bell-footer:hover {
background: var(--surface-2);
}
.row-action-trigger {
border-radius: var(--r-sm);
width: 32px;
height: 32px;
color: var(--ink-3);
cursor: pointer;
background: none;
border: 1px solid #0000;
justify-content: center;
align-items: center;
transition: background .12s, color .12s;
display: inline-flex;
}
.row-action-trigger:hover, .row-action-trigger[aria-expanded="true"] {
background: var(--surface-2);
color: var(--ink);
}
.row-action-trigger:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
}
@media (pointer: coarse) {
.row-action-trigger {
width: 44px;
height: 44px;
}
}
.business-subnav {
background: var(--surface);
border-bottom: 1px solid var(--line);
-webkit-overflow-scrolling: touch;
z-index: 20;
gap: 4px;
padding: 8px 16px;
display: flex;
position: sticky;
top: 60px;
overflow-x: auto;
}
.business-subnav-item {
border-radius: var(--r-sm);
min-height: 36px;
color: var(--ink-3);
white-space: nowrap;
align-items: center;
gap: 6px;
padding: 8px 14px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: background .12s, color .12s;
display: inline-flex;
}
.business-subnav-item:hover {
background: var(--surface-2);
color: var(--ink);
}
.business-subnav-item:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
}
.business-subnav-item[data-active] {
background: var(--accent-soft);
color: var(--accent);
}
.notifs-list {
flex-direction: column;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.notifs-item {
border: 1px solid var(--line);
border-radius: var(--r-md);
text-align: left;
cursor: pointer;
background: none;
align-items: flex-start;
gap: 12px;
width: 100%;
padding: 14px;
transition: background .12s, border-color .12s;
display: flex;
}
.notifs-item:hover, .notifs-item:focus-visible {
background: var(--surface-2);
border-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.notifs-item:hover, .notifs-item:focus-visible {
border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
}
}
.notifs-item:hover, .notifs-item:focus-visible {
outline: none;
}
.notifs-item[data-unread] {
background: var(--accent-soft);
}
@supports (color: color-mix(in lab, red, red)) {
.notifs-item[data-unread] {
background: color-mix(in srgb, var(--accent-soft) 40%, transparent);
}
}
.notifs-item[data-unread] {
border-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.notifs-item[data-unread] {
border-color: color-mix(in srgb, var(--accent) 40%, var(--line));
}
}
.notifs-item-body {
flex-direction: column;
flex: 1;
gap: 4px;
min-width: 0;
display: flex;
}
.notifs-item-body strong {
color: var(--ink);
font-size: 14px;
}
.notifs-item-body p {
color: var(--ink-3);
margin: 0;
font-size: 13px;
}
.notifs-item-dot {
background: var(--accent);
border-radius: 999px;
flex-shrink: 0;
width: 10px;
height: 10px;
margin-top: 6px;
}
.hub-item {
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--r-md);
color: var(--ink);
align-items: center;
gap: 14px;
padding: 14px 16px;
text-decoration: none;
transition: background .12s, border-color .12s;
display: flex;
}
.hub-item:hover {
background: var(--surface-2);
border-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.hub-item:hover {
border-color: color-mix(in srgb, var(--accent) 30%, var(--line));
}
}
.hub-item:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
}
.hub-item-icon {
border-radius: var(--r-sm);
background: var(--accent-soft);
width: 40px;
height: 40px;
color: var(--accent);
flex-shrink: 0;
place-items: center;
display: grid;
}
.hub-item-body {
flex-direction: column;
flex: 1;
gap: 2px;
min-width: 0;
display: flex;
}
.hub-item-body strong {
color: var(--ink);
font-size: 14px;
}
.hub-item-body span {
color: var(--ink-3);
font-size: 12px;
}
.hub-group-label {
letter-spacing: .06em;
text-transform: uppercase;
color: var(--ink-3);
margin: 0;
padding: 0 4px;
font-size: 11px;
font-weight: 600;
}
.hub-group {
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--r-md);
overflow: hidden;
}
.hub-row {
color: var(--ink);
align-items: center;
gap: 12px;
padding: 12px 14px;
text-decoration: none;
transition: background .12s;
display: flex;
}
.hub-row + .hub-row {
border-top: 1px solid var(--line);
}
.hub-row:hover {
background: var(--surface-2);
}
.hub-row:focus-visible {
outline: 2px solid var(--accent);
outline-offset: -2px;
}
.hub-row-icon {
border-radius: var(--r-sm);
background: var(--accent-soft);
width: 30px;
height: 30px;
color: var(--accent);
flex-shrink: 0;
place-items: center;
display: grid;
}
.hub-row-title {
color: var(--ink);
flex: 1;
min-width: 0;
font-size: 14px;
font-weight: 500;
}
.role-badge {
letter-spacing: .01em;
background: var(--surface-2);
color: var(--ink-2);
border: 1px solid var(--line);
white-space: nowrap;
border-radius: 999px;
align-items: center;
padding: 3px 9px;
font-size: 11px;
font-weight: 600;
display: inline-flex;
}
.role-badge[data-role-category="admin"] {
background: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.role-badge[data-role-category="admin"] {
background: color-mix(in srgb, var(--accent) 14%, transparent);
}
}
.role-badge[data-role-category="admin"] {
color: var(--accent);
border-color: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.role-badge[data-role-category="admin"] {
border-color: color-mix(in srgb, var(--accent) 35%, transparent);
}
}
.role-badge[data-role-category="business"] {
background: var(--ink-2);
}
@supports (color: color-mix(in lab, red, red)) {
.role-badge[data-role-category="business"] {
background: color-mix(in srgb, var(--ink-2) 12%, transparent);
}
}
.role-badge[data-role-category="business"] {
color: var(--ink-1);
border-color: var(--ink-2);
}
@supports (color: color-mix(in lab, red, red)) {
.role-badge[data-role-category="business"] {
border-color: color-mix(in srgb, var(--ink-2) 25%, transparent);
}
}
.role-badge[data-role-category="rider"] {
background: var(--info, #3b82f6);
}
@supports (color: color-mix(in lab, red, red)) {
.role-badge[data-role-category="rider"] {
background: color-mix(in srgb, var(--info, #3b82f6) 14%, transparent);
}
}
.role-badge[data-role-category="rider"] {
color: var(--info, #3b82f6);
border-color: var(--info, #3b82f6);
}
@supports (color: color-mix(in lab, red, red)) {
.role-badge[data-role-category="rider"] {
border-color: color-mix(in srgb, var(--info, #3b82f6) 35%, transparent);
}
}
.role-badge[data-role-category="customer"] {
background: var(--surface-2);
color: var(--ink-3);
border-color: var(--line);
}
.rider-shell {
flex-direction: column;
min-height: 100dvh;
display: flex;
}
.rider-shell-main {
padding-bottom: calc(88px + env(safe-area-inset-bottom));
flex: 1;
}
@media (max-width: 640px) {
.user-menu-trigger .user-menu-identity {
display: none;
}
.topbar {
padding: 10px 14px;
}
}
@media (prefers-reduced-motion: reduce) {
.dropdown-item, .hub-item, .hub-row, .notifs-item, .bell-item, .user-menu-trigger, .theme-switcher-option, .bell-trigger, .bell-footer {
transition: none;
}
}
.cust-shell {
background: var(--surface-1);
flex-direction: column;
min-height: 100dvh;
display: flex;
}
::view-transition-old(root) {
animation-duration: .18s;
animation-timing-function: cubic-bezier(.2, 0, .1, 1);
}
::view-transition-new(root) {
animation-duration: .18s;
animation-timing-function: cubic-bezier(.2, 0, .1, 1);
}
::view-transition-old(root) {
animation-name: enfa-fade-out;
}
::view-transition-new(root) {
animation-name: enfa-fade-in;
}
@keyframes enfa-fade-out {
to {
opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
::view-transition-old(root) {
animation-duration: 0s;
}
::view-transition-new(root) {
animation-duration: 0s;
}
}
html, body {
overscroll-behavior-y: contain;
-webkit-tap-highlight-color: transparent;
}
@media (display-mode: standalone) {
html, body {
overscroll-behavior-y: none;
}
html {
scrollbar-width: none;
}
html::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
body {
-ms-overflow-style: none;
}
.cust-tabbar, .cust-hero, .bell-trigger, .user-menu-trigger {
-webkit-user-select: none;
user-select: none;
}
}
.cust-tabbar {
z-index: 40;
background: var(--surface);
border-top: 1px solid var(--line);
padding: 6px 4px;
padding-bottom: calc(6px + env(safe-area-inset-bottom));
grid-template-columns: repeat(4, 1fr);
gap: 0;
display: grid;
position: fixed;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 -2px 16px #0f0c080f;
}
.cust-tabbar-item {
min-height: 52px;
color: var(--ink-4);
border-radius: var(--r-sm);
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2px;
padding: 6px 4px;
text-decoration: none;
transition: color .12s, background .12s;
display: flex;
}
.cust-tabbar-item[data-active] {
color: var(--accent);
}
.cust-tabbar-item:focus-visible {
outline: 2px solid var(--accent);
outline-offset: -2px;
}
.cust-tabbar-icon-wrap {
justify-content: center;
align-items: center;
display: inline-flex;
position: relative;
}
.cust-tabbar-label {
letter-spacing: .01em;
font-size: 11px;
font-weight: 600;
}
.cust-tabbar-badge {
background: var(--accent);
min-width: 18px;
height: 18px;
color: var(--accent-ink, #fff);
text-align: center;
box-shadow: 0 0 0 2px var(--surface);
border-radius: 999px;
padding: 0 5px;
font-size: 10px;
font-weight: 700;
line-height: 18px;
position: absolute;
top: -6px;
right: -8px;
}
.cust-scroll-safe:after {
content: "";
height: calc(84px + env(safe-area-inset-bottom));
flex-shrink: 0;
display: block;
}
.chat-fab {
right: 16px;
bottom: calc(96px + env(safe-area-inset-bottom));
background: var(--accent);
width: 52px;
height: 52px;
color: var(--accent-ink, #fff);
cursor: pointer;
z-index: 60;
border: 0;
border-radius: 999px;
place-items: center;
display: grid;
position: fixed;
box-shadow: 0 8px 20px #0f0c0838;
}
.chat-panel {
right: 16px;
bottom: calc(24px + env(safe-area-inset-bottom));
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--r-md);
z-index: 70;
flex-direction: column;
width: min(380px, 100vw - 32px);
height: min(560px, 100dvh - 64px);
display: flex;
position: fixed;
overflow: hidden;
box-shadow: 0 16px 48px #0f0c0847;
}
.chat-panel-header {
background: var(--surface-2);
border-bottom: 1px solid var(--line);
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 12px 14px;
display: flex;
}
.chat-panel-body {
flex-direction: column;
flex: auto;
min-height: 0;
display: flex;
}
.chat-messages {
flex-direction: column;
flex: auto;
gap: 8px;
padding: 12px;
display: flex;
overflow-y: auto;
}
.chat-bubble-row {
justify-content: flex-start;
display: flex;
}
.chat-bubble-row.mine {
justify-content: flex-end;
}
.chat-bubble {
background: var(--surface-2);
word-break: break-word;
border-radius: 14px;
max-width: 78%;
padding: 8px 10px;
font-size: 14px;
}
.chat-bubble-row.mine .chat-bubble {
background: var(--accent);
color: var(--accent-ink, #fff);
}
.chat-bubble.internal {
background: var(--warn);
}
@supports (color: color-mix(in lab, red, red)) {
.chat-bubble.internal {
background: color-mix(in srgb, var(--warn) 22%, var(--surface-2));
}
}
.chat-bubble.internal {
border: 1px dashed var(--warn);
}
.chat-bubble-attachment {
margin-top: 6px;
display: block;
}
.chat-bubble-attachment img {
border-radius: 10px;
max-width: 100%;
max-height: 180px;
display: block;
}
.chat-typing {
background: var(--surface-2);
border-radius: 999px;
gap: 3px;
width: fit-content;
padding: 8px 10px;
display: inline-flex;
}
.chat-typing-dot {
background: var(--ink-3);
border-radius: 999px;
width: 6px;
height: 6px;
animation: 1s ease-in-out infinite chat-typing-pulse;
}
.chat-typing-dot:nth-child(2) {
animation-delay: .12s;
}
.chat-typing-dot:nth-child(3) {
animation-delay: .24s;
}
@keyframes chat-typing-pulse {
0%, 60%, 100% {
opacity: .3;
}
30% {
opacity: 1;
}
}
.chat-input-row {
padding: 10px;
padding-bottom: calc(10px + env(safe-area-inset-bottom));
border-top: 1px solid var(--line);
flex-wrap: wrap;
align-items: center;
gap: 8px;
display: flex;
}
.chat-input-row .chat-text-input {
flex: 160px;
min-width: 0;
}
.chat-attach-btn {
background: var(--surface-2);
border: 1px solid var(--line);
cursor: pointer;
width: 36px;
height: 36px;
color: var(--ink);
border-radius: 999px;
place-items: center;
display: grid;
}
.chat-attach-btn[disabled] {
opacity: .5;
cursor: wait;
}
.chat-text-input {
background: var(--surface-2);
border: 1px solid var(--line);
height: 36px;
color: var(--ink);
border-radius: 999px;
outline: none;
flex: 1;
padding: 0 12px;
font-size: 14px;
}
.chat-text-input:focus-visible {
border-color: var(--accent);
}
@media (max-width: 640px) {
.chat-text-input {
font-size: 16px;
}
}
@media (pointer: coarse) {
.chat-text-input, .chat-attach-btn {
height: 44px;
}
.chat-attach-btn {
width: 44px;
}
}
.chat-closed-banner {
text-align: center;
border-top: 1px solid var(--line);
color: var(--ink-3);
padding: 10px;
font-size: 12px;
}
.chat-load-more {
color: var(--accent);
cursor: pointer;
background: none;
border: 0;
font-size: 12px;
}
.chat-thread-row {
text-align: left;
border: 0;
border-bottom: 1px solid var(--line);
cursor: pointer;
width: 100%;
color: var(--ink);
background: none;
padding: 10px 12px;
display: block;
}
.chat-thread-row:hover {
background: var(--surface-2);
}
.chat-thread-row[data-active] {
background: var(--accent);
}
@supports (color: color-mix(in lab, red, red)) {
.chat-thread-row[data-active] {
background: color-mix(in srgb, var(--accent) 12%, var(--surface));
}
}
.cust-hero {
background: linear-gradient(180deg, var(--accent) 0%, var(--accent-pressed, var(--accent)) 100%);
color: var(--accent-ink, #fff);
padding: 18px 16px 22px;
padding-top: calc(18px + env(safe-area-inset-top));
border-bottom-right-radius: 28px;
border-bottom-left-radius: 28px;
box-shadow: 0 4px 16px #0f0c0814;
}
.cust-hero-row {
justify-content: space-between;
align-items: center;
gap: 12px;
min-width: 0;
display: flex;
}
.cust-hero-location {
color: inherit;
cursor: pointer;
text-align: left;
background: none;
border: 0;
flex-direction: column;
flex: auto;
align-items: flex-start;
gap: 2px;
min-width: 0;
max-width: 100%;
padding: 4px 0;
display: inline-flex;
}
.cust-hero-location-kicker {
opacity: .88;
letter-spacing: .04em;
text-transform: uppercase;
white-space: nowrap;
align-items: center;
gap: 4px;
font-size: 11px;
font-weight: 600;
display: inline-flex;
}
.cust-hero-location-value {
align-items: center;
gap: 6px;
width: 100%;
min-width: 0;
max-width: 100%;
display: inline-flex;
}
.cust-hero-location-address {
font-family: var(--font-display);
letter-spacing: -.01em;
white-space: nowrap;
text-overflow: ellipsis;
flex: auto;
min-width: 0;
font-size: 15px;
font-weight: 700;
overflow: hidden;
}
.cust-hero-location-value svg {
flex: none;
}
.cust-hero-location-zone {
opacity: .85;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
font-size: 11px;
overflow: hidden;
}
.cust-hero-actions {
align-items: center;
gap: 6px;
display: flex;
}
.cust-hero-iconbtn {
width: 40px;
height: 40px;
color: inherit;
cursor: pointer;
-webkit-backdrop-filter: saturate(160%);
backdrop-filter: saturate(160%);
background: #ffffff2e;
border: 0;
border-radius: 999px;
justify-content: center;
align-items: center;
display: inline-flex;
position: relative;
}
.cust-hero-iconbtn:focus-visible {
outline: 2px solid var(--accent-ink, #fff);
outline-offset: 2px;
}
.cust-hero-iconbtn[data-badge]:after {
content: attr(data-badge);
background: var(--accent-ink, #fff);
min-width: 16px;
height: 16px;
color: var(--accent);
text-align: center;
border-radius: 999px;
padding: 0 4px;
font-size: 10px;
font-weight: 700;
line-height: 16px;
position: absolute;
top: 2px;
right: 2px;
}
.cust-hero-search {
background: var(--surface);
color: var(--ink-3);
cursor: pointer;
border-radius: 999px;
align-items: center;
gap: 10px;
min-height: 48px;
margin-top: 16px;
padding: 12px 14px;
text-decoration: none;
display: flex;
box-shadow: 0 6px 16px #0f0c0824;
}
.cust-hero-search input {
font: inherit;
color: var(--ink);
background: none;
border: 0;
outline: none;
flex: 1;
font-size: 14px;
}
.cust-hero-search input::placeholder {
color: var(--ink-3);
}
.cust-address-row {
border-radius: var(--r-sm);
text-align: left;
cursor: pointer;
background: none;
border: 1px solid #0000;
align-items: flex-start;
gap: 12px;
width: 100%;
padding: 12px 10px;
transition: background .12s, border-color .12s;
display: flex;
}
.cust-address-row:hover, .cust-address-row:focus-visible {
background: var(--surface-2);
outline: none;
}
.cust-address-row[data-active] {
border-color: var(--accent);
background: var(--accent-soft);
}
.cust-address-icon {
border-radius: var(--r-sm);
background: var(--surface-2);
width: 36px;
height: 36px;
color: var(--ink-3);
flex-shrink: 0;
place-items: center;
display: grid;
}
.cust-address-row[data-active] .cust-address-icon {
background: var(--accent);
color: var(--accent-ink, #fff);
}
.cust-address-body {
flex: 1;
min-width: 0;
}
.cust-address-body strong {
color: var(--ink);
font-size: 14px;
display: block;
}
.cust-address-body span {
color: var(--ink-3);
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
display: block;
overflow: hidden;
}
.collapsible {
border: 1px solid var(--line);
border-radius: var(--r-sm);
background: var(--surface);
}
.collapsible-summary {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 12px 14px;
list-style: none;
display: flex;
}
.collapsible-summary::-webkit-details-marker {
display: none;
}
.collapsible-titles {
flex-direction: column;
gap: 2px;
min-width: 0;
display: flex;
}
.collapsible-title {
color: var(--ink);
font-size: 14px;
font-weight: 600;
}
.collapsible-description {
color: var(--ink-3);
font-size: 12px;
}
.collapsible-chevron {
color: var(--ink-3);
flex: none;
transition: transform .15s;
}
.collapsible[open] > .collapsible-summary .collapsible-chevron {
transform: rotate(90deg);
}
.collapsible-body {
flex-direction: column;
gap: 10px;
padding: 4px 14px 14px;
display: flex;
}
.claimable-banner {
background: var(--accent-soft);
border: 1px solid var(--accent);
border-radius: var(--r-sm);
color: var(--accent);
align-items: center;
gap: 10px;
padding: 10px 12px;
font-size: 13.5px;
display: flex;
}
.claimable-banner-icon {
background: var(--accent);
color: #fff;
border-radius: 999px;
flex: none;
place-items: center;
width: 28px;
height: 28px;
display: grid;
}
.claimable-banner-text {
flex: 1;
font-weight: 600;
}
.claimable-banner-cta {
color: var(--accent);
align-items: center;
gap: 4px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.loyalty-progress {
background: var(--surface-2);
border-radius: 999px;
width: 100%;
height: 8px;
overflow: hidden;
}
.loyalty-progress-fill {
background: var(--accent);
border-radius: 999px;
height: 100%;
transition: width .24s;
}
.coupon-code {
background: var(--accent-soft);
color: var(--accent);
border-radius: var(--r-sm);
border: 1px dashed var(--accent);
cursor: pointer;
align-self: flex-start;
align-items: center;
gap: 8px;
padding: 8px 12px;
font-size: 14px;
font-weight: 700;
display: inline-flex;
}
.coupon-code:hover {
filter: brightness(.97);
}
.multi-check {
flex-direction: column;
gap: 6px;
display: flex;
}
.multi-check-label {
color: var(--ink-2);
justify-content: space-between;
align-items: baseline;
gap: 8px;
font-size: 13px;
font-weight: 600;
display: flex;
}
.multi-check-count {
color: var(--accent);
font-size: 11px;
font-weight: 500;
}
.multi-check-search {
background: var(--surface);
border: 1px solid var(--line-2);
border-radius: var(--r-sm);
width: 100%;
height: 36px;
padding: 0 12px;
font-size: 13px;
}
.multi-check-list {
border: 1px solid var(--line);
border-radius: var(--r-sm);
background: var(--surface);
flex-direction: column;
gap: 2px;
display: flex;
overflow-y: auto;
}
.multi-check-row {
color: var(--ink);
cursor: pointer;
border-radius: 0;
align-items: center;
gap: 10px;
padding: 8px 12px;
font-size: 13.5px;
display: flex;
}
.multi-check-row:hover {
background: var(--surface-2);
}
.multi-check-row[data-checked] {
background: var(--accent-soft);
color: var(--accent);
}
.multi-check-empty {
color: var(--ink-3);
text-align: center;
padding: 14px;
font-size: 13px;
}
.page-narrow, .page-default, .page-wide {
box-sizing: border-box;
width: 100%;
margin-inline: auto;
padding-inline: 16px;
}
.page-narrow {
max-width: var(--container-narrow);
}
.page-default {
max-width: var(--container-default);
}
.page-wide {
max-width: var(--container-wide);
}
.page-safe-bottom {
padding-bottom: var(--safe-bottom-nav);
}
.page-pad-top {
padding-top: 16px;
}
.business-card, .tap-press {
-webkit-tap-highlight-color: transparent;
transition: transform .11s ease-out, opacity .11s ease-out;
}
a:active .business-card, a:active.tap-press, button:active.tap-press, .tap-press:active {
opacity: .95;
transform: scale(.97);
}
@media (prefers-reduced-motion: reduce) {
.business-card, .tap-press {
transition: none;
}
a:active .business-card, a:active.tap-press, button:active.tap-press, .tap-press:active {
transform: none;
}
}
.scroll-modern {
scrollbar-width: thin;
scrollbar-color: var(--surface-3) transparent;
}
.scroll-modern::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.scroll-modern::-webkit-scrollbar-track {
background: none;
}
.scroll-modern::-webkit-scrollbar-thumb {
background: var(--surface-3);
background-clip: padding-box;
border: 2px solid #0000;
border-radius: 999px;
transition: background .15s;
}
.scroll-modern::-webkit-scrollbar-thumb:hover {
background: var(--ink-4);
background-clip: padding-box;
}
.scroll-modern::-webkit-scrollbar-corner {
background: none;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-ordinal {
syntax: "*";
inherits: false
}
@property --tw-slashed-zero {
syntax: "*";
inherits: false
}
@property --tw-numeric-figure {
syntax: "*";
inherits: false
}
@property --tw-numeric-spacing {
syntax: "*";
inherits: false
}
@property --tw-numeric-fraction {
syntax: "*";
inherits: false
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-blur {
syntax: "*";
inherits: false
}
@property --tw-brightness {
syntax: "*";
inherits: false
}
@property --tw-contrast {
syntax: "*";
inherits: false
}
@property --tw-grayscale {
syntax: "*";
inherits: false
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-invert {
syntax: "*";
inherits: false
}
@property --tw-opacity {
syntax: "*";
inherits: false
}
@property --tw-saturate {
syntax: "*";
inherits: false
}
@property --tw-sepia {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false
}
/*# sourceMappingURL=%5Broot-of-the-server%5D__065p-h1._.css.map*/