/* /src/screens/globals.css */ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */ @layer properties; @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.0.woff2') format('woff2-variations'); unicode-range: U+f9ca-fa0b,U+ff03-ff05,U+ff07,U+ff0a-ff0b,U+ff0d-ff19,U+ff1b,U+ff1d,U+ff20-ff5b,U+ff5d,U+ffe0-ffe3,U+ffe5-ffe6; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.1.woff2') format('woff2-variations'); unicode-range: U+d723-d728,U+d72a-d733,U+d735-d748,U+d74a-d74f,U+d752-d753,U+d755-d757,U+d75a-d75f,U+d762-d764,U+d766-d768,U+d76a-d76b,U+d76d-d76f,U+d771-d787,U+d789-d78b,U+d78d-d78f,U+d791-d797,U+d79a,U+d79c,U+d79e-d7a3,U+f900-f909,U+f90b-f92e; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.2.woff2') format('woff2-variations'); unicode-range: U+d679-d68b,U+d68e-d69e,U+d6a0,U+d6a2-d6a7,U+d6a9-d6c3,U+d6c6-d6c7,U+d6c9-d6cb,U+d6cd-d6d3,U+d6d5-d6d6,U+d6d8-d6e3,U+d6e5-d6e7,U+d6e9-d6fb,U+d6fd-d717,U+d719-d71f,U+d721-d722; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.3.woff2') format('woff2-variations'); unicode-range: U+d5bc-d5c7,U+d5ca-d5cb,U+d5cd-d5cf,U+d5d1-d5d7,U+d5d9-d5da,U+d5dc,U+d5de-d5e3,U+d5e6-d5e7,U+d5e9-d5eb,U+d5ed-d5f6,U+d5f8,U+d5fa-d5ff,U+d602-d603,U+d605-d607,U+d609-d60f,U+d612-d613,U+d616-d61b,U+d61d-d637,U+d63a-d63b,U+d63d-d63f,U+d641-d647,U+d64a-d64c,U+d64e-d653,U+d656-d657,U+d659-d65b,U+d65d-d666,U+d668,U+d66a-d678; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.4.woff2') format('woff2-variations'); unicode-range: U+d507,U+d509-d50b,U+d50d-d513,U+d515-d53b,U+d53e-d53f,U+d541-d543,U+d545-d54c,U+d54e,U+d550,U+d552-d557,U+d55a-d55b,U+d55d-d55f,U+d561-d564,U+d566-d567,U+d56a,U+d56c,U+d56e-d573,U+d576-d577,U+d579-d583,U+d585-d586,U+d58a-d5a4,U+d5a6-d5bb; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.5.woff2') format('woff2-variations'); unicode-range: U+d464-d477,U+d47a-d47b,U+d47d-d47f,U+d481-d487,U+d489-d48a,U+d48c,U+d48e-d4e7,U+d4e9-d503,U+d505-d506; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.6.woff2') format('woff2-variations'); unicode-range: U+d3bf-d3c7,U+d3ca-d3cf,U+d3d1-d3eb,U+d3ee-d3ef,U+d3f1-d3f3,U+d3f5-d3fb,U+d3fd-d400,U+d402-d45b,U+d45d-d463; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.7.woff2') format('woff2-variations'); unicode-range: U+d2ff,U+d302-d304,U+d306-d30b,U+d30f,U+d311-d313,U+d315-d31b,U+d31e,U+d322-d324,U+d326-d327,U+d32a-d32b,U+d32d-d32f,U+d331-d337,U+d339-d33c,U+d33e-d37b,U+d37e-d37f,U+d381-d383,U+d385-d38b,U+d38e-d390,U+d392-d397,U+d39a-d39b,U+d39d-d39f,U+d3a1-d3a7,U+d3a9-d3aa,U+d3ac,U+d3ae-d3b3,U+d3b5-d3b7,U+d3b9-d3bb,U+d3bd-d3be; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.8.woff2') format('woff2-variations'); unicode-range: U+d257-d27f,U+d281-d29b,U+d29d-d29f,U+d2a1-d2ab,U+d2ad-d2b7,U+d2ba-d2bb,U+d2bd-d2bf,U+d2c1-d2c7,U+d2c9-d2ef,U+d2f2-d2f3,U+d2f5-d2f7,U+d2f9-d2fe; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.9.woff2') format('woff2-variations'); unicode-range: U+d1b4,U+d1b6-d1f3,U+d1f5-d22b,U+d22e-d22f,U+d231-d233,U+d235-d23b,U+d23d-d240,U+d242-d256; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.10.woff2') format('woff2-variations'); unicode-range: U+d105-d12f,U+d132-d133,U+d135-d137,U+d139-d13f,U+d141-d142,U+d144,U+d146-d14b,U+d14e-d14f,U+d151-d153,U+d155-d15b,U+d15e-d187,U+d189-d19f,U+d1a2-d1a3,U+d1a5-d1a7,U+d1a9-d1af,U+d1b2-d1b3; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.11.woff2') format('woff2-variations'); unicode-range: U+d04b-d04f,U+d051-d057,U+d059-d06b,U+d06d-d06f,U+d071-d073,U+d075-d07b,U+d07e-d0a3,U+d0a6-d0a7,U+d0a9-d0ab,U+d0ad-d0b3,U+d0b6,U+d0b8,U+d0ba-d0bf,U+d0c2-d0c3,U+d0c5-d0c7,U+d0c9-d0cf,U+d0d2,U+d0d6-d0db,U+d0de-d0df,U+d0e1-d0e3,U+d0e5-d0eb,U+d0ee-d0f0,U+d0f2-d104; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.12.woff2') format('woff2-variations'); unicode-range: U+cfa2-cfc3,U+cfc5-cfdf,U+cfe2-cfe3,U+cfe5-cfe7,U+cfe9-cff4,U+cff6-cffb,U+cffd-cfff,U+d001-d003,U+d005-d017,U+d019-d033,U+d036-d037,U+d039-d03b,U+d03d-d04a; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.13.woff2') format('woff2-variations'); unicode-range: U+cef0-cef3,U+cef6,U+cef9-ceff,U+cf01-cf03,U+cf05-cf07,U+cf09-cf0f,U+cf11-cf12,U+cf14-cf1b,U+cf1d-cf1f,U+cf21-cf2f,U+cf31-cf53,U+cf56-cf57,U+cf59-cf5b,U+cf5d-cf63,U+cf66,U+cf68,U+cf6a-cf6f,U+cf71-cf84,U+cf86-cf8b,U+cf8d-cfa1; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.14.woff2') format('woff2-variations'); unicode-range: U+ce3c-ce57,U+ce5a-ce5b,U+ce5d-ce5f,U+ce61-ce67,U+ce6a,U+ce6c,U+ce6e-ce73,U+ce76-ce77,U+ce79-ce7b,U+ce7d-ce83,U+ce85-ce88,U+ce8a-ce8f,U+ce91-ce93,U+ce95-ce97,U+ce99-ce9f,U+cea2,U+cea4-ceab,U+cead-cee3,U+cee6-cee7,U+cee9-ceeb,U+ceed-ceef; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.15.woff2') format('woff2-variations'); unicode-range: U+cd92-cd93,U+cd96-cd97,U+cd99-cd9b,U+cd9d-cda3,U+cda6-cda8,U+cdaa-cdaf,U+cdb1-cdc3,U+cdc5-cdcb,U+cdcd-cde7,U+cde9-ce03,U+ce05-ce1f,U+ce22-ce34,U+ce36-ce3b; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.16.woff2') format('woff2-variations'); unicode-range: U+ccef-cd07,U+cd0a-cd0b,U+cd0d-cd1a,U+cd1c,U+cd1e-cd2b,U+cd2d-cd5b,U+cd5d-cd77,U+cd79-cd91; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.17.woff2') format('woff2-variations'); unicode-range: U+cc3f-cc43,U+cc46-cc47,U+cc49-cc4b,U+cc4d-cc53,U+cc55-cc58,U+cc5a-cc5f,U+cc61-cc97,U+cc9a-cc9b,U+cc9d-cc9f,U+cca1-cca7,U+ccaa,U+ccac,U+ccae-ccb3,U+ccb6-ccb7,U+ccb9-ccbb,U+ccbd-cccf,U+ccd1-cce3,U+cce5-ccee; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.18.woff2') format('woff2-variations'); unicode-range: U+cb91-cbd3,U+cbd5-cbe3,U+cbe5-cc0b,U+cc0e-cc0f,U+cc11-cc13,U+cc15-cc1b,U+cc1d-cc20,U+cc23-cc27,U+cc2a-cc2b,U+cc2d,U+cc2f,U+cc31-cc37,U+cc3a,U+cc3c; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.19.woff2') format('woff2-variations'); unicode-range: U+caf4-cb47,U+cb4a-cb90; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.20.woff2') format('woff2-variations'); unicode-range: U+ca4a-ca4b,U+ca4e-ca4f,U+ca51-ca53,U+ca55-ca5b,U+ca5d-ca60,U+ca62-ca83,U+ca85-cabb,U+cabe-cabf,U+cac1-cac3,U+cac5-cacb,U+cacd-cad0,U+cad2,U+cad4-cad8,U+cada-caf3; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.21.woff2') format('woff2-variations'); unicode-range: U+c996-c997,U+c99a-c99c,U+c99e-c9bf,U+c9c2-c9c3,U+c9c5-c9c7,U+c9c9-c9cf,U+c9d2,U+c9d4,U+c9d7-c9d8,U+c9db,U+c9de-c9df,U+c9e1-c9e3,U+c9e5-c9e6,U+c9e8-c9eb,U+c9ee-c9f0,U+c9f2-c9f7,U+c9f9-ca0b,U+ca0d-ca28,U+ca2a-ca49; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.22.woff2') format('woff2-variations'); unicode-range: U+c8e9-c8f4,U+c8f6-c8fb,U+c8fe-c8ff,U+c901-c903,U+c905-c90b,U+c90e-c910,U+c912-c917,U+c919-c92b,U+c92d-c94f,U+c951-c953,U+c955-c96b,U+c96d-c973,U+c975-c987,U+c98a-c98b,U+c98d-c98f,U+c991-c995; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.23.woff2') format('woff2-variations'); unicode-range: U+c841-c84b,U+c84d-c86f,U+c872-c873,U+c875-c877,U+c879-c87f,U+c882-c884,U+c887-c88a,U+c88d-c8c3,U+c8c5-c8df,U+c8e1-c8e8; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.24.woff2') format('woff2-variations'); unicode-range: U+c779-c77b,U+c77e-c782,U+c786,U+c78b,U+c78d,U+c78f,U+c792-c793,U+c795,U+c797,U+c799-c79f,U+c7a2,U+c7a7-c7ab,U+c7ae-c7bb,U+c7bd-c7c0,U+c7c2-c7c7,U+c7c9-c7dc,U+c7de-c7ff,U+c802-c803,U+c805-c807,U+c809,U+c80b-c80f,U+c812,U+c814,U+c817-c81b,U+c81e-c81f,U+c821-c823,U+c825-c82e,U+c830-c837,U+c839-c83b,U+c83d-c840; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.25.woff2') format('woff2-variations'); unicode-range: U+c6bb-c6bf,U+c6c2,U+c6c4,U+c6c6-c6cb,U+c6ce-c6cf,U+c6d1-c6d3,U+c6d5-c6db,U+c6dd-c6df,U+c6e1-c6e7,U+c6e9-c6eb,U+c6ed-c6ef,U+c6f1-c6f8,U+c6fa-c703,U+c705-c707,U+c709-c70b,U+c70d-c716,U+c718,U+c71a-c71f,U+c722-c723,U+c725-c727,U+c729-c734,U+c736-c73b,U+c73e-c73f,U+c741-c743,U+c745-c74b,U+c74e-c750,U+c752-c757,U+c759-c773,U+c776-c777; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.26.woff2') format('woff2-variations'); unicode-range: U+c5f5-c5fb,U+c5fe,U+c602-c605,U+c607,U+c609-c60f,U+c611-c61a,U+c61c-c623,U+c626-c627,U+c629-c62b,U+c62d,U+c62f-c632,U+c636,U+c638,U+c63a-c63f,U+c642-c643,U+c645-c647,U+c649-c652,U+c656-c65b,U+c65d-c65f,U+c661-c663,U+c665-c677,U+c679-c67b,U+c67d-c693,U+c696-c697,U+c699-c69b,U+c69d-c6a3,U+c6a6,U+c6a8,U+c6aa-c6af,U+c6b2-c6b3,U+c6b5-c6b7,U+c6b9-c6ba; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.27.woff2') format('woff2-variations'); unicode-range: U+c517-c527,U+c52a-c52b,U+c52d-c52f,U+c531-c538,U+c53a,U+c53c,U+c53e-c543,U+c546-c547,U+c54b,U+c54d-c552,U+c556,U+c55a-c55b,U+c55d,U+c55f,U+c562-c563,U+c565-c567,U+c569-c56f,U+c572,U+c574,U+c576-c57b,U+c57e-c57f,U+c581-c583,U+c585-c586,U+c588-c58b,U+c58e,U+c590,U+c592-c596,U+c599-c5b3,U+c5b6-c5b7,U+c5ba,U+c5be-c5c3,U+c5ca-c5cb,U+c5cd,U+c5cf,U+c5d2-c5d3,U+c5d5-c5d7,U+c5d9-c5df,U+c5e1-c5e2,U+c5e4,U+c5e6-c5eb,U+c5ef,U+c5f1-c5f3; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.28.woff2') format('woff2-variations'); unicode-range: U+c475-c4ef,U+c4f2-c4f3,U+c4f5-c4f7,U+c4f9-c4ff,U+c502-c50b,U+c50d-c516; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.29.woff2') format('woff2-variations'); unicode-range: U+c3d0-c3d7,U+c3da-c3db,U+c3dd-c3de,U+c3e1-c3ec,U+c3ee-c3f3,U+c3f5-c42b,U+c42d-c463,U+c466-c474; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.30.woff2') format('woff2-variations'); unicode-range: U+c32b-c367,U+c36a-c36b,U+c36d-c36f,U+c371-c377,U+c37a-c37b,U+c37e-c383,U+c385-c387,U+c389-c3cf; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.31.woff2') format('woff2-variations'); unicode-range: U+c26a-c26b,U+c26d-c26f,U+c271-c273,U+c275-c27b,U+c27e-c287,U+c289-c28f,U+c291-c297,U+c299-c29a,U+c29c-c2a3,U+c2a5-c2a7,U+c2a9-c2ab,U+c2ad-c2b3,U+c2b6,U+c2b8,U+c2ba-c2bb,U+c2bd-c2db,U+c2de-c2df,U+c2e1-c2e2,U+c2e5-c2ea,U+c2ee,U+c2f0,U+c2f2-c2f5,U+c2f7,U+c2fa-c2fb,U+c2fd-c2ff,U+c301-c307,U+c309-c30c,U+c30e-c312,U+c315-c323,U+c325-c328,U+c32a; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.32.woff2') format('woff2-variations'); unicode-range: U+c1bc-c1c3,U+c1c5-c1df,U+c1e1-c1fb,U+c1fd-c203,U+c205-c20c,U+c20e,U+c210-c217,U+c21a-c21b,U+c21d-c21e,U+c221-c227,U+c229-c22a,U+c22c,U+c22e,U+c230,U+c233-c24f,U+c251-c257,U+c259-c269; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.33.woff2') format('woff2-variations'); unicode-range: U+c101-c11b,U+c11f,U+c121-c123,U+c125-c12b,U+c12e,U+c132-c137,U+c13a-c13b,U+c13d-c13f,U+c141-c147,U+c14a,U+c14c-c153,U+c155-c157,U+c159-c15b,U+c15d-c166,U+c169-c16f,U+c171-c177,U+c179-c18b,U+c18e-c18f,U+c191-c193,U+c195-c19b,U+c19d-c19e,U+c1a0,U+c1a2-c1a4,U+c1a6-c1bb; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.34.woff2') format('woff2-variations'); unicode-range: U+c049-c057,U+c059-c05b,U+c05d-c05f,U+c061-c067,U+c069-c08f,U+c091-c0ab,U+c0ae-c0af,U+c0b1-c0b3,U+c0b5,U+c0b7-c0bb,U+c0be,U+c0c2-c0c7,U+c0ca-c0cb,U+c0cd-c0cf,U+c0d1-c0d7,U+c0d9-c0da,U+c0dc,U+c0de-c0e3,U+c0e5-c0eb,U+c0ed-c0f3,U+c0f6,U+c0f8,U+c0fa-c0ff; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.35.woff2') format('woff2-variations'); unicode-range: U+bfa7-bfaf,U+bfb1-bfc4,U+bfc6-bfcb,U+bfce-bfcf,U+bfd1-bfd3,U+bfd5-bfdb,U+bfdd-c048; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.36.woff2') format('woff2-variations'); unicode-range: U+bf07,U+bf09-bf3f,U+bf41-bf4f,U+bf52-bf54,U+bf56-bfa6; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.37.woff2') format('woff2-variations'); unicode-range: U+be56,U+be58,U+be5c-be5f,U+be62-be63,U+be65-be67,U+be69-be74,U+be76-be7b,U+be7e-be7f,U+be81-be8e,U+be90,U+be92-bea7,U+bea9-becf,U+bed2-bed3,U+bed5-bed6,U+bed9-bee3,U+bee6-bf06; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.38.woff2') format('woff2-variations'); unicode-range: U+bdb0-bdd3,U+bdd5-bdef,U+bdf1-be0b,U+be0d-be0f,U+be11-be13,U+be15-be43,U+be46-be47,U+be49-be4b,U+be4d-be53; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.39.woff2') format('woff2-variations'); unicode-range: U+bd03,U+bd06,U+bd08,U+bd0a-bd0f,U+bd11-bd22,U+bd25-bd47,U+bd49-bd58,U+bd5a-bd7f,U+bd82-bd83,U+bd85-bd87,U+bd8a-bd8f,U+bd91-bd92,U+bd94,U+bd96-bd98,U+bd9a-bdaf; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.40.woff2') format('woff2-variations'); unicode-range: U+bc4e-bc83,U+bc86-bc87,U+bc89-bc8b,U+bc8d-bc93,U+bc96,U+bc98,U+bc9b-bc9f,U+bca2-bca3,U+bca5-bca7,U+bca9-bcb2,U+bcb4-bcbb,U+bcbe-bcbf,U+bcc1-bcc3,U+bcc5-bccc,U+bcce-bcd0,U+bcd2-bcd4,U+bcd6-bcf3,U+bcf7,U+bcf9-bcfb,U+bcfd-bd02; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.41.woff2') format('woff2-variations'); unicode-range: U+bb90-bba3,U+bba5-bbab,U+bbad-bbbf,U+bbc1-bbf7,U+bbfa-bbfb,U+bbfd-bbfe,U+bc01-bc07,U+bc09-bc0a,U+bc0e,U+bc10,U+bc12-bc13,U+bc17,U+bc19-bc1a,U+bc1e,U+bc20-bc23,U+bc26,U+bc28,U+bc2a-bc2c,U+bc2e-bc2f,U+bc32-bc33,U+bc35-bc37,U+bc39-bc3f,U+bc41-bc42,U+bc44,U+bc46-bc48,U+bc4a-bc4d; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.42.woff2') format('woff2-variations'); unicode-range: U+bae6-bafb,U+bafd-bb17,U+bb19-bb33,U+bb37,U+bb39-bb3a,U+bb3d-bb43,U+bb45-bb46,U+bb48,U+bb4a-bb4f,U+bb51-bb53,U+bb55-bb57,U+bb59-bb62,U+bb64-bb8f; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.43.woff2') format('woff2-variations'); unicode-range: U+ba30-ba37,U+ba3a-ba3b,U+ba3d-ba3f,U+ba41-ba47,U+ba49-ba4a,U+ba4c,U+ba4e-ba53,U+ba56-ba57,U+ba59-ba5b,U+ba5d-ba63,U+ba65-ba66,U+ba68-ba6f,U+ba71-ba73,U+ba75-ba77,U+ba79-ba84,U+ba86,U+ba88-baa7,U+baaa,U+baad-baaf,U+bab1-bab7,U+baba,U+babc,U+babe-bae5; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.44.woff2') format('woff2-variations'); unicode-range: U+b96e-b973,U+b976-b977,U+b979-b97b,U+b97d-b983,U+b986,U+b988,U+b98a-b98d,U+b98f-b9ab,U+b9ae-b9af,U+b9b1-b9b3,U+b9b5-b9bb,U+b9be,U+b9c0,U+b9c2-b9c7,U+b9ca-b9cb,U+b9cd,U+b9d2-b9d7,U+b9da,U+b9dc,U+b9df-b9e0,U+b9e2,U+b9e6-b9e7,U+b9e9-b9f3,U+b9f6,U+b9f8,U+b9fb-ba2f; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.45.woff2') format('woff2-variations'); unicode-range: U+b8bf-b8cb,U+b8cd-b8e0,U+b8e2-b8e7,U+b8ea-b8eb,U+b8ed-b8ef,U+b8f1-b8f7,U+b8fa,U+b8fc,U+b8fe-b903,U+b905-b917,U+b919-b91f,U+b921-b93b,U+b93d-b957,U+b95a-b95b,U+b95d-b95f,U+b961-b967,U+b969-b96c; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.46.woff2') format('woff2-variations'); unicode-range: U+b80d-b80f,U+b811-b817,U+b81a,U+b81c-b823,U+b826-b827,U+b829-b82b,U+b82d-b833,U+b836,U+b83a-b83f,U+b841-b85b,U+b85e-b85f,U+b861-b863,U+b865-b86b,U+b86e,U+b870,U+b872-b8af,U+b8b1-b8be; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.47.woff2') format('woff2-variations'); unicode-range: U+b74d-b75f,U+b761-b763,U+b765-b774,U+b776-b77b,U+b77e-b77f,U+b781-b783,U+b785-b78b,U+b78e,U+b792-b796,U+b79a-b79b,U+b79d-b7a7,U+b7aa,U+b7ae-b7b3,U+b7b6-b7c8,U+b7ca-b7eb,U+b7ee-b7ef,U+b7f1-b7f3,U+b7f5-b7fb,U+b7fe,U+b802-b806,U+b80a-b80b; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.48.woff2') format('woff2-variations'); unicode-range: U+b6a7-b6aa,U+b6ac-b6b0,U+b6b2-b6ef,U+b6f1-b727,U+b72a-b72b,U+b72d-b72e,U+b731-b737,U+b739-b73a,U+b73c-b743,U+b745-b74c; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.49.woff2') format('woff2-variations'); unicode-range: U+b605-b60f,U+b612-b617,U+b619-b624,U+b626-b69b,U+b69e-b6a3,U+b6a5-b6a6; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.50.woff2') format('woff2-variations'); unicode-range: U+b55f,U+b562-b583,U+b585-b59f,U+b5a2-b5a3,U+b5a5-b5a7,U+b5a9-b5b2,U+b5b5-b5ba,U+b5bd-b604; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.51.woff2') format('woff2-variations'); unicode-range: U+b4a5-b4b6,U+b4b8-b4bf,U+b4c1-b4c7,U+b4c9-b4db,U+b4de-b4df,U+b4e1-b4e2,U+b4e5-b4eb,U+b4ee,U+b4f0,U+b4f2-b513,U+b516-b517,U+b519-b51a,U+b51d-b523,U+b526,U+b528,U+b52b-b52f,U+b532-b533,U+b535-b537,U+b539-b53f,U+b541-b544,U+b546-b54b,U+b54d-b54f,U+b551-b55b,U+b55d-b55e; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.52.woff2') format('woff2-variations'); unicode-range: U+b3f8-b3fb,U+b3fd-b40f,U+b411-b417,U+b419-b41b,U+b41d-b41f,U+b421-b427,U+b42a-b42b,U+b42d-b44f,U+b452-b453,U+b455-b457,U+b459-b45f,U+b462-b464,U+b466-b46b,U+b46d-b47f,U+b481-b4a3; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.53.woff2') format('woff2-variations'); unicode-range: U+b342-b353,U+b356-b357,U+b359-b35b,U+b35d-b35e,U+b360-b363,U+b366,U+b368,U+b36a-b36d,U+b36f,U+b372-b373,U+b375-b377,U+b379-b37f,U+b381-b382,U+b384,U+b386-b38b,U+b38d-b3c3,U+b3c6-b3c7,U+b3c9-b3ca,U+b3cd-b3d3,U+b3d6,U+b3d8,U+b3da-b3f7; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.54.woff2') format('woff2-variations'); unicode-range: U+b27c-b283,U+b285-b28f,U+b292-b293,U+b295-b297,U+b29a-b29f,U+b2a1-b2a4,U+b2a7-b2a9,U+b2ab,U+b2ad-b2c7,U+b2ca-b2cb,U+b2cd-b2cf,U+b2d1-b2d7,U+b2da,U+b2dc,U+b2de-b2e3,U+b2e7,U+b2e9-b2ea,U+b2ef-b2f3,U+b2f6,U+b2f8,U+b2fa-b2fb,U+b2fd-b2fe,U+b302-b303,U+b305-b307,U+b309-b30f,U+b312,U+b316-b31b,U+b31d-b341; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.55.woff2') format('woff2-variations'); unicode-range: U+b1d6-b1e7,U+b1e9-b1fc,U+b1fe-b203,U+b206-b207,U+b209-b20b,U+b20d-b213,U+b216-b21f,U+b221-b257,U+b259-b273,U+b275-b27b; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.56.woff2') format('woff2-variations'); unicode-range: U+b120-b122,U+b126-b127,U+b129-b12b,U+b12d-b133,U+b136,U+b138,U+b13a-b13f,U+b142-b143,U+b145-b14f,U+b151-b153,U+b156-b157,U+b159-b177,U+b17a-b17b,U+b17d-b17f,U+b181-b187,U+b189-b18c,U+b18e-b191,U+b195-b1a7,U+b1a9-b1cb,U+b1cd-b1d5; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.57.woff2') format('woff2-variations'); unicode-range: U+b05f-b07b,U+b07e-b07f,U+b081-b083,U+b085-b08b,U+b08d-b097,U+b09b,U+b09d-b09f,U+b0a2-b0a7,U+b0aa,U+b0b0,U+b0b2,U+b0b6-b0b7,U+b0b9-b0bb,U+b0bd-b0c3,U+b0c6-b0c7,U+b0ca-b0cf,U+b0d1-b0df,U+b0e1-b0e4,U+b0e6-b107,U+b10a-b10b,U+b10d-b10f,U+b111-b112,U+b114-b117,U+b119-b11a,U+b11c-b11f; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.58.woff2') format('woff2-variations'); unicode-range: U+afac-afb7,U+afba-afbb,U+afbd-afbf,U+afc1-afc6,U+afca-afcc,U+afce-afd3,U+afd5-afe7,U+afe9-afef,U+aff1-b00b,U+b00d-b00f,U+b011-b013,U+b015-b01b,U+b01d-b027,U+b029-b043,U+b045-b047,U+b049,U+b04b,U+b04d-b052,U+b055-b056,U+b058-b05c,U+b05e; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.59.woff2') format('woff2-variations'); unicode-range: U+af03-af07,U+af09-af2b,U+af2e-af33,U+af35-af3b,U+af3e-af40,U+af44-af47,U+af4a-af5c,U+af5e-af63,U+af65-af7f,U+af81-afab; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.60.woff2') format('woff2-variations'); unicode-range: U+ae56-ae5b,U+ae5e-ae60,U+ae62-ae64,U+ae66-ae67,U+ae69-ae6b,U+ae6d-ae83,U+ae85-aebb,U+aebf,U+aec1-aec3,U+aec5-aecb,U+aece,U+aed0,U+aed2-aed7,U+aed9-aef3,U+aef5-af02; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.61.woff2') format('woff2-variations'); unicode-range: U+ad9c-ada3,U+ada5-adbf,U+adc1-adc3,U+adc5-adc7,U+adc9-add2,U+add4-addb,U+addd-addf,U+ade1-ade3,U+ade5-adf7,U+adfa-adfb,U+adfd-adff,U+ae02-ae07,U+ae0a,U+ae0c,U+ae0e-ae13,U+ae15-ae2f,U+ae31-ae33,U+ae35-ae37,U+ae39-ae3f,U+ae42,U+ae44,U+ae46-ae49,U+ae4b,U+ae4f,U+ae51-ae53,U+ae55; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.62.woff2') format('woff2-variations'); unicode-range: U+ace2-ace3,U+ace5-ace6,U+ace9-acef,U+acf2,U+acf4,U+acf7-acfb,U+acfe-acff,U+ad01-ad03,U+ad05-ad0b,U+ad0d-ad10,U+ad12-ad1b,U+ad1d-ad33,U+ad35-ad48,U+ad4a-ad4f,U+ad51-ad6b,U+ad6e-ad6f,U+ad71-ad72,U+ad77-ad7c,U+ad7e,U+ad80,U+ad82-ad87,U+ad89-ad8b,U+ad8d-ad8f,U+ad91-ad9b; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.63.woff2') format('woff2-variations'); unicode-range: U+ac25-ac2c,U+ac2e,U+ac30,U+ac32-ac37,U+ac39-ac3f,U+ac41-ac4c,U+ac4e-ac6f,U+ac72-ac73,U+ac75-ac76,U+ac79-ac7f,U+ac82,U+ac84-ac88,U+ac8a-ac8b,U+ac8d-ac8f,U+ac91-ac93,U+ac95-ac9b,U+ac9d-ac9e,U+aca1-aca7,U+acab,U+acad-acaf,U+acb1-acb7,U+acba-acbb,U+acbe-acc0,U+acc2-acc3,U+acc5-acdf; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.64.woff2') format('woff2-variations'); unicode-range: U+99df,U+99ed,U+99f1,U+99ff,U+9a01,U+9a08,U+9a0e-9a0f,U+9a19,U+9a2b,U+9a30,U+9a36-9a37,U+9a40,U+9a43,U+9a45,U+9a4d,U+9a55,U+9a57,U+9a5a-9a5b,U+9a5f,U+9a62,U+9a65,U+9a69-9a6a,U+9aa8,U+9ab8,U+9ad3,U+9ae5,U+9aee,U+9b1a,U+9b27,U+9b2a,U+9b31,U+9b3c,U+9b41-9b45,U+9b4f,U+9b54,U+9b5a,U+9b6f,U+9b8e,U+9b91,U+9b9f,U+9bab,U+9bae,U+9bc9,U+9bd6,U+9be4,U+9be8,U+9c0d,U+9c10,U+9c12,U+9c15,U+9c25,U+9c32,U+9c3b,U+9c47,U+9c49,U+9c57,U+9ce5,U+9ce7,U+9ce9,U+9cf3-9cf4,U+9cf6,U+9d09,U+9d1b,U+9d26,U+9d28,U+9d3b,U+9d51,U+9d5d,U+9d60-9d61,U+9d6c,U+9d72,U+9da9,U+9daf,U+9db4,U+9dc4,U+9dd7,U+9df2,U+9df8-9dfa,U+9e1a,U+9e1e,U+9e75,U+9e79,U+9e7d,U+9e7f,U+9e92-9e93,U+9e97,U+9e9d,U+9e9f,U+9ea5,U+9eb4-9eb5,U+9ebb,U+9ebe,U+9ec3,U+9ecd-9ece,U+9ed4,U+9ed8,U+9edb-9edc,U+9ede,U+9ee8,U+9ef4,U+9f07-9f08,U+9f0e,U+9f13,U+9f20,U+9f3b,U+9f4a-9f4b,U+9f4e,U+9f52,U+9f5f,U+9f61,U+9f67,U+9f6a,U+9f6c,U+9f77,U+9f8d,U+9f90,U+9f95,U+9f9c,U+ac02-ac03,U+ac05-ac06,U+ac09-ac0f,U+ac17-ac18,U+ac1b,U+ac1e-ac1f,U+ac21-ac23; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.65.woff2') format('woff2-variations'); unicode-range: U+338c-339c,U+339f-33a0,U+33a2-33cb,U+33cf-33d0,U+33d3,U+33d6,U+33d8,U+33db-33dd,U+4e01,U+4e03,U+4e07-4e08,U+4e11,U+4e14-4e15,U+4e18-4e19,U+4e1e,U+4e32,U+4e38-4e39,U+4e42-4e43,U+4e45,U+4e4d-4e4f,U+4e56,U+4e58-4e59,U+4e5d-4e5e,U+4e6b,U+4e6d,U+4e73,U+4e76-4e77,U+4e7e,U+4e82,U+4e86,U+4e88,U+4e8e,U+4e90-4e92,U+4e94-4e95,U+4e98,U+4e9b,U+4e9e,U+4ea1-4ea2,U+4ea4-4ea6,U+4ea8,U+4eab,U+4ead-4eae,U+4eb6,U+4ec0-4ec1,U+4ec4,U+4ec7,U+4ecb,U+4ecd,U+4ed4-4ed5,U+4ed7-4ed9,U+4edd,U+4edf,U+4ee4,U+4ef0,U+4ef2,U+4ef6-4ef7,U+4efb,U+4f01,U+4f09,U+4f0b,U+4f0d-4f11,U+4f2f,U+4f34,U+4f36,U+4f38,U+4f3a,U+4f3c-4f3d; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.66.woff2') format('woff2-variations'); unicode-range: U+3136,U+3138,U+313a-3140,U+3143-3144,U+3150,U+3152,U+3154-3156,U+3158-315b,U+315d-315f,U+3162,U+3164-318c,U+318e,U+3200-321b,U+3231,U+3239,U+3251-325a,U+3260-327b,U+327e-327f,U+328a-3290,U+3294,U+329e,U+32a5,U+3380-3384,U+3388-338b; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.67.woff2') format('woff2-variations'); unicode-range: U+2f7d,U+2f7f-2f8b,U+2f8e-2f90,U+2f92-2f97,U+2f99-2fa0,U+2fa2-2fa3,U+2fa5-2fa9,U+2fac-2fb1,U+2fb3-2fbc,U+2fc1-2fca,U+2fcd-2fd4,U+3003,U+3012-3019,U+301c,U+301e-3020,U+3036,U+3041,U+3043,U+3045,U+3047,U+3049,U+304e,U+3050,U+3052,U+3056,U+305a,U+305c,U+305e,U+3062,U+3065,U+306c,U+3070-307d,U+3080,U+3085,U+3087,U+308e,U+3090-3091,U+30a1,U+30a5,U+30a9,U+30ae,U+30b1-30b2,U+30b4,U+30b6,U+30bc-30be,U+30c2,U+30c5,U+30cc,U+30d2,U+30d4,U+30d8-30dd,U+30e4,U+30e6,U+30e8,U+30ee,U+30f0-30f2,U+30f4-30f6,U+3133,U+3135; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.68.woff2') format('woff2-variations'); unicode-range: U+2541-254b,U+25a4-25a9,U+25b1,U+25b5,U+25b9,U+25bf,U+25c1,U+25c3,U+25c9-25ca,U+25cc,U+25ce,U+25d0-25d1,U+25e6,U+25ef,U+260f,U+261d,U+261f,U+262f,U+2660,U+2664,U+2667-2669,U+266d,U+266f,U+2716,U+271a,U+273d,U+2756,U+2776-277f,U+278a-2793,U+2963,U+2965,U+2ac5-2ac6,U+2acb-2acc,U+2f00,U+2f04,U+2f06,U+2f08,U+2f0a-2f0b,U+2f11-2f12,U+2f14,U+2f17-2f18,U+2f1c-2f1d,U+2f1f-2f20,U+2f23-2f26,U+2f28-2f29,U+2f2b,U+2f2d,U+2f2f-2f32,U+2f38,U+2f3c-2f40,U+2f42-2f4c,U+2f4f-2f52,U+2f54-2f58,U+2f5a-2f66,U+2f69-2f70,U+2f72-2f76,U+2f78,U+2f7a-2f7c; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.69.woff2') format('woff2-variations'); unicode-range: U+2479-2487,U+249c-24d1,U+24d3-24d7,U+24d9-24e9,U+24eb-24f4,U+2500-2501,U+2503,U+250c-2513,U+2515-2516,U+2518-2540; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.70.woff2') format('woff2-variations'); unicode-range: U+215b-215e,U+2162-2169,U+2170-2179,U+2195-2199,U+21b0-21b4,U+21bc,U+21c0,U+21c4-21c5,U+21cd,U+21cf-21d4,U+21e0-21e3,U+21e6-21e9,U+2200,U+2202-2203,U+2206-2209,U+220b-220c,U+220f,U+2211,U+2213,U+221a,U+221d-2220,U+2222,U+2225-2227,U+2229-222c,U+222e,U+2234-2237,U+223d,U+2243,U+2245,U+2248,U+2250-2253,U+225a,U+2260-2262,U+2264-2267,U+226a-226b,U+226e-2273,U+2276-2277,U+2279-227b,U+2280-2287,U+228a-228b,U+2295-2297,U+22a3-22a5,U+22bb-22bc,U+22ce-22cf,U+22da-22db,U+22ee-22ef,U+2306,U+2312,U+2314,U+2467-2478; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.71.woff2') format('woff2-variations'); unicode-range: U+81-82,U+84,U+a2-a5,U+a7-a8,U+aa,U+ac,U+b1-b3,U+b6,U+b8-ba,U+bc-be,U+c0,U+c2,U+c6-cb,U+ce-d0,U+d4,U+d8-d9,U+db-dc,U+de-df,U+e6,U+eb,U+ee-f0,U+f4,U+f7-f9,U+fb,U+fe-ff,U+111,U+126-127,U+132-133,U+138,U+13f-142,U+149-14b,U+152-153,U+166-167,U+2bc,U+2c7,U+2d0,U+2d8-2d9,U+2db-2dd,U+391-394,U+396-3a1,U+3a3-3a9,U+3b2-3b6,U+3b8,U+3bc,U+3be-3c1,U+3c3-3c9,U+2010,U+2015-2016,U+2018-2019,U+201b,U+201f-2021,U+2025,U+2030,U+2033-2036,U+203c,U+203e,U+2042,U+2074,U+207a-207f,U+2081-2084,U+2109,U+2113,U+2116,U+2121,U+2126,U+212b,U+2153-2154; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.72.woff2') format('woff2-variations'); unicode-range: U+e8,U+2da,U+2160,U+2194,U+3054,U+3058,U+306d,U+3086,U+308d,U+30ac,U+30bb,U+30c4,U+30cd-30ce,U+30e2,U+3132,U+3146,U+3149,U+339d,U+4e3b,U+4f0a,U+4fdd,U+4fe1,U+5409,U+540c,U+5834,U+592a-592b,U+5b9a,U+5dde,U+5e0c,U+5e73,U+5f0f,U+60f3,U+653f,U+661f,U+662f,U+667a,U+683c,U+6b4c,U+6c11,U+767c,U+76ee,U+76f4,U+77f3,U+79d1,U+7a7a,U+7b2c,U+7d22,U+8207,U+8a00,U+8a71,U+9280,U+9580,U+958b,U+96c6,U+9762,U+98df,U+9ed1,U+ac2d,U+adc8,U+add3,U+af48,U+b014,U+b134-b135,U+b158,U+b2aa,U+b35f,U+b6a4,U+b9cf,U+bb63,U+bd23,U+be91,U+c29b,U+c3f4,U+c42c,U+c55c,U+c573,U+c58f,U+c78c,U+c7dd,U+c8f5,U+cad1,U+cc48,U+cf10,U+cf20,U+d03c,U+d07d,U+d2a0,U+d30e,U+d38d,U+d3a8,U+d3c8,U+d5e5,U+d5f9,U+d6e4,U+f90a,U+ff02,U+ff1c; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.73.woff2') format('woff2-variations'); unicode-range: U+3b1,U+2466,U+25a1,U+25a3,U+261c,U+3008-3009,U+305b,U+305d,U+3069,U+30a7,U+30ba,U+30cf,U+30ef,U+3151,U+3157,U+4e4b,U+4e5f,U+4e8c,U+4eca,U+4ed6,U+4f5b,U+50cf,U+5149,U+5165,U+5171,U+5229,U+529b,U+5316,U+539f,U+53f2,U+571f,U+5728,U+58eb,U+591c,U+5b78,U+5c11,U+5c55,U+5ddd,U+5e02,U+5fb7,U+60c5,U+610f,U+611f,U+6625,U+66f8,U+6797,U+679c,U+682a,U+6d2a,U+706b,U+7406,U+767b,U+76f8,U+77e5,U+7acb,U+898b,U+8a69,U+8def,U+8fd1,U+901a,U+90e8,U+91cd,U+975e,U+ae14,U+ae6c,U+aec0,U+afc7,U+afc9,U+b01c,U+b028,U+b308,U+b311,U+b314,U+b31c,U+b524,U+b560,U+b764,U+b920,U+b9e3,U+bd48,U+be7d,U+c0db,U+c231,U+c270,U+c2e3,U+c37d,U+c3ed,U+c530,U+c6a5,U+c6dc,U+c7a4,U+c954,U+c974,U+d000,U+d565,U+d667,U+d6c5,U+d79d,U+ff1e; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.74.woff2') format('woff2-variations'); unicode-range: U+131,U+2032,U+2465,U+2642,U+3048,U+3051,U+3083-3084,U+308f,U+30c0,U+30d1,U+30d3,U+30d6,U+30df,U+30e7,U+3153,U+4e16,U+4e8b,U+4ee5,U+5206,U+52a0,U+52d5,U+53e4,U+53ef,U+54c1,U+57ce,U+597d,U+5b8c,U+5ea6,U+5f8c,U+5f97,U+6210,U+6240,U+624b,U+6728,U+6bd4,U+7236,U+7269,U+7279,U+738b,U+7528,U+7530,U+767e,U+798f,U+8005,U+8a18,U+90fd,U+91cc,U+9577,U+9593,U+98a8,U+ac20,U+acf6,U+ad90,U+af5d,U+af80,U+afcd,U+aff0,U+b0a1,U+b0b5,U+b1fd,U+b2fc,U+b380,U+b51b,U+b584,U+b5b3,U+b8fd,U+b93c,U+b9f4,U+bb44,U+bc08,U+bc27,U+bc49,U+be55,U+be64,U+bfb0,U+bfc5,U+c178,U+c21f,U+c314,U+c4f1,U+c58d,U+c664,U+c698,U+c6a7,U+c6c1,U+c9ed,U+cac0,U+cacc,U+cad9,U+ccb5,U+cdcc,U+d0e4,U+d143,U+d320,U+d330,U+d54d,U+ff06,U+ff1f,U+ff5e; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.75.woff2') format('woff2-variations'); unicode-range: U+b4,U+20a9,U+20ac,U+2190,U+24d8,U+2502,U+2514,U+2592,U+25c7-25c8,U+2663,U+3060,U+3064,U+3081,U+3088,U+30a3,U+30a6,U+30aa,U+30b5,U+30c7,U+30ca-30cb,U+30d0,U+30e3,U+30e5,U+339e,U+4e09,U+4eac,U+4f5c,U+5167-5168,U+516c,U+51fa,U+5408,U+540d,U+591a,U+5b57,U+6211,U+65b9,U+660e,U+6642,U+6700,U+6b63,U+6e2f,U+7063,U+7532,U+793e,U+81ea,U+8272,U+82b1,U+897f,U+8eca,U+91ce,U+ac38,U+ad76,U+ae84,U+aecc,U+b07d,U+b0b1,U+b215,U+b2a0,U+b310,U+b3d7,U+b52a,U+b618,U+b775,U+b797,U+bcd5,U+bd59,U+be80,U+bea8,U+bed1,U+bee4-bee5,U+c060,U+c2ef,U+c329,U+c3dc,U+c597,U+c5bd,U+c5e5,U+c69c,U+c9d6,U+ca29,U+ca5c,U+ca84,U+cc39,U+cc3b,U+ce89,U+cee5,U+cf65,U+cf85,U+d058,U+d145,U+d22d,U+d325,U+d37d,U+d3ad,U+d769,U+ff0c; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.76.woff2') format('woff2-variations'); unicode-range: U+2161,U+2228,U+2299,U+2464,U+2517,U+2640,U+3042,U+304a,U+3053,U+3061,U+307f,U+3082,U+308c,U+3092,U+30a8,U+30ab,U+30ad,U+30b0,U+30b3,U+30b7,U+30c1,U+30c6,U+30c9,U+30d5,U+30d7,U+30de,U+30e0-30e1,U+30ec-30ed,U+4e0b,U+4e0d,U+4ee3,U+53f0,U+548c,U+5b89,U+5bb6,U+5c0f,U+611b,U+6771,U+6aa2,U+6bcd,U+6c34,U+6cd5,U+6d77,U+767d,U+795e,U+8ecd,U+9999,U+9ad8,U+ac07,U+ac1a,U+ac40,U+ad0c,U+ad88,U+ada4,U+ae01,U+ae65,U+aebd,U+aec4,U+afe8,U+b139,U+b205,U+b383,U+b38c,U+b42c,U+b461,U+b55c,U+b78f,U+b8fb,U+b9f7,U+bafc,U+bc99,U+bed8,U+bfcd,U+c0bf,U+c0f9,U+c167,U+c204,U+c20f,U+c22f,U+c258,U+c298,U+c2bc,U+c388,U+c501,U+c50c,U+c5b9,U+c5ce,U+c641,U+c648,U+c73d,U+ca50,U+ca61,U+cc4c,U+ceac,U+d0d4,U+d5f7,U+d6d7,U+ff1a; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.77.woff2') format('woff2-variations'); unicode-range: U+2103,U+2463,U+25c6,U+25cb,U+266c,U+3001,U+300a,U+3046,U+304c-304d,U+304f,U+3055,U+3059,U+3063,U+3066-3068,U+306f,U+3089,U+30b8,U+30bf,U+314f,U+4e0a,U+570b,U+5730,U+5916,U+5929,U+5c71,U+5e74,U+5fc3,U+601d,U+6027,U+63d0,U+6709,U+6734,U+751f,U+7684,U+82f1,U+9053,U+91d1,U+97f3,U+ac2f,U+ac4d,U+adc4,U+ade4,U+ae41,U+ae4d-ae4e,U+aed1,U+afb9,U+b0e0,U+b299,U+b365,U+b46c,U+b480,U+b4c8,U+b7b4,U+b819,U+b918,U+baab,U+bab9,U+be8f,U+bed7,U+c0ec,U+c19f,U+c1a5,U+c3d9,U+c464,U+c53d,U+c553,U+c570,U+c5cc,U+c633,U+c6a4,U+c7a3,U+c7a6,U+c886,U+c9d9-c9da,U+c9ec,U+ca0c,U+cc21,U+cd1b,U+cd78,U+cdc4,U+cef8,U+cfe4,U+d0a5,U+d0b5,U+d0ec,U+d15d,U+d188,U+d23c,U+d2ac,U+d729,U+d79b,U+ff01,U+ff08-ff09,U+ff5c; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.78.woff2') format('woff2-variations'); unicode-range: U+2039-203a,U+223c,U+25b3,U+25b7,U+25bd,U+25cf,U+266a,U+3002,U+300b,U+304b,U+3057,U+305f,U+306a-306b,U+307e,U+308a-308b,U+3093,U+30a2,U+30af,U+30b9,U+30c3,U+30c8,U+30e9-30eb,U+33a1,U+4e00,U+524d,U+5357,U+5b50,U+7121,U+884c,U+9751,U+ac94,U+aebe,U+aecd,U+af08,U+af41,U+af49,U+b010,U+b053,U+b109,U+b11b,U+b128,U+b154,U+b291,U+b2e6,U+b301,U+b385,U+b525,U+b5b4,U+b729,U+b72f,U+b738,U+b7ff,U+b837,U+b975,U+ba67,U+bb47,U+bc1f,U+bd90,U+bfd4,U+c27c,U+c324,U+c379,U+c3e0,U+c465,U+c53b,U+c58c,U+c610,U+c653,U+c6cd,U+c813,U+c82f,U+c999,U+c9e0,U+cac4,U+cad3,U+cbd4,U+cc10,U+cc22,U+ccb8,U+ccbc,U+cda5,U+ce84,U+cea3,U+cf67,U+cfe1,U+d241,U+d30d,U+d31c,U+d391,U+d401,U+d479,U+d5c9,U+d5db,U+d649,U+d6d4; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.79.woff2') format('woff2-variations'); unicode-range: U+b0,U+e9,U+2193,U+2462,U+260e,U+261e,U+300e-300f,U+3044,U+30a4,U+30fb-30fc,U+314d,U+5973,U+6545,U+6708,U+7537,U+ac89,U+ac9c,U+acc1,U+ad04,U+ad75,U+ad7d,U+ae45,U+ae61,U+af42,U+b0ab,U+b0af,U+b0b3,U+b12c,U+b194,U+b1a8,U+b220,U+b258,U+b284,U+b2ff,U+b315,U+b371,U+b3d4-b3d5,U+b460,U+b527,U+b534,U+b810,U+b818,U+b98e,U+ba55,U+bbac,U+bc0b,U+bc40,U+bca1,U+bccd,U+bd93,U+be54,U+be5a,U+bf08,U+bf50,U+bf55,U+bfdc,U+c0c0,U+c0d0,U+c0f4,U+c100,U+c11e,U+c170,U+c20d,U+c274,U+c290,U+c308,U+c369,U+c539,U+c587,U+c5ff,U+c6ec,U+c70c,U+c7ad,U+c7c8,U+c83c,U+c881,U+cb48,U+cc60,U+ce69,U+ce6b,U+ce75,U+cf04,U+cf08,U+cf55,U+cf70,U+cffc,U+d0b7,U+d1a8,U+d2c8,U+d384,U+d47c,U+d48b,U+d5dd,U+d5e8,U+d720,U+d759,U+f981; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.80.woff2') format('woff2-variations'); unicode-range: U+e0,U+e2,U+395,U+3b7,U+3ba,U+2460-2461,U+25a0,U+3010-3011,U+306e,U+30f3,U+314a,U+314c,U+5927,U+65b0,U+7e41,U+97d3,U+9ad4,U+ad49,U+ae0b,U+ae0d,U+ae43,U+ae5d,U+aecf,U+af3c,U+af64,U+afd4,U+b080,U+b084,U+b0c5,U+b10c,U+b1e8,U+b2ac,U+b36e,U+b451,U+b515,U+b540,U+b561,U+b6ab,U+b6b1,U+b72c,U+b730,U+b744,U+b800,U+b8ec,U+b8f0,U+b904,U+b968,U+b96d,U+b987,U+b9d9,U+bb36,U+bb49,U+bc2d,U+bc43,U+bcf6,U+bd89,U+be57,U+be61,U+bed4,U+c090,U+c130,U+c148,U+c19c,U+c2f9,U+c36c,U+c37c,U+c384,U+c3df,U+c575,U+c584,U+c660,U+c719,U+c816,U+ca4d,U+ca54,U+cabc,U+cb49,U+cc14,U+cff5,U+d004,U+d038,U+d0b4,U+d0d3,U+d0e0,U+d0ed,U+d131,U+d1b0,U+d31f,U+d33d,U+d3a0,U+d3ab,U+d514,U+d584,U+d6a1,U+d6cc,U+d749,U+d760,U+d799; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.81.woff2') format('woff2-variations'); unicode-range: U+24,U+60,U+3b9,U+3bb,U+3bd,U+2191,U+2606,U+300c-300d,U+3131,U+3134,U+3139,U+3141-3142,U+3148,U+3161,U+3163,U+321c,U+4eba,U+5317,U+ac31,U+ac77,U+ac9f,U+acb9,U+acf0-acf1,U+acfd,U+ad73,U+af3d,U+b00c,U+b04a,U+b057,U+b0c4,U+b188,U+b1cc,U+b214,U+b2db,U+b2ee,U+b304,U+b4ed,U+b518,U+b5bc,U+b625,U+b69c-b69d,U+b7ac,U+b801,U+b86c,U+b959,U+b95c,U+b985,U+ba48,U+bb58,U+bc0c,U+bc38,U+bc85,U+bc9a,U+bf40,U+c068,U+c0bd,U+c0cc,U+c12f,U+c149,U+c1e0,U+c22b,U+c22d,U+c250,U+c2fc,U+c300,U+c313,U+c370,U+c3d8,U+c557,U+c580,U+c5e3,U+c62e,U+c634,U+c6f0,U+c74d,U+c783,U+c78e,U+c796,U+c7bc,U+c92c,U+ca4c,U+cc1c,U+cc54,U+cc59,U+ce04,U+cf30,U+cfc4,U+d140,U+d321,U+d38c,U+d399,U+d54f,U+d587,U+d5d0,U+d6e8,U+d770; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.82.woff2') format('woff2-variations'); unicode-range: U+d7,U+ea,U+fc,U+2192,U+25bc,U+3000,U+3137,U+3145,U+315c,U+7f8e,U+ac13,U+ac71,U+ac90,U+acb8,U+ace7,U+ad7f,U+ae50,U+aef4,U+af34,U+afbc,U+b048,U+b09a,U+b0ad,U+b0bc,U+b113,U+b125,U+b141,U+b20c,U+b2d9,U+b2ed,U+b367,U+b369,U+b374,U+b3cb,U+b4ec,U+b611,U+b760,U+b81b,U+b834,U+b8b0,U+b8e1,U+b989,U+b9d1,U+b9e1,U+b9fa,U+ba4d,U+ba78,U+bb35,U+bb54,U+bbf9,U+bc11,U+bcb3,U+bd05,U+bd95,U+bdd4,U+be10,U+bed0,U+bf51,U+c0d8,U+c232,U+c2b7,U+c2eb,U+c378,U+c500,U+c52c,U+c549,U+c568,U+c598,U+c5c9,U+c61b,U+c639,U+c67c,U+c717,U+c78a,U+c80a,U+c90c-c90d,U+c950,U+c9e7,U+cbe4,U+cca9,U+cce4,U+cdb0,U+ce78,U+ce94,U+ce98,U+cf8c,U+d018,U+d034,U+d0f1,U+d1b1,U+d280,U+d2f8,U+d338,U+d380,U+d3b4,U+d610,U+d69f,U+d6fc,U+d758; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.83.woff2') format('woff2-variations'); unicode-range: U+e7,U+2022,U+203b,U+25c0,U+2605,U+2661,U+3147,U+318d,U+672c,U+8a9e,U+acaa,U+acbc,U+ad1c,U+ae4a,U+ae5c,U+b044,U+b054,U+b0c8-b0c9,U+b2a6,U+b2d0,U+b35c,U+b364,U+b428,U+b454,U+b465,U+b4b7,U+b4e3,U+b51c,U+b5a1,U+b784,U+b790,U+b7ab,U+b7f4,U+b82c,U+b835,U+b8e9,U+b8f8,U+b9d8,U+b9f9,U+ba5c,U+ba64,U+babd,U+bb18,U+bb3b,U+bbff,U+bc0d,U+bc45,U+bc97,U+bcbc,U+be45,U+be75,U+be7c,U+bfcc,U+c0b6,U+c0f7,U+c14b,U+c2b4,U+c30d,U+c4f8,U+c5bb,U+c5d1,U+c5e0,U+c5ee,U+c5fd,U+c606,U+c6c5,U+c6e0,U+c708,U+c81d,U+c820,U+c824,U+c878,U+c918,U+c96c,U+c9e4,U+c9f1,U+cc2e,U+cd09,U+cea1,U+cef5,U+cef7,U+cf64,U+cf69,U+cfe8,U+d035,U+d0ac,U+d230,U+d234,U+d2f4,U+d31d,U+d575,U+d578,U+d608,U+d614,U+d718,U+d751,U+d761,U+d78c,U+d790; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.84.woff2') format('woff2-variations'); unicode-range: U+2665,U+3160,U+4e2d,U+6587,U+65e5,U+ac12,U+ac14,U+ac16,U+ac81,U+ad34,U+ade0,U+ae54,U+aebc,U+af2c,U+afc0,U+afc8,U+b04c,U+b08c,U+b099,U+b0a9,U+b0ac,U+b0ae,U+b0b8,U+b123,U+b179,U+b2e5,U+b2f7,U+b4c0,U+b531,U+b538,U+b545,U+b550,U+b5a8,U+b6f0,U+b728,U+b73b,U+b7ad,U+b7ed,U+b809,U+b864,U+b86d,U+b871,U+b9bf,U+b9f5,U+ba40,U+ba4b,U+ba58,U+ba87,U+baac,U+bbc0,U+bc16,U+bc34,U+bd07,U+bd99,U+be59,U+bfd0,U+c058,U+c0e4,U+c0f5,U+c12d,U+c139,U+c228,U+c529,U+c5c7,U+c635,U+c637,U+c735,U+c77d,U+c787,U+c789,U+c8c4,U+c989,U+c98c,U+c9d0,U+c9d3,U+cc0c,U+cc99,U+cd0c,U+cd2c,U+cd98,U+cda4,U+ce59,U+ce60,U+ce6d,U+cea0,U+d0d0-d0d1,U+d0d5,U+d14d,U+d1a4,U+d29c,U+d2f1,U+d301,U+d39c,U+d3bc,U+d4e8,U+d540,U+d5ec,U+d640,U+d750; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.85.woff2') format('woff2-variations'); unicode-range: U+5e,U+25b2,U+25b6,U+314e,U+ac24,U+ace1,U+ace4,U+ae68,U+af2d,U+b0d0,U+b0e5,U+b150,U+b155,U+b193,U+b2c9,U+b2dd,U+b3c8,U+b3fc,U+b410,U+b458,U+b4dd,U+b5a0,U+b5a4,U+b5bb,U+b7b5,U+b838,U+b840,U+b86f,U+b8f9,U+b960,U+b9e5,U+bab8,U+bb50,U+bc1d,U+bc24-bc25,U+bca8,U+bcbd,U+bd04,U+bd10,U+bd24,U+be48,U+be5b,U+be68,U+c05c,U+c12c,U+c140,U+c15c,U+c168,U+c194,U+c219,U+c27d,U+c2a8,U+c2f1,U+c2f8,U+c368,U+c554-c555,U+c559,U+c564,U+c5d8,U+c5fc,U+c625,U+c65c,U+c6b1,U+c728,U+c794,U+c84c,U+c88c,U+c8e0,U+c8fd,U+c998,U+c9dd,U+cc0d,U+cc30,U+ceec,U+cf13,U+cf1c,U+cf5c,U+d050,U+d07c,U+d0a8,U+d134,U+d138,U+d154,U+d1f4,U+d2bc,U+d329,U+d32c,U+d3d0,U+d3f4,U+d3fc,U+d56b,U+d5cc,U+d600-d601,U+d639,U+d6c8,U+d754,U+d765; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.86.woff2') format('woff2-variations'); unicode-range: U+3c-3d,U+2026,U+24d2,U+314b,U+ac11,U+acf3,U+ad74,U+ad81,U+adf9,U+ae34,U+af43,U+afb8,U+b05d,U+b07c,U+b110,U+b118,U+b17c,U+b180,U+b18d,U+b192,U+b2cc,U+b355,U+b378,U+b4a4,U+b4ef,U+b78d,U+b799,U+b7a9,U+b7fd,U+b807,U+b80c,U+b839,U+b9b4,U+b9db,U+ba3c,U+bab0,U+bba4,U+bc94,U+be4c,U+c154,U+c1c4,U+c26c,U+c2ac,U+c2ed,U+c4f4,U+c55e,U+c561,U+c571,U+c5b5,U+c5c4,U+c654-c655,U+c695,U+c6e8,U+c6f9,U+c724,U+c751,U+c775,U+c7a0,U+c7c1,U+c874,U+c880,U+c9d5,U+c9f8,U+cabd,U+cc29,U+cc2c,U+cca8,U+ccab,U+ccd0,U+ce21,U+ce35,U+ce7c,U+ce90,U+cee8,U+cef4,U+cfe0,U+d070,U+d0b9,U+d0c1,U+d0c4,U+d0c8,U+d15c,U+d1a1,U+d2c0,U+d300,U+d314,U+d3ed,U+d478,U+d480,U+d48d,U+d508,U+d53d,U+d5e4,U+d611,U+d61c,U+d68d,U+d6a8,U+d798; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.87.woff2') format('woff2-variations'); unicode-range: U+23,U+25,U+5f,U+a9,U+ac08,U+ac78,U+aca8,U+acac,U+ace8,U+ad70,U+adc0,U+addc,U+b137,U+b140,U+b208,U+b290,U+b2f5,U+b3c5,U+b3cc,U+b420,U+b429,U+b529,U+b530,U+b77d,U+b79c,U+b7a8,U+b7c9,U+b7f0,U+b7fc,U+b828,U+b860,U+b9ad,U+b9c1,U+b9c9,U+b9dd-b9de,U+b9e8,U+ba38-ba39,U+babb,U+bc00,U+bc8c,U+bca0,U+bca4,U+bcd1,U+bcfc,U+bd09,U+bdf0,U+be60,U+c0ad,U+c0b4,U+c0bc,U+c190,U+c1fc,U+c220,U+c288,U+c2b9,U+c2f6,U+c528,U+c545,U+c558,U+c5bc,U+c5d4,U+c600,U+c644,U+c6c0,U+c6c3,U+c721,U+c798,U+c7a1,U+c811,U+c838,U+c871,U+c904,U+c990,U+c9dc,U+cc38,U+cc44,U+cca0,U+cd1d,U+cd95,U+cda9,U+ce5c,U+cf00,U+cf58,U+d150,U+d22c,U+d305,U+d328,U+d37c,U+d3f0,U+d551,U+d5a5,U+d5c8,U+d5d8,U+d63c,U+d64d,U+d669,U+d734,U+d76c; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.88.woff2') format('woff2-variations'); unicode-range: U+26,U+2b,U+3e,U+40,U+7e,U+ac01,U+ac19,U+ac1d,U+aca0,U+aca9,U+acb0,U+ad8c,U+ae09,U+ae38,U+ae40,U+aed8,U+b09c,U+b0a0,U+b108,U+b204,U+b298,U+b2d8,U+b2eb-b2ec,U+b2f4,U+b313,U+b358,U+b450,U+b4e0,U+b54c,U+b610,U+b780,U+b78c,U+b791,U+b8e8,U+b958,U+b974,U+b984,U+b9b0,U+b9bc-b9bd,U+b9ce,U+ba70,U+bbfc,U+bc0f,U+bc15,U+bc1b,U+bc31,U+bc95,U+bcc0,U+bcc4,U+bd81,U+bd88,U+c0c8,U+c11d,U+c13c,U+c158,U+c18d,U+c1a1,U+c21c,U+c4f0,U+c54a,U+c560,U+c5b8,U+c5c8,U+c5f4,U+c628,U+c62c,U+c678,U+c6cc,U+c808,U+c810,U+c885,U+c88b,U+c900,U+c988,U+c99d,U+c9c8,U+cc3d-cc3e,U+cc45,U+cd08,U+ce20,U+cee4,U+d074,U+d0a4,U+d0dd,U+d2b9,U+d3b8,U+d3c9,U+d488,U+d544,U+d559,U+d56d,U+d588,U+d615,U+d648,U+d655,U+d658,U+d65c; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.89.woff2') format('woff2-variations'); unicode-range: U+d,U+7c,U+ac10,U+ac15,U+ac74,U+ac80,U+ac83,U+acc4,U+ad11,U+ad50,U+ad6d,U+adfc,U+ae00,U+ae08,U+ae4c,U+b0a8,U+b124,U+b144,U+b178,U+b274,U+b2a5,U+b2e8,U+b2f9,U+b354,U+b370,U+b418,U+b41c,U+b4f1,U+b514,U+b798,U+b808,U+b824-b825,U+b8cc,U+b978,U+b9d0,U+b9e4,U+baa9,U+bb3c,U+bc18,U+bc1c,U+bc30,U+bc84,U+bcf5,U+bcf8,U+bd84,U+be0c,U+be14,U+c0b0,U+c0c9,U+c0dd,U+c124,U+c2dd,U+c2e4,U+c2ec,U+c54c,U+c57c-c57d,U+c591,U+c5c5-c5c6,U+c5ed,U+c608,U+c640,U+c6b8,U+c6d4,U+c784,U+c7ac,U+c800-c801,U+c9c1,U+c9d1,U+cc28,U+cc98,U+cc9c,U+ccad,U+cd5c,U+cd94,U+cd9c,U+cde8,U+ce68,U+cf54,U+d0dc,U+d14c,U+d1a0,U+d1b5,U+d2f0,U+d30c,U+d310,U+d398,U+d45c,U+d50c,U+d53c,U+d560,U+d568,U+d589,U+d604,U+d6c4,U+d788; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.90.woff2') format('woff2-variations'); unicode-range: U+ac04,U+ac1c,U+ac70,U+ac8c,U+acbd,U+acf5,U+acfc,U+ad00,U+ad6c,U+adf8,U+b098,U+b0b4,U+b294,U+b2c8,U+b300,U+b3c4,U+b3d9,U+b4dc,U+b4e4,U+b77c,U+b7ec,U+b85d,U+b97c,U+b9c8,U+b9cc,U+ba54,U+ba74,U+ba85,U+baa8,U+bb34,U+bb38,U+bbf8,U+bc14,U+bc29,U+bc88,U+bcf4,U+bd80,U+be44,U+c0c1,U+c11c,U+c120,U+c131,U+c138,U+c18c,U+c218,U+c2b5,U+c2e0,U+c544,U+c548,U+c5b4,U+c5d0,U+c5ec,U+c5f0,U+c601,U+c624,U+c694,U+c6a9,U+c6b0,U+c6b4,U+c6d0,U+c704,U+c720,U+c73c,U+c740,U+c744,U+c74c,U+c758,U+c77c,U+c785,U+c788,U+c790-c791,U+c7a5,U+c804,U+c815,U+c81c,U+c870,U+c8fc,U+c911,U+c9c4,U+ccb4,U+ce58,U+ce74,U+d06c,U+d0c0,U+d130,U+d2b8,U+d3ec,U+d504,U+d55c,U+d569,U+d574,U+d638,U+d654,U+d68c; } @font-face { font-family: 'Pretendard Variable'; font-style: normal; font-display: optional; font-weight: 45 920; src: url('/fonts/pretendard/variable-dynamic/PretendardVariable.subset.91.woff2') format('woff2-variations'); unicode-range: U+20-22,U+27-2a,U+2c-39,U+3a-3b,U+3f,U+41-4e,U+4f-5d,U+61-7b,U+7d,U+a0-a1,U+ab,U+ad-ae,U+b7,U+bb,U+bf,U+2013-2014,U+201c-201d,U+2122,U+ac00,U+ace0,U+ae30,U+b2e4,U+b85c,U+b9ac,U+c0ac,U+c2a4,U+c2dc,U+c774,U+c778,U+c9c0,U+d558; } @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: 'Pretendard Variable', Pretendard, system-ui, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', 'Segoe UI', Roboto, sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-orange-100: oklch(95.4% 0.038 75.164); --color-orange-300: oklch(83.7% 0.128 66.29); --color-orange-500: oklch(70.5% 0.213 47.604); --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-700: oklch(55.5% 0.163 48.998); --color-amber-800: oklch(47.3% 0.137 46.201); --color-amber-900: oklch(41.4% 0.112 45.904); --color-yellow-100: oklch(97.3% 0.071 103.193); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-300: oklch(87.1% 0.15 154.449); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-green-800: oklch(44.8% 0.119 151.328); --color-green-900: oklch(39.3% 0.095 152.535); --color-emerald-100: oklch(95% 0.052 163.051); --color-emerald-200: oklch(90.5% 0.093 164.15); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-emerald-900: oklch(37.8% 0.077 168.94); --color-teal-400: oklch(77.7% 0.152 181.912); --color-teal-500: oklch(70.4% 0.14 182.503); --color-cyan-300: oklch(86.5% 0.127 207.078); --color-cyan-400: oklch(78.9% 0.154 211.53); --color-cyan-500: oklch(71.5% 0.143 215.221); --color-sky-100: oklch(95.1% 0.026 236.824); --color-sky-200: oklch(90.1% 0.058 230.902); --color-sky-300: oklch(82.8% 0.111 230.318); --color-sky-400: oklch(74.6% 0.16 232.661); --color-sky-500: oklch(68.5% 0.169 237.323); --color-sky-600: oklch(58.8% 0.158 241.966); --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-300: oklch(80.9% 0.105 251.813); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-800: oklch(42.4% 0.199 265.638); --color-blue-900: oklch(37.9% 0.146 265.522); --color-indigo-400: oklch(67.3% 0.182 276.935); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-violet-50: oklch(96.9% 0.016 293.756); --color-violet-200: oklch(89.4% 0.057 293.283); --color-violet-300: oklch(81.1% 0.111 293.571); --color-violet-400: oklch(70.2% 0.183 293.541); --color-violet-500: oklch(60.6% 0.25 292.717); --color-violet-700: oklch(49.1% 0.27 292.581); --color-violet-900: oklch(38% 0.189 293.745); --color-purple-100: oklch(94.6% 0.033 307.174); --color-purple-200: oklch(90.2% 0.063 306.703); --color-purple-300: oklch(82.7% 0.119 306.383); --color-purple-400: oklch(71.4% 0.203 305.504); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-600: oklch(55.8% 0.288 302.321); --color-fuchsia-200: oklch(90.3% 0.076 319.62); --color-fuchsia-300: oklch(83.3% 0.145 321.434); --color-fuchsia-400: oklch(74% 0.238 322.16); --color-fuchsia-500: oklch(66.7% 0.295 322.15); --color-pink-300: oklch(82.3% 0.12 346.018); --color-pink-400: oklch(71.8% 0.202 349.761); --color-pink-500: oklch(65.6% 0.241 354.308); --color-pink-600: oklch(59.2% 0.249 0.584); --color-rose-100: oklch(94.1% 0.03 12.58); --color-rose-200: oklch(89.2% 0.058 10.001); --color-rose-300: oklch(81% 0.117 11.638); --color-rose-400: oklch(71.2% 0.194 13.428); --color-rose-500: oklch(64.5% 0.246 16.439); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-700: oklch(37.2% 0.044 257.287); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-zinc-100: oklch(96.7% 0.001 286.375); --color-zinc-200: oklch(92% 0.004 286.32); --color-zinc-300: oklch(87.1% 0.006 286.286); --color-zinc-400: oklch(70.5% 0.015 286.067); --color-zinc-500: oklch(55.2% 0.016 285.938); --color-zinc-600: oklch(44.2% 0.017 285.786); --color-zinc-700: oklch(37% 0.013 285.805); --color-zinc-800: oklch(27.4% 0.006 286.033); --color-zinc-900: oklch(21% 0.006 285.885); --color-zinc-950: oklch(14.1% 0.005 285.823); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-bg-dark: #121212; --color-bg-card: #1c1c1c; --color-bg-surface: #252525; --color-pink-accent: #ff2d60; --color-pink-accent-hover: #e01b4c; --color-text-main: #ffffff; --color-text-muted: #a0a0a0; --color-border-custom: #333333; --animate-slideIn: slideIn 0.2s ease-out; } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; 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; 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 { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :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)) { 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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .visible\! { visibility: visible !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-x-2 { inset-inline: calc(var(--spacing) * 2); } .inset-x-3 { inset-inline: calc(var(--spacing) * 3); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-2\.5 { top: calc(var(--spacing) * -2.5); } .-top-3 { top: calc(var(--spacing) * -3); } .-top-4 { top: calc(var(--spacing) * -4); } .-top-5 { top: calc(var(--spacing) * -5); } .-top-9 { top: calc(var(--spacing) * -9); } .-top-12 { top: calc(var(--spacing) * -12); } .-top-14 { top: calc(var(--spacing) * -14); } .-top-28 { top: calc(var(--spacing) * -28); } .-top-32 { top: calc(var(--spacing) * -32); } .-top-\[9px\] { top: calc(9px * -1); } .top-0 { top: calc(var(--spacing) * 0); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-3 { top: calc(var(--spacing) * 3); } .top-3\.5 { top: calc(var(--spacing) * 3.5); } .top-4 { top: calc(var(--spacing) * 4); } .top-5 { top: calc(var(--spacing) * 5); } .top-8 { top: calc(var(--spacing) * 8); } .top-10 { top: calc(var(--spacing) * 10); } .top-16 { top: calc(var(--spacing) * 16); } .top-20 { top: calc(var(--spacing) * 20); } .top-\[8\%\] { top: 8%; } .top-\[18\%\] { top: 18%; } .top-\[35\%\] { top: 35%; } .top-\[calc\(0\.85rem\+env\(safe-area-inset-top\)\)\] { top: calc(0.85rem + env(safe-area-inset-top)); } .top-full { top: 100%; } .-right-0\.5 { right: calc(var(--spacing) * -0.5); } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .-right-2 { right: calc(var(--spacing) * -2); } .-right-4 { right: calc(var(--spacing) * -4); } .-right-8 { right: calc(var(--spacing) * -8); } .-right-10 { right: calc(var(--spacing) * -10); } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-3\.5 { right: calc(var(--spacing) * 3.5); } .right-4 { right: calc(var(--spacing) * 4); } .right-10 { right: calc(var(--spacing) * 10); } .right-\[-56px\] { right: -56px; } .right-\[8\%\] { right: 8%; } .-bottom-0\.5 { bottom: calc(var(--spacing) * -0.5); } .-bottom-2 { bottom: calc(var(--spacing) * -2); } .-bottom-14 { bottom: calc(var(--spacing) * -14); } .-bottom-\[9px\] { bottom: calc(9px * -1); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-1\.5 { bottom: calc(var(--spacing) * 1.5); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-7 { bottom: calc(var(--spacing) * 7); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-12 { bottom: calc(var(--spacing) * 12); } .bottom-\[-1px\] { bottom: -1px; } .bottom-\[10\%\] { bottom: 10%; } .bottom-\[36px\] { bottom: 36px; } .bottom-\[60px\] { bottom: 60px; } .bottom-\[calc\(60px\+env\(safe-area-inset-bottom\)\+8px\)\] { bottom: calc(60px + env(safe-area-inset-bottom) + 8px); } .bottom-\[calc\(60px\+env\(safe-area-inset-bottom\)\+12px\)\] { bottom: calc(60px + env(safe-area-inset-bottom) + 12px); } .bottom-full { bottom: 100%; } .-left-2 { left: calc(var(--spacing) * -2); } .left-0 { left: calc(var(--spacing) * 0); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\.5 { left: calc(var(--spacing) * 1.5); } .left-1\/2 { left: calc(1 / 2 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-8 { left: calc(var(--spacing) * 8); } .left-\[-56px\] { left: -56px; } .left-\[12\%\] { left: 12%; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[3\] { z-index: 3; } .z-\[5\] { z-index: 5; } .z-\[44\] { z-index: 44; } .z-\[45\] { z-index: 45; } .z-\[60\] { z-index: 60; } .z-\[70\] { z-index: 70; } .z-\[80\] { z-index: 80; } .z-\[90\] { z-index: 90; } .z-\[100\] { z-index: 100; } .z-\[120\] { z-index: 120; } .z-\[200\] { z-index: 200; } .z-\[220\] { z-index: 220; } .z-\[260\] { z-index: 260; } .z-\[300\] { z-index: 300; } .z-\[1000\] { z-index: 1000; } .z-\[9999\] { z-index: 9999; } .order-1 { order: 1; } .order-2 { order: 2; } .col-span-2 { grid-column: span 2 / span 2; } .\!container { width: 100% !important; @media (width >= 40rem) { max-width: 40rem !important; } @media (width >= 48rem) { max-width: 48rem !important; } @media (width >= 64rem) { max-width: 64rem !important; } @media (width >= 80rem) { max-width: 80rem !important; } @media (width >= 96rem) { max-width: 96rem !important; } } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .m-0 { margin: calc(var(--spacing) * 0); } .m-4 { margin: calc(var(--spacing) * 4); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .-mx-4 { margin-inline: calc(var(--spacing) * -4); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3 { margin-inline: calc(var(--spacing) * 3); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-5 { margin-inline: calc(var(--spacing) * 5); } .mx-auto { margin-inline: auto; } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-5 { margin-block: calc(var(--spacing) * 5); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-4\.5 { margin-top: calc(var(--spacing) * 4.5); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-9 { margin-top: calc(var(--spacing) * 9); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-\[0\.16rem\] { margin-top: 0.16rem; } .mt-\[2px\] { margin-top: 2px; } .mt-auto { margin-top: auto; } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-3\.5 { margin-bottom: calc(var(--spacing) * 3.5); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-14 { margin-bottom: calc(var(--spacing) * 14); } .mb-auto { margin-bottom: auto; } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .ml-0\.5 { margin-left: calc(var(--spacing) * 0.5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-auto { margin-left: auto; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .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; } .table-row { display: table-row; } .\[aspect-ratio\:1\/1\] { aspect-ratio: 1/1; } .\[aspect-ratio\:3\/4\] { aspect-ratio: 3/4; } .aspect-\[2\/1\] { aspect-ratio: 2/1; } .aspect-\[3\/4\] { aspect-ratio: 3/4; } .aspect-\[4\/5\] { aspect-ratio: 4/5; } .aspect-\[16\/10\] { aspect-ratio: 16/10; } .aspect-square { aspect-ratio: 1 / 1; } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-1\/2 { height: calc(1 / 2 * 100%); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-13 { height: calc(var(--spacing) * 13); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-32 { height: calc(var(--spacing) * 32); } .h-40 { height: calc(var(--spacing) * 40); } .h-48 { height: calc(var(--spacing) * 48); } .h-56 { height: calc(var(--spacing) * 56); } .h-60 { height: calc(var(--spacing) * 60); } .h-64 { height: calc(var(--spacing) * 64); } .h-\[1\.1rem\] { height: 1.1rem; } .h-\[1\.05rem\] { height: 1.05rem; } .h-\[1px\] { height: 1px; } .h-\[2px\] { height: 2px; } .h-\[5\.5rem\] { height: 5.5rem; } .h-\[6\.65rem\] { height: 6.65rem; } .h-\[17px\] { height: 17px; } .h-\[26px\] { height: 26px; } .h-\[37dvh\] { height: 37dvh; } .h-\[52px\] { height: 52px; } .h-\[60px\] { height: 60px; } .h-\[72px\] { height: 72px; } .h-\[74px\] { height: 74px; } .h-\[92vh\] { height: 92vh; } .h-\[100dvh\] { height: 100dvh; } .h-\[144px\] { height: 144px; } .h-\[148px\] { height: 148px; } .h-\[204px\] { height: 204px; } .h-\[220px\] { height: 220px; } .h-\[260px\] { height: 260px; } .h-\[320px\] { height: 320px; } .h-\[373\.33px\] { height: 373.33px; } .h-\[420px\] { height: 420px; } .h-\[440px\] { height: 440px; } .h-\[456px\] { height: 456px; } .h-\[620px\] { height: 620px; } .h-\[1200px\] { height: 1200px; } .h-\[calc\(100\%-56px\)\] { height: calc(100% - 56px); } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-0 { max-height: calc(var(--spacing) * 0); } .max-h-28 { max-height: calc(var(--spacing) * 28); } .max-h-32 { max-height: calc(var(--spacing) * 32); } .max-h-36 { max-height: calc(var(--spacing) * 36); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-52 { max-height: calc(var(--spacing) * 52); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-72 { max-height: calc(var(--spacing) * 72); } .max-h-\[32rem\] { max-height: 32rem; } .max-h-\[50\%\] { max-height: 50%; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[82vh\] { max-height: 82vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[92vh\] { max-height: 92vh; } .max-h-\[94dvh\] { max-height: 94dvh; } .max-h-\[95vh\] { max-height: 95vh; } .max-h-\[100dvh\] { max-height: 100dvh; } .max-h-\[180px\] { max-height: 180px; } .max-h-\[240px\] { max-height: 240px; } .max-h-\[260px\] { max-height: 260px; } .max-h-\[310px\] { max-height: 310px; } .max-h-\[320px\] { max-height: 320px; } .max-h-\[360px\] { max-height: 360px; } .max-h-\[480px\] { max-height: 480px; } .max-h-\[520px\] { max-height: 520px; } .max-h-\[2000px\] { max-height: 2000px; } .max-h-\[calc\(65dvh-68px\)\] { max-height: calc(65dvh - 68px); } .max-h-\[calc\(100dvh-12rem\)\] { max-height: calc(100dvh - 12rem); } .max-h-\[calc\(100vh-88px\)\] { max-height: calc(100vh - 88px); } .max-h-\[calc\(100vh-140px\)\] { max-height: calc(100vh - 140px); } .max-h-\[calc\(100vh-160px\)\] { max-height: calc(100vh - 160px); } .max-h-\[calc\(100vh-200px\)\] { max-height: calc(100vh - 200px); } .max-h-\[calc\(100vh-260px\)\] { max-height: calc(100vh - 260px); } .max-h-\[min\(70vh\,20rem\)\] { max-height: min(70vh, 20rem); } .max-h-\[min\(70vh\,26rem\)\] { max-height: min(70vh, 26rem); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-6 { min-height: calc(var(--spacing) * 6); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-9 { min-height: calc(var(--spacing) * 9); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-11 { min-height: calc(var(--spacing) * 11); } .min-h-12 { min-height: calc(var(--spacing) * 12); } .min-h-20 { min-height: calc(var(--spacing) * 20); } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-40 { min-height: calc(var(--spacing) * 40); } .min-h-\[1\.9rem\] { min-height: 1.9rem; } .min-h-\[2\.35rem\] { min-height: 2.35rem; } .min-h-\[34px\] { min-height: 34px; } .min-h-\[40px\] { min-height: 40px; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[62px\] { min-height: 62px; } .min-h-\[64px\] { min-height: 64px; } .min-h-\[70vh\] { min-height: 70vh; } .min-h-\[72px\] { min-height: 72px; } .min-h-\[134px\] { min-height: 134px; } .min-h-\[170px\] { min-height: 170px; } .min-h-\[210px\] { min-height: 210px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[320px\] { min-height: 320px; } .min-h-\[360px\] { min-height: 360px; } .min-h-\[420px\] { min-height: 420px; } .min-h-\[450px\] { min-height: 450px; } .min-h-\[520px\] { min-height: 520px; } .min-h-\[600px\] { min-height: 600px; } .min-h-\[620px\] { min-height: 620px; } .min-h-\[calc\(100vh-40px\)\] { min-height: calc(100vh - 40px); } .min-h-\[calc\(100vh-80px\)\] { min-height: calc(100vh - 80px); } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: calc(1 / 2 * 100%); } .w-1\/3 { width: calc(1 / 3 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: calc(2 / 3 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: calc(3 / 4 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-5\/6 { width: calc(5 / 6 * 100%); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-11\/12 { width: calc(11 / 12 * 100%); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-56 { width: calc(var(--spacing) * 56); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-\[14px\] { width: 14px; } .w-\[100px\] { width: 100px; } .w-\[118px\] { width: 118px; } .w-\[120px\] { width: 120px; } .w-\[130px\] { width: 130px; } .w-\[190px\] { width: 190px; } .w-\[220px\] { width: 220px; } .w-\[260px\] { width: 260px; } .w-\[280px\] { width: 280px; } .w-\[300\%\] { width: 300%; } .w-\[320px\] { width: 320px; } .w-\[340px\] { width: 340px; } .w-\[400px\] { width: 400px; } .w-\[420px\] { width: 420px; } .w-\[480px\] { width: 480px; } .w-\[500px\] { width: 500px; } .w-\[min\(10\.1rem\,calc\(100vw-11rem\)\)\] { width: min(10.1rem, calc(100vw - 11rem)); } .w-\[min\(15rem\,calc\(100vw-1rem\)\)\] { width: min(15rem, calc(100vw - 1rem)); } .w-\[min\(18rem\,calc\(100vw-1rem\)\)\] { width: min(18rem, calc(100vw - 1rem)); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-px { width: 1px; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-\[8\.8rem\] { max-width: 8.8rem; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[80px\] { max-width: 80px; } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[88\%\] { max-width: 88%; } .max-w-\[90vw\] { max-width: 90vw; } .max-w-\[92\%\] { max-width: 92%; } .max-w-\[95\%\] { max-width: 95%; } .max-w-\[95vw\] { max-width: 95vw; } .max-w-\[96vw\] { max-width: 96vw; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[196px\] { max-width: 196px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[210px\] { max-width: 210px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[330px\] { max-width: 330px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[380px\] { max-width: 380px; } .max-w-\[390px\] { max-width: 390px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[430px\] { max-width: 430px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[560px\] { max-width: 560px; } .max-w-\[620px\] { max-width: 620px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[660px\] { max-width: 660px; } .max-w-\[680px\] { max-width: 680px; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[860px\] { max-width: 860px; } .max-w-\[960px\] { max-width: 960px; } .max-w-\[1000px\] { max-width: 1000px; } .max-w-\[1040px\] { max-width: 1040px; } .max-w-\[1100px\] { max-width: 1100px; } .max-w-\[1120px\] { max-width: 1120px; } .max-w-\[1180px\] { max-width: 1180px; } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[1280px\] { max-width: 1280px; } .max-w-\[1440px\] { max-width: 1440px; } .max-w-\[1500px\] { max-width: 1500px; } .max-w-\[1600px\] { max-width: 1600px; } .max-w-\[calc\(100\%-1\.5rem\)\] { max-width: calc(100% - 1.5rem); } .max-w-\[min\(78vw\,24rem\)\] { max-width: min(78vw, 24rem); } .max-w-\[min\(82vw\,360px\)\] { max-width: min(82vw, 360px); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-4 { min-width: calc(var(--spacing) * 4); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-\[1rem\] { min-width: 1rem; } .min-w-\[13rem\] { min-width: 13rem; } .min-w-\[16px\] { min-width: 16px; } .min-w-\[72px\] { min-width: 72px; } .min-w-\[80px\] { min-width: 80px; } .min-w-\[132px\] { min-width: 132px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[168px\] { min-width: 168px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[250px\] { min-width: 250px; } .min-w-\[720px\] { min-width: 720px; } .min-w-\[760px\] { min-width: 760px; } .min-w-\[980px\] { min-width: 980px; } .min-w-\[1040px\] { min-width: 1040px; } .min-w-\[1120px\] { min-width: 1120px; } .min-w-max { min-width: max-content; } .flex-1 { flex: 1; } .flex-\[0_0_9rem\] { flex: 0 0 9rem; } .flex-\[0_0_46vw\] { flex: 0 0 46vw; } .flex-\[0_0_72vw\] { flex: 0 0 72vw; } .flex-\[0_0_145px\] { flex: 0 0 145px; } .flex-\[0_0_155px\] { flex: 0 0 155px; } .flex-\[0_0_160px\] { flex: 0 0 160px; } .flex-\[0_0_320px\] { flex: 0 0 320px; } .flex-\[0_0_calc\(100\%-80px\)\] { flex: 0 0 calc(100% - 80px); } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .border-collapse { border-collapse: collapse; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0\.5 { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-5 { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-6 { --tw-translate-x: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-0\.25em\] { --tw-translate-y: -0.25em; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-110 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-\[1\.01\] { scale: 1.01; } .scale-\[1\.05\] { scale: 1.05; } .scale-\[1\.06\] { scale: 1.06; } .rotate-45 { rotate: 45deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-bounce { animation: var(--animate-bounce); } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-slideIn { animation: var(--animate-slideIn); } .animate-spin { animation: var(--animate-spin); } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-zoom-in { cursor: zoom-in; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-y { scroll-snap-type: y var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-center { scroll-snap-align: center; } .snap-start { scroll-snap-align: start; } .snap-always { scroll-snap-stop: always; } .scroll-mt-24 { scroll-margin-top: calc(var(--spacing) * 24); } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-\[1\.1fr_120px_130px_220px_180px\] { grid-template-columns: 1.1fr 120px 130px 220px 180px; } .grid-cols-\[34px_minmax\(0\,1fr\)_78px\] { grid-template-columns: 34px minmax(0,1fr) 78px; } .grid-cols-\[44px_minmax\(0\,1fr\)\] { grid-template-columns: 44px minmax(0,1fr); } .grid-cols-\[110px_minmax\(0\,1fr\)\] { grid-template-columns: 110px minmax(0,1fr); } .grid-cols-\[112px_minmax\(0\,1fr\)_92px\] { grid-template-columns: 112px minmax(0,1fr) 92px; } .grid-cols-\[132px_minmax\(0\,1fr\)\] { grid-template-columns: 132px minmax(0,1fr); } .grid-cols-\[320px_1fr_360px\] { grid-template-columns: 320px 1fr 360px; } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-\[repeat\(auto-fill\,minmax\(140px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); } .grid-cols-\[repeat\(auto-fill\,minmax\(160px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); } .grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); } .grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .flex-col { flex-direction: column; } .flex-row-reverse { flex-direction: row-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .content-start { align-content: flex-start; } .content-stretch { align-content: stretch; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .space-y-0 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-8 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .-space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); } } .gap-y-0\.5 { row-gap: calc(var(--spacing) * 0.5); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .divide-border-custom { :where(& > :not(:last-child)) { border-color: var(--color-border-custom); } } .divide-border-custom\/50 { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #333333 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border-custom) 50%, transparent); } } } .divide-border-custom\/60 { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #333333 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border-custom) 60%, transparent); } } } .divide-white\/10 { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } .divide-white\/\[0\.07\] { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #fff 7.000000000000001%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent); } } } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .\!overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-scroll { overflow-y: scroll; } .overscroll-contain { overscroll-behavior: contain; } .overscroll-x-contain { overscroll-behavior-x: contain; } .overscroll-y-contain { overscroll-behavior-y: contain; } .scroll-smooth { scroll-behavior: smooth; } .\!rounded-xl { border-radius: var(--radius-xl) !important; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-\[1\.2rem\] { border-radius: 1.2rem; } .rounded-\[1\.5rem\] { border-radius: 1.5rem; } .rounded-\[1\.25rem\] { border-radius: 1.25rem; } .rounded-\[3px\] { border-radius: 3px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[20px_20px_4px_20px\] { border-radius: 20px 20px 4px 20px; } .rounded-\[20px_20px_20px_4px\] { border-radius: 20px 20px 20px 4px; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[28px\] { border-radius: 28px; } .rounded-\[32px\] { border-radius: 32px; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-t-3xl { border-top-left-radius: var(--radius-3xl); border-top-right-radius: var(--radius-3xl); } .rounded-r-sm { border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-3 { border-style: var(--tw-border-style); border-width: 3px; } .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-\[3px\] { border-left-style: var(--tw-border-style); border-left-width: 3px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .border-\[\#ff5c7a\]\/30 { border-color: color-mix(in oklab, #ff5c7a 30%, transparent); } .border-amber-200\/14 { border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 14%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-200) 14%, transparent); } } .border-amber-400\/25 { border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent); } } .border-amber-400\/30 { border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent); } } .border-amber-400\/40 { border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-400) 40%, transparent); } } .border-amber-500\/20 { border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .border-amber-500\/30 { border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .border-amber-500\/40 { border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent); } } .border-bg-dark { border-color: var(--color-bg-dark); } .border-blue-400\/25 { border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-400) 25%, transparent); } } .border-blue-400\/30 { border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent); } } .border-blue-400\/40 { border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-400) 40%, transparent); } } .border-blue-500 { border-color: var(--color-blue-500); } .border-blue-500\/30 { border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .border-blue-500\/40 { border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .border-border-custom { border-color: var(--color-border-custom); } .border-border-custom\/40 { border-color: color-mix(in srgb, #333333 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border-custom) 40%, transparent); } } .border-border-custom\/50 { border-color: color-mix(in srgb, #333333 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border-custom) 50%, transparent); } } .border-border-custom\/60 { border-color: color-mix(in srgb, #333333 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border-custom) 60%, transparent); } } .border-border-custom\/70 { border-color: color-mix(in srgb, #333333 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border-custom) 70%, transparent); } } .border-current { border-color: currentcolor; } .border-cyan-400\/30 { border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent); } } .border-emerald-400 { border-color: var(--color-emerald-400); } .border-emerald-400\/25 { border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-400) 25%, transparent); } } .border-emerald-400\/30 { border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent); } } .border-emerald-400\/40 { border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent); } } .border-emerald-500\/30 { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .border-emerald-500\/40 { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } } .border-emerald-500\/50 { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent); } } .border-emerald-500\/70 { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent); } } .border-fuchsia-300\/30 { border-color: color-mix(in srgb, oklch(83.3% 0.145 321.434) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-fuchsia-300) 30%, transparent); } } .border-fuchsia-400\/25 { border-color: color-mix(in srgb, oklch(74% 0.238 322.16) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-fuchsia-400) 25%, transparent); } } .border-gray-500\/30 { border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent); } } .border-green-500 { border-color: var(--color-green-500); } .border-green-500\/30 { border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent); } } .border-indigo-400\/25 { border-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-indigo-400) 25%, transparent); } } .border-pink-400\/25 { border-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-400) 25%, transparent); } } .border-pink-500\/30 { border-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent); } } .border-pink-accent { border-color: var(--color-pink-accent); } .border-pink-accent\/15 { border-color: color-mix(in srgb, #ff2d60 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 15%, transparent); } } .border-pink-accent\/20 { border-color: color-mix(in srgb, #ff2d60 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 20%, transparent); } } .border-pink-accent\/25 { border-color: color-mix(in srgb, #ff2d60 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 25%, transparent); } } .border-pink-accent\/30 { border-color: color-mix(in srgb, #ff2d60 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 30%, transparent); } } .border-pink-accent\/40 { border-color: color-mix(in srgb, #ff2d60 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 40%, transparent); } } .border-pink-accent\/50 { border-color: color-mix(in srgb, #ff2d60 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 50%, transparent); } } .border-pink-accent\/60 { border-color: color-mix(in srgb, #ff2d60 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 60%, transparent); } } .border-pink-accent\/70 { border-color: color-mix(in srgb, #ff2d60 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 70%, transparent); } } .border-pink-accent\/90 { border-color: color-mix(in srgb, #ff2d60 90%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 90%, transparent); } } .border-purple-400\/20 { border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-400) 20%, transparent); } } .border-purple-400\/30 { border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-400) 30%, transparent); } } .border-purple-500 { border-color: var(--color-purple-500); } .border-purple-500\/15 { border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent); } } .border-purple-500\/20 { border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .border-purple-500\/30 { border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .border-purple-500\/40 { border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent); } } .border-red-200\/24 { border-color: color-mix(in srgb, oklch(88.5% 0.062 18.334) 24%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-200) 24%, transparent); } } .border-red-300\/30 { border-color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-300) 30%, transparent); } } .border-red-400 { border-color: var(--color-red-400); } .border-red-400\/25 { border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-400) 25%, transparent); } } .border-red-400\/30 { border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent); } } .border-red-400\/40 { border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-400) 40%, transparent); } } .border-red-400\/50 { border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-400) 50%, transparent); } } .border-red-500 { border-color: var(--color-red-500); } .border-red-500\/20 { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .border-red-500\/25 { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 25%, transparent); } } .border-red-500\/30 { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } .border-red-500\/40 { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } .border-red-600\/30 { border-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-600) 30%, transparent); } } .border-rose-400\/25 { border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-400) 25%, transparent); } } .border-rose-400\/40 { border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-400) 40%, transparent); } } .border-rose-400\/60 { border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-400) 60%, transparent); } } .border-rose-500\/30 { border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent); } } .border-rose-500\/40 { border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent); } } .border-sky-400\/30 { border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent); } } .border-sky-400\/60 { border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-sky-400) 60%, transparent); } } .border-sky-500\/30 { border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent); } } .border-sky-500\/40 { border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent); } } .border-slate-400\/25 { border-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-400) 25%, transparent); } } .border-slate-500\/40 { border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-500) 40%, transparent); } } .border-teal-400\/25 { border-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-teal-400) 25%, transparent); } } .border-text-main { border-color: var(--color-text-main); } .border-text-muted\/30 { border-color: color-mix(in srgb, #a0a0a0 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-text-muted) 30%, transparent); } } .border-transparent { border-color: transparent; } .border-violet-200 { border-color: var(--color-violet-200); } .border-violet-400\/30 { border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-violet-400) 30%, transparent); } } .border-white\/5 { border-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .border-white\/8 { border-color: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/12 { border-color: color-mix(in srgb, #fff 12%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .border-white\/15 { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/16 { border-color: color-mix(in srgb, #fff 16%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 16%, transparent); } } .border-white\/18 { border-color: color-mix(in srgb, #fff 18%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 18%, transparent); } } .border-white\/20 { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-white\/25 { border-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .border-white\/50 { border-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .border-white\/60 { border-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .border-white\/80 { border-color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .border-white\/\[0\.1\] { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/\[0\.03\] { border-color: color-mix(in srgb, #fff 3%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } .border-white\/\[0\.04\] { border-color: color-mix(in srgb, #fff 4%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } .border-white\/\[0\.05\] { border-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .border-white\/\[0\.06\] { border-color: color-mix(in srgb, #fff 6%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } .border-white\/\[0\.07\] { border-color: color-mix(in srgb, #fff 7.000000000000001%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent); } } .border-white\/\[0\.08\] { border-color: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .border-white\/\[0\.12\] { border-color: color-mix(in srgb, #fff 12%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .border-yellow-500\/20 { border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .border-zinc-400\/40 { border-color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-zinc-400) 40%, transparent); } } .border-zinc-500\/30 { border-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-zinc-500) 30%, transparent); } } .border-t-pink-accent { border-top-color: var(--color-pink-accent); } .border-t-white { border-top-color: var(--color-white); } .border-l-pink-accent { border-left-color: var(--color-pink-accent); } .border-l-pink-accent\/60 { border-left-color: color-mix(in srgb, #ff2d60 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-left-color: color-mix(in oklab, var(--color-pink-accent) 60%, transparent); } } .border-l-transparent { border-left-color: transparent; } .\!bg-bg-surface { background-color: var(--color-bg-surface) !important; } .bg-\[\#0a0a0a\] { background-color: #0a0a0a; } .bg-\[\#0b0b0c\] { background-color: #0b0b0c; } .bg-\[\#0b0b0d\] { background-color: #0b0b0d; } .bg-\[\#0d0b10\]\/92 { background-color: color-mix(in oklab, #0d0b10 92%, transparent); } .bg-\[\#0d0d0d\] { background-color: #0d0d0d; } .bg-\[\#0d0d0d\]\/88 { background-color: color-mix(in oklab, #0d0d0d 88%, transparent); } .bg-\[\#0f0f10\] { background-color: #0f0f10; } .bg-\[\#0f0f11\] { background-color: #0f0f11; } .bg-\[\#1a1a1c\]\/85 { background-color: color-mix(in oklab, #1a1a1c 85%, transparent); } .bg-\[\#2a2a2a\] { background-color: #2a2a2a; } .bg-\[\#2b1212\]\/85 { background-color: color-mix(in oklab, #2b1212 85%, transparent); } .bg-\[\#03C75A\] { background-color: #03C75A; } .bg-\[\#5c1f2e\] { background-color: #5c1f2e; } .bg-\[\#333\] { background-color: #333; } .bg-\[\#1877F2\] { background-color: #1877F2; } .bg-\[\#09090b\] { background-color: #09090b; } .bg-\[\#09090b\]\/82 { background-color: color-mix(in oklab, #09090b 82%, transparent); } .bg-\[\#15151b\] { background-color: #15151b; } .bg-\[\#18181a\] { background-color: #18181a; } .bg-\[\#18181a\]\/94 { background-color: color-mix(in oklab, #18181a 94%, transparent); } .bg-\[\#050508\]\/92 { background-color: color-mix(in oklab, #050508 92%, transparent); } .bg-\[\#101010\] { background-color: #101010; } .bg-\[\#101011\] { background-color: #101011; } .bg-\[\#101014\] { background-color: #101014; } .bg-\[\#111112\]\/24 { background-color: color-mix(in oklab, #111112 24%, transparent); } .bg-\[\#111112\]\/96 { background-color: color-mix(in oklab, #111112 96%, transparent); } .bg-\[\#111113\]\/95 { background-color: color-mix(in oklab, #111113 95%, transparent); } .bg-\[\#141018\] { background-color: #141018; } .bg-\[\#FEE500\] { background-color: #FEE500; } .bg-\[\#FEE500\]\/30 { background-color: color-mix(in oklab, #FEE500 30%, transparent); } .bg-\[\#ff5c7a\]\/10 { background-color: color-mix(in oklab, #ff5c7a 10%, transparent); } .bg-amber-200\/\[0\.045\] { background-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 4.5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-200) 4.5%, transparent); } } .bg-amber-400\/5 { background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-400) 5%, transparent); } } .bg-amber-400\/8 { background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-400) 8%, transparent); } } .bg-amber-400\/10 { background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent); } } .bg-amber-400\/15 { background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent); } } .bg-amber-500 { background-color: var(--color-amber-500); } .bg-amber-500\/5 { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent); } } .bg-amber-500\/10 { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .bg-amber-500\/15 { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); } } .bg-amber-500\/20 { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .bg-amber-500\/90 { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 90%, transparent); } } .bg-amber-500\/\[0\.06\] { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 6%, transparent); } } .bg-amber-900\/40 { background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent); } } .bg-bg-card { background-color: var(--color-bg-card); } .bg-bg-card\/50 { background-color: color-mix(in srgb, #1c1c1c 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-card) 50%, transparent); } } .bg-bg-card\/60 { background-color: color-mix(in srgb, #1c1c1c 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-card) 60%, transparent); } } .bg-bg-card\/80 { background-color: color-mix(in srgb, #1c1c1c 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-card) 80%, transparent); } } .bg-bg-card\/95 { background-color: color-mix(in srgb, #1c1c1c 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-card) 95%, transparent); } } .bg-bg-dark { background-color: var(--color-bg-dark); } .bg-bg-dark\/20 { background-color: color-mix(in srgb, #121212 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 20%, transparent); } } .bg-bg-dark\/30 { background-color: color-mix(in srgb, #121212 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 30%, transparent); } } .bg-bg-dark\/35 { background-color: color-mix(in srgb, #121212 35%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 35%, transparent); } } .bg-bg-dark\/40 { background-color: color-mix(in srgb, #121212 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 40%, transparent); } } .bg-bg-dark\/45 { background-color: color-mix(in srgb, #121212 45%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 45%, transparent); } } .bg-bg-dark\/50 { background-color: color-mix(in srgb, #121212 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 50%, transparent); } } .bg-bg-dark\/60 { background-color: color-mix(in srgb, #121212 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 60%, transparent); } } .bg-bg-dark\/70 { background-color: color-mix(in srgb, #121212 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 70%, transparent); } } .bg-bg-dark\/75 { background-color: color-mix(in srgb, #121212 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 75%, transparent); } } .bg-bg-dark\/80 { background-color: color-mix(in srgb, #121212 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 80%, transparent); } } .bg-bg-dark\/92 { background-color: color-mix(in srgb, #121212 92%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 92%, transparent); } } .bg-bg-dark\/95 { background-color: color-mix(in srgb, #121212 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 95%, transparent); } } .bg-bg-surface { background-color: var(--color-bg-surface); } .bg-bg-surface\/30 { background-color: color-mix(in srgb, #252525 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-surface) 30%, transparent); } } .bg-bg-surface\/35 { background-color: color-mix(in srgb, #252525 35%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-surface) 35%, transparent); } } .bg-bg-surface\/40 { background-color: color-mix(in srgb, #252525 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-surface) 40%, transparent); } } .bg-bg-surface\/45 { background-color: color-mix(in srgb, #252525 45%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-surface) 45%, transparent); } } .bg-bg-surface\/50 { background-color: color-mix(in srgb, #252525 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-surface) 50%, transparent); } } .bg-bg-surface\/55 { background-color: color-mix(in srgb, #252525 55%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-surface) 55%, transparent); } } .bg-bg-surface\/60 { background-color: color-mix(in srgb, #252525 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-surface) 60%, transparent); } } .bg-bg-surface\/70 { background-color: color-mix(in srgb, #252525 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-surface) 70%, transparent); } } .bg-bg-surface\/80 { background-color: color-mix(in srgb, #252525 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-surface) 80%, transparent); } } .bg-black { background-color: var(--color-black); } .bg-black\/8 { background-color: color-mix(in srgb, #000 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 8%, transparent); } } .bg-black\/10 { background-color: color-mix(in srgb, #000 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .bg-black\/18 { background-color: color-mix(in srgb, #000 18%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 18%, transparent); } } .bg-black\/20 { background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .bg-black\/22 { background-color: color-mix(in srgb, #000 22%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 22%, transparent); } } .bg-black\/24 { background-color: color-mix(in srgb, #000 24%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 24%, transparent); } } .bg-black\/25 { background-color: color-mix(in srgb, #000 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 25%, transparent); } } .bg-black\/28 { background-color: color-mix(in srgb, #000 28%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 28%, transparent); } } .bg-black\/30 { background-color: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-black\/35 { background-color: color-mix(in srgb, #000 35%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 35%, transparent); } } .bg-black\/36 { background-color: color-mix(in srgb, #000 36%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 36%, transparent); } } .bg-black\/40 { background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/45 { background-color: color-mix(in srgb, #000 45%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 45%, transparent); } } .bg-black\/50 { background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/55 { background-color: color-mix(in srgb, #000 55%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 55%, transparent); } } .bg-black\/60 { background-color: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .bg-black\/62 { background-color: color-mix(in srgb, #000 62%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 62%, transparent); } } .bg-black\/65 { background-color: color-mix(in srgb, #000 65%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 65%, transparent); } } .bg-black\/70 { background-color: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .bg-black\/72 { background-color: color-mix(in srgb, #000 72%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 72%, transparent); } } .bg-black\/75 { background-color: color-mix(in srgb, #000 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } .bg-black\/80 { background-color: color-mix(in srgb, #000 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .bg-black\/85 { background-color: color-mix(in srgb, #000 85%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 85%, transparent); } } .bg-black\/90 { background-color: color-mix(in srgb, #000 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 90%, transparent); } } .bg-blue-400\/10 { background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent); } } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-500\/5 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } .bg-blue-500\/10 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .bg-blue-500\/15 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent); } } .bg-blue-500\/20 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .bg-blue-500\/\[0\.05\] { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } .bg-border-custom { background-color: var(--color-border-custom); } .bg-border-custom\/50 { background-color: color-mix(in srgb, #333333 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-border-custom) 50%, transparent); } } .bg-border-custom\/80 { background-color: color-mix(in srgb, #333333 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-border-custom) 80%, transparent); } } .bg-current { background-color: currentcolor; } .bg-cyan-500\/10 { background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent); } } .bg-cyan-500\/\[0\.06\] { background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-500) 6%, transparent); } } .bg-emerald-400 { background-color: var(--color-emerald-400); } .bg-emerald-400\/10 { background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent); } } .bg-emerald-400\/15 { background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent); } } .bg-emerald-500 { background-color: var(--color-emerald-500); } .bg-emerald-500\/5 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } .bg-emerald-500\/10 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .bg-emerald-500\/15 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); } } .bg-emerald-500\/20 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .bg-emerald-500\/\[0\.05\] { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } .bg-emerald-600 { background-color: var(--color-emerald-600); } .bg-emerald-900\/90 { background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-900) 90%, transparent); } } .bg-fuchsia-300\/10 { background-color: color-mix(in srgb, oklch(83.3% 0.145 321.434) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-fuchsia-300) 10%, transparent); } } .bg-fuchsia-500\/\[0\.05\] { background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-fuchsia-500) 5%, transparent); } } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-gray-500\/10 { background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } .bg-gray-500\/15 { background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-500) 15%, transparent); } } .bg-green-500\/10 { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent); } } .bg-green-500\/15 { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent); } } .bg-green-500\/20 { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } .bg-green-600 { background-color: var(--color-green-600); } .bg-indigo-500\/\[0\.05\] { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 5%, transparent); } } .bg-orange-500\/15 { background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 15%, transparent); } } .bg-pink-500\/15 { background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-500) 15%, transparent); } } .bg-pink-500\/20 { background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent); } } .bg-pink-500\/\[0\.05\] { background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-500) 5%, transparent); } } .bg-pink-accent { background-color: var(--color-pink-accent); } .bg-pink-accent\/5 { background-color: color-mix(in srgb, #ff2d60 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 5%, transparent); } } .bg-pink-accent\/10 { background-color: color-mix(in srgb, #ff2d60 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 10%, transparent); } } .bg-pink-accent\/12 { background-color: color-mix(in srgb, #ff2d60 12%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 12%, transparent); } } .bg-pink-accent\/13 { background-color: color-mix(in srgb, #ff2d60 13%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 13%, transparent); } } .bg-pink-accent\/15 { background-color: color-mix(in srgb, #ff2d60 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 15%, transparent); } } .bg-pink-accent\/20 { background-color: color-mix(in srgb, #ff2d60 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 20%, transparent); } } .bg-pink-accent\/30 { background-color: color-mix(in srgb, #ff2d60 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 30%, transparent); } } .bg-pink-accent\/50 { background-color: color-mix(in srgb, #ff2d60 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 50%, transparent); } } .bg-pink-accent\/85 { background-color: color-mix(in srgb, #ff2d60 85%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 85%, transparent); } } .bg-pink-accent\/90 { background-color: color-mix(in srgb, #ff2d60 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 90%, transparent); } } .bg-pink-accent\/\[0\.03\] { background-color: color-mix(in srgb, #ff2d60 3%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 3%, transparent); } } .bg-pink-accent\/\[0\.04\] { background-color: color-mix(in srgb, #ff2d60 4%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 4%, transparent); } } .bg-pink-accent\/\[0\.12\] { background-color: color-mix(in srgb, #ff2d60 12%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 12%, transparent); } } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-purple-500\/5 { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 5%, transparent); } } .bg-purple-500\/10 { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent); } } .bg-purple-500\/15 { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent); } } .bg-purple-500\/20 { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } .bg-purple-500\/\[0\.04\] { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 4%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 4%, transparent); } } .bg-purple-500\/\[0\.05\] { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 5%, transparent); } } .bg-purple-500\/\[0\.06\] { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 6%, transparent); } } .bg-red-400 { background-color: var(--color-red-400); } .bg-red-400\/10 { background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent); } } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-500\/5 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent); } } .bg-red-500\/8 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 8%, transparent); } } .bg-red-500\/10 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .bg-red-500\/15 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent); } } .bg-red-500\/20 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .bg-red-500\/58 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 58%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 58%, transparent); } } .bg-red-500\/\[0\.06\] { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 6%, transparent); } } .bg-red-600 { background-color: var(--color-red-600); } .bg-red-600\/20 { background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-600) 20%, transparent); } } .bg-red-600\/85 { background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 85%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-600) 85%, transparent); } } .bg-red-900\/90 { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 90%, transparent); } } .bg-rose-500 { background-color: var(--color-rose-500); } .bg-rose-500\/5 { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 5%, transparent); } } .bg-rose-500\/10 { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } .bg-rose-500\/15 { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent); } } .bg-rose-500\/20 { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } .bg-rose-500\/80 { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 80%, transparent); } } .bg-rose-500\/\[0\.05\] { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 5%, transparent); } } .bg-sky-500\/5 { background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-500) 5%, transparent); } } .bg-sky-500\/10 { background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent); } } .bg-sky-500\/15 { background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent); } } .bg-sky-500\/\[0\.06\] { background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-500) 6%, transparent); } } .bg-sky-600 { background-color: var(--color-sky-600); } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-500\/10 { background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent); } } .bg-slate-500\/\[0\.05\] { background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-500) 5%, transparent); } } .bg-teal-500\/\[0\.05\] { background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-teal-500) 5%, transparent); } } .bg-text-main { background-color: var(--color-text-main); } .bg-transparent { background-color: transparent; } .bg-violet-50 { background-color: var(--color-violet-50); } .bg-violet-500\/5 { background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-500) 5%, transparent); } } .bg-violet-500\/\[0\.06\] { background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-500) 6%, transparent); } } .bg-violet-900\/40 { background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-900) 40%, transparent); } } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/8 { background-color: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .bg-white\/10 { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/12 { background-color: color-mix(in srgb, #fff 12%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .bg-white\/16 { background-color: color-mix(in srgb, #fff 16%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 16%, transparent); } } .bg-white\/18 { background-color: color-mix(in srgb, #fff 18%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 18%, transparent); } } .bg-white\/20 { background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/22 { background-color: color-mix(in srgb, #fff 22%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 22%, transparent); } } .bg-white\/25 { background-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .bg-white\/30 { background-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/50 { background-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .bg-white\/70 { background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .bg-white\/\[0\.01\] { background-color: color-mix(in srgb, #fff 1%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 1%, transparent); } } .bg-white\/\[0\.1\] { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/\[0\.02\] { background-color: color-mix(in srgb, #fff 2%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } .bg-white\/\[0\.03\] { background-color: color-mix(in srgb, #fff 3%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } .bg-white\/\[0\.04\] { background-color: color-mix(in srgb, #fff 4%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } .bg-white\/\[0\.05\] { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/\[0\.06\] { background-color: color-mix(in srgb, #fff 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } .bg-white\/\[0\.08\] { background-color: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .bg-white\/\[0\.09\] { background-color: color-mix(in srgb, #fff 9%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 9%, transparent); } } .bg-white\/\[0\.12\] { background-color: color-mix(in srgb, #fff 12%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .bg-white\/\[0\.015\] { background-color: color-mix(in srgb, #fff 1.5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 1.5%, transparent); } } .bg-white\/\[0\.035\] { background-color: color-mix(in srgb, #fff 3.5000000000000004%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 3.5000000000000004%, transparent); } } .bg-white\/\[0\.045\] { background-color: color-mix(in srgb, #fff 4.5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 4.5%, transparent); } } .bg-yellow-200 { background-color: var(--color-yellow-200); } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-yellow-500\/10 { background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent); } } .bg-yellow-500\/15 { background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-500) 15%, transparent); } } .bg-yellow-500\/20 { background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .bg-zinc-400\/10 { background-color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-400) 10%, transparent); } } .bg-zinc-500\/10 { background-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent); } } .bg-zinc-700 { background-color: var(--color-zinc-700); } .bg-zinc-800 { background-color: var(--color-zinc-800); } .bg-zinc-900 { background-color: var(--color-zinc-900); } .bg-zinc-900\/70 { background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-900) 70%, transparent); } } .bg-zinc-950 { background-color: var(--color-zinc-950); } .bg-zinc-950\/60 { background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-950) 60%, transparent); } } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-l { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-tr { --tw-gradient-position: to top right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[linear-gradient\(0deg\,rgba\(9\,8\,13\,0\.92\)_0\%\,rgba\(9\,8\,13\,0\.08\)_65\%\)\] { background-image: linear-gradient(0deg,rgba(9,8,13,0.92) 0%,rgba(9,8,13,0.08) 65%); } .bg-\[linear-gradient\(0deg\,rgba\(9\,8\,13\,0\.98\)_0\%\,rgba\(9\,8\,13\,0\)_100\%\)\] { background-image: linear-gradient(0deg,rgba(9,8,13,0.98) 0%,rgba(9,8,13,0) 100%); } .bg-\[linear-gradient\(90deg\,rgba\(9\,8\,13\,0\.96\)_0\%\,rgba\(9\,8\,13\,0\.82\)_42\%\,rgba\(9\,8\,13\,0\.22\)_100\%\)\] { background-image: linear-gradient(90deg,rgba(9,8,13,0.96) 0%,rgba(9,8,13,0.82) 42%,rgba(9,8,13,0.22) 100%); } .bg-\[linear-gradient\(90deg\,rgba\(11\,11\,13\,0\.76\)_0\%\,rgba\(11\,11\,13\,0\.48\)_31\%\,rgba\(11\,11\,13\,0\.06\)_66\%\,rgba\(11\,11\,13\,0\.16\)_100\%\)\] { background-image: linear-gradient(90deg,rgba(11,11,13,0.76) 0%,rgba(11,11,13,0.48) 31%,rgba(11,11,13,0.06) 66%,rgba(11,11,13,0.16) 100%); } .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.1\)_0\%\,transparent_46\%\,rgba\(0\,0\,0\,0\.64\)_100\%\)\] { background-image: linear-gradient(180deg,rgba(0,0,0,0.1) 0%,transparent 46%,rgba(0,0,0,0.64) 100%); } .bg-\[linear-gradient\(180deg\,rgba\(25\,25\,25\,0\.96\)\,rgba\(12\,12\,12\,0\.96\)\)\] { background-image: linear-gradient(180deg,rgba(25,25,25,0.96),rgba(12,12,12,0.96)); } .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.1\)\,rgba\(255\,255\,255\,0\)_48\%\)\] { background-image: linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0) 48%); } .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.18\)\,rgba\(255\,255\,255\,0\.06\)_42\%\,rgba\(12\,12\,14\,0\.2\)\)\] { background-image: linear-gradient(180deg,rgba(255,255,255,0.18),rgba(255,255,255,0.06) 42%,rgba(12,12,14,0.2)); } .bg-\[radial-gradient\(circle_at_center\,rgba\(139\,124\,248\,0\.14\)\,transparent_70\%\)\] { background-image: radial-gradient(circle at center,rgba(139,124,248,0.14),transparent 70%); } .bg-\[radial-gradient\(circle_at_center\,rgba\(236\,72\,153\,0\.10\)\,transparent_70\%\)\] { background-image: radial-gradient(circle at center,rgba(236,72,153,0.10),transparent 70%); } .bg-\[radial-gradient\(circle_at_center\,rgba\(236\,72\,153\,0\.18\)\,transparent_65\%\)\] { background-image: radial-gradient(circle at center,rgba(236,72,153,0.18),transparent 65%); } .from-\[\#09090b\] { --tw-gradient-from: #09090b; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#09090b\]\/10 { --tw-gradient-from: color-mix(in oklab, #09090b 10%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#101010\]\/60 { --tw-gradient-from: color-mix(in oklab, #101010 60%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#101014\] { --tw-gradient-from: #101014; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-amber-500\/40 { --tw-gradient-from: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 40%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-bg-dark { --tw-gradient-from: var(--color-bg-dark); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black { --tw-gradient-from: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/30 { --tw-gradient-from: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/50 { --tw-gradient-from: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/60 { --tw-gradient-from: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/70 { --tw-gradient-from: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/78 { --tw-gradient-from: color-mix(in srgb, #000 78%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 78%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/80 { --tw-gradient-from: color-mix(in srgb, #000 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/85 { --tw-gradient-from: color-mix(in srgb, #000 85%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 85%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/90 { --tw-gradient-from: color-mix(in srgb, #000 90%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/92 { --tw-gradient-from: color-mix(in srgb, #000 92%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 92%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/95 { --tw-gradient-from: color-mix(in srgb, #000 95%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 95%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-400\/40 { --tw-gradient-from: color-mix(in srgb, oklch(70.7% 0.022 261.325) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-gray-400) 40%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-accent { --tw-gradient-from: var(--color-pink-accent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-accent\/10 { --tw-gradient-from: color-mix(in srgb, #ff2d60 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-pink-accent) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-accent\/15 { --tw-gradient-from: color-mix(in srgb, #ff2d60 15%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-pink-accent) 15%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-accent\/20 { --tw-gradient-from: color-mix(in srgb, #ff2d60 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-pink-accent) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-accent\/30 { --tw-gradient-from: color-mix(in srgb, #ff2d60 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-pink-accent) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-accent\/\[0\.07\] { --tw-gradient-from: color-mix(in srgb, #ff2d60 7.000000000000001%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-pink-accent) 7.000000000000001%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-500 { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white\/10 { --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white\/\[0\.05\] { --tw-gradient-from: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-yellow-400\/50 { --tw-gradient-from: color-mix(in srgb, oklch(85.2% 0.199 91.936) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-yellow-400) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-\[\#09090b\]\/40 { --tw-gradient-via: color-mix(in oklab, #09090b 40%, transparent); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-\[\#d06be5\] { --tw-gradient-via: #d06be5; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-bg-surface { --tw-gradient-via: var(--color-bg-surface); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black\/8 { --tw-gradient-via: color-mix(in srgb, #000 8%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 8%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black\/25 { --tw-gradient-via: color-mix(in srgb, #000 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 25%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black\/30 { --tw-gradient-via: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black\/35 { --tw-gradient-via: color-mix(in srgb, #000 35%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 35%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black\/40 { --tw-gradient-via: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-black\/50 { --tw-gradient-via: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 50%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-border-custom { --tw-gradient-via: var(--color-border-custom); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-pink-accent\/8 { --tw-gradient-via: color-mix(in srgb, #ff2d60 8%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-pink-accent) 8%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-pink-accent\/10 { --tw-gradient-via: color-mix(in srgb, #ff2d60 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-pink-accent) 10%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-transparent { --tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white\/8 { --tw-gradient-via: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-white) 8%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white\/14 { --tw-gradient-via: color-mix(in srgb, #fff 14%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-white) 14%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-white\/\[0\.02\] { --tw-gradient-via: color-mix(in srgb, #fff 2%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-white) 2%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-\[\#8b7cf8\] { --tw-gradient-to: #8b7cf8; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#09090b\] { --tw-gradient-to: #09090b; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#ff4f7b\] { --tw-gradient-to: #ff4f7b; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#ff6b9d\] { --tw-gradient-to: #ff6b9d; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#ff5284\] { --tw-gradient-to: #ff5284; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-bg-surface { --tw-gradient-to: var(--color-bg-surface); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-black\/10 { --tw-gradient-to: color-mix(in srgb, #000 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-black) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-500 { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-500 { --tw-gradient-to: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-500\/15 { --tw-gradient-to: color-mix(in srgb, oklch(62.7% 0.265 303.9) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 15%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white\/15 { --tw-gradient-to: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-white) 15%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white\/\[0\.01\] { --tw-gradient-to: color-mix(in srgb, #fff 1%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-white) 1%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white\/\[0\.12\] { --tw-gradient-to: color-mix(in srgb, #fff 12%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-white) 12%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .bg-clip-text { background-clip: text; } .fill-pink-accent { fill: var(--color-pink-accent); } .fill-text-muted { fill: var(--color-text-muted); } .stroke-pink-accent { stroke: var(--color-pink-accent); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-center { object-position: center; } .object-top { object-position: top; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-3\.5 { padding: calc(var(--spacing) * 3.5); } .p-4 { padding: calc(var(--spacing) * 4); } .p-4\.5 { padding: calc(var(--spacing) * 4.5); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-6\.5 { padding: calc(var(--spacing) * 6.5); } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-4\.5 { padding-inline: calc(var(--spacing) * 4.5); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-7 { padding-inline: calc(var(--spacing) * 7); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-7 { padding-block: calc(var(--spacing) * 7); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-14 { padding-block: calc(var(--spacing) * 14); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-\[2px\] { padding-block: 2px; } .pt-0\.5 { padding-top: calc(var(--spacing) * 0.5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-3\.5 { padding-top: calc(var(--spacing) * 3.5); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-6\.5 { padding-top: calc(var(--spacing) * 6.5); } .pt-7 { padding-top: calc(var(--spacing) * 7); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-9 { padding-top: calc(var(--spacing) * 9); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-14 { padding-right: calc(var(--spacing) * 14); } .pr-16 { padding-right: calc(var(--spacing) * 16); } .pr-20 { padding-right: calc(var(--spacing) * 20); } .\!pb-\[var\(--immersive-mobile-text-padding-bottom\)\] { padding-bottom: var(--immersive-mobile-text-padding-bottom) !important; } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-4\.5 { padding-bottom: calc(var(--spacing) * 4.5); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-32 { padding-bottom: calc(var(--spacing) * 32); } .pb-\[60px\] { padding-bottom: 60px; } .pb-\[232px\] { padding-bottom: 232px; } .pb-\[calc\(0\.85rem\+env\(safe-area-inset-bottom\)\)\] { padding-bottom: calc(0.85rem + env(safe-area-inset-bottom)); } .pb-\[max\(12px\,env\(safe-area-inset-bottom\)\)\] { padding-bottom: max(12px, env(safe-area-inset-bottom)); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-baseline { vertical-align: baseline; } .align-middle { vertical-align: middle; } .align-text-bottom { vertical-align: text-bottom; } .align-top { vertical-align: top; } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[0\.6rem\] { font-size: 0.6rem; } .text-\[0\.7rem\] { font-size: 0.7rem; } .text-\[0\.8rem\] { font-size: 0.8rem; } .text-\[0\.9rem\] { font-size: 0.9rem; } .text-\[0\.55rem\] { font-size: 0.55rem; } .text-\[0\.56rem\] { font-size: 0.56rem; } .text-\[0\.58rem\] { font-size: 0.58rem; } .text-\[0\.62rem\] { font-size: 0.62rem; } .text-\[0\.63rem\] { font-size: 0.63rem; } .text-\[0\.64rem\] { font-size: 0.64rem; } .text-\[0\.65rem\] { font-size: 0.65rem; } .text-\[0\.66rem\] { font-size: 0.66rem; } .text-\[0\.68rem\] { font-size: 0.68rem; } .text-\[0\.72rem\] { font-size: 0.72rem; } .text-\[0\.75rem\] { font-size: 0.75rem; } .text-\[0\.76rem\] { font-size: 0.76rem; } .text-\[0\.78rem\] { font-size: 0.78rem; } .text-\[0\.82rem\] { font-size: 0.82rem; } .text-\[0\.85rem\] { font-size: 0.85rem; } .text-\[0\.86rem\] { font-size: 0.86rem; } .text-\[0\.88rem\] { font-size: 0.88rem; } .text-\[0\.92rem\] { font-size: 0.92rem; } .text-\[0\.94rem\] { font-size: 0.94rem; } .text-\[0\.95rem\] { font-size: 0.95rem; } .text-\[0\.98rem\] { font-size: 0.98rem; } .text-\[1\.4rem\] { font-size: 1.4rem; } .text-\[1\.05rem\] { font-size: 1.05rem; } .text-\[1\.6rem\] { font-size: 1.6rem; } .text-\[1\.22rem\] { font-size: 1.22rem; } .text-\[1\.25rem\] { font-size: 1.25rem; } .text-\[1\.35rem\] { font-size: 1.35rem; } .text-\[1\.75rem\] { font-size: 1.75rem; } .text-\[1rem\] { font-size: 1rem; } .text-\[2\.45rem\] { font-size: 2.45rem; } .text-\[2rem\] { font-size: 2rem; } .text-\[8px\] { font-size: 8px; } .text-\[8rem\] { font-size: 8rem; } .text-\[9px\] { font-size: 9px; } .text-\[10\.5px\] { font-size: 10.5px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13\.5px\] { font-size: 13.5px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[29px\] { font-size: 29px; } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; } .leading-\[1\.04\] { --tw-leading: 1.04; line-height: 1.04; } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5; } .leading-\[1\.7\] { --tw-leading: 1.7; line-height: 1.7; } .leading-\[1\.8\] { --tw-leading: 1.8; line-height: 1.8; } .leading-\[1\.35\] { --tw-leading: 1.35; line-height: 1.35; } .leading-\[1\.75\] { --tw-leading: 1.75; line-height: 1.75; } .leading-\[1\.84\] { --tw-leading: 1.84; line-height: 1.84; } .leading-\[44px\] { --tw-leading: 44px; line-height: 44px; } .leading-\[48px\] { --tw-leading: 48px; line-height: 48px; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.08em\] { --tw-tracking: 0.08em; letter-spacing: 0.08em; } .tracking-\[0\.12em\] { --tw-tracking: 0.12em; letter-spacing: 0.12em; } .tracking-\[0\.14em\] { --tw-tracking: 0.14em; letter-spacing: 0.14em; } .tracking-\[0\.15em\] { --tw-tracking: 0.15em; letter-spacing: 0.15em; } .tracking-\[0\.16em\] { --tw-tracking: 0.16em; letter-spacing: 0.16em; } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .tracking-\[0\.25em\] { --tw-tracking: 0.25em; letter-spacing: 0.25em; } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .break-keep { word-break: keep-all; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-\[\#6aa8e8\] { color: #6aa8e8; } .text-\[\#333\] { color: #333; } .text-\[\#555\] { color: #555; } .text-\[\#666\] { color: #666; } .text-\[\#777\] { color: #777; } .text-\[\#888\] { color: #888; } .text-\[\#999\] { color: #999; } .text-\[\#151515\] { color: #151515; } .text-\[\#181600\] { color: #181600; } .text-\[\#181600\]\/40 { color: color-mix(in oklab, #181600 40%, transparent); } .text-\[\#191919\] { color: #191919; } .text-\[\#202124\] { color: #202124; } .text-\[\#909090\] { color: #909090; } .text-\[\#FEE500\] { color: #FEE500; } .text-\[\#aaa\] { color: #aaa; } .text-\[\#bbb\] { color: #bbb; } .text-\[\#c0d8f8\] { color: #c0d8f8; } .text-\[\#ccc\] { color: #ccc; } .text-\[\#cfcfcf\] { color: #cfcfcf; } .text-\[\#d0d0d0\] { color: #d0d0d0; } .text-\[\#ddd\] { color: #ddd; } .text-\[\#ecc8d3\] { color: #ecc8d3; } .text-\[\#eee8f0\] { color: #eee8f0; } .text-\[\#eee8f1\] { color: #eee8f1; } .text-\[\#f1eaf2\] { color: #f1eaf2; } .text-\[\#ff9aab\] { color: #ff9aab; } .text-amber-50 { color: var(--color-amber-50); } .text-amber-100 { color: var(--color-amber-100); } .text-amber-100\/80 { color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-100) 80%, transparent); } } .text-amber-200 { color: var(--color-amber-200); } .text-amber-200\/80 { color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-200) 80%, transparent); } } .text-amber-200\/90 { color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-200) 90%, transparent); } } .text-amber-300 { color: var(--color-amber-300); } .text-amber-300\/70 { color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-300) 70%, transparent); } } .text-amber-400 { color: var(--color-amber-400); } .text-amber-400\/80 { color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-400) 80%, transparent); } } .text-amber-500 { color: var(--color-amber-500); } .text-bg-dark { color: var(--color-bg-dark); } .text-black { color: var(--color-black); } .text-blue-100 { color: var(--color-blue-100); } .text-blue-200 { color: var(--color-blue-200); } .text-blue-300 { color: var(--color-blue-300); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-400\/70 { color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-blue-400) 70%, transparent); } } .text-border-custom { color: var(--color-border-custom); } .text-current { color: currentcolor; } .text-cyan-300 { color: var(--color-cyan-300); } .text-cyan-400 { color: var(--color-cyan-400); } .text-emerald-100 { color: var(--color-emerald-100); } .text-emerald-100\/80 { color: color-mix(in srgb, oklch(95% 0.052 163.051) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-emerald-100) 80%, transparent); } } .text-emerald-200 { color: var(--color-emerald-200); } .text-emerald-300 { color: var(--color-emerald-300); } .text-emerald-300\/70 { color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-emerald-300) 70%, transparent); } } .text-emerald-400 { color: var(--color-emerald-400); } .text-emerald-400\/70 { color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent); } } .text-fuchsia-200 { color: var(--color-fuchsia-200); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-green-100 { color: var(--color-green-100); } .text-green-100\/90 { color: color-mix(in srgb, oklch(96.2% 0.044 156.743) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-green-100) 90%, transparent); } } .text-green-400 { color: var(--color-green-400); } .text-green-400\/70 { color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-green-400) 70%, transparent); } } .text-indigo-400 { color: var(--color-indigo-400); } .text-orange-100 { color: var(--color-orange-100); } .text-orange-300 { color: var(--color-orange-300); } .text-pink-300 { color: var(--color-pink-300); } .text-pink-400 { color: var(--color-pink-400); } .text-pink-accent { color: var(--color-pink-accent); } .text-pink-accent\/50 { color: color-mix(in srgb, #ff2d60 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-pink-accent) 50%, transparent); } } .text-pink-accent\/70 { color: color-mix(in srgb, #ff2d60 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-pink-accent) 70%, transparent); } } .text-pink-accent\/80 { color: color-mix(in srgb, #ff2d60 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-pink-accent) 80%, transparent); } } .text-pink-accent\/90 { color: color-mix(in srgb, #ff2d60 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-pink-accent) 90%, transparent); } } .text-purple-100 { color: var(--color-purple-100); } .text-purple-200 { color: var(--color-purple-200); } .text-purple-300 { color: var(--color-purple-300); } .text-purple-300\/80 { color: color-mix(in srgb, oklch(82.7% 0.119 306.383) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-purple-300) 80%, transparent); } } .text-purple-400 { color: var(--color-purple-400); } .text-purple-400\/70 { color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-purple-400) 70%, transparent); } } .text-red-100 { color: var(--color-red-100); } .text-red-100\/80 { color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-red-100) 80%, transparent); } } .text-red-200 { color: var(--color-red-200); } .text-red-200\/80 { color: color-mix(in srgb, oklch(88.5% 0.062 18.334) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-red-200) 80%, transparent); } } .text-red-300 { color: var(--color-red-300); } .text-red-400 { color: var(--color-red-400); } .text-red-600 { color: var(--color-red-600); } .text-rose-100 { color: var(--color-rose-100); } .text-rose-200 { color: var(--color-rose-200); } .text-rose-200\/80 { color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-rose-200) 80%, transparent); } } .text-rose-300 { color: var(--color-rose-300); } .text-rose-400 { color: var(--color-rose-400); } .text-rose-400\/70 { color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-rose-400) 70%, transparent); } } .text-sky-100 { color: var(--color-sky-100); } .text-sky-100\/90 { color: color-mix(in srgb, oklch(95.1% 0.026 236.824) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-sky-100) 90%, transparent); } } .text-sky-200 { color: var(--color-sky-200); } .text-sky-300 { color: var(--color-sky-300); } .text-sky-400 { color: var(--color-sky-400); } .text-slate-200 { color: var(--color-slate-200); } .text-slate-700 { color: var(--color-slate-700); } .text-text-main { color: var(--color-text-main); } .text-text-main\/80 { color: color-mix(in srgb, #ffffff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-main) 80%, transparent); } } .text-text-main\/90 { color: color-mix(in srgb, #ffffff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-main) 90%, transparent); } } .text-text-muted { color: var(--color-text-muted); } .text-text-muted\/20 { color: color-mix(in srgb, #a0a0a0 20%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 20%, transparent); } } .text-text-muted\/30 { color: color-mix(in srgb, #a0a0a0 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 30%, transparent); } } .text-text-muted\/40 { color: color-mix(in srgb, #a0a0a0 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 40%, transparent); } } .text-text-muted\/45 { color: color-mix(in srgb, #a0a0a0 45%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 45%, transparent); } } .text-text-muted\/50 { color: color-mix(in srgb, #a0a0a0 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 50%, transparent); } } .text-text-muted\/55 { color: color-mix(in srgb, #a0a0a0 55%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 55%, transparent); } } .text-text-muted\/60 { color: color-mix(in srgb, #a0a0a0 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 60%, transparent); } } .text-text-muted\/70 { color: color-mix(in srgb, #a0a0a0 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 70%, transparent); } } .text-text-muted\/72 { color: color-mix(in srgb, #a0a0a0 72%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 72%, transparent); } } .text-text-muted\/80 { color: color-mix(in srgb, #a0a0a0 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 80%, transparent); } } .text-text-muted\/85 { color: color-mix(in srgb, #a0a0a0 85%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 85%, transparent); } } .text-transparent { color: transparent; } .text-violet-200 { color: var(--color-violet-200); } .text-violet-300 { color: var(--color-violet-300); } .text-violet-400 { color: var(--color-violet-400); } .text-violet-700 { color: var(--color-violet-700); } .text-white { color: var(--color-white); } .text-white\/10 { color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .text-white\/15 { color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .text-white\/20 { color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .text-white\/30 { color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .text-white\/35 { color: color-mix(in srgb, #fff 35%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 35%, transparent); } } .text-white\/40 { color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/42 { color: color-mix(in srgb, #fff 42%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 42%, transparent); } } .text-white\/45 { color: color-mix(in srgb, #fff 45%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 45%, transparent); } } .text-white\/50 { color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-white\/55 { color: color-mix(in srgb, #fff 55%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 55%, transparent); } } .text-white\/56 { color: color-mix(in srgb, #fff 56%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 56%, transparent); } } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/62 { color: color-mix(in srgb, #fff 62%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 62%, transparent); } } .text-white\/65 { color: color-mix(in srgb, #fff 65%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 65%, transparent); } } .text-white\/68 { color: color-mix(in srgb, #fff 68%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 68%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/72 { color: color-mix(in srgb, #fff 72%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 72%, transparent); } } .text-white\/74 { color: color-mix(in srgb, #fff 74%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 74%, transparent); } } .text-white\/75 { color: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .text-white\/78 { color: color-mix(in srgb, #fff 78%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 78%, transparent); } } .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/84 { color: color-mix(in srgb, #fff 84%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 84%, transparent); } } .text-white\/85 { color: color-mix(in srgb, #fff 85%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 85%, transparent); } } .text-white\/88 { color: color-mix(in srgb, #fff 88%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 88%, transparent); } } .text-white\/90 { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .text-white\/95 { color: color-mix(in srgb, #fff 95%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .text-white\/\[0\.01\] { color: color-mix(in srgb, #fff 1%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 1%, transparent); } } .text-white\/\[0\.008\] { color: color-mix(in srgb, #fff 0.8%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 0.8%, transparent); } } .text-yellow-100 { color: var(--color-yellow-100); } .text-yellow-100\/90 { color: color-mix(in srgb, oklch(97.3% 0.071 103.193) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-yellow-100) 90%, transparent); } } .text-yellow-200 { color: var(--color-yellow-200); } .text-yellow-400 { color: var(--color-yellow-400); } .text-zinc-100 { color: var(--color-zinc-100); } .text-zinc-200 { color: var(--color-zinc-200); } .text-zinc-300 { color: var(--color-zinc-300); } .text-zinc-400 { color: var(--color-zinc-400); } .text-zinc-500 { color: var(--color-zinc-500); } .text-zinc-600 { color: var(--color-zinc-600); } .text-zinc-700 { color: var(--color-zinc-700); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .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,); } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .underline-offset-2 { text-underline-offset: 2px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .placeholder-text-muted\/50 { &::placeholder { color: color-mix(in srgb, #a0a0a0 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 50%, transparent); } } } .accent-pink-accent { accent-color: var(--color-pink-accent); } .accent-purple-500 { accent-color: var(--color-purple-500); } .accent-sky-400 { accent-color: var(--color-sky-400); } .opacity-0 { opacity: 0%; } .opacity-15 { opacity: 15%; } .opacity-20 { opacity: 20%; } .opacity-25 { opacity: 25%; } .opacity-30 { opacity: 30%; } .opacity-40 { opacity: 40%; } .opacity-50 { opacity: 50%; } .opacity-55 { opacity: 55%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .opacity-100 { opacity: 100%; } .opacity-\[0\.14\] { opacity: 0.14; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_-2px_8px_rgba\(255\,45\,96\,0\.5\)\] { --tw-shadow: 0 -2px 8px var(--tw-shadow-color, rgba(255,45,96,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_-4px_12px_rgba\(0\,0\,0\,0\.3\)\] { --tw-shadow: 0 -4px 12px var(--tw-shadow-color, rgba(0,0,0,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_-4px_24px_rgba\(0\,0\,0\,0\.6\)\] { --tw-shadow: 0 -4px 24px var(--tw-shadow-color, rgba(0,0,0,0.6)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_-18px_44px_rgba\(0\,0\,0\,0\.38\)\] { --tw-shadow: 0 -18px 44px var(--tw-shadow-color, rgba(0,0,0,0.38)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_-18px_44px_rgba\(0\,0\,0\,0\.42\)\] { --tw-shadow: 0 -18px 44px var(--tw-shadow-color, rgba(0,0,0,0.42)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_3px_rgba\(255\,45\,96\,0\.08\)\] { --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(255,45,96,0.08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_12px_rgba\(239\,68\,68\,0\.3\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(239,68,68,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_12px_rgba\(255\,45\,96\,0\.3\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(255,45,96,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_12px_rgba\(255\,45\,96\,0\.4\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(255,45,96,0.4)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_12px_rgba\(255\,45\,96\,0\.45\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(255,45,96,0.45)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_14px_-2px_rgba\(16\,185\,129\,0\.55\)\] { --tw-shadow: 0 0 14px -2px var(--tw-shadow-color, rgba(16,185,129,0.55)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_14px_-2px_rgba\(239\,68\,68\,0\.55\)\] { --tw-shadow: 0 0 14px -2px var(--tw-shadow-color, rgba(239,68,68,0.55)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_14px_-2px_rgba\(255\,45\,96\,0\.65\)\] { --tw-shadow: 0 0 14px -2px var(--tw-shadow-color, rgba(255,45,96,0.65)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_16px_rgba\(255\,45\,96\,0\.3\)\] { --tw-shadow: 0 0 16px var(--tw-shadow-color, rgba(255,45,96,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_16px_rgba\(255\,45\,96\,0\.15\)\] { --tw-shadow: 0 0 16px var(--tw-shadow-color, rgba(255,45,96,0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_18px_-6px_rgba\(255\,45\,96\,0\.6\)\] { --tw-shadow: 0 0 18px -6px var(--tw-shadow-color, rgba(255,45,96,0.6)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_18px_rgba\(16\,185\,129\,0\.55\)\] { --tw-shadow: 0 0 18px var(--tw-shadow-color, rgba(16,185,129,0.55)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_18px_rgba\(255\,45\,96\,0\.36\)\] { --tw-shadow: 0 0 18px var(--tw-shadow-color, rgba(255,45,96,0.36)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_18px_rgba\(255\,45\,96\,0\.55\)\] { --tw-shadow: 0 0 18px var(--tw-shadow-color, rgba(255,45,96,0.55)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_60px_rgba\(255\,255\,255\,0\.035\)\] { --tw-shadow: 0 0 60px var(--tw-shadow-color, rgba(255,255,255,0.035)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.75\)\] { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.75)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_8px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0 1px 8px var(--tw-shadow-color, rgba(0,0,0,0.16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_8px_rgba\(0\,0\,0\,0\.18\)\] { --tw-shadow: 0 1px 8px var(--tw-shadow-color, rgba(0,0,0,0.18)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.3\)\] { --tw-shadow: 0 2px 6px var(--tw-shadow-color, rgba(0,0,0,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_6px_rgba\(255\,45\,96\,0\.4\)\] { --tw-shadow: 0 2px 6px var(--tw-shadow-color, rgba(255,45,96,0.4)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_rgba\(34\,197\,94\,0\.15\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(34,197,94,0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_rgba\(239\,68\,68\,0\.15\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(239,68,68,0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_rgba\(255\,45\,96\,0\.3\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(255,45,96,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_rgba\(255\,45\,96\,0\.5\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(255,45,96,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_rgba\(255\,45\,96\,0\.35\)\] { --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(255,45,96,0.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_10px_rgba\(255\,45\,96\,0\.3\)\] { --tw-shadow: 0 2px 10px var(--tw-shadow-color, rgba(255,45,96,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_12px_rgba\(239\,68\,68\,0\.25\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(239,68,68,0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_12px_rgba\(255\,45\,96\,0\.3\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(255,45,96,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_14px_rgba\(0\,0\,0\,0\.22\)\] { --tw-shadow: 0 4px 14px var(--tw-shadow-color, rgba(0,0,0,0.22)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_14px_rgba\(255\,45\,96\,0\.4\)\] { --tw-shadow: 0 4px 14px var(--tw-shadow-color, rgba(255,45,96,0.4)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_16px_rgba\(34\,197\,94\,0\.15\)\] { --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(34,197,94,0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_16px_rgba\(255\,45\,96\,0\.15\)\] { --tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(255,45,96,0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_25px_rgba\(255\,45\,96\,0\.22\)\] { --tw-shadow: 0 4px 25px var(--tw-shadow-color, rgba(255,45,96,0.22)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_6px_14px_rgba\(234\,93\,162\,0\.18\)\] { --tw-shadow: 0 6px 14px var(--tw-shadow-color, rgba(234,93,162,0.18)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_6px_20px_rgba\(0\,0\,0\,0\.34\)\] { --tw-shadow: 0 6px 20px var(--tw-shadow-color, rgba(0,0,0,0.34)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_20px_-8px_rgba\(255\,45\,96\,0\.6\)\] { --tw-shadow: 0 8px 20px -8px var(--tw-shadow-color, rgba(255,45,96,0.6)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_20px_rgba\(0\,0\,0\,0\.22\)\] { --tw-shadow: 0 8px 20px var(--tw-shadow-color, rgba(0,0,0,0.22)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_20px_rgba\(0\,0\,0\,0\.24\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.1\)\] { --tw-shadow: 0 8px 20px var(--tw-shadow-color, rgba(0,0,0,0.24)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_22px_-8px_rgba\(255\,45\,96\,0\.6\)\] { --tw-shadow: 0 8px 22px -8px var(--tw-shadow-color, rgba(255,45,96,0.6)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_22px_rgba\(0\,0\,0\,0\.22\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.12\)\] { --tw-shadow: 0 8px 22px var(--tw-shadow-color, rgba(0,0,0,0.22)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.12)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_22px_rgba\(0\,0\,0\,0\.28\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.22\)\] { --tw-shadow: 0 8px 22px var(--tw-shadow-color, rgba(0,0,0,0.28)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.22)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_24px_-8px_rgba\(255\,45\,96\,0\.55\)\] { --tw-shadow: 0 8px 24px -8px var(--tw-shadow-color, rgba(255,45,96,0.55)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.26\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.28\)\,inset_0_-8px_16px_rgba\(255\,45\,96\,0\.08\)\] { --tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(0,0,0,0.26)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.28)), inset 0 -8px 16px var(--tw-shadow-color, rgba(255,45,96,0.08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_28px_-8px_rgba\(255\,45\,96\,0\.5\)\] { --tw-shadow: 0 8px 28px -8px var(--tw-shadow-color, rgba(255,45,96,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_28px_rgba\(0\,0\,0\,0\.35\)\] { --tw-shadow: 0 8px 28px var(--tw-shadow-color, rgba(0,0,0,0.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.4\)\] { --tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.4)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.14\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\] { --tw-shadow: 0 10px 24px var(--tw-shadow-color, rgba(0,0,0,0.14)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.06)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.28\)\] { --tw-shadow: 0 10px 24px var(--tw-shadow-color, rgba(0,0,0,0.28)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_10px_26px_rgba\(255\,45\,96\,0\.22\)\] { --tw-shadow: 0 10px 26px var(--tw-shadow-color, rgba(255,45,96,0.22)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_10px_30px_rgba\(255\,80\,145\,0\.08\)\] { --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(255,80,145,0.08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_10px_34px_rgba\(255\,45\,96\,0\.32\)\] { --tw-shadow: 0 10px 34px var(--tw-shadow-color, rgba(255,45,96,0.32)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_14px_34px_rgba\(254\,229\,0\,0\.14\)\] { --tw-shadow: 0 14px 34px var(--tw-shadow-color, rgba(254,229,0,0.14)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_16px_38px_rgba\(255\,45\,96\,0\.18\)\] { --tw-shadow: 0 16px 38px var(--tw-shadow-color, rgba(255,45,96,0.18)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_18px_52px_rgba\(0\,0\,0\,0\.48\)\,0_0_20px_rgba\(255\,45\,96\,0\.22\)\] { --tw-shadow: 0 18px 52px var(--tw-shadow-color, rgba(0,0,0,0.48)), 0 0 20px var(--tw-shadow-color, rgba(255,45,96,0.22)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_18px_60px_rgba\(0\,0\,0\,0\.35\)\] { --tw-shadow: 0 18px 60px var(--tw-shadow-color, rgba(0,0,0,0.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.45\)\] { --tw-shadow: 0 20px 60px var(--tw-shadow-color, rgba(0,0,0,0.45)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_24px_60px_-20px_rgba\(0\,0\,0\,0\.7\)\,0_0_0_1px_rgba\(255\,255\,255\,0\.04\)\] { --tw-shadow: 0 24px 60px -20px var(--tw-shadow-color, rgba(0,0,0,0.7)), 0 0 0 1px var(--tw-shadow-color, rgba(255,255,255,0.04)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_24px_64px_rgba\(0\,0\,0\,0\.42\)\] { --tw-shadow: 0 24px 64px var(--tw-shadow-color, rgba(0,0,0,0.42)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_24px_90px_rgba\(0\,0\,0\,0\.62\)\] { --tw-shadow: 0 24px 90px var(--tw-shadow-color, rgba(0,0,0,0.62)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.05\)\] { --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.22\)\] { --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.22)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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); } .ring-1 { --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); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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); } .shadow-black\/25 { --tw-shadow-color: color-mix(in srgb, #000 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 25%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/35 { --tw-shadow-color: color-mix(in srgb, #000 35%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 35%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-black\/40 { --tw-shadow-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-pink-accent\/20 { --tw-shadow-color: color-mix(in srgb, #ff2d60 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-accent) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-pink-accent\/25 { --tw-shadow-color: color-mix(in srgb, #ff2d60 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-accent) 25%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-purple-500\/30 { --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-pink-accent { --tw-ring-color: var(--color-pink-accent); } .ring-pink-accent\/30 { --tw-ring-color: color-mix(in srgb, #ff2d60 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-pink-accent) 30%, transparent); } } .ring-pink-accent\/80 { --tw-ring-color: color-mix(in srgb, #ff2d60 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-pink-accent) 80%, transparent); } } .ring-pink-accent\/85 { --tw-ring-color: color-mix(in srgb, #ff2d60 85%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-pink-accent) 85%, transparent); } } .ring-white\/18 { --tw-ring-color: color-mix(in srgb, #fff 18%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 18%, transparent); } } .ring-white\/20 { --tw-ring-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .ring-white\/22 { --tw-ring-color: color-mix(in srgb, #fff 22%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 22%, transparent); } } .ring-white\/25 { --tw-ring-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .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,); } .blur-2xl { --tw-blur: blur(var(--blur-2xl)); 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,); } .blur-3xl { --tw-blur: blur(var(--blur-3xl)); 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,); } .blur-\[18px\] { --tw-blur: blur(18px); 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,); } .blur-\[80px\] { --tw-blur: blur(80px); 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,); } .blur-sm { --tw-blur: blur(var(--blur-sm)); 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,); } .brightness-\[0\.3\] { --tw-brightness: brightness(0.3); 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,); } .brightness-\[0\.8\] { --tw-brightness: brightness(0.8); 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, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06))); --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06)); 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-\[0_0_8px_rgba\(192\,192\,192\,0\.4\)\] { --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(192,192,192,0.4))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_8px_rgba\(205\,127\,50\,0\.4\)\] { --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(205,127,50,0.4))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_0_10px_rgba\(255\,215\,0\,0\.5\)\] { --tw-drop-shadow-size: drop-shadow(0 0 10px var(--tw-drop-shadow-color, rgba(255,215,0,0.5))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_1\.5px_4px_rgba\(0\,0\,0\,0\.45\)\] { --tw-drop-shadow-size: drop-shadow(0 1.5px 4px var(--tw-drop-shadow-color, rgba(0,0,0,0.45))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_1px_2px_rgba\(0\,0\,0\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgba(0,0,0,0.8))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_1px_2px_rgba\(0\,0\,0\,0\.9\)\] { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgba(0,0,0,0.9))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_1px_2px_rgba\(0\,0\,0\,0\.65\)\] { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgba(0,0,0,0.65))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_1px_3px_rgba\(0\,0\,0\,0\.9\)\] { --tw-drop-shadow-size: drop-shadow(0 1px 3px var(--tw-drop-shadow-color, rgba(0,0,0,0.9))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_1px_3px_rgba\(0\,0\,0\,0\.95\)\] { --tw-drop-shadow-size: drop-shadow(0 1px 3px var(--tw-drop-shadow-color, rgba(0,0,0,0.95))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_1px_4px_rgba\(0\,0\,0\,0\.6\)\] { --tw-drop-shadow-size: drop-shadow(0 1px 4px var(--tw-drop-shadow-color, rgba(0,0,0,0.6))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_1px_4px_rgba\(0\,0\,0\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 1px 4px var(--tw-drop-shadow-color, rgba(0,0,0,0.8))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_2px_10px_rgba\(0\,0\,0\,0\.8\)\] { --tw-drop-shadow-size: drop-shadow(0 2px 10px var(--tw-drop-shadow-color, rgba(0,0,0,0.8))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_2px_12px_rgba\(0\,0\,0\,0\.7\)\] { --tw-drop-shadow-size: drop-shadow(0 2px 12px var(--tw-drop-shadow-color, rgba(0,0,0,0.7))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-\[0_4px_24px_rgba\(255\,45\,96\,0\.6\)\] { --tw-drop-shadow-size: drop-shadow(0 4px 24px var(--tw-drop-shadow-color, rgba(255,45,96,0.6))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-md)); 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,); } .saturate-\[0\.72\] { --tw-saturate: saturate(0.72); 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-blur { --tw-backdrop-blur: blur(8px); -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,); } .backdrop-blur-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); -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,); } .backdrop-blur-\[1px\] { --tw-backdrop-blur: blur(1px); -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,); } .backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); -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,); } .backdrop-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); -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,); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -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,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -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,); } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -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,); } .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)); } .transition-\[bottom\,opacity\] { transition-property: bottom,opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[bottom\] { transition-property: bottom; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,height\] { transition-property: transform,height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; } .duration-1000 { --tw-duration: 1000ms; transition-duration: 1000ms; } .duration-\[1500ms\] { --tw-duration: 1500ms; transition-duration: 1500ms; } .ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] { --tw-ease: cubic-bezier(0.16,1,0.3,1); transition-timing-function: cubic-bezier(0.16,1,0.3,1); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .will-change-transform { will-change: transform; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .\[-webkit-tap-highlight-color\:transparent\] { -webkit-tap-highlight-color: transparent; } .\[overflow-anchor\:none\] { overflow-anchor: none; } .\[text-shadow\:0_1px_2px_rgba\(0\,0\,0\,0\.6\)\] { text-shadow: 0 1px 2px rgba(0,0,0,0.6); } .\[text-shadow\:0_1px_4px_rgba\(0\,0\,0\,0\.8\)\] { text-shadow: 0 1px 4px rgba(0,0,0,0.8); } .\[text-shadow\:0_2px_10px_rgba\(0\,0\,0\,0\.8\)\] { text-shadow: 0 2px 10px rgba(0,0,0,0.8); } .group-focus-within\:text-pink-accent { &:is(:where(.group):focus-within *) { color: var(--color-pink-accent); } } .group-hover\:block { &:is(:where(.group):hover *) { @media (hover: hover) { display: block; } } } .group-hover\:translate-x-0\.5 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:translate-x-\[200\%\] { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: 200%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:translate-x-\[220\%\] { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: 220%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:-translate-y-0\.5 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:scale-105 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\:scale-\[1\.02\] { &:is(:where(.group):hover *) { @media (hover: hover) { scale: 1.02; } } } .group-hover\:scale-\[1\.04\] { &:is(:where(.group):hover *) { @media (hover: hover) { scale: 1.04; } } } .group-hover\:bg-white\/\[0\.06\] { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #fff 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } } } .group-hover\:text-pink-accent { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-pink-accent); } } } .group-hover\:text-text-main { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-text-main); } } } .group-hover\:text-white { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-white); } } } .group-hover\:text-white\/60 { &:is(:where(.group):hover *) { @media (hover: hover) { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } } .group-hover\:opacity-70 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 70%; } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\:blur-none { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-blur: ; 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,); } } } .group-hover\/album\:opacity-100 { &:is(:where(.group\/album):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/card\:scale-105 { &:is(:where(.group\/card):hover *) { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\/card\:opacity-100 { &:is(:where(.group\/card):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/gallery\:opacity-100 { &:is(:where(.group\/gallery):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/video\:scale-105 { &:is(:where(.group\/video):hover *) { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .file\:mr-3 { &::file-selector-button { margin-right: calc(var(--spacing) * 3); } } .file\:rounded { &::file-selector-button { border-radius: 0.25rem; } } .file\:border-0 { &::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; } } .file\:bg-pink-accent\/20 { &::file-selector-button { background-color: color-mix(in srgb, #ff2d60 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 20%, transparent); } } } .file\:px-3 { &::file-selector-button { padding-inline: calc(var(--spacing) * 3); } } .file\:py-1 { &::file-selector-button { padding-block: calc(var(--spacing) * 1); } } .file\:text-xs { &::file-selector-button { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .file\:text-pink-accent { &::file-selector-button { color: var(--color-pink-accent); } } .placeholder\:text-\[\#555\] { &::placeholder { color: #555; } } .placeholder\:text-\[\#666\] { &::placeholder { color: #666; } } .placeholder\:text-text-muted { &::placeholder { color: var(--color-text-muted); } } .placeholder\:text-text-muted\/50 { &::placeholder { color: color-mix(in srgb, #a0a0a0 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 50%, transparent); } } } .placeholder\:text-text-muted\/60 { &::placeholder { color: color-mix(in srgb, #a0a0a0 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 60%, transparent); } } } .placeholder\:text-text-muted\/70 { &::placeholder { color: color-mix(in srgb, #a0a0a0 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 70%, transparent); } } } .placeholder\:text-text-muted\/72 { &::placeholder { color: color-mix(in srgb, #a0a0a0 72%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-text-muted) 72%, transparent); } } } .placeholder\:text-zinc-500 { &::placeholder { color: var(--color-zinc-500); } } .first\:mt-0 { &:first-child { margin-top: calc(var(--spacing) * 0); } } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .focus-within\:border-\[\#888\] { &:focus-within { border-color: #888; } } .focus-within\:border-pink-accent { &:focus-within { border-color: var(--color-pink-accent); } } .focus-within\:border-pink-accent\/50 { &:focus-within { border-color: color-mix(in srgb, #ff2d60 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 50%, transparent); } } } .focus-within\:border-pink-accent\/70 { &:focus-within { border-color: color-mix(in srgb, #ff2d60 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 70%, transparent); } } } .focus-within\:border-white\/16 { &:focus-within { border-color: color-mix(in srgb, #fff 16%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 16%, transparent); } } } .focus-within\:bg-\[\#151516\]\/32 { &:focus-within { background-color: color-mix(in oklab, #151516 32%, transparent); } } .focus-within\:bg-bg-surface { &:focus-within { background-color: var(--color-bg-surface); } } .focus-within\:shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.5\)\] { &:focus-within { --tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0,0,0,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-within\:ring-1 { &:focus-within { --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); } } .focus-within\:ring-pink-accent\/30 { &:focus-within { --tw-ring-color: color-mix(in srgb, #ff2d60 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-pink-accent) 30%, transparent); } } } .hover\:-translate-y-0\.5 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:scale-110 { &:hover { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-\[1\.01\] { &:hover { @media (hover: hover) { scale: 1.01; } } } .hover\:scale-\[1\.02\] { &:hover { @media (hover: hover) { scale: 1.02; } } } .hover\:border-\[\#555\] { &:hover { @media (hover: hover) { border-color: #555; } } } .hover\:border-amber-200\/24 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 24%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-200) 24%, transparent); } } } } .hover\:border-amber-400\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-400) 40%, transparent); } } } } .hover\:border-blue-500\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } } } .hover\:border-border-custom { &:hover { @media (hover: hover) { border-color: var(--color-border-custom); } } } .hover\:border-border-custom\/80 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #333333 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border-custom) 80%, transparent); } } } } .hover\:border-emerald-400\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent); } } } } .hover\:border-emerald-500\/60 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent); } } } } .hover\:border-pink-accent { &:hover { @media (hover: hover) { border-color: var(--color-pink-accent); } } } .hover\:border-pink-accent\/20 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #ff2d60 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 20%, transparent); } } } } .hover\:border-pink-accent\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #ff2d60 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 30%, transparent); } } } } .hover\:border-pink-accent\/35 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #ff2d60 35%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 35%, transparent); } } } } .hover\:border-pink-accent\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #ff2d60 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 40%, transparent); } } } } .hover\:border-pink-accent\/50 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #ff2d60 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 50%, transparent); } } } } .hover\:border-pink-accent\/60 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #ff2d60 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 60%, transparent); } } } } .hover\:border-purple-400\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-400) 40%, transparent); } } } } .hover\:border-purple-500\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } } } .hover\:border-red-400\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-400) 40%, transparent); } } } } .hover\:border-red-500\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } } } .hover\:border-red-500\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } } } .hover\:border-red-500\/60 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 60%, transparent); } } } } .hover\:border-sky-400 { &:hover { @media (hover: hover) { border-color: var(--color-sky-400); } } } .hover\:border-sky-400\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-sky-400) 40%, transparent); } } } } .hover\:border-sky-400\/50 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-sky-400) 50%, transparent); } } } } .hover\:border-text-muted\/60 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #a0a0a0 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-text-muted) 60%, transparent); } } } } .hover\:border-white\/12 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 12%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } } } .hover\:border-white\/15 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } } } .hover\:border-white\/20 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } } .hover\:border-white\/25 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } } } .hover\:border-white\/26 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 26%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 26%, transparent); } } } } .hover\:border-white\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } } } .hover\:border-white\/\[0\.1\] { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } .hover\:border-white\/\[0\.15\] { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } } } .hover\:border-white\/\[0\.18\] { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 18%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 18%, transparent); } } } } .hover\:bg-\[\#2a2a2a\] { &:hover { @media (hover: hover) { background-color: #2a2a2a; } } } .hover\:bg-\[\#333\] { &:hover { @media (hover: hover) { background-color: #333; } } } .hover\:bg-\[\#242428\]\/95 { &:hover { @media (hover: hover) { background-color: color-mix(in oklab, #242428 95%, transparent); } } } .hover\:bg-\[\#FDD835\] { &:hover { @media (hover: hover) { background-color: #FDD835; } } } .hover\:bg-amber-200\/\[0\.08\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-200) 8%, transparent); } } } } .hover\:bg-amber-500\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } } } .hover\:bg-amber-500\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } } } .hover\:bg-amber-500\/25 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent); } } } } .hover\:bg-bg-card\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #1c1c1c 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-card) 40%, transparent); } } } } .hover\:bg-bg-dark\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #121212 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 50%, transparent); } } } } .hover\:bg-bg-dark\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #121212 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-dark) 60%, transparent); } } } } .hover\:bg-bg-surface { &:hover { @media (hover: hover) { background-color: var(--color-bg-surface); } } } .hover\:bg-bg-surface\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #252525 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-surface) 60%, transparent); } } } } .hover\:bg-bg-surface\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #252525 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-surface) 70%, transparent); } } } } .hover\:bg-bg-surface\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #252525 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-bg-surface) 80%, transparent); } } } } .hover\:bg-black\/36 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 36%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 36%, transparent); } } } } .hover\:bg-black\/38 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 38%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 38%, transparent); } } } } .hover\:bg-black\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } } } .hover\:bg-black\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } } } .hover\:bg-black\/75 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } } } .hover\:bg-black\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } } } .hover\:bg-emerald-500\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } } } .hover\:bg-emerald-500\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); } } } } .hover\:bg-emerald-500\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } } } .hover\:bg-emerald-500\/25 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent); } } } } .hover\:bg-emerald-500\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } } } .hover\:bg-fuchsia-300\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(83.3% 0.145 321.434) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-fuchsia-300) 20%, transparent); } } } } .hover\:bg-gray-500\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent); } } } } .hover\:bg-green-500\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } } } .hover\:bg-pink-accent-hover { &:hover { @media (hover: hover) { background-color: var(--color-pink-accent-hover); } } } .hover\:bg-pink-accent\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ff2d60 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 5%, transparent); } } } } .hover\:bg-pink-accent\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ff2d60 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 10%, transparent); } } } } .hover\:bg-pink-accent\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ff2d60 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 15%, transparent); } } } } .hover\:bg-pink-accent\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ff2d60 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 20%, transparent); } } } } .hover\:bg-pink-accent\/25 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ff2d60 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 25%, transparent); } } } } .hover\:bg-pink-accent\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ff2d60 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 30%, transparent); } } } } .hover\:bg-pink-accent\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ff2d60 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 80%, transparent); } } } } .hover\:bg-pink-accent\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ff2d60 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 90%, transparent); } } } } .hover\:bg-purple-500\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } } } .hover\:bg-purple-500\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 90%, transparent); } } } } .hover\:bg-red-400 { &:hover { @media (hover: hover) { background-color: var(--color-red-400); } } } .hover\:bg-red-500 { &:hover { @media (hover: hover) { background-color: var(--color-red-500); } } } .hover\:bg-red-500\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } } } .hover\:bg-red-500\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent); } } } } .hover\:bg-red-500\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } } } .hover\:bg-red-500\/25 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent); } } } } .hover\:bg-red-500\/\[0\.1\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } } } .hover\:bg-red-600 { &:hover { @media (hover: hover) { background-color: var(--color-red-600); } } } .hover\:bg-red-600\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent); } } } } .hover\:bg-rose-500\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } } } .hover\:bg-rose-500\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } } } .hover\:bg-rose-500\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent); } } } } .hover\:bg-sky-500\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent); } } } } .hover\:bg-sky-500\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent); } } } } .hover\:bg-sky-500\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent); } } } } .hover\:bg-white\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } } .hover\:bg-white\/6 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } } } .hover\:bg-white\/8 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } } } .hover\:bg-white\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } .hover\:bg-white\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } } .hover\:bg-white\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } } } .hover\:bg-white\/\[0\.01\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 1%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 1%, transparent); } } } } .hover\:bg-white\/\[0\.1\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } .hover\:bg-white\/\[0\.02\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 2%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } } } .hover\:bg-white\/\[0\.03\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 3%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } } } .hover\:bg-white\/\[0\.04\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 4%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } } } .hover\:bg-white\/\[0\.05\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } } .hover\:bg-white\/\[0\.06\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } } } .hover\:bg-white\/\[0\.07\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 7.000000000000001%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent); } } } } .hover\:bg-white\/\[0\.08\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } } } .hover\:bg-white\/\[0\.14\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 14.000000000000002%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 14.000000000000002%, transparent); } } } } .hover\:bg-white\/\[0\.055\] { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 5.5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5.5%, transparent); } } } } .hover\:bg-zinc-600 { &:hover { @media (hover: hover) { background-color: var(--color-zinc-600); } } } .hover\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.22\)\,rgba\(255\,255\,255\,0\.08\)_44\%\,rgba\(12\,12\,14\,0\.24\)\)\] { &:hover { @media (hover: hover) { background-image: linear-gradient(180deg,rgba(255,255,255,0.22),rgba(255,255,255,0.08) 44%,rgba(12,12,14,0.24)); } } } .hover\:from-purple-600 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-pink-600 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-pink-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:text-amber-100 { &:hover { @media (hover: hover) { color: var(--color-amber-100); } } } .hover\:text-amber-200 { &:hover { @media (hover: hover) { color: var(--color-amber-200); } } } .hover\:text-amber-300 { &:hover { @media (hover: hover) { color: var(--color-amber-300); } } } .hover\:text-emerald-100 { &:hover { @media (hover: hover) { color: var(--color-emerald-100); } } } .hover\:text-pink-accent { &:hover { @media (hover: hover) { color: var(--color-pink-accent); } } } .hover\:text-purple-200 { &:hover { @media (hover: hover) { color: var(--color-purple-200); } } } .hover\:text-red-200 { &:hover { @media (hover: hover) { color: var(--color-red-200); } } } .hover\:text-red-300 { &:hover { @media (hover: hover) { color: var(--color-red-300); } } } .hover\:text-red-400 { &:hover { @media (hover: hover) { color: var(--color-red-400); } } } .hover\:text-rose-400 { &:hover { @media (hover: hover) { color: var(--color-rose-400); } } } .hover\:text-sky-100 { &:hover { @media (hover: hover) { color: var(--color-sky-100); } } } .hover\:text-sky-200 { &:hover { @media (hover: hover) { color: var(--color-sky-200); } } } .hover\:text-text-main { &:hover { @media (hover: hover) { color: var(--color-text-main); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:text-white\/70 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } } .hover\:text-white\/72 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 72%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 72%, transparent); } } } } .hover\:text-white\/80 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } } } .hover\:text-white\/90 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-80 { &:hover { @media (hover: hover) { opacity: 80%; } } } .hover\:opacity-90 { &:hover { @media (hover: hover) { opacity: 90%; } } } .hover\:opacity-95 { &:hover { @media (hover: hover) { opacity: 95%; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:shadow-\[0_4px_15px_rgba\(0\,0\,0\,0\.3\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 15px var(--tw-shadow-color, rgba(0,0,0,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-lg { &:hover { @media (hover: hover) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:ring-1 { &:hover { @media (hover: hover) { --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); } } } .hover\:ring-2 { &:hover { @media (hover: hover) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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); } } } .hover\:shadow-pink-accent\/5 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, #ff2d60 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-accent) 5%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:shadow-pink-accent\/10 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, #ff2d60 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-accent) 10%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:shadow-pink-accent\/40 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, #ff2d60 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-accent) 40%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:ring-pink-accent\/40 { &:hover { @media (hover: hover) { --tw-ring-color: color-mix(in srgb, #ff2d60 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-pink-accent) 40%, transparent); } } } } .hover\:ring-pink-accent\/50 { &:hover { @media (hover: hover) { --tw-ring-color: color-mix(in srgb, #ff2d60 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-pink-accent) 50%, transparent); } } } } .focus\:border-pink-accent { &:focus { border-color: var(--color-pink-accent); } } .focus\:border-pink-accent\/40 { &:focus { border-color: color-mix(in srgb, #ff2d60 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 40%, transparent); } } } .focus\:border-pink-accent\/60 { &:focus { border-color: color-mix(in srgb, #ff2d60 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-pink-accent) 60%, transparent); } } } .focus\:border-purple-500 { &:focus { border-color: var(--color-purple-500); } } .focus\:border-red-300\/40 { &:focus { border-color: color-mix(in srgb, oklch(80.8% 0.114 19.571) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-300) 40%, transparent); } } } .focus\:border-sky-400 { &:focus { border-color: var(--color-sky-400); } } .focus\:border-sky-400\/60 { &:focus { border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-sky-400) 60%, transparent); } } } .focus\:border-white\/25 { &:focus { border-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } } .focus\:ring-1 { &:focus { --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); } } .focus\:ring-pink-accent { &:focus { --tw-ring-color: var(--color-pink-accent); } } .focus\:ring-pink-accent\/30 { &:focus { --tw-ring-color: color-mix(in srgb, #ff2d60 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-pink-accent) 30%, transparent); } } } .focus\:ring-pink-accent\/40 { &:focus { --tw-ring-color: color-mix(in srgb, #ff2d60 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-pink-accent) 40%, transparent); } } } .focus\:ring-red-400 { &:focus { --tw-ring-color: var(--color-red-400); } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .focus-visible\:ring-1 { &:focus-visible { --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); } } .focus-visible\:ring-2 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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); } } .focus-visible\:ring-pink-accent { &:focus-visible { --tw-ring-color: var(--color-pink-accent); } } .focus-visible\:ring-pink-accent\/60 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #ff2d60 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-pink-accent) 60%, transparent); } } } .focus-visible\:ring-pink-accent\/70 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #ff2d60 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-pink-accent) 70%, transparent); } } } .focus-visible\:ring-white\/40 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } } .focus-visible\:ring-white\/45 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #fff 45%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 45%, transparent); } } } .focus-visible\:ring-offset-2 { &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus-visible\:ring-offset-bg-dark { &:focus-visible { --tw-ring-offset-color: var(--color-bg-dark); } } .focus-visible\:ring-offset-bg-surface { &:focus-visible { --tw-ring-offset-color: var(--color-bg-surface); } } .focus-visible\:outline-none { &:focus-visible { --tw-outline-style: none; outline-style: none; } } .active\:scale-90 { &:active { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .active\:scale-95 { &:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .active\:scale-\[0\.9\] { &:active { scale: 0.9; } } .active\:scale-\[0\.95\] { &:active { scale: 0.95; } } .active\:scale-\[0\.97\] { &:active { scale: 0.97; } } .active\:scale-\[0\.98\] { &:active { scale: 0.98; } } .active\:scale-\[0\.985\] { &:active { scale: 0.985; } } .active\:scale-\[0\.995\] { &:active { scale: 0.995; } } .disabled\:pointer-events-none { &:disabled { pointer-events: none; } } .disabled\:cursor-default { &:disabled { cursor: default; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:cursor-wait { &:disabled { cursor: wait; } } .disabled\:bg-white\/12 { &:disabled { background-color: color-mix(in srgb, #fff 12%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } } .disabled\:text-white\/45 { &:disabled { color: color-mix(in srgb, #fff 45%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 45%, transparent); } } } .disabled\:opacity-30 { &:disabled { opacity: 30%; } } .disabled\:opacity-40 { &:disabled { opacity: 40%; } } .disabled\:opacity-45 { &:disabled { opacity: 45%; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .disabled\:opacity-60 { &:disabled { opacity: 60%; } } .disabled\:shadow-none { &:disabled { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .disabled\:hover\:border-border-custom { &:disabled { &:hover { @media (hover: hover) { border-color: var(--color-border-custom); } } } } .disabled\:hover\:text-text-muted { &:disabled { &:hover { @media (hover: hover) { color: var(--color-text-muted); } } } } .data-\[selected\=true\]\:border-pink-accent { &[data-selected="true"] { border-color: var(--color-pink-accent); } } .data-\[selected\=true\]\:bg-pink-accent { &[data-selected="true"] { background-color: var(--color-pink-accent); } } .data-\[selected\=true\]\:bg-pink-accent\/10 { &[data-selected="true"] { background-color: color-mix(in srgb, #ff2d60 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-accent) 10%, transparent); } } } .data-\[selected\=true\]\:text-white { &[data-selected="true"] { color: var(--color-white); } } .motion-safe\:-translate-y-1 { @media (prefers-reduced-motion: no-preference) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } .motion-safe\:animate-\[pulse_2\.4s_ease-in-out_infinite\] { @media (prefers-reduced-motion: no-preference) { animation: pulse 2.4s ease-in-out infinite; } } .motion-safe\:animate-bounce { @media (prefers-reduced-motion: no-preference) { animation: var(--animate-bounce); } } .motion-safe\:animate-pulse { @media (prefers-reduced-motion: no-preference) { animation: var(--animate-pulse); } } .motion-safe\:duration-200 { @media (prefers-reduced-motion: no-preference) { --tw-duration: 200ms; transition-duration: 200ms; } } .motion-safe\:duration-300 { @media (prefers-reduced-motion: no-preference) { --tw-duration: 300ms; transition-duration: 300ms; } } .motion-safe\:duration-500 { @media (prefers-reduced-motion: no-preference) { --tw-duration: 500ms; transition-duration: 500ms; } } .motion-safe\:ease-out { @media (prefers-reduced-motion: no-preference) { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } } .motion-safe\:group-hover\:rotate-90 { @media (prefers-reduced-motion: no-preference) { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: 90deg; } } } } .max-\[380px\]\:min-h-\[220px\] { @media (width < 380px) { min-height: 220px; } } .max-xl\:grid-cols-\[1fr_110px_110px_180px\] { @media (width < 80rem) { grid-template-columns: 1fr 110px 110px 180px; } } .max-lg\:block { @media (width < 64rem) { display: block; } } .max-lg\:hidden { @media (width < 64rem) { display: none; } } .max-lg\:space-y-3 { @media (width < 64rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } } .max-md\:absolute { @media (width < 48rem) { position: absolute; } } .max-md\:inset-0 { @media (width < 48rem) { inset: calc(var(--spacing) * 0); } } .max-md\:top-auto { @media (width < 48rem) { top: auto; } } .max-md\:right-2 { @media (width < 48rem) { right: calc(var(--spacing) * 2); } } .max-md\:bottom-0 { @media (width < 48rem) { bottom: calc(var(--spacing) * 0); } } .max-md\:bottom-\[60px\] { @media (width < 48rem) { bottom: 60px; } } .max-md\:left-2 { @media (width < 48rem) { left: calc(var(--spacing) * 2); } } .max-md\:mb-2 { @media (width < 48rem) { margin-bottom: calc(var(--spacing) * 2); } } .max-md\:mb-3 { @media (width < 48rem) { margin-bottom: calc(var(--spacing) * 3); } } .max-md\:mb-7 { @media (width < 48rem) { margin-bottom: calc(var(--spacing) * 7); } } .max-md\:mb-10 { @media (width < 48rem) { margin-bottom: calc(var(--spacing) * 10); } } .max-md\:ml-0 { @media (width < 48rem) { margin-left: calc(var(--spacing) * 0); } } .max-md\:line-clamp-1 { @media (width < 48rem) { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } } .max-md\:line-clamp-3 { @media (width < 48rem) { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } } .max-md\:hidden { @media (width < 48rem) { display: none; } } .max-md\:h-8 { @media (width < 48rem) { height: calc(var(--spacing) * 8); } } .max-md\:h-32 { @media (width < 48rem) { height: calc(var(--spacing) * 32); } } .max-md\:h-\[85vh\] { @media (width < 48rem) { height: 85vh; } } .max-md\:h-\[136px\] { @media (width < 48rem) { height: 136px; } } .max-md\:h-\[148px\] { @media (width < 48rem) { height: 148px; } } .max-md\:h-\[360px\] { @media (width < 48rem) { height: 360px; } } .max-md\:h-\[420px\] { @media (width < 48rem) { height: 420px; } } .max-md\:h-\[440px\] { @media (width < 48rem) { height: 440px; } } .max-md\:h-full { @media (width < 48rem) { height: 100%; } } .max-md\:max-h-\[85vh\] { @media (width < 48rem) { max-height: 85vh; } } .max-md\:min-h-0 { @media (width < 48rem) { min-height: calc(var(--spacing) * 0); } } .max-md\:w-32 { @media (width < 48rem) { width: calc(var(--spacing) * 32); } } .max-md\:w-\[6\.75rem\] { @media (width < 48rem) { width: 6.75rem; } } .max-md\:w-\[56px\] { @media (width < 48rem) { width: 56px; } } .max-md\:w-\[min\(320px\,calc\(100vw-24px\)\)\] { @media (width < 48rem) { width: min(320px, calc(100vw - 24px)); } } .max-md\:w-full { @media (width < 48rem) { width: 100%; } } .max-md\:flex-\[0_0_6\.75rem\] { @media (width < 48rem) { flex: 0 0 6.75rem; } } .max-md\:flex-\[0_0_86vw\] { @media (width < 48rem) { flex: 0 0 86vw; } } .max-md\:flex-\[0_0_125px\] { @media (width < 48rem) { flex: 0 0 125px; } } .max-md\:flex-\[0_0_135px\] { @media (width < 48rem) { flex: 0 0 135px; } } .max-md\:flex-\[0_0_auto\] { @media (width < 48rem) { flex: 0 0 auto; } } .max-md\:flex-\[0_0_calc\(100\%-40px\)\] { @media (width < 48rem) { flex: 0 0 calc(100% - 40px); } } .max-md\:grid-cols-\[repeat\(auto-fill\,minmax\(100px\,1fr\)\)\] { @media (width < 48rem) { grid-template-columns: repeat(auto-fill,minmax(100px,1fr)); } } .max-md\:grid-cols-\[repeat\(auto-fill\,minmax\(140px\,1fr\)\)\] { @media (width < 48rem) { grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); } } .max-md\:grid-cols-\[repeat\(auto-fill\,minmax\(150px\,1fr\)\)\] { @media (width < 48rem) { grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); } } .max-md\:flex-col { @media (width < 48rem) { flex-direction: column; } } .max-md\:justify-center { @media (width < 48rem) { justify-content: center; } } .max-md\:justify-stretch { @media (width < 48rem) { justify-content: stretch; } } .max-md\:gap-2 { @media (width < 48rem) { gap: calc(var(--spacing) * 2); } } .max-md\:gap-2\.5 { @media (width < 48rem) { gap: calc(var(--spacing) * 2.5); } } .max-md\:gap-3 { @media (width < 48rem) { gap: calc(var(--spacing) * 3); } } .max-md\:gap-4 { @media (width < 48rem) { gap: calc(var(--spacing) * 4); } } .max-md\:gap-5 { @media (width < 48rem) { gap: calc(var(--spacing) * 5); } } .max-md\:gap-6 { @media (width < 48rem) { gap: calc(var(--spacing) * 6); } } .max-md\:rounded-lg { @media (width < 48rem) { border-radius: var(--radius-lg); } } .max-md\:rounded-t-2xl { @media (width < 48rem) { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } } .max-md\:border-l-0 { @media (width < 48rem) { border-left-style: var(--tw-border-style); border-left-width: 0px; } } .max-md\:bg-black\/40 { @media (width < 48rem) { background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } } .max-md\:p-1\.5 { @media (width < 48rem) { padding: calc(var(--spacing) * 1.5); } } .max-md\:p-3 { @media (width < 48rem) { padding: calc(var(--spacing) * 3); } } .max-md\:p-4 { @media (width < 48rem) { padding: calc(var(--spacing) * 4); } } .max-md\:p-5 { @media (width < 48rem) { padding: calc(var(--spacing) * 5); } } .max-md\:p-6 { @media (width < 48rem) { padding: calc(var(--spacing) * 6); } } .max-md\:px-0 { @media (width < 48rem) { padding-inline: calc(var(--spacing) * 0); } } .max-md\:px-2 { @media (width < 48rem) { padding-inline: calc(var(--spacing) * 2); } } .max-md\:px-4 { @media (width < 48rem) { padding-inline: calc(var(--spacing) * 4); } } .max-md\:px-5 { @media (width < 48rem) { padding-inline: calc(var(--spacing) * 5); } } .max-md\:py-4 { @media (width < 48rem) { padding-block: calc(var(--spacing) * 4); } } .max-md\:py-5 { @media (width < 48rem) { padding-block: calc(var(--spacing) * 5); } } .max-md\:py-6 { @media (width < 48rem) { padding-block: calc(var(--spacing) * 6); } } .max-md\:pt-0 { @media (width < 48rem) { padding-top: calc(var(--spacing) * 0); } } .max-md\:pb-2 { @media (width < 48rem) { padding-bottom: calc(var(--spacing) * 2); } } .max-md\:pb-5 { @media (width < 48rem) { padding-bottom: calc(var(--spacing) * 5); } } .max-md\:pb-52 { @media (width < 48rem) { padding-bottom: calc(var(--spacing) * 52); } } .max-md\:pl-0 { @media (width < 48rem) { padding-left: calc(var(--spacing) * 0); } } .max-md\:text-\[0\.52rem\] { @media (width < 48rem) { font-size: 0.52rem; } } .max-md\:text-\[0\.62rem\] { @media (width < 48rem) { font-size: 0.62rem; } } .max-md\:text-\[0\.65rem\] { @media (width < 48rem) { font-size: 0.65rem; } } .max-md\:text-\[0\.92rem\] { @media (width < 48rem) { font-size: 0.92rem; } } .max-md\:text-\[1\.6rem\] { @media (width < 48rem) { font-size: 1.6rem; } } .max-md\:backdrop-blur-md { @media (width < 48rem) { --tw-backdrop-blur: blur(var(--blur-md)); -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,); } } .max-sm\:line-clamp-2 { @media (width < 40rem) { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } .max-sm\:hidden { @media (width < 40rem) { display: none; } } .max-sm\:text-\[0\.95rem\] { @media (width < 40rem) { font-size: 0.95rem; } } .sm\:inset-auto { @media (width >= 40rem) { inset: auto; } } .sm\:top-5 { @media (width >= 40rem) { top: calc(var(--spacing) * 5); } } .sm\:top-auto { @media (width >= 40rem) { top: auto; } } .sm\:right-5 { @media (width >= 40rem) { right: calc(var(--spacing) * 5); } } .sm\:bottom-5 { @media (width >= 40rem) { bottom: calc(var(--spacing) * 5); } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:hidden { @media (width >= 40rem) { display: none; } } .sm\:inline { @media (width >= 40rem) { display: inline; } } .sm\:inline-flex { @media (width >= 40rem) { display: inline-flex; } } .sm\:h-\[600px\] { @media (width >= 40rem) { height: 600px; } } .sm\:max-h-\[65dvh\] { @media (width >= 40rem) { max-height: 65dvh; } } .sm\:w-72 { @media (width >= 40rem) { width: calc(var(--spacing) * 72); } } .sm\:w-\[320px\] { @media (width >= 40rem) { width: 320px; } } .sm\:w-\[420px\] { @media (width >= 40rem) { width: 420px; } } .sm\:w-\[600px\] { @media (width >= 40rem) { width: 600px; } } .sm\:w-auto { @media (width >= 40rem) { width: auto; } } .sm\:shrink-0 { @media (width >= 40rem) { flex-shrink: 0; } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:grid-cols-4 { @media (width >= 40rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .sm\:grid-cols-5 { @media (width >= 40rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .sm\:grid-cols-\[1fr_1fr_1\.4fr\] { @media (width >= 40rem) { grid-template-columns: 1fr 1fr 1.4fr; } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:items-center { @media (width >= 40rem) { align-items: center; } } .sm\:items-start { @media (width >= 40rem) { align-items: flex-start; } } .sm\:justify-between { @media (width >= 40rem) { justify-content: space-between; } } .sm\:justify-center { @media (width >= 40rem) { justify-content: center; } } .sm\:rounded-2xl { @media (width >= 40rem) { border-radius: var(--radius-2xl); } } .sm\:border { @media (width >= 40rem) { border-style: var(--tw-border-style); border-width: 1px; } } .sm\:border-b { @media (width >= 40rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .sm\:p-4 { @media (width >= 40rem) { padding: calc(var(--spacing) * 4); } } .sm\:p-5 { @media (width >= 40rem) { padding: calc(var(--spacing) * 5); } } .sm\:p-6 { @media (width >= 40rem) { padding: calc(var(--spacing) * 6); } } .sm\:px-4 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 4); } } .sm\:px-5 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 5); } } .sm\:px-8 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 8); } } .sm\:py-4 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 4); } } .sm\:pt-14 { @media (width >= 40rem) { padding-top: calc(var(--spacing) * 14); } } .sm\:text-3xl { @media (width >= 40rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .sm\:text-4xl { @media (width >= 40rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .sm\:text-base { @media (width >= 40rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .md\:pointer-events-auto { @media (width >= 48rem) { pointer-events: auto; } } .md\:absolute { @media (width >= 48rem) { position: absolute; } } .md\:relative { @media (width >= 48rem) { position: relative; } } .md\:static { @media (width >= 48rem) { position: static; } } .md\:inset-auto { @media (width >= 48rem) { inset: auto; } } .md\:inset-x-6 { @media (width >= 48rem) { inset-inline: calc(var(--spacing) * 6); } } .md\:top-7 { @media (width >= 48rem) { top: calc(var(--spacing) * 7); } } .md\:top-auto { @media (width >= 48rem) { top: auto; } } .md\:right-5 { @media (width >= 48rem) { right: calc(var(--spacing) * 5); } } .md\:bottom-0 { @media (width >= 48rem) { bottom: calc(var(--spacing) * 0); } } .md\:bottom-5 { @media (width >= 48rem) { bottom: calc(var(--spacing) * 5); } } .md\:bottom-9 { @media (width >= 48rem) { bottom: calc(var(--spacing) * 9); } } .md\:bottom-14 { @media (width >= 48rem) { bottom: calc(var(--spacing) * 14); } } .md\:left-8 { @media (width >= 48rem) { left: calc(var(--spacing) * 8); } } .md\:z-auto { @media (width >= 48rem) { z-index: auto; } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:-mx-5 { @media (width >= 48rem) { margin-inline: calc(var(--spacing) * -5); } } .md\:mt-1 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 1); } } .md\:mt-2 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 2); } } .md\:mt-8 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 8); } } .md\:mt-10 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 10); } } .md\:mb-2 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 2); } } .md\:mb-3 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 3); } } .md\:mb-4 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 4); } } .md\:mb-6 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 6); } } .md\:mb-7 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 7); } } .md\:mb-8 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 8); } } .md\:mb-10 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 10); } } .md\:mb-12 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 12); } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:inline { @media (width >= 48rem) { display: inline; } } .md\:inline-flex { @media (width >= 48rem) { display: inline-flex; } } .md\:aspect-\[3\/4\] { @media (width >= 48rem) { aspect-ratio: 3/4; } } .md\:aspect-\[16\/10\] { @media (width >= 48rem) { aspect-ratio: 16/10; } } .md\:h-3 { @media (width >= 48rem) { height: calc(var(--spacing) * 3); } } .md\:h-3\.5 { @media (width >= 48rem) { height: calc(var(--spacing) * 3.5); } } .md\:h-6 { @media (width >= 48rem) { height: calc(var(--spacing) * 6); } } .md\:h-7 { @media (width >= 48rem) { height: calc(var(--spacing) * 7); } } .md\:h-9 { @media (width >= 48rem) { height: calc(var(--spacing) * 9); } } .md\:h-10 { @media (width >= 48rem) { height: calc(var(--spacing) * 10); } } .md\:h-14 { @media (width >= 48rem) { height: calc(var(--spacing) * 14); } } .md\:h-32 { @media (width >= 48rem) { height: calc(var(--spacing) * 32); } } .md\:h-72 { @media (width >= 48rem) { height: calc(var(--spacing) * 72); } } .md\:h-\[52px\] { @media (width >= 48rem) { height: 52px; } } .md\:h-\[426\.67px\] { @media (width >= 48rem) { height: 426.67px; } } .md\:h-\[1500px\] { @media (width >= 48rem) { height: 1500px; } } .md\:h-auto { @media (width >= 48rem) { height: auto; } } .md\:h-full { @media (width >= 48rem) { height: 100%; } } .md\:max-h-\[55vh\] { @media (width >= 48rem) { max-height: 55vh; } } .md\:max-h-\[68vh\] { @media (width >= 48rem) { max-height: 68vh; } } .md\:max-h-\[80vh\] { @media (width >= 48rem) { max-height: 80vh; } } .md\:max-h-\[calc\(100dvh-48px\)\] { @media (width >= 48rem) { max-height: calc(100dvh - 48px); } } .md\:max-h-none { @media (width >= 48rem) { max-height: none; } } .md\:min-h-0 { @media (width >= 48rem) { min-height: calc(var(--spacing) * 0); } } .md\:min-h-7 { @media (width >= 48rem) { min-height: calc(var(--spacing) * 7); } } .md\:min-h-10 { @media (width >= 48rem) { min-height: calc(var(--spacing) * 10); } } .md\:min-h-\[64px\] { @media (width >= 48rem) { min-height: 64px; } } .md\:min-h-\[250px\] { @media (width >= 48rem) { min-height: 250px; } } .md\:min-h-\[360px\] { @media (width >= 48rem) { min-height: 360px; } } .md\:min-h-\[560px\] { @media (width >= 48rem) { min-height: 560px; } } .md\:min-h-\[600px\] { @media (width >= 48rem) { min-height: 600px; } } .md\:w-3 { @media (width >= 48rem) { width: calc(var(--spacing) * 3); } } .md\:w-3\.5 { @media (width >= 48rem) { width: calc(var(--spacing) * 3.5); } } .md\:w-7 { @media (width >= 48rem) { width: calc(var(--spacing) * 7); } } .md\:w-9 { @media (width >= 48rem) { width: calc(var(--spacing) * 9); } } .md\:w-10 { @media (width >= 48rem) { width: calc(var(--spacing) * 10); } } .md\:w-14 { @media (width >= 48rem) { width: calc(var(--spacing) * 14); } } .md\:w-24 { @media (width >= 48rem) { width: calc(var(--spacing) * 24); } } .md\:w-32 { @media (width >= 48rem) { width: calc(var(--spacing) * 32); } } .md\:w-72 { @media (width >= 48rem) { width: calc(var(--spacing) * 72); } } .md\:w-\[52px\] { @media (width >= 48rem) { width: 52px; } } .md\:w-\[240px\] { @media (width >= 48rem) { width: 240px; } } .md\:w-\[320px\] { @media (width >= 48rem) { width: 320px; } } .md\:w-\[380px\] { @media (width >= 48rem) { width: 380px; } } .md\:w-auto { @media (width >= 48rem) { width: auto; } } .md\:w-full { @media (width >= 48rem) { width: 100%; } } .md\:max-w-\[8rem\] { @media (width >= 48rem) { max-width: 8rem; } } .md\:max-w-\[48\%\] { @media (width >= 48rem) { max-width: 48%; } } .md\:max-w-\[80\%\] { @media (width >= 48rem) { max-width: 80%; } } .md\:max-w-\[900px\] { @media (width >= 48rem) { max-width: 900px; } } .md\:max-w-none { @media (width >= 48rem) { max-width: none; } } .md\:max-w-sm { @media (width >= 48rem) { max-width: var(--container-sm); } } .md\:min-w-0 { @media (width >= 48rem) { min-width: calc(var(--spacing) * 0); } } .md\:min-w-10 { @media (width >= 48rem) { min-width: calc(var(--spacing) * 10); } } .md\:flex-1 { @media (width >= 48rem) { flex: 1; } } .md\:flex-\[0_0_180px\] { @media (width >= 48rem) { flex: 0 0 180px; } } .md\:flex-\[0_0_210px\] { @media (width >= 48rem) { flex: 0 0 210px; } } .md\:flex-\[0_0_300px\] { @media (width >= 48rem) { flex: 0 0 300px; } } .md\:flex-\[0_0_400px\] { @media (width >= 48rem) { flex: 0 0 400px; } } .md\:flex-\[0_0_420px\] { @media (width >= 48rem) { flex: 0 0 420px; } } .md\:flex-none { @media (width >= 48rem) { flex: none; } } .md\:shrink-0 { @media (width >= 48rem) { flex-shrink: 0; } } .md\:translate-y-0 { @media (width >= 48rem) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .md\:\[scroll-padding-bottom\:var\(--desktop-chat-bottom-gap\)\] { @media (width >= 48rem) { scroll-padding-bottom: var(--desktop-chat-bottom-gap); } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .md\:grid-cols-5 { @media (width >= 48rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .md\:grid-cols-6 { @media (width >= 48rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .md\:grid-cols-\[0\.92fr_1\.08fr\] { @media (width >= 48rem) { grid-template-columns: 0.92fr 1.08fr; } } .md\:grid-cols-\[1\.2fr_0\.8fr_0\.8fr_0\.8fr_0\.9fr\] { @media (width >= 48rem) { grid-template-columns: 1.2fr 0.8fr 0.8fr 0.8fr 0.9fr; } } .md\:grid-cols-\[1\.2fr_0\.8fr_0\.9fr_0\.9fr\] { @media (width >= 48rem) { grid-template-columns: 1.2fr 0.8fr 0.9fr 0.9fr; } } .md\:grid-cols-\[1fr_160px_220px\] { @media (width >= 48rem) { grid-template-columns: 1fr 160px 220px; } } .md\:grid-cols-\[1fr_180px_160px_180px\] { @media (width >= 48rem) { grid-template-columns: 1fr 180px 160px 180px; } } .md\:grid-cols-\[38px_minmax\(0\,1fr\)_88px\] { @media (width >= 48rem) { grid-template-columns: 38px minmax(0,1fr) 88px; } } .md\:grid-cols-\[52px_minmax\(0\,1fr\)_auto\] { @media (width >= 48rem) { grid-template-columns: 52px minmax(0,1fr) auto; } } .md\:grid-cols-\[92px_minmax\(0\,1fr\)_96px\] { @media (width >= 48rem) { grid-template-columns: 92px minmax(0,1fr) 96px; } } .md\:grid-cols-\[96px_minmax\(0\,1fr\)_100px\] { @media (width >= 48rem) { grid-template-columns: 96px minmax(0,1fr) 100px; } } .md\:grid-cols-\[120px_1fr\] { @media (width >= 48rem) { grid-template-columns: 120px 1fr; } } .md\:grid-cols-\[160px_1fr\] { @media (width >= 48rem) { grid-template-columns: 160px 1fr; } } .md\:grid-cols-\[180px_1fr\] { @media (width >= 48rem) { grid-template-columns: 180px 1fr; } } .md\:grid-cols-\[220px_minmax\(0\,1fr\)\] { @media (width >= 48rem) { grid-template-columns: 220px minmax(0,1fr); } } .md\:grid-cols-\[280px_minmax\(0\,1fr\)\] { @media (width >= 48rem) { grid-template-columns: 280px minmax(0,1fr); } } .md\:grid-cols-\[360px_1fr\] { @media (width >= 48rem) { grid-template-columns: 360px 1fr; } } .md\:grid-cols-\[430px_1fr\] { @media (width >= 48rem) { grid-template-columns: 430px 1fr; } } .md\:grid-cols-\[minmax\(0\,1fr\)_220px_220px_auto\] { @media (width >= 48rem) { grid-template-columns: minmax(0,1fr) 220px 220px auto; } } .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.9fr\)\] { @media (width >= 48rem) { grid-template-columns: minmax(0,1fr) minmax(0,0.9fr); } } .md\:grid-cols-\[minmax\(220px\,1\.3fr\)_repeat\(4\,minmax\(120px\,1fr\)\)\] { @media (width >= 48rem) { grid-template-columns: minmax(220px,1.3fr) repeat(4,minmax(120px,1fr)); } } .md\:grid-rows-none { @media (width >= 48rem) { grid-template-rows: none; } } .md\:flex-col { @media (width >= 48rem) { flex-direction: column; } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:items-center { @media (width >= 48rem) { align-items: center; } } .md\:items-end { @media (width >= 48rem) { align-items: flex-end; } } .md\:items-start { @media (width >= 48rem) { align-items: flex-start; } } .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } } .md\:justify-center { @media (width >= 48rem) { justify-content: center; } } .md\:gap-1 { @media (width >= 48rem) { gap: calc(var(--spacing) * 1); } } .md\:gap-2 { @media (width >= 48rem) { gap: calc(var(--spacing) * 2); } } .md\:gap-3 { @media (width >= 48rem) { gap: calc(var(--spacing) * 3); } } .md\:gap-4 { @media (width >= 48rem) { gap: calc(var(--spacing) * 4); } } .md\:gap-5 { @media (width >= 48rem) { gap: calc(var(--spacing) * 5); } } .md\:gap-8 { @media (width >= 48rem) { gap: calc(var(--spacing) * 8); } } .md\:gap-10 { @media (width >= 48rem) { gap: calc(var(--spacing) * 10); } } .md\:gap-12 { @media (width >= 48rem) { gap: calc(var(--spacing) * 12); } } .md\:space-y-5 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } } } .md\:space-y-12 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); } } } .md\:gap-x-6 { @media (width >= 48rem) { column-gap: calc(var(--spacing) * 6); } } .md\:overflow-visible { @media (width >= 48rem) { overflow: visible; } } .md\:overflow-y-auto { @media (width >= 48rem) { overflow-y: auto; } } .md\:rounded-2xl { @media (width >= 48rem) { border-radius: var(--radius-2xl); } } .md\:rounded-3xl { @media (width >= 48rem) { border-radius: var(--radius-3xl); } } .md\:rounded-\[24px\] { @media (width >= 48rem) { border-radius: 24px; } } .md\:rounded-md { @media (width >= 48rem) { border-radius: var(--radius-md); } } .md\:rounded-tr-2xl { @media (width >= 48rem) { border-top-right-radius: var(--radius-2xl); } } .md\:rounded-br-2xl { @media (width >= 48rem) { border-bottom-right-radius: var(--radius-2xl); } } .md\:border { @media (width >= 48rem) { border-style: var(--tw-border-style); border-width: 1px; } } .md\:border-b { @media (width >= 48rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .md\:border-l { @media (width >= 48rem) { border-left-style: var(--tw-border-style); border-left-width: 1px; } } .md\:border-bg-dark { @media (width >= 48rem) { border-color: var(--color-bg-dark); } } .md\:border-border-custom { @media (width >= 48rem) { border-color: var(--color-border-custom); } } .md\:border-white\/5 { @media (width >= 48rem) { border-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } .md\:border-white\/\[0\.06\] { @media (width >= 48rem) { border-color: color-mix(in srgb, #fff 6%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } } .md\:bg-\[\#0d0d0d\] { @media (width >= 48rem) { background-color: #0d0d0d; } } .md\:bg-bg-surface { @media (width >= 48rem) { background-color: var(--color-bg-surface); } } .md\:bg-transparent { @media (width >= 48rem) { background-color: transparent; } } .md\:bg-zinc-900 { @media (width >= 48rem) { background-color: var(--color-zinc-900); } } .md\:bg-gradient-to-t { @media (width >= 48rem) { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } .md\:from-\[\#101010\] { @media (width >= 48rem) { --tw-gradient-from: #101010; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .md\:from-black\/72 { @media (width >= 48rem) { --tw-gradient-from: color-mix(in srgb, #000 72%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 72%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .md\:via-black\/34 { @media (width >= 48rem) { --tw-gradient-via: color-mix(in srgb, #000 34%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-black) 34%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } .md\:to-transparent { @media (width >= 48rem) { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .md\:object-contain { @media (width >= 48rem) { object-fit: contain; } } .md\:p-4 { @media (width >= 48rem) { padding: calc(var(--spacing) * 4); } } .md\:p-5 { @media (width >= 48rem) { padding: calc(var(--spacing) * 5); } } .md\:p-6 { @media (width >= 48rem) { padding: calc(var(--spacing) * 6); } } .md\:p-7 { @media (width >= 48rem) { padding: calc(var(--spacing) * 7); } } .md\:p-8 { @media (width >= 48rem) { padding: calc(var(--spacing) * 8); } } .md\:p-9\.5 { @media (width >= 48rem) { padding: calc(var(--spacing) * 9.5); } } .md\:px-2 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 2); } } .md\:px-2\.5 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 2.5); } } .md\:px-3 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 3); } } .md\:px-4 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 4); } } .md\:px-5 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 5); } } .md\:px-5\.5 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 5.5); } } .md\:px-6 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 6); } } .md\:px-7 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 7); } } .md\:px-8 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 8); } } .md\:px-9 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 9); } } .md\:px-10 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 10); } } .md\:px-\[18px\] { @media (width >= 48rem) { padding-inline: 18px; } } .md\:py-2 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 2); } } .md\:py-2\.5 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 2.5); } } .md\:py-3 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 3); } } .md\:py-4 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 4); } } .md\:py-5 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 5); } } .md\:py-8 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 8); } } .md\:py-10 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 10); } } .md\:pt-0 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 0); } } .md\:pt-3 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 3); } } .md\:pt-8 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 8); } } .md\:pt-10 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 10); } } .md\:pt-12 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 12); } } .md\:pr-6 { @media (width >= 48rem) { padding-right: calc(var(--spacing) * 6); } } .md\:\!pb-\[var\(--immersive-desktop-text-padding-bottom\)\] { @media (width >= 48rem) { padding-bottom: var(--immersive-desktop-text-padding-bottom) !important; } } .md\:pb-0 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 0); } } .md\:pb-4 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 4); } } .md\:pb-\[156px\] { @media (width >= 48rem) { padding-bottom: 156px; } } .md\:pl-0 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 0); } } .md\:pl-12 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 12); } } .md\:text-2xl { @media (width >= 48rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .md\:text-3xl { @media (width >= 48rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .md\:text-4xl { @media (width >= 48rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .md\:text-5xl { @media (width >= 48rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .md\:text-6xl { @media (width >= 48rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .md\:text-base { @media (width >= 48rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .md\:text-lg { @media (width >= 48rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .md\:text-sm { @media (width >= 48rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:text-xl { @media (width >= 48rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .md\:text-xs { @media (width >= 48rem) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .md\:text-\[0\.8rem\] { @media (width >= 48rem) { font-size: 0.8rem; } } .md\:text-\[0\.72rem\] { @media (width >= 48rem) { font-size: 0.72rem; } } .md\:text-\[0\.92rem\] { @media (width >= 48rem) { font-size: 0.92rem; } } .md\:text-\[0\.95rem\] { @media (width >= 48rem) { font-size: 0.95rem; } } .md\:text-\[1\.1rem\] { @media (width >= 48rem) { font-size: 1.1rem; } } .md\:text-\[1\.2rem\] { @media (width >= 48rem) { font-size: 1.2rem; } } .md\:text-\[1\.3rem\] { @media (width >= 48rem) { font-size: 1.3rem; } } .md\:text-\[1\.8rem\] { @media (width >= 48rem) { font-size: 1.8rem; } } .md\:text-\[1\.45rem\] { @media (width >= 48rem) { font-size: 1.45rem; } } .md\:text-\[2\.1rem\] { @media (width >= 48rem) { font-size: 2.1rem; } } .md\:text-\[2\.2rem\] { @media (width >= 48rem) { font-size: 2.2rem; } } .md\:text-\[2rem\] { @media (width >= 48rem) { font-size: 2rem; } } .md\:text-\[13px\] { @media (width >= 48rem) { font-size: 13px; } } .md\:text-\[15px\] { @media (width >= 48rem) { font-size: 15px; } } .md\:text-\[17px\] { @media (width >= 48rem) { font-size: 17px; } } .md\:text-\[44px\] { @media (width >= 48rem) { font-size: 44px; } } .md\:leading-\[1\.16\] { @media (width >= 48rem) { --tw-leading: 1.16; line-height: 1.16; } } .md\:leading-\[1\.75\] { @media (width >= 48rem) { --tw-leading: 1.75; line-height: 1.75; } } .md\:leading-\[1\.85\] { @media (width >= 48rem) { --tw-leading: 1.85; line-height: 1.85; } } .md\:leading-\[1\.86\] { @media (width >= 48rem) { --tw-leading: 1.86; line-height: 1.86; } } .md\:text-text-muted { @media (width >= 48rem) { color: var(--color-text-muted); } } .md\:text-white { @media (width >= 48rem) { color: var(--color-white); } } .md\:text-white\/85 { @media (width >= 48rem) { color: color-mix(in srgb, #fff 85%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 85%, transparent); } } } .md\:\!opacity-100 { @media (width >= 48rem) { opacity: 100% !important; } } .md\:opacity-0 { @media (width >= 48rem) { opacity: 0%; } } .md\:opacity-70 { @media (width >= 48rem) { opacity: 70%; } } .md\:opacity-100 { @media (width >= 48rem) { opacity: 100%; } } .md\:opacity-\[0\.2\] { @media (width >= 48rem) { opacity: 0.2; } } .md\:blur-\[120px\] { @media (width >= 48rem) { --tw-blur: blur(120px); 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,); } } .md\:transition-opacity { @media (width >= 48rem) { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .md\:\[text-shadow\:none\] { @media (width >= 48rem) { text-shadow: none; } } .md\:group-hover\:opacity-100 { @media (width >= 48rem) { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } } .md\:hover\:scale-105 { @media (width >= 48rem) { &:hover { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } } .md\:hover\:bg-white\/8 { @media (width >= 48rem) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } } } } .md\:hover\:text-text-main { @media (width >= 48rem) { &:hover { @media (hover: hover) { color: var(--color-text-main); } } } } .md\:hover\:text-white { @media (width >= 48rem) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } .lg\:sticky { @media (width >= 64rem) { position: sticky; } } .lg\:top-24 { @media (width >= 64rem) { top: calc(var(--spacing) * 24); } } .lg\:col-span-2 { @media (width >= 64rem) { grid-column: span 2 / span 2; } } .lg\:-mx-6 { @media (width >= 64rem) { margin-inline: calc(var(--spacing) * -6); } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-5 { @media (width >= 64rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .lg\:grid-cols-6 { @media (width >= 64rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .lg\:grid-cols-\[64px_minmax\(0\,1fr\)_minmax\(180px\,0\.38fr\)\] { @media (width >= 64rem) { grid-template-columns: 64px minmax(0,1fr) minmax(180px,0.38fr); } } .lg\:grid-cols-\[250px_minmax\(0\,1fr\)\] { @media (width >= 64rem) { grid-template-columns: 250px minmax(0,1fr); } } .lg\:grid-cols-\[260px_1fr\] { @media (width >= 64rem) { grid-template-columns: 260px 1fr; } } .lg\:grid-cols-\[260px_minmax\(0\,1fr\)\] { @media (width >= 64rem) { grid-template-columns: 260px minmax(0,1fr); } } .lg\:grid-cols-\[320px_minmax\(0\,1fr\)\] { @media (width >= 64rem) { grid-template-columns: 320px minmax(0,1fr); } } .lg\:grid-cols-\[340px_1fr\] { @media (width >= 64rem) { grid-template-columns: 340px 1fr; } } .lg\:grid-cols-\[360px_1fr\] { @media (width >= 64rem) { grid-template-columns: 360px 1fr; } } .lg\:grid-cols-\[380px_1fr\] { @media (width >= 64rem) { grid-template-columns: 380px 1fr; } } .lg\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,0\.8fr\)\] { @media (width >= 64rem) { grid-template-columns: minmax(0,1.2fr) minmax(0,0.8fr); } } .lg\:grid-cols-\[minmax\(0\,1fr\)_340px\] { @media (width >= 64rem) { grid-template-columns: minmax(0,1fr) 340px; } } .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.8fr\)\] { @media (width >= 64rem) { grid-template-columns: minmax(0,1fr) minmax(0,0.8fr); } } .lg\:grid-cols-\[minmax\(10rem\,0\.8fr\)_minmax\(16rem\,1\.4fr\)_auto\] { @media (width >= 64rem) { grid-template-columns: minmax(10rem,0.8fr) minmax(16rem,1.4fr) auto; } } .lg\:flex-col { @media (width >= 64rem) { flex-direction: column; } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:items-start { @media (width >= 64rem) { align-items: flex-start; } } .lg\:items-stretch { @media (width >= 64rem) { align-items: stretch; } } .lg\:justify-between { @media (width >= 64rem) { justify-content: space-between; } } .lg\:justify-center { @media (width >= 64rem) { justify-content: center; } } .lg\:justify-end { @media (width >= 64rem) { justify-content: flex-end; } } .lg\:self-start { @media (width >= 64rem) { align-self: flex-start; } } .lg\:p-6 { @media (width >= 64rem) { padding: calc(var(--spacing) * 6); } } .lg\:px-10 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 10); } } .lg\:pt-2 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 2); } } .lg\:text-5xl { @media (width >= 64rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .xl\:ml-2 { @media (width >= 80rem) { margin-left: calc(var(--spacing) * 2); } } .xl\:flex { @media (width >= 80rem) { display: flex; } } .xl\:h-\[72px\] { @media (width >= 80rem) { height: 72px; } } .xl\:max-h-\[calc\(100vh-180px\)\] { @media (width >= 80rem) { max-height: calc(100vh - 180px); } } .xl\:w-\[260px\] { @media (width >= 80rem) { width: 260px; } } .xl\:grid-cols-2 { @media (width >= 80rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .xl\:grid-cols-3 { @media (width >= 80rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .xl\:grid-cols-4 { @media (width >= 80rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .xl\:grid-cols-5 { @media (width >= 80rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .xl\:grid-cols-6 { @media (width >= 80rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .xl\:grid-cols-\[1\.25fr_0\.75fr\] { @media (width >= 80rem) { grid-template-columns: 1.25fr 0.75fr; } } .xl\:grid-cols-\[minmax\(0\,0\.58fr\)_minmax\(0\,1\.42fr\)\] { @media (width >= 80rem) { grid-template-columns: minmax(0,0.58fr) minmax(0,1.42fr); } } .xl\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(0\,1\.08fr\)\] { @media (width >= 80rem) { grid-template-columns: minmax(0,0.92fr) minmax(0,1.08fr); } } .xl\:grid-cols-\[minmax\(0\,1fr\)_420px\] { @media (width >= 80rem) { grid-template-columns: minmax(0,1fr) 420px; } } .xl\:grid-cols-\[minmax\(0\,1fr\)_430px\] { @media (width >= 80rem) { grid-template-columns: minmax(0,1fr) 430px; } } .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.9fr\)\] { @media (width >= 80rem) { grid-template-columns: minmax(0,1fr) minmax(0,0.9fr); } } .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.85fr\)\] { @media (width >= 80rem) { grid-template-columns: minmax(0,1fr) minmax(0,0.85fr); } } .xl\:flex-row { @media (width >= 80rem) { flex-direction: row; } } .xl\:items-center { @media (width >= 80rem) { align-items: center; } } .xl\:justify-between { @media (width >= 80rem) { justify-content: space-between; } } .xl\:justify-end { @media (width >= 80rem) { justify-content: flex-end; } } .xl\:border-r { @media (width >= 80rem) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .xl\:border-b-0 { @media (width >= 80rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .xl\:px-4 { @media (width >= 80rem) { padding-inline: calc(var(--spacing) * 4); } } .xl\:py-3 { @media (width >= 80rem) { padding-block: calc(var(--spacing) * 3); } } .xl\:pt-0 { @media (width >= 80rem) { padding-top: calc(var(--spacing) * 0); } } .xl\:text-6xl { @media (width >= 80rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .xl\:text-\[1\.1rem\] { @media (width >= 80rem) { font-size: 1.1rem; } } .dark\:bg-white\/10 { @media (prefers-color-scheme: dark) { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } .dark\:bg-zinc-900 { @media (prefers-color-scheme: dark) { background-color: var(--color-zinc-900); } } .dark\:text-text-muted { @media (prefers-color-scheme: dark) { color: var(--color-text-muted); } } .dark\:text-zinc-300 { @media (prefers-color-scheme: dark) { color: var(--color-zinc-300); } } .\[\&_a\]\:font-medium { & a { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .\[\&_a\]\:text-fuchsia-300 { & a { color: var(--color-fuchsia-300); } } .\[\&_a\]\:no-underline { & a { text-decoration-line: none; } } .hover\:\[\&_a\]\:text-fuchsia-200 { &:hover { @media (hover: hover) { & a { color: var(--color-fuchsia-200); } } } } .\[\&_blockquote\]\:my-2 { & blockquote { margin-block: calc(var(--spacing) * 2); } } .\[\&_blockquote\]\:border-l-2 { & blockquote { border-left-style: var(--tw-border-style); border-left-width: 2px; } } .\[\&_blockquote\]\:border-white\/20 { & blockquote { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } .\[\&_blockquote\]\:pl-3 { & blockquote { padding-left: calc(var(--spacing) * 3); } } .\[\&_blockquote\]\:text-zinc-300 { & blockquote { color: var(--color-zinc-300); } } .\[\&_code\]\:rounded { & code { border-radius: 0.25rem; } } .\[\&_code\]\:bg-black\/40 { & code { background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } } .\[\&_code\]\:px-1 { & code { padding-inline: calc(var(--spacing) * 1); } } .\[\&_h1\]\:mt-0 { & h1 { margin-top: calc(var(--spacing) * 0); } } .\[\&_h1\]\:mb-1\.5 { & h1 { margin-bottom: calc(var(--spacing) * 1.5); } } .\[\&_h1\]\:text-base { & h1 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .\[\&_h1\]\:leading-6 { & h1 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } } .\[\&_h1\]\:font-semibold { & h1 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_h2\]\:mt-0 { & h2 { margin-top: calc(var(--spacing) * 0); } } .\[\&_h2\]\:mb-1\.5 { & h2 { margin-bottom: calc(var(--spacing) * 1.5); } } .\[\&_h2\]\:text-\[15px\] { & h2 { font-size: 15px; } } .\[\&_h2\]\:leading-6 { & h2 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } } .\[\&_h2\]\:font-semibold { & h2 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_h3\]\:mt-0 { & h3 { margin-top: calc(var(--spacing) * 0); } } .\[\&_h3\]\:mb-1 { & h3 { margin-bottom: calc(var(--spacing) * 1); } } .\[\&_h3\]\:text-sm { & h3 { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .\[\&_h3\]\:font-semibold { & h3 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_img\]\:my-2 { & img { margin-block: calc(var(--spacing) * 2); } } .\[\&_img\]\:max-h-48 { & img { max-height: calc(var(--spacing) * 48); } } .\[\&_img\]\:rounded-md { & img { border-radius: var(--radius-md); } } .\[\&_img\]\:object-cover { & img { object-fit: cover; } } .\[\&_li\]\:my-0\.5 { & li { margin-block: calc(var(--spacing) * 0.5); } } .\[\&_ol\]\:my-1 { & ol { margin-block: calc(var(--spacing) * 1); } } .\[\&_ol\]\:list-decimal { & ol { list-style-type: decimal; } } .\[\&_ol\]\:pl-5 { & ol { padding-left: calc(var(--spacing) * 5); } } .\[\&_p\]\:m-0 { & p { margin: calc(var(--spacing) * 0); } } .\[\&_p\+_p\]\:mt-1\.5 { & p+ p { margin-top: calc(var(--spacing) * 1.5); } } .\[\&_pre\]\:my-2 { & pre { margin-block: calc(var(--spacing) * 2); } } .\[\&_pre\]\:rounded { & pre { border-radius: 0.25rem; } } .\[\&_pre\]\:bg-black\/60 { & pre { background-color: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } } .\[\&_pre\]\:p-2 { & pre { padding: calc(var(--spacing) * 2); } } .\[\&_pre\]\:text-xs { & pre { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .\[\&_strong\]\:font-semibold { & strong { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_ul\]\:my-1 { & ul { margin-block: calc(var(--spacing) * 1); } } .\[\&_ul\]\:list-disc { & ul { list-style-type: disc; } } .\[\&_ul\]\:pl-5 { & ul { padding-left: calc(var(--spacing) * 5); } } .\[\@media\(hover\:hover\)\]\:group-hover\:scale-\[1\.04\] { @media (hover:hover) { &:is(:where(.group):hover *) { @media (hover: hover) { scale: 1.04; } } } } .\[\@media\(hover\:hover\)\]\:group-hover\:scale-\[1\.035\] { @media (hover:hover) { &:is(:where(.group):hover *) { @media (hover: hover) { scale: 1.035; } } } } .\[\@media\(hover\:hover\)\]\:group-hover\:opacity-100 { @media (hover:hover) { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } } .\[\@media\(hover\:hover\)\]\:hover\:-translate-y-0\.5 { @media (hover:hover) { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } } .\[\@media\(hover\:hover\)\]\:hover\:-translate-y-1 { @media (hover:hover) { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } } .\[\@media\(hover\:hover\)\]\:hover\:scale-\[1\.02\] { @media (hover:hover) { &:hover { @media (hover: hover) { scale: 1.02; } } } } .\[\@media\(hover\:hover\)\]\:hover\:border-white\/\[0\.1\] { @media (hover:hover) { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } } .\[\@media\(hover\:hover\)\]\:hover\:border-white\/\[0\.08\] { @media (hover:hover) { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } } } } .\[\@media\(hover\:hover\)\]\:hover\:border-white\/\[0\.12\] { @media (hover:hover) { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 12%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } } } } .\[\@media\(hover\:hover\)\]\:hover\:bg-pink-accent-hover { @media (hover:hover) { &:hover { @media (hover: hover) { background-color: var(--color-pink-accent-hover); } } } } .\[\@media\(hover\:hover\)\]\:hover\:bg-white\/\[0\.02\] { @media (hover:hover) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 2%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } } } } .\[\@media\(hover\:hover\)\]\:hover\:bg-white\/\[0\.03\] { @media (hover:hover) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 3%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } } } } .\[\@media\(hover\:hover\)\]\:hover\:bg-white\/\[0\.06\] { @media (hover:hover) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } } } } .\[\@media\(hover\:hover\)\]\:hover\:text-white { @media (hover:hover) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } .\[\@media\(hover\:hover\)\]\:hover\:shadow-2xl { @media (hover:hover) { &:hover { @media (hover: hover) { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } .\[\@media\(hover\:hover\)\]\:hover\:brightness-110 { @media (hover:hover) { &:hover { @media (hover: hover) { --tw-brightness: brightness(110%); 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,); } } } } } @layer base { :root { --app-font-sans: 'Pretendard Variable', Pretendard, system-ui, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', 'Segoe UI', Roboto, sans-serif; } html, body { min-height: 100%; } body { overflow-x: hidden; } html[data-scroll-mode='contained'] { height: 100%; overscroll-behavior: none; } body[data-scroll-mode='contained'] { overflow: hidden; overscroll-behavior: none; height: 100%; } html { font-size: 90%; scrollbar-gutter: stable; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } * { box-sizing: border-box; margin: 0; padding: 0; } html.font-sans, body { font-family: var(--app-font-sans); background-color: var(--color-bg-dark); color: var(--color-text-main); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { text-decoration: none; color: inherit; } button { background: none; border: none; cursor: pointer; font-family: inherit; color: inherit; } ul { list-style: none; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #444; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #666; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } .no-scrollbar::-webkit-scrollbar { display: none; } @media (max-width: 767px) { html, body, * { -ms-overflow-style: none; scrollbar-width: none; } html::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar { display: none; } .chat-mobile-no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } .chat-mobile-no-scrollbar::-webkit-scrollbar { display: none; } } .no-img-drag img { pointer-events: none; user-select: none; -webkit-user-drag: none; } .media-card-contain { contain: layout paint style; content-visibility: auto; contain-intrinsic-size: 220px 390px; } .home-media-card-contain { contain: layout paint style; } .home-scroll-row { -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scroll-snap-type: x proximity !important; } .media-hover-zoom { transition: transform 300ms; } .media-hover-zoom-slow { transition: transform 500ms; } .media-hover-zoom-subtle { transition: transform 500ms; } @media (hover: hover) and (pointer: fine) { .group:hover .media-hover-zoom, .group:hover .media-hover-zoom-slow { transform: scale(1.05); } .group:hover .media-hover-zoom-subtle { transform: scale(1.04); } html.home-scroll-active .media-hover-zoom, html.home-scroll-active .media-hover-zoom-slow, html.home-scroll-active .media-hover-zoom-subtle { transition: none; } html.home-scroll-active .group:hover .media-hover-zoom, html.home-scroll-active .group:hover .media-hover-zoom-slow, html.home-scroll-active .group:hover .media-hover-zoom-subtle { transform: none; } html.home-scroll-active .home-media-card-contain .media-preview-video { display: none; } html.home-scroll-active .home-media-card-contain .media-preview-poster { opacity: 1 !important; } } .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } ::selection { background: var(--color-pink-accent); color: white; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fade-in { animation: fadeIn 0.15s ease-out; will-change: opacity; } @media (max-width: 767px) { .animate-fade-in { animation: none; will-change: auto; } } @media (prefers-reduced-motion: reduce) { .animate-fade-in { animation: none; will-change: auto; } } @keyframes slideUpDesktop { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .animate-slide-up-desktop { animation: slideUpDesktop 0.35s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform, opacity; } @media (max-width: 767px) { .animate-slide-up-desktop { animation: none; will-change: auto; } } @media (prefers-reduced-motion: reduce) { .animate-slide-up-desktop { animation: none; will-change: auto; } } @keyframes rowHighlight { 0% { background-color: rgba(16, 185, 129, 0.15); } 100% { background-color: transparent; } } .animate-row-highlight { animation: rowHighlight 3s ease-out forwards; } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .shimmer { background: linear-gradient( 90deg, var(--color-bg-surface) 25%, #333 37%, var(--color-bg-surface) 63% ); background-size: 200% 100%; animation: shimmer 1.5s ease-in-out infinite; } @keyframes skeletonSheen { 0% { transform: translateX(-120%); } 42%, 100% { transform: translateX(120%); } } .skeleton-surface { position: relative; overflow: hidden; background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)), var(--color-bg-surface); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), inset 0 -1px 0 rgba(0, 0, 0, 0.22); } .skeleton-surface::after { content: ''; position: absolute; inset: 0; transform: translateX(-120%); background: linear-gradient( 105deg, transparent 28%, rgba(255, 255, 255, 0.07) 45%, rgba(255, 45, 96, 0.045) 52%, transparent 68% ); animation: skeletonSheen 2.4s cubic-bezier(0.22, 1, 0.36, 1) infinite; pointer-events: none; } .skeleton-surface-subtle::after { animation: none; opacity: 0; } @media (prefers-reduced-motion: reduce) { .skeleton-surface::after { animation: none; opacity: 0; } } @keyframes sceneVideoSparkle { 0%, 100% { text-shadow: 0 0 3px rgba(255, 45, 96, 0.22); } 44% { text-shadow: 0 0 5px rgba(255, 45, 96, 0.62), 0 0 14px rgba(255, 45, 96, 0.18); } 58% { text-shadow: 0 0 7px rgba(255, 45, 96, 0.78), 0 0 18px rgba(255, 45, 96, 0.22); } } .scene-video-sparkle-text { color: var(--color-pink-accent); animation: sceneVideoSparkle 2.6s ease-in-out infinite; } @media (prefers-reduced-motion: reduce) { .scene-video-sparkle-text { animation: none; } } @keyframes sceneIndicatorIn { from { opacity: 0; transform: translateY(12px) scale(0.9); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes sceneIndicatorOut { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(12px) scale(0.9); } } .animate-scene-in { animation: sceneIndicatorIn 0.3s ease-out forwards; } .animate-scene-out { animation: sceneIndicatorOut 0.25s ease-in forwards; } @keyframes sceneImageReveal { from { opacity: 0; filter: blur(4px); } to { opacity: 1; filter: blur(0); } } .animate-scene-reveal { animation: sceneImageReveal 0.5s ease-out forwards; } @keyframes sceneCinematicIn { 0% { opacity: 0; transform: scale(1.04); filter: blur(6px) brightness(1.1); } 60% { opacity: 1; filter: blur(1px) brightness(1.03); } 100% { opacity: 1; transform: scale(1); filter: blur(0) brightness(1); } } .animate-scene-cinematic { animation: sceneCinematicIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards; } @keyframes sceneDissolve { 0% { opacity: 0.6; filter: blur(10px) brightness(0.35); } 50% { opacity: 1; filter: blur(3px) brightness(0.75); } 100% { opacity: 1; filter: blur(0) brightness(1); } } .animate-scene-dissolve { animation: sceneDissolve 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; } @keyframes sceneCrossfade { 0% { opacity: 0; } 100% { opacity: 1; } } .animate-scene-crossfade { animation: sceneCrossfade 0.6s ease-out forwards; } .immersive-card-height { height: var(--list-h, 100%); } @media (min-width: 768px) { .immersive-card-height { height: calc(100dvh - 260px); } } @keyframes sceneCardEnter { 0% { opacity: 0; transform: translateY(24px) scale(0.985); filter: blur(6px); } 60% { opacity: 1; filter: blur(0); } 100% { opacity: 1; transform: translateY(0) scale(1); } } .animate-scene-card-enter { animation: sceneCardEnter 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; will-change: transform, opacity, filter; } @keyframes sceneDividerIn { from { opacity: 0; transform: scaleX(0.4); } to { opacity: 1; transform: scaleX(1); } } .animate-scene-divider { animation: sceneDividerIn 0.55s ease-out both; transform-origin: center; } @keyframes userLineIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } } .animate-user-line { animation: userLineIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) both; } @media (max-width: 767px) { .character-detail-bottom-sheet { position: fixed; inset: 0; z-index: 60; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0) 18%), rgba(9, 9, 11, 0.92); backdrop-filter: blur(18px) saturate(1.08); -webkit-backdrop-filter: blur(18px) saturate(1.08); box-shadow: none; -webkit-overflow-scrolling: touch; backface-visibility: hidden; contain: layout; transform-origin: bottom center; } .character-detail-back-ghost { position: fixed; inset: 0; z-index: 2147483647; overflow: hidden; pointer-events: none; background: #09090b; contain: strict; } .character-detail-back-ghost__sheet { position: absolute !important; inset: 0 !important; z-index: 1 !important; width: 100% !important; height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; pointer-events: none !important; background: #09090b !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; contain: layout paint style !important; } } @media (max-width: 767px) and (prefers-reduced-motion: no-preference) { .character-detail-bottom-sheet { animation: characterDetailBottomSheetEnter 320ms cubic-bezier(0.16, 1, 0.3, 1) both; will-change: transform, opacity; } html[data-character-detail-overlay='active'] .character-detail-bottom-sheet { animation: characterDetailOverlayEnter 140ms cubic-bezier(0.18, 0.82, 0.18, 1) both; } .character-detail-back-ghost__sheet { animation: characterDetailGhostPop 150ms cubic-bezier(0.24, 0.78, 0.2, 1) both !important; will-change: transform, opacity; } html:active-view-transition-type(character-detail-back)::view-transition-group(root) { z-index: 2147483647; animation-duration: 120ms; animation-timing-function: cubic-bezier(0.26, 0.86, 0.18, 1); isolation: isolate; } html:active-view-transition-type(character-detail-back)::view-transition { background: #09090b; pointer-events: none; } html:active-view-transition-type(character-detail-back)::view-transition-image-pair(root) { isolation: isolate; will-change: transform, opacity; } html:active-view-transition-type(character-detail-back)::view-transition-old(root) { z-index: 2147483647; mix-blend-mode: normal; animation: characterDetailRoutePopOld 120ms cubic-bezier(0.26, 0.86, 0.18, 1) both; transform-origin: bottom center; backface-visibility: hidden; will-change: transform, opacity; } html:active-view-transition-type(character-detail-back)::view-transition-new(root) { z-index: 1; mix-blend-mode: normal; animation: none; backface-visibility: hidden; will-change: transform, opacity; } html[data-character-detail-back-transition='active'] .character-detail-prunable { visibility: hidden; } html[data-character-detail-back-transition='active'] .character-detail-bottom-sheet { background: #09090b; backdrop-filter: none; -webkit-backdrop-filter: none; } html[data-character-detail-back-transition='active'] .character-detail-ambient { display: none; } html[data-character-detail-back-ghost='active'] .character-detail-bottom-sheet:not(.character-detail-back-ghost__sheet) { visibility: hidden; } html[data-character-detail-overlay-closing='active'] .character-detail-bottom-sheet { pointer-events: none; background: #09090b; backdrop-filter: none; -webkit-backdrop-filter: none; animation: characterDetailStackPopOld 120ms cubic-bezier(0.26, 0.86, 0.18, 1) both; will-change: transform, opacity; } } @keyframes characterDetailBottomSheetEnter { from { opacity: 0; transform: translate3d(0, 16dvh, 0) scale(0.992); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes characterDetailOverlayEnter { from { opacity: 1; transform: translate3d(0, 5dvh, 0) scale(0.998); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } } @keyframes characterDetailGhostPop { 0% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } 68% { opacity: 1; transform: translate3d(0, 12dvh, 0) scale(0.998); } 100% { opacity: 0; transform: translate3d(0, 22dvh, 0) scale(0.997); } } @keyframes characterDetailStackPopOld { 0% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } 52% { opacity: 0.96; transform: translate3d(0, 6dvh, 0) scale(0.998); } 100% { opacity: 0; transform: translate3d(0, 15dvh, 0) scale(0.996); } } @keyframes characterDetailRoutePopOld { 0% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } 72% { opacity: 1; transform: translate3d(0, 12dvh, 0) scale(0.998); } 100% { opacity: 1; transform: translate3d(0, 20dvh, 0) scale(0.997); } } @keyframes characterDetailStackRevealNew { from { opacity: 0.98; transform: scale(0.996); } to { opacity: 1; transform: scale(1); } } @keyframes proseParagraphIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } .animate-prose-in { animation: proseParagraphIn 0.4s ease-out both; } .immersive-collapsible { transition: max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease; } @media (prefers-reduced-motion: reduce) { .animate-scene-card-enter, .animate-scene-divider, .animate-user-line, .animate-prose-in { animation: none !important; } .immersive-collapsible { transition: none !important; } } @media (max-width: 767px) { .animate-scene-card-enter { animation: none; will-change: auto; } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @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-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @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: 0px; } @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-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @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; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: 0.5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @keyframes slideIn { from { opacity: 0; transform: translateY(-8px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } @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-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --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-outline-style: solid; --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-duration: initial; --tw-ease: initial; } } }