@pylerai/design-system 1.2.4 → 2.1.0

package/dist/lib/icons.js

@@ -0,0 +1,225 @@
+"use client";
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import { cn as t } from "./utils.js";
+function h() {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ e("rect", { x: "2", y: "2", width: "16", height: "16", rx: "2", fill: "#2C80F5" }),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        transform: "translate(4, 4)",
+        d: "M4.91833 7.29697L3.41047 5.81143C3.28564 5.68675 3.15128 5.62291 3.00737 5.6199C2.86362 5.61705 2.72639 5.68089 2.59571 5.81143C2.46517 5.94211 2.3999 6.08166 2.3999 6.23007C2.3999 6.37849 2.46517 6.51803 2.59571 6.64872L4.41563 8.46865C4.56359 8.61646 4.73116 8.69036 4.91833 8.69036C5.10549 8.69036 5.27306 8.61646 5.42102 8.46865L9.55658 4.33309C9.68125 4.20826 9.74509 4.07014 9.7481 3.91872C9.75095 3.76745 9.68711 3.62648 9.55658 3.49579C9.42589 3.36526 9.29009 3.29999 9.14919 3.29999C9.00829 3.29999 8.8725 3.36526 8.74181 3.49579L4.91833 7.29697Z",
+        fill: "white"
+      }
+    )
+  ] });
+}
+function l() {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ e("rect", { x: "2", y: "2", width: "16", height: "16", rx: "2", fill: "white", stroke: "#E2E2E2", strokeWidth: "1" }),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        transform: "translate(4, 4)",
+        d: "M4.91833 7.29697L3.41047 5.81143C3.28564 5.68675 3.15128 5.62291 3.00737 5.6199C2.86362 5.61705 2.72639 5.68089 2.59571 5.81143C2.46517 5.94211 2.3999 6.08166 2.3999 6.23007C2.3999 6.37849 2.46517 6.51803 2.59571 6.64872L4.41563 8.46865C4.56359 8.61646 4.73116 8.69036 4.91833 8.69036C5.10549 8.69036 5.27306 8.61646 5.42102 8.46865L9.55658 4.33309C9.68125 4.20826 9.74509 4.07014 9.7481 3.91872C9.75095 3.76745 9.68711 3.62648 9.55658 3.49579C9.42589 3.36526 9.29009 3.29999 9.14919 3.29999C9.00829 3.29999 8.8725 3.36526 8.74181 3.49579L4.91833 7.29697Z",
+        fill: "#D9D9D9"
+      }
+    )
+  ] });
+}
+function o() {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ e("rect", { x: "2", y: "2", width: "16", height: "16", rx: "2", fill: "#2C80F5" }),
+    /* @__PURE__ */ e("rect", { x: "6", y: "9.2", width: "8", height: "1.6", rx: "12", fill: "white" })
+  ] });
+}
+function d() {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ e("rect", { x: "2", y: "2", width: "16", height: "16", rx: "2", fill: "#D2E5FD" }),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        transform: "translate(4, 4)",
+        d: "M4.91833 7.29697L3.41047 5.81143C3.28564 5.68675 3.15128 5.62291 3.00737 5.6199C2.86362 5.61705 2.72639 5.68089 2.59571 5.81143C2.46517 5.94211 2.3999 6.08166 2.3999 6.23007C2.3999 6.37849 2.46517 6.51803 2.59571 6.64872L4.41563 8.46865C4.56359 8.61646 4.73116 8.69036 4.91833 8.69036C5.10549 8.69036 5.27306 8.61646 5.42102 8.46865L9.55658 4.33309C9.68125 4.20826 9.74509 4.07014 9.7481 3.91872C9.75095 3.76745 9.68711 3.62648 9.55658 3.49579C9.42589 3.36526 9.29009 3.29999 9.14919 3.29999C9.00829 3.29999 8.8725 3.36526 8.74181 3.49579L4.91833 7.29697Z",
+        fill: "white"
+      }
+    )
+  ] });
+}
+function w() {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ e("rect", { x: "2", y: "2", width: "16", height: "16", rx: "2", fill: "#D2E5FD" }),
+    /* @__PURE__ */ e("rect", { x: "6", y: "9.2", width: "8", height: "1.6", rx: "12", fill: "white" })
+  ] });
+}
+function s() {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ e("rect", { x: "2", y: "2", width: "16", height: "16", rx: "2", fill: "#F5F5F5", stroke: "#E2E2E2", strokeWidth: "1" }),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        transform: "translate(4, 4)",
+        d: "M4.91833 7.29697L3.41047 5.81143C3.28564 5.68675 3.15128 5.62291 3.00737 5.6199C2.86362 5.61705 2.72639 5.68089 2.59571 5.81143C2.46517 5.94211 2.3999 6.08166 2.3999 6.23007C2.3999 6.37849 2.46517 6.51803 2.59571 6.64872L4.41563 8.46865C4.56359 8.61646 4.73116 8.69036 4.91833 8.69036C5.10549 8.69036 5.27306 8.61646 5.42102 8.46865L9.55658 4.33309C9.68125 4.20826 9.74509 4.07014 9.7481 3.91872C9.75095 3.76745 9.68711 3.62648 9.55658 3.49579C9.42589 3.36526 9.29009 3.29999 9.14919 3.29999C9.00829 3.29999 8.8725 3.36526 8.74181 3.49579L4.91833 7.29697Z",
+        fill: "#CCCCCC"
+      }
+    )
+  ] });
+}
+function c() {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "8", fill: "#2C80F5" }),
+    /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "3", fill: "white" })
+  ] });
+}
+function a() {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "7.5", fill: "white", stroke: "#E2E2E2" }),
+    /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "3", fill: "white" })
+  ] });
+}
+function g() {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "8", fill: "#D2E5FD" }),
+    /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "3", fill: "white" })
+  ] });
+}
+function u() {
+  return /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "7.5", fill: "#F5F5F5", stroke: "#E2E2E2" }) });
+}
+function f({ className: i }) {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: [
+    /* @__PURE__ */ e("mask", { id: "mask0_dropdown", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ e("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }),
+    /* @__PURE__ */ e("g", { mask: "url(#mask0_dropdown)", children: /* @__PURE__ */ e("path", { d: "M9.46959 12.2679L5.66909 8.3755C5.61684 8.3218 5.5756 8.2618 5.54536 8.19547C5.51512 8.12936 5.5 8.06282 5.5 7.99586C5.5 7.86216 5.54546 7.74604 5.63638 7.64749C5.7273 7.54916 5.84713 7.5 5.99585 7.5H14.0041C14.1529 7.5 14.2727 7.55138 14.3636 7.65413C14.4545 7.75667 14.5 7.87637 14.5 8.01323C14.5 8.03071 14.4435 8.15115 14.3306 8.37455L10.5304 12.2679C10.4617 12.3384 10.3796 12.3947 10.2842 12.4368C10.1887 12.4789 10.094 12.5 10 12.5C9.90599 12.5 9.81127 12.4789 9.71582 12.4368C9.62037 12.3947 9.53829 12.3384 9.46959 12.2679Z", fill: "currentColor" }) })
+  ] });
+}
+function L({ className: i }) {
+  return /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: /* @__PURE__ */ e("path", { d: "M8.19737 12.1616L5.68428 9.68573C5.47623 9.47793 5.25229 9.37153 5.01245 9.36652C4.77285 9.36177 4.54415 9.46817 4.32634 9.68573C4.10878 9.90354 4 10.1361 4 10.3835C4 10.6308 4.10878 10.8634 4.32634 11.0812L7.35955 14.1144C7.60615 14.3608 7.88543 14.484 8.19737 14.484C8.50932 14.484 8.78859 14.3608 9.03519 14.1144L15.9278 7.22183C16.1356 7.01379 16.242 6.78358 16.247 6.53122C16.2518 6.27911 16.1454 6.04415 15.9278 5.82634C15.71 5.60878 15.4837 5.5 15.2488 5.5C15.014 5.5 14.7877 5.60878 14.5698 5.82634L8.19737 12.1616Z", fill: "currentColor" }) });
+}
+function v({ className: i }) {
+  return /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: /* @__PURE__ */ e("path", { d: "M12.2309 7.76912C12.4584 7.99675 12.6611 8.30071 12.839 8.68099C13.0169 9.06141 13.125 9.4471 13.1634 9.83807C13.1634 9.99835 13.1092 10.134 13.0009 10.2452C12.8924 10.3563 12.758 10.4118 12.5977 10.4118C12.4375 10.4118 12.2983 10.3563 12.1802 10.2452C12.0622 10.134 12.0031 9.99835 12.0031 9.83807C12.015 9.55502 11.9744 9.29807 11.8815 9.06724C11.7886 8.83655 11.6588 8.63439 11.4921 8.46078C11.3254 8.28717 11.1275 8.16002 10.8984 8.07932C10.6692 7.99863 10.4184 7.96682 10.1459 7.98391C9.98558 7.98932 9.84724 7.93912 9.73085 7.83328C9.61433 7.72759 9.55342 7.5946 9.54815 7.43432C9.54273 7.27405 9.59426 7.13564 9.70273 7.01912C9.8112 6.90273 9.94558 6.84189 10.1059 6.83662C10.5075 6.86439 10.8977 6.96238 11.2765 7.13057C11.6552 7.29891 11.9734 7.51175 12.2309 7.76912ZM10 5.49995C9.73627 5.49995 9.47731 5.51127 9.22315 5.53391C8.96898 5.55641 8.7162 5.59245 8.46481 5.64203C8.3162 5.66592 8.17085 5.6378 8.02877 5.55766C7.88669 5.47752 7.79592 5.36613 7.75648 5.22349C7.7169 5.07557 7.73454 4.93939 7.8094 4.81495C7.88412 4.6905 7.99731 4.6153 8.14898 4.58932C8.45995 4.52655 8.76822 4.4821 9.07377 4.45599C9.37947 4.42974 9.68822 4.41662 10 4.41662C11.7489 4.41662 13.3659 4.85759 14.8511 5.73953C16.3361 6.62148 17.4688 7.84321 18.2494 9.40474C18.3031 9.50877 18.3391 9.60766 18.3573 9.70141C18.3755 9.79516 18.3846 9.89467 18.3846 9.99995C18.3846 10.1052 18.3742 10.2047 18.3534 10.2985C18.3325 10.3922 18.3013 10.492 18.2596 10.5977C18.0078 11.1015 17.7018 11.5713 17.3415 12.0068C16.9813 12.4424 16.5886 12.8536 16.1634 13.2404C16.0481 13.3419 15.9178 13.3897 15.7725 13.3837C15.6271 13.3779 15.501 13.3145 15.3942 13.1937C15.2874 13.0727 15.2431 12.9434 15.2613 12.8058C15.2795 12.6681 15.3462 12.5416 15.4615 12.4262C15.8654 12.0854 16.2247 11.7128 16.5396 11.3085C16.8545 10.904 17.126 10.4679 17.3542 9.99995C16.6736 8.59717 15.6702 7.49648 14.3438 6.69787C13.0174 5.89925 11.5695 5.49995 10 5.49995ZM10 15.5833C8.28738 15.5833 6.70724 15.1354 5.2596 14.2395C3.81197 13.3437 2.66349 12.1493 1.81419 10.6562C1.74585 10.5531 1.70259 10.4464 1.6844 10.336C1.6662 10.2256 1.6571 10.1134 1.6571 9.99932C1.6571 9.88544 1.66752 9.7721 1.68835 9.65932C1.70919 9.54669 1.75433 9.44016 1.82377 9.33974C2.1753 8.70405 2.57669 8.1128 3.02794 7.56599C3.47933 7.01932 3.9978 6.52884 4.58335 6.09453L2.86856 4.38766C2.75329 4.27766 2.69294 4.15481 2.68752 4.01912C2.68224 3.88342 2.73995 3.75523 2.86065 3.63453C2.98134 3.51384 3.11037 3.45349 3.24773 3.45349C3.38495 3.45349 3.51391 3.51384 3.6346 3.63453L16.3654 16.3654C16.4809 16.4808 16.5386 16.6063 16.5386 16.7418C16.5386 16.8775 16.4809 17.0031 16.3654 17.1185C16.2447 17.2392 16.1157 17.2995 15.9784 17.2995C15.8411 17.2995 15.7122 17.2392 15.5915 17.1185L13.3879 14.9197C12.8492 15.1515 12.2961 15.3201 11.7288 15.4254C11.1615 15.5306 10.5853 15.5833 10 15.5833ZM5.35752 6.88932C4.78585 7.29432 4.26363 7.7521 3.79085 8.26266C3.31808 8.77335 2.93641 9.35245 2.64585 9.99995C3.32641 11.4027 4.32988 12.5034 5.65627 13.302C6.98266 14.1006 8.43058 14.4999 10 14.4999C10.4442 14.4999 10.8806 14.469 11.3092 14.407C11.7377 14.3451 12.1576 14.2431 12.569 14.101L11.3269 12.8749C11.1165 12.9765 10.8993 13.0472 10.6754 13.0872C10.4517 13.1274 10.2265 13.1474 10 13.1474C9.12391 13.1474 8.3803 12.8419 7.76919 12.2308C7.15808 11.6197 6.85252 10.8761 6.85252 9.99995C6.85252 9.77342 6.88085 9.54828 6.93752 9.32453C6.99419 9.10064 7.05669 8.88349 7.12502 8.67307L5.35752 6.88932Z", fill: "currentColor" }) });
+}
+function x({ className: i }) {
+  return /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 15C6.68629 15 3.97667 12.9067 2 10C3.97667 7.09333 6.68629 5 10 5C13.3137 5 16.0233 7.09333 18 10C16.0233 12.9067 13.3137 15 10 15ZM10 12.5C11.3807 12.5 12.5 11.3807 12.5 10C12.5 8.61929 11.3807 7.5 10 7.5C8.61929 7.5 7.5 8.61929 7.5 10C7.5 11.3807 8.61929 12.5 10 12.5ZM10 11.25C9.30964 11.25 8.75 10.6904 8.75 10C8.75 9.30964 9.30964 8.75 10 8.75C10.6904 8.75 11.25 9.30964 11.25 10C11.25 10.6904 10.6904 11.25 10 11.25Z", fill: "currentColor" }) });
+}
+function p({ className: i }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: i,
+      children: /* @__PURE__ */ e("path", { d: "M8.01667 12.6794C6.7182 12.6794 5.61354 12.2241 4.70271 11.3134C3.79202 10.4026 3.33667 9.29811 3.33667 8.00005C3.33667 6.702 3.79202 5.59755 4.70271 4.68672C5.61354 3.77603 6.71799 3.32068 8.01604 3.32068C9.3141 3.32068 10.4185 3.77603 11.3294 4.68672C12.2401 5.59755 12.6954 6.70221 12.6954 8.00068C12.6954 8.54554 12.606 9.06651 12.4271 9.56359C12.2481 10.0608 12.0058 10.5097 11.7002 10.9103L16.2869 15.4969C16.4023 15.6122 16.4613 15.7364 16.464 15.8694C16.4666 16.0025 16.4076 16.1294 16.2869 16.2501C16.1662 16.3707 16.0372 16.4311 15.8998 16.4311C15.7626 16.4311 15.6336 16.3707 15.5129 16.2501L10.9263 11.6842C10.5096 12.0005 10.0527 12.2454 9.55563 12.419C9.05855 12.5926 8.54556 12.6794 8.01667 12.6794ZM8.01604 11.5963C9.02035 11.5963 9.87077 11.248 10.5673 10.5513C11.264 9.85478 11.6123 9.00436 11.6123 8.00005C11.6123 6.99575 11.264 6.14533 10.5673 5.4488C9.87077 4.75214 9.02035 4.4038 8.01604 4.4038C7.01174 4.4038 6.16132 4.75214 5.46479 5.4488C4.76813 6.14533 4.41979 6.99575 4.41979 8.00005C4.41979 9.00436 4.76813 9.85478 5.46479 10.5513C6.16132 11.248 7.01174 11.5963 8.01604 11.5963Z", fill: "currentColor" })
+    }
+  );
+}
+function m({ className: i }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: i,
+      children: /* @__PURE__ */ e("path", { d: "M10.0001 10.7739L6.43922 14.335C6.3238 14.4503 6.19957 14.5058 6.06651 14.5017C5.9336 14.4974 5.80672 14.4349 5.68589 14.3142C5.56519 14.1933 5.50485 14.0643 5.50485 13.9271C5.50485 13.7899 5.56519 13.6608 5.68589 13.54L9.2261 9.99999L5.66505 6.43916C5.54978 6.32374 5.49422 6.19603 5.49839 6.05603C5.50269 5.91617 5.56519 5.78582 5.68589 5.66499C5.80672 5.5443 5.93575 5.48395 6.07297 5.48395C6.21019 5.48395 6.33922 5.5443 6.46005 5.66499L10.0001 9.22603L13.5609 5.66499C13.6763 5.54971 13.804 5.49068 13.944 5.48791C14.0839 5.48527 14.2142 5.5443 14.3351 5.66499C14.4557 5.78582 14.5161 5.91485 14.5161 6.05207C14.5161 6.1893 14.4557 6.31832 14.3351 6.43916L10.774 9.99999L14.3351 13.5608C14.4503 13.6762 14.5094 13.8005 14.5121 13.9335C14.5148 14.0664 14.4557 14.1933 14.3351 14.3142C14.2142 14.4349 14.0852 14.4952 13.948 14.4952C13.8107 14.4952 13.6817 14.4349 13.5609 14.3142L10.0001 10.7739Z", fill: "currentColor" })
+    }
+  );
+}
+function k({ className: i }) {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: [
+    /* @__PURE__ */ e("mask", { id: "mask-x-icon", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ e("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }),
+    /* @__PURE__ */ e("g", { mask: "url(#mask-x-icon)", children: /* @__PURE__ */ e("path", { d: "M9.99993 10.774L6.4391 14.3351C6.32368 14.4503 6.19945 14.5059 6.06639 14.5017C5.93347 14.4974 5.8066 14.4349 5.68576 14.3142C5.56507 14.1934 5.50472 14.0644 5.50472 13.9271C5.50472 13.7899 5.56507 13.6609 5.68576 13.5401L9.22597 10.0001L5.66493 6.43922C5.54965 6.3238 5.4941 6.19609 5.49826 6.05609C5.50257 5.91623 5.56507 5.78588 5.68576 5.66505C5.8066 5.54436 5.93563 5.48401 6.07285 5.48401C6.21007 5.48401 6.3391 5.54436 6.45993 5.66505L9.99993 9.22609L13.5608 5.66505C13.6762 5.54977 13.8039 5.49074 13.9439 5.48797C14.0838 5.48533 14.2141 5.54436 14.3349 5.66505C14.4556 5.78588 14.516 5.91491 14.516 6.05213C14.516 6.18936 14.4556 6.31838 14.3349 6.43922L10.7739 10.0001L14.3349 13.5609C14.4502 13.6763 14.5092 13.8005 14.512 13.9336C14.5147 14.0665 14.4556 14.1934 14.3349 14.3142C14.2141 14.4349 14.0851 14.4953 13.9478 14.4953C13.8106 14.4953 13.6816 14.4349 13.5608 14.3142L9.99993 10.774Z", fill: "currentColor" }) })
+  ] });
+}
+function D({ className: i }) {
+  return /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: /* @__PURE__ */ e("path", { d: "M9.45836 13.5016V4.95788C9.45836 4.80426 9.50982 4.67565 9.61274 4.57204C9.71552 4.46843 9.84316 4.41663 9.99566 4.41663C10.1482 4.41663 10.2773 4.46843 10.3829 4.57204C10.4888 4.67565 10.5417 4.80426 10.5417 4.95788V13.5016L14.4371 9.60621C14.5442 9.49913 14.6704 9.44288 14.8157 9.43746C14.9609 9.43218 15.0946 9.48718 15.2167 9.60246C15.3307 9.71788 15.3864 9.8469 15.3838 9.98954C15.3811 10.1322 15.3234 10.2598 15.2104 10.3725L10.4667 15.1102C10.3968 15.1799 10.3234 15.2307 10.2465 15.2627C10.1695 15.2948 10.0863 15.3108 9.9967 15.3108C9.90725 15.3108 9.82399 15.2948 9.74691 15.2627C9.66996 15.2307 9.59941 15.1827 9.53524 15.1185L4.79336 10.3766C4.67795 10.2612 4.62239 10.1322 4.6267 9.98954C4.631 9.8469 4.69017 9.71788 4.8042 9.60246C4.92628 9.48718 5.05843 9.42954 5.20066 9.42954C5.34288 9.42954 5.46941 9.48718 5.58024 9.60246L9.45836 13.5016Z", fill: "currentColor" }) });
+}
+function M({ className: i }) {
+  return /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: [
+    /* @__PURE__ */ e("path", { d: "M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5Z", fill: "white", stroke: "#EBEBEB" }),
+    /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.71836 5.6403C7.23142 5.78519 6.97059 6.13366 6.97059 6.526H5.5C5.5 5.20933 6.41293 4.38322 7.3273 4.11114C8.23042 3.84241 9.39336 4.02969 10.0791 5.01923C10.3614 5.41611 10.5105 5.90441 10.4994 6.40523C10.4884 6.90851 10.3164 7.39093 10.0143 7.77398L9.9986 7.79384L9.98178 7.81256C9.69889 8.1269 9.31866 8.32613 9.08866 8.44663C9.04919 8.46731 9.01413 8.48571 8.98472 8.50196C8.74401 8.63495 8.67171 8.70951 8.63571 8.78184L8.63554 8.78419V9.23342H7.16495V8.77778C7.16583 8.5623 7.20689 8.34961 7.28536 8.1519L7.28977 8.14073L7.29453 8.12969C7.54959 7.53801 8.01007 7.25819 8.31424 7.09011C8.3903 7.04804 8.45648 7.01232 8.5146 6.98097C8.71942 6.87031 8.82383 6.81391 8.90924 6.72622C8.98513 6.62156 9.02642 6.49588 9.02924 6.36751C9.0323 6.23087 8.9916 6.0954 8.91124 5.98324L8.90695 5.97729L8.90283 5.97126C8.67783 5.64464 8.21477 5.4926 7.71836 5.6403Z", fill: "#969696" }),
+    /* @__PURE__ */ e("path", { d: "M8 12C8.4873 12 8.88236 11.5739 8.88236 11.0482C8.88236 10.5225 8.4873 10.0965 8 10.0965C7.51271 10.0965 7.11765 10.5225 7.11765 11.0482C7.11765 11.5739 7.51271 12 8 12Z", fill: "#969696" })
+  ] });
+}
+function y({ className: i }) {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: t("shrink-0", i), children: [
+    /* @__PURE__ */ e("path", { d: "M10 18.3333C14.6024 18.3333 18.3334 14.6023 18.3334 9.99999C18.3334 5.39761 14.6024 1.66666 10 1.66666C5.39765 1.66666 1.66669 5.39761 1.66669 9.99999C1.66669 14.6023 5.39765 18.3333 10 18.3333Z", fill: "#7AD7B5" }),
+    /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.5908 8.09692L9.4959 13.7568L5.78632 10.0262L7.26362 8.55717L9.42065 10.7265L13.0424 6.70309L14.5908 8.09692Z", fill: "white" })
+  ] });
+}
+function Z({ className: i }) {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: t("shrink-0", i), children: [
+    /* @__PURE__ */ e("path", { d: "M10 18.3333C14.6024 18.3333 18.3334 14.6023 18.3334 9.99999C18.3334 5.39761 14.6024 1.66666 10 1.66666C5.39765 1.66666 1.66669 5.39761 1.66669 9.99999C1.66669 14.6023 5.39765 18.3333 10 18.3333Z", fill: "#F57C75" }),
+    /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.07 7.40326L7.40332 14.0699L5.93018 12.5968L12.5968 5.93011L14.07 7.40326Z", fill: "white" }),
+    /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.40332 5.93011L14.07 12.5968L12.5968 14.0699L5.93018 7.40326L7.40332 5.93011Z", fill: "white" })
+  ] });
+}
+function B({ className: i }) {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: t("shrink-0", i), children: [
+    /* @__PURE__ */ e("path", { d: "M18.3334 9.99999C18.3334 5.39761 14.6024 1.66666 10 1.66666C5.39765 1.66666 1.66669 5.39761 1.66669 9.99999C1.66669 14.6023 5.39765 18.3333 10 18.3333C14.6024 18.3333 18.3334 14.6023 18.3334 9.99999Z", fill: "#FFC738" }),
+    /* @__PURE__ */ e("path", { d: "M10.585 5.41666H9.41469C9.30136 5.41647 9.18919 5.43686 9.08511 5.47654C8.98103 5.51622 8.88719 5.57436 8.80944 5.64738C8.73169 5.7204 8.6717 5.80676 8.63303 5.90112C8.59436 5.99549 8.57786 6.09587 8.5847 6.19608L8.94986 11.6667H11.0415L11.415 6.19608C11.4219 6.09587 11.4054 5.99549 11.3667 5.90112C11.3281 5.80676 11.268 5.7204 11.1903 5.64738C11.1125 5.57436 11.0187 5.51622 10.9146 5.47654C10.8105 5.43686 10.6984 5.41647 10.585 5.41666Z", fill: "white" }),
+    /* @__PURE__ */ e("path", { d: "M10 15.3004C10.6903 15.3004 11.25 14.7407 11.25 14.0504C11.25 13.3599 10.6903 12.8004 10 12.8004C9.30967 12.8004 8.75 13.3599 8.75 14.0504C8.75 14.7407 9.30967 15.3004 10 15.3004Z", fill: "white" })
+  ] });
+}
+function I({ className: i }) {
+  return /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: t("shrink-0", i), children: /* @__PURE__ */ e("path", { d: "M7.5 4.5L13 10L7.5 15.5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function E({ className: i }) {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: t("size-5 shrink-0", i), children: [
+    /* @__PURE__ */ e("mask", { id: "mask-double-arrow-left", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ e("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }),
+    /* @__PURE__ */ e("g", { mask: "url(#mask-double-arrow-left)", children: /* @__PURE__ */ e("path", { d: "M5.93275 9.99998L9.50171 13.5608C9.61698 13.6762 9.67462 13.8053 9.67462 13.9479C9.67462 14.0905 9.61698 14.2196 9.50171 14.335C9.38087 14.4557 9.25184 14.516 9.11462 14.516C8.9774 14.516 8.84837 14.4557 8.72754 14.335L4.85754 10.4648C4.79337 10.4006 4.74525 10.3287 4.71316 10.2491C4.68108 10.1696 4.66504 10.0865 4.66504 9.99998C4.66504 9.91345 4.68108 9.8304 4.71316 9.75082C4.74525 9.67123 4.79337 9.59936 4.85754 9.53519L8.72754 5.66498C8.84296 5.5497 8.97198 5.49207 9.11462 5.49207C9.25726 5.49207 9.38629 5.5497 9.50171 5.66498C9.6224 5.78582 9.68275 5.91484 9.68275 6.05207C9.68275 6.18929 9.6224 6.31832 9.50171 6.43915L5.93275 9.99998ZM11.6619 9.99998L15.2309 13.5608C15.3462 13.6762 15.4038 13.8053 15.4038 13.9479C15.4038 14.0905 15.3462 14.2196 15.2309 14.335C15.11 14.4557 14.981 14.516 14.8438 14.516C14.7066 14.516 14.5775 14.4557 14.4567 14.335L10.5865 10.4648C10.5225 10.4006 10.4744 10.3287 10.4423 10.2491C10.4102 10.1696 10.3942 10.0865 10.3942 9.99998C10.3942 9.91345 10.4102 9.8304 10.4423 9.75082C10.4744 9.67123 10.5225 9.59936 10.5865 9.53519L14.4567 5.66498C14.5721 5.5497 14.7012 5.49207 14.8438 5.49207C14.9864 5.49207 15.1155 5.5497 15.2309 5.66498C15.3516 5.78582 15.4119 5.91484 15.4119 6.05207C15.4119 6.18929 15.3516 6.31832 15.2309 6.43915L11.6619 9.99998Z", fill: "currentColor" }) })
+  ] });
+}
+function b({ className: i }) {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: t("size-5 shrink-0", i), children: [
+    /* @__PURE__ */ e("mask", { id: "mask-arrow-left", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ e("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }),
+    /* @__PURE__ */ e("g", { mask: "url(#mask-arrow-left)", children: /* @__PURE__ */ e("path", { d: "M8.83642 9.99996L12.3975 13.5608C12.5127 13.6762 12.5718 13.8039 12.5745 13.9439C12.5772 14.0838 12.5182 14.2141 12.3975 14.335C12.2766 14.4557 12.1476 14.516 12.0104 14.516C11.8732 14.516 11.7441 14.4557 11.6233 14.335L7.75308 10.4648C7.68905 10.4006 7.641 10.3287 7.60892 10.2491C7.57683 10.1695 7.56079 10.0865 7.56079 9.99996C7.56079 9.91343 7.57683 9.83038 7.60892 9.75079C7.641 9.67121 7.68905 9.59934 7.75308 9.53517L11.6233 5.66496C11.7387 5.54968 11.8664 5.49066 12.0064 5.48788C12.1463 5.48524 12.2766 5.54427 12.3975 5.66496C12.5182 5.78579 12.5785 5.91482 12.5785 6.05204C12.5785 6.18927 12.5182 6.3183 12.3975 6.43913L8.83642 9.99996Z", fill: "currentColor" }) })
+  ] });
+}
+function R({ className: i }) {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: t("size-5 shrink-0", i), children: [
+    /* @__PURE__ */ e("mask", { id: "mask-arrow-right", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ e("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }),
+    /* @__PURE__ */ e("g", { mask: "url(#mask-arrow-right)", children: /* @__PURE__ */ e("path", { d: "M11.1635 10.0001L7.60246 6.43922C7.48718 6.3238 7.42816 6.19609 7.42538 6.05609C7.42274 5.91623 7.48177 5.78588 7.60246 5.66505C7.72329 5.54436 7.85232 5.48401 7.98954 5.48401C8.12677 5.48401 8.25579 5.54436 8.37663 5.66505L12.2468 9.53526C12.3109 9.59943 12.3589 9.6713 12.391 9.75088C12.4231 9.83047 12.4391 9.91352 12.4391 10.0001C12.4391 10.0866 12.4231 10.1696 12.391 10.2492C12.3589 10.3288 12.3109 10.4007 12.2468 10.4648L8.37663 14.3351C8.26121 14.4503 8.13697 14.5059 8.00392 14.5017C7.871 14.4974 7.74413 14.4349 7.62329 14.3142C7.5026 14.1934 7.44225 14.0644 7.44225 13.9271C7.44225 13.7899 7.5026 13.6609 7.62329 13.5401L11.1635 10.0001Z", fill: "currentColor" }) })
+  ] });
+}
+function U({ className: i }) {
+  return /* @__PURE__ */ C("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: t("size-5 shrink-0", i), children: [
+    /* @__PURE__ */ e("mask", { id: "mask-double-arrow-right", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ e("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }),
+    /* @__PURE__ */ e("g", { mask: "url(#mask-double-arrow-right)", children: /* @__PURE__ */ e("path", { d: "M8.33807 10.0001L4.76911 6.43922C4.65383 6.3238 4.59619 6.19477 4.59619 6.05213C4.59619 5.9095 4.65383 5.78047 4.76911 5.66505C4.88994 5.54436 5.01897 5.48401 5.15619 5.48401C5.29341 5.48401 5.42244 5.54436 5.54327 5.66505L9.41348 9.53526C9.47751 9.59943 9.52557 9.6713 9.55765 9.75088C9.58973 9.83047 9.60577 9.91352 9.60577 10.0001C9.60577 10.0866 9.58973 10.1696 9.55765 10.2492C9.52557 10.3288 9.47751 10.4007 9.41348 10.4648L5.54327 14.3351C5.42786 14.4503 5.3023 14.5045 5.16661 14.4976C5.03091 14.4906 4.90536 14.4295 4.78994 14.3142C4.66925 14.1934 4.6089 14.0644 4.6089 13.9271C4.6089 13.7899 4.66925 13.6609 4.78994 13.5401L8.33807 10.0001ZM14.0672 10.0001L10.4983 6.43922C10.383 6.3238 10.3254 6.19477 10.3254 6.05213C10.3254 5.9095 10.383 5.78047 10.4983 5.66505C10.6191 5.54436 10.7481 5.48401 10.8854 5.48401C11.0226 5.48401 11.1516 5.54436 11.2724 5.66505L15.1424 9.53526C15.2066 9.59943 15.2547 9.6713 15.2868 9.75088C15.3189 9.83047 15.3349 9.91352 15.3349 10.0001C15.3349 10.0866 15.3189 10.1696 15.2868 10.2492C15.2547 10.3288 15.2066 10.4007 15.1424 10.4648L11.2724 14.3351C11.157 14.4503 11.0315 14.5045 10.8958 14.4976C10.7601 14.4906 10.6345 14.4295 10.5191 14.3142C10.3984 14.1934 10.3381 14.0644 10.3381 13.9271C10.3381 13.7899 10.3984 13.6609 10.5191 13.5401L14.0672 10.0001Z", fill: "currentColor" }) })
+  ] });
+}
+export {
+  b as ArrowLeftIcon,
+  R as ArrowRightIcon,
+  B as CautionIcon,
+  d as CheckboxCheckedDisabledIcon,
+  h as CheckboxCheckedIcon,
+  w as CheckboxIndeterminateDisabledIcon,
+  o as CheckboxIndeterminateIcon,
+  s as CheckboxUncheckedDisabledIcon,
+  l as CheckboxUncheckedIcon,
+  I as ChevronRightIcon,
+  m as CloseIcon,
+  E as DoubleArrowLeftIcon,
+  U as DoubleArrowRightIcon,
+  f as DropdownArrowIcon,
+  v as EyeOffIcon,
+  x as EyeOnIcon,
+  M as InfoIcon,
+  Z as NegativeIcon,
+  y as PositiveIcon,
+  g as RadioCheckedDisabledIcon,
+  c as RadioCheckedIcon,
+  u as RadioUncheckedDisabledIcon,
+  a as RadioUncheckedIcon,
+  p as SearchIcon,
+  L as SelectCheckIcon,
+  D as SortArrowIcon,
+  k as XIcon
+};

package/dist/lib/size.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 디자인 시스템 전역 사이즈 스케일.
+ *
+ * 컴포넌트마다 `sm|md|lg|xl`, `large|medium|small`, `medium|small|xsmall` 로
+ * 제각각이던 것을 이 스케일 하나로 통일했다. 각 컴포넌트는 실제로 지원하는
+ * 값만 `Extract<DsSize, ...>` 로 좁혀서 쓴다.
+ */
+export type DsSize = "xs" | "sm" | "md" | "lg" | "xl";

package/dist/lib/use-dialog-a11y.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function useDialogA11y(open: boolean, onClose: () => void): React.RefObject<HTMLDivElement>;

package/dist/lib/use-dialog-a11y.js

@@ -0,0 +1,50 @@
+"use client";
+import * as l from "react";
+const g = [
+  "a[href]",
+  "button",
+  "input",
+  "select",
+  "textarea",
+  "[tabindex]"
+].join(","), r = [];
+let c = null;
+function b(f) {
+  return Array.from(f.querySelectorAll(g)).filter(
+    (n) => !n.hasAttribute("disabled") && n.getAttribute("aria-hidden") !== "true" && n.tabIndex !== -1 && // 화면에 실제로 그려진 요소만 (display:none, .sr-only 등 제외)
+    n.offsetParent !== null
+  );
+}
+function E(f, n) {
+  const i = l.useRef(null), a = l.useRef(n);
+  return a.current = n, l.useEffect(() => {
+    const t = i.current;
+    if (!f || !t) return;
+    const u = document.activeElement;
+    r.push(t), r.length === 1 && (c = document.body.style.overflow, document.body.style.overflow = "hidden"), (b(t)[0] ?? t).focus();
+    const d = (e) => {
+      if (r[r.length - 1] !== t) return;
+      if (e.key === "Escape") {
+        e.preventDefault(), a.current();
+        return;
+      }
+      if (e.key !== "Tab") return;
+      const o = b(t);
+      if (o.length === 0) {
+        e.preventDefault(), t.focus();
+        return;
+      }
+      const y = o[0], h = o[o.length - 1], s = document.activeElement, m = !t.contains(s);
+      e.shiftKey && (s === y || m) ? (e.preventDefault(), h.focus()) : !e.shiftKey && (s === h || m) && (e.preventDefault(), y.focus());
+    };
+    return document.addEventListener("keydown", d), () => {
+      var o;
+      document.removeEventListener("keydown", d);
+      const e = r.indexOf(t);
+      e !== -1 && r.splice(e, 1), r.length === 0 && c !== null && (document.body.style.overflow = c, c = null), (o = u == null ? void 0 : u.focus) == null || o.call(u);
+    };
+  }, [f]), i;
+}
+export {
+  E as useDialogA11y
+};

package/dist/lib/utils.js

@@ -0,0 +1,16 @@
+"use client";
+import { clsx as t } from "clsx";
+import { extendTailwindMerge as n } from "tailwind-merge";
+const o = n({
+  extend: {
+    classGroups: {
+      "font-size": [{ text: [(e) => /^(title|body|label)-/.test(e)] }]
+    }
+  }
+});
+function s(...e) {
+  return o(t(e));
+}
+export {
+  s as cn
+};

package/dist/style.css

@@ -1 +1 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--ds-font-sans),ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;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:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 0 0% 20%;--card: 0 0% 100%;--card-foreground: 0 0% 20%;--popover: 0 0% 100%;--popover-foreground: 0 0% 20%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem;--ds-primitive-black: #121212;--ds-primitive-white: #ffffff;--ds-main-default: #2c80f5;--ds-background-default: #ffffff;--ds-text-strong: #333333;--ds-text-normal: #969696;--ds-text-disabled: #cccccc;--ds-line-strong: #e2e2e2;--ds-line-normal: #ebebeb;--ds-surface-strong: #f5f5f5;--ds-surface-normal: #f7f8f9;--ds-surface-alternative: #ffffff;--ds-primary-blue-normal: #2c80f5;--ds-primary-blue-hovered: #0b64e2;--ds-primary-blue-disabled: #d2e5fd;--ds-primary-blue-muted: #f4f9fe;--ds-primary-red-normal: #ff4242;--ds-primary-red-hovered: #e60d0d;--ds-primary-red-disabled: #ffdcdc;--ds-primary-red-muted: #fff7f7;--ds-primary-green-normal: #0bc753;--ds-primary-green-hovered: #00a13e;--ds-primary-green-disabled: #b4ecd1;--ds-primary-green-muted: #f4fbf7;--ds-category-sexual: #ff6355;--ds-category-violence: #c06528;--ds-category-hate: #6554c0;--ds-category-politics: #0b945a;--ds-category-controversy: #0098b2;--ds-category-talk: #2b70e4;--ds-category-overseas: #e63fe1;--ds-category-religion: #ffc400;--ds-category-custom: #58cf04;--ds-category-sensitive: #cc3d00;--ds-category-issue: #00b8d9;--ds-icon-strong: #333333;--ds-icon-normal: #969696;--ds-icon-disabled: #cccccc;--ds-dim-default: rgba(51, 51, 51, .3);--ds-shadow-default: 0px 5px 16px 0px rgba(0, 0, 0, .05);--ds-shadow-modal: 0px 10px 25px 0px rgba(0, 0, 0, .05);--ds-radius-xs: 2px;--ds-radius-ss: 4px;--ds-radius-md: 8px;--ds-radius-lg: 12px;--ds-font-sans: "Pretendard JP", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--ds-type-title-1-sb-font-size: 24px;--ds-type-title-1-sb-line-height: 1.28;--ds-type-title-1-sb-font-weight: 600;--ds-type-title-1-m-font-size: 24px;--ds-type-title-1-m-line-height: 1.28;--ds-type-title-1-m-font-weight: 500;--ds-type-title-2-sb-font-size: 20px;--ds-type-title-2-sb-line-height: 1.34;--ds-type-title-2-sb-font-weight: 600;--ds-type-body-1-m-font-size: 16px;--ds-type-body-1-m-line-height: 1.4;--ds-type-body-1-m-font-weight: 500;--ds-type-body-1-r-font-size: 16px;--ds-type-body-1-r-line-height: 1.4;--ds-type-body-1-r-font-weight: 400;--ds-type-body-2-sb-font-size: 14px;--ds-type-body-2-sb-line-height: 1.4;--ds-type-body-2-sb-font-weight: 600;--ds-type-body-2-m-font-size: 14px;--ds-type-body-2-m-line-height: 1.4;--ds-type-body-2-m-font-weight: 500;--ds-type-body-2-r-font-size: 14px;--ds-type-body-2-r-line-height: 1.4;--ds-type-body-2-r-font-weight: 400;--ds-type-body-3-m-font-size: 13px;--ds-type-body-3-m-line-height: 1.5;--ds-type-body-3-m-font-weight: 500;--ds-type-body-3-r-font-size: 13px;--ds-type-body-3-r-line-height: 1.5;--ds-type-body-3-r-font-weight: 400;--ds-type-body-4-m-font-size: 12px;--ds-type-body-4-m-line-height: 1.5;--ds-type-body-4-m-font-weight: 500;--ds-type-body-4-r-font-size: 12px;--ds-type-body-4-r-line-height: 1.5;--ds-type-body-4-r-font-weight: 400;--ds-type-label-1-r-font-size: 11px;--ds-type-label-1-r-line-height: 1.34;--ds-type-label-1-r-font-weight: 400}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));font-family:var(--ds-font-sans),ui-sans-serif,system-ui,sans-serif;color:hsl(var(--foreground))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.left-\[11px\]{left:11px}.left-\[17px\]{left:17px}.left-\[3px\]{left:3px}.right-\[-8px\]{right:-8px}.right-\[34px\]{right:34px}.top-1\/2{top:50%}.top-\[20px\]{top:20px}.top-\[56px\]{top:56px}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.size-1\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-\[100px\]{width:100px;height:100px}.size-\[34px\]{width:34px;height:34px}.size-\[38px\]{width:38px;height:38px}.size-\[42px\]{width:42px;height:42px}.size-\[50px\]{width:50px;height:50px}.size-\[94px\]{width:94px;height:94px}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[140px\]{height:140px}.h-\[160px\]{height:160px}.h-\[18px\]{height:18px}.h-\[200px\]{height:200px}.h-\[26px\]{height:26px}.h-\[370px\]{height:370px}.h-\[38px\]{height:38px}.h-\[42px\]{height:42px}.h-\[437px\]{height:437px}.h-\[50px\]{height:50px}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0px}.min-h-\[114px\]{min-height:114px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-40{width:10rem}.w-48{width:12rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[1000px\]{width:1000px}.w-\[120px\]{width:120px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[336px\]{width:336px}.w-\[340px\]{width:340px}.w-\[360px\]{width:360px}.w-\[400px\]{width:400px}.w-\[612px\]{width:612px}.w-\[800px\]{width:800px}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-\[10rem\]{min-width:10rem}.min-w-\[12rem\]{min-width:12rem}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(120px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[11px\]{gap:11px}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-ds-line-normal>:not([hidden])~:not([hidden]){border-color:var(--ds-line-normal)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-ds-lg{border-radius:var(--ds-radius-lg)}.rounded-ds-md{border-radius:var(--ds-radius-md)}.rounded-ds-ss{border-radius:var(--ds-radius-ss)}.rounded-ds-xs{border-radius:var(--ds-radius-xs)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-y-2{border-top-width:2px;border-bottom-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.\!border-none{border-style:none!important}.border-\[\#333\]{--tw-border-opacity: 1;border-color:rgb(51 51 51 / var(--tw-border-opacity, 1))}.border-ds-line-normal{border-color:var(--ds-line-normal)}.border-ds-line-strong{border-color:var(--ds-line-strong)}.border-ds-main-default{border-color:var(--ds-main-default)}.border-ds-primary-blue-normal{border-color:var(--ds-primary-blue-normal)}.border-ds-primary-green-normal{border-color:var(--ds-primary-green-normal)}.border-ds-primary-red-normal{border-color:var(--ds-primary-red-normal)}.border-ds-text-strong{border-color:var(--ds-text-strong)}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.\!bg-transparent{background-color:transparent!important}.bg-\[\#222\]{--tw-bg-opacity: 1;background-color:rgb(34 34 34 / var(--tw-bg-opacity, 1))}.bg-\[\#FFC400\]{--tw-bg-opacity: 1;background-color:rgb(255 196 0 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/30{background-color:#0000004d}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-current{background-color:currentColor}.bg-ds-background-default{background-color:var(--ds-background-default)}.bg-ds-category-controversy{background-color:var(--ds-category-controversy)}.bg-ds-category-custom{background-color:var(--ds-category-custom)}.bg-ds-category-hate{background-color:var(--ds-category-hate)}.bg-ds-category-issue{background-color:var(--ds-category-issue)}.bg-ds-category-overseas{background-color:var(--ds-category-overseas)}.bg-ds-category-politics{background-color:var(--ds-category-politics)}.bg-ds-category-religion{background-color:var(--ds-category-religion)}.bg-ds-category-sensitive{background-color:var(--ds-category-sensitive)}.bg-ds-category-sexual{background-color:var(--ds-category-sexual)}.bg-ds-category-talk{background-color:var(--ds-category-talk)}.bg-ds-category-violence{background-color:var(--ds-category-violence)}.bg-ds-icon-disabled{background-color:var(--ds-icon-disabled)}.bg-ds-icon-normal{background-color:var(--ds-icon-normal)}.bg-ds-icon-strong{background-color:var(--ds-icon-strong)}.bg-ds-line-normal{background-color:var(--ds-line-normal)}.bg-ds-line-strong{background-color:var(--ds-line-strong)}.bg-ds-main-default{background-color:var(--ds-main-default)}.bg-ds-primary-blue-disabled{background-color:var(--ds-primary-blue-disabled)}.bg-ds-primary-blue-hovered{background-color:var(--ds-primary-blue-hovered)}.bg-ds-primary-blue-muted{background-color:var(--ds-primary-blue-muted)}.bg-ds-primary-blue-normal{background-color:var(--ds-primary-blue-normal)}.bg-ds-primary-green-disabled{background-color:var(--ds-primary-green-disabled)}.bg-ds-primary-green-hovered{background-color:var(--ds-primary-green-hovered)}.bg-ds-primary-green-muted{background-color:var(--ds-primary-green-muted)}.bg-ds-primary-green-normal{background-color:var(--ds-primary-green-normal)}.bg-ds-primary-red-disabled{background-color:var(--ds-primary-red-disabled)}.bg-ds-primary-red-hovered{background-color:var(--ds-primary-red-hovered)}.bg-ds-primary-red-muted{background-color:var(--ds-primary-red-muted)}.bg-ds-primary-red-normal{background-color:var(--ds-primary-red-normal)}.bg-ds-primitive-black{background-color:var(--ds-primitive-black)}.bg-ds-primitive-white{background-color:var(--ds-primitive-white)}.bg-ds-surface-alternative{background-color:var(--ds-surface-alternative)}.bg-ds-surface-normal{background-color:var(--ds-surface-normal)}.bg-ds-surface-strong{background-color:var(--ds-surface-strong)}.bg-ds-text-disabled{background-color:var(--ds-text-disabled)}.bg-ds-text-normal{background-color:var(--ds-text-normal)}.bg-ds-text-strong{background-color:var(--ds-text-strong)}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.\!p-0{padding:0!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[18px\]{padding-left:18px;padding-right:18px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pl-1\.5{padding-left:.375rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-3\.5{padding-left:.875rem}.pl-5{padding-left:1.25rem}.pl-\[10px\]{padding-left:10px}.pl-\[12px\]{padding-left:12px}.pl-\[18px\]{padding-left:18px}.pl-\[8px\]{padding-left:8px}.pr-0\.5{padding-right:.125rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-3\.5{padding-right:.875rem}.pr-\[12px\]{padding-right:12px}.pr-\[14px\]{padding-right:14px}.pr-\[18px\]{padding-right:18px}.pt-1{padding-top:.25rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:var(--ds-font-sans),ui-sans-serif,system-ui,sans-serif}.text-\[14px\]{font-size:14px}.text-\[8px\]{font-size:8px}.text-base{font-size:1rem;line-height:1.5rem}.text-body-1-m{font-size:var(--ds-type-body-1-m-font-size);line-height:var(--ds-type-body-1-m-line-height);font-weight:var(--ds-type-body-1-m-font-weight)}.text-body-1-r{font-size:var(--ds-type-body-1-r-font-size);line-height:var(--ds-type-body-1-r-line-height);font-weight:var(--ds-type-body-1-r-font-weight)}.text-body-2-m{font-size:var(--ds-type-body-2-m-font-size);line-height:var(--ds-type-body-2-m-line-height);font-weight:var(--ds-type-body-2-m-font-weight)}.text-body-2-r{font-size:var(--ds-type-body-2-r-font-size);line-height:var(--ds-type-body-2-r-line-height);font-weight:var(--ds-type-body-2-r-font-weight)}.text-body-2-sb{font-size:var(--ds-type-body-2-sb-font-size);line-height:var(--ds-type-body-2-sb-line-height);font-weight:var(--ds-type-body-2-sb-font-weight)}.text-body-3-m{font-size:var(--ds-type-body-3-m-font-size);line-height:var(--ds-type-body-3-m-line-height);font-weight:var(--ds-type-body-3-m-font-weight)}.text-body-3-r{font-size:var(--ds-type-body-3-r-font-size);line-height:var(--ds-type-body-3-r-line-height);font-weight:var(--ds-type-body-3-r-font-weight)}.text-body-4-m{font-size:var(--ds-type-body-4-m-font-size);line-height:var(--ds-type-body-4-m-line-height);font-weight:var(--ds-type-body-4-m-font-weight)}.text-body-4-r{font-size:var(--ds-type-body-4-r-font-size);line-height:var(--ds-type-body-4-r-line-height);font-weight:var(--ds-type-body-4-r-font-weight)}.text-label-1-r{font-size:var(--ds-type-label-1-r-font-size);line-height:var(--ds-type-label-1-r-line-height);font-weight:var(--ds-type-label-1-r-font-weight)}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-title-1-m{font-size:var(--ds-type-title-1-m-font-size);line-height:var(--ds-type-title-1-m-line-height);font-weight:var(--ds-type-title-1-m-font-weight)}.text-title-1-sb{font-size:var(--ds-type-title-1-sb-font-size);line-height:var(--ds-type-title-1-sb-line-height);font-weight:var(--ds-type-title-1-sb-font-weight)}.text-title-2-sb{font-size:var(--ds-type-title-2-sb-font-size);line-height:var(--ds-type-title-2-sb-line-height);font-weight:var(--ds-type-title-2-sb-font-weight)}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-\[1\.4\]{line-height:1.4}.leading-normal{line-height:1.5}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-\[\#fbfbfb\]{--tw-text-opacity: 1;color:rgb(251 251 251 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-ds-icon-normal{color:var(--ds-icon-normal)}.text-ds-icon-strong{color:var(--ds-icon-strong)}.text-ds-primary-blue-normal{color:var(--ds-primary-blue-normal)}.text-ds-primary-green-normal{color:var(--ds-primary-green-normal)}.text-ds-primary-red-normal{color:var(--ds-primary-red-normal)}.text-ds-text-disabled{color:var(--ds-text-disabled)}.text-ds-text-normal{color:var(--ds-text-normal)}.text-ds-text-strong{color:var(--ds-text-strong)}.text-foreground{color:hsl(var(--foreground))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.\!shadow-none{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-\[0_10px_25px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: 0 10px 25px rgba(0,0,0,.05);--tw-shadow-colored: 0 10px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_5px_16px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: 0 5px 16px rgba(0,0,0,.05);--tw-shadow-colored: 0 5px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_5px_16px_0px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: 0px 5px 16px 0px rgba(0,0,0,.05);--tw-shadow-colored: 0px 5px 16px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-ds-default{--tw-shadow: var(--ds-shadow-default);--tw-shadow-colored: var(--ds-shadow-default);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-ds-modal{--tw-shadow: var(--ds-shadow-modal);--tw-shadow-colored: var(--ds-shadow-modal);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.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)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ds-type-title-1-sb{font-family:var(--ds-font-sans);font-size:var(--ds-type-title-1-sb-font-size);line-height:var(--ds-type-title-1-sb-line-height);font-weight:var(--ds-type-title-1-sb-font-weight)}.ds-type-title-1-m{font-family:var(--ds-font-sans);font-size:var(--ds-type-title-1-m-font-size);line-height:var(--ds-type-title-1-m-line-height);font-weight:var(--ds-type-title-1-m-font-weight)}.ds-type-title-2-sb{font-family:var(--ds-font-sans);font-size:var(--ds-type-title-2-sb-font-size);line-height:var(--ds-type-title-2-sb-line-height);font-weight:var(--ds-type-title-2-sb-font-weight)}.ds-type-body-1-m{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-1-m-font-size);line-height:var(--ds-type-body-1-m-line-height);font-weight:var(--ds-type-body-1-m-font-weight)}.ds-type-body-1-r{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-1-r-font-size);line-height:var(--ds-type-body-1-r-line-height);font-weight:var(--ds-type-body-1-r-font-weight)}.ds-type-body-2-sb{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-2-sb-font-size);line-height:var(--ds-type-body-2-sb-line-height);font-weight:var(--ds-type-body-2-sb-font-weight)}.ds-type-body-2-m{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-2-m-font-size);line-height:var(--ds-type-body-2-m-line-height);font-weight:var(--ds-type-body-2-m-font-weight)}.ds-type-body-2-r{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-2-r-font-size);line-height:var(--ds-type-body-2-r-line-height);font-weight:var(--ds-type-body-2-r-font-weight)}.ds-type-body-3-m{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-3-m-font-size);line-height:var(--ds-type-body-3-m-line-height);font-weight:var(--ds-type-body-3-m-font-weight)}.ds-type-body-3-r{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-3-r-font-size);line-height:var(--ds-type-body-3-r-line-height);font-weight:var(--ds-type-body-3-r-font-weight)}.ds-type-body-4-m{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-4-m-font-size);line-height:var(--ds-type-body-4-m-line-height);font-weight:var(--ds-type-body-4-m-font-weight)}.ds-type-body-4-r{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-4-r-font-size);line-height:var(--ds-type-body-4-r-line-height);font-weight:var(--ds-type-body-4-r-font-weight)}.ds-type-label-1-r{font-family:var(--ds-font-sans);font-size:var(--ds-type-label-1-r-font-size);line-height:var(--ds-type-label-1-r-line-height);font-weight:var(--ds-type-label-1-r-font-weight)}.placeholder\:text-ds-text-normal::-moz-placeholder{color:var(--ds-text-normal)}.placeholder\:text-ds-text-normal::placeholder{color:var(--ds-text-normal)}.last\:border-0:last-child{border-width:0px}.focus-within\:border-ds-primary-blue-normal:focus-within{border-color:var(--ds-primary-blue-normal)}.hover\:border-ds-line-strong:hover{border-color:var(--ds-line-strong)}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-ds-primary-blue-hovered:hover{background-color:var(--ds-primary-blue-hovered)}.hover\:bg-ds-primary-green-hovered:hover{background-color:var(--ds-primary-green-hovered)}.hover\:bg-ds-primary-red-hovered:hover{background-color:var(--ds-primary-red-hovered)}.hover\:bg-ds-surface-normal:hover{background-color:var(--ds-surface-normal)}.hover\:bg-ds-surface-strong:hover{background-color:var(--ds-surface-strong)}.hover\:text-ds-primary-blue-normal:hover{color:var(--ds-primary-blue-normal)}.hover\:text-ds-text-strong:hover{color:var(--ds-text-strong)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))}.focus\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ds-primary-blue-normal:focus-visible{--tw-ring-color: var(--ds-primary-blue-normal)}.focus-visible\:ring-ds-primary-green-normal:focus-visible{--tw-ring-color: var(--ds-primary-green-normal)}.focus-visible\:ring-ds-primary-red-normal:focus-visible{--tw-ring-color: var(--ds-primary-red-normal)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:bg-ds-primary-blue-hovered:active{background-color:var(--ds-primary-blue-hovered)}.active\:bg-ds-primary-green-hovered:active{background-color:var(--ds-primary-green-hovered)}.active\:bg-ds-primary-red-hovered:active{background-color:var(--ds-primary-red-hovered)}.active\:bg-ds-surface-strong:active{background-color:var(--ds-surface-strong)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:bg-ds-primary-blue-disabled:disabled{background-color:var(--ds-primary-blue-disabled)}.disabled\:bg-ds-primary-green-disabled:disabled{background-color:var(--ds-primary-green-disabled)}.disabled\:bg-ds-primary-red-disabled:disabled{background-color:var(--ds-primary-red-disabled)}.disabled\:bg-ds-surface-normal:disabled{background-color:var(--ds-surface-normal)}.disabled\:text-ds-text-disabled:disabled{color:var(--ds-text-disabled)}.disabled\:text-white:disabled{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:max-w-\[14rem\]{max-width:14rem}.sm\:gap-4{gap:1rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.\[\&_svg\]\:size-3 svg{width:.75rem;height:.75rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}.\[\&_svg\]\:size-7 svg{width:1.75rem;height:1.75rem}
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--ds-font-sans),ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;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:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 0 0% 20%;--card: 0 0% 100%;--card-foreground: 0 0% 20%;--popover: 0 0% 100%;--popover-foreground: 0 0% 20%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem;--ds-primitive-black: #121212;--ds-primitive-white: #ffffff;--ds-main-default: #2c80f5;--ds-background-default: #ffffff;--ds-text-strong: #333333;--ds-text-normal: #969696;--ds-text-disabled: #cccccc;--ds-line-strong: #e2e2e2;--ds-line-normal: #ebebeb;--ds-surface-strong: #f5f5f5;--ds-surface-normal: #f7f8f9;--ds-surface-alternative: #ffffff;--ds-primary-blue-normal: #2c80f5;--ds-primary-blue-hovered: #0b64e2;--ds-primary-blue-disabled: #d2e5fd;--ds-primary-blue-muted: #f4f9fe;--ds-primary-red-normal: #ff4242;--ds-primary-red-hovered: #e60d0d;--ds-primary-red-disabled: #ffdcdc;--ds-primary-red-muted: #fff7f7;--ds-primary-green-normal: #0bc753;--ds-primary-green-hovered: #00a13e;--ds-primary-green-disabled: #b4ecd1;--ds-primary-green-muted: #f4fbf7;--ds-category-sexual: #ff6355;--ds-category-violence: #c06528;--ds-category-hate: #6554c0;--ds-category-politics: #0b945a;--ds-category-controversy: #0098b2;--ds-category-talk: #2b70e4;--ds-category-overseas: #e63fe1;--ds-category-religion: #ffc400;--ds-category-custom: #58cf04;--ds-category-sensitive: #cc3d00;--ds-category-issue: #00b8d9;--ds-icon-strong: #333333;--ds-icon-normal: #969696;--ds-icon-disabled: #cccccc;--ds-dim-default: rgba(51, 51, 51, .3);--ds-shadow-default: 0px 5px 16px 0px rgba(0, 0, 0, .05);--ds-shadow-modal: 0px 10px 25px 0px rgba(0, 0, 0, .05);--ds-radius-xs: 2px;--ds-radius-ss: 4px;--ds-radius-md: 8px;--ds-radius-lg: 12px;--ds-font-sans: "Pretendard JP", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--ds-type-title-1-sb-font-size: 24px;--ds-type-title-1-sb-line-height: 1.28;--ds-type-title-1-sb-font-weight: 600;--ds-type-title-1-m-font-size: 24px;--ds-type-title-1-m-line-height: 1.28;--ds-type-title-1-m-font-weight: 500;--ds-type-title-2-sb-font-size: 20px;--ds-type-title-2-sb-line-height: 1.34;--ds-type-title-2-sb-font-weight: 600;--ds-type-body-1-m-font-size: 16px;--ds-type-body-1-m-line-height: 1.4;--ds-type-body-1-m-font-weight: 500;--ds-type-body-1-r-font-size: 16px;--ds-type-body-1-r-line-height: 1.4;--ds-type-body-1-r-font-weight: 400;--ds-type-body-2-sb-font-size: 14px;--ds-type-body-2-sb-line-height: 1.4;--ds-type-body-2-sb-font-weight: 600;--ds-type-body-2-m-font-size: 14px;--ds-type-body-2-m-line-height: 1.4;--ds-type-body-2-m-font-weight: 500;--ds-type-body-2-r-font-size: 14px;--ds-type-body-2-r-line-height: 1.4;--ds-type-body-2-r-font-weight: 400;--ds-type-body-3-m-font-size: 13px;--ds-type-body-3-m-line-height: 1.5;--ds-type-body-3-m-font-weight: 500;--ds-type-body-3-r-font-size: 13px;--ds-type-body-3-r-line-height: 1.5;--ds-type-body-3-r-font-weight: 400;--ds-type-body-4-m-font-size: 12px;--ds-type-body-4-m-line-height: 1.5;--ds-type-body-4-m-font-weight: 500;--ds-type-body-4-r-font-size: 12px;--ds-type-body-4-r-line-height: 1.5;--ds-type-body-4-r-font-weight: 400;--ds-type-label-1-r-font-size: 11px;--ds-type-label-1-r-line-height: 1.34;--ds-type-label-1-r-font-weight: 400}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));font-family:var(--ds-font-sans),ui-sans-serif,system-ui,sans-serif;color:hsl(var(--foreground))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.left-\[11px\]{left:11px}.left-\[17px\]{left:17px}.left-\[3px\]{left:3px}.right-\[-8px\]{right:-8px}.right-\[34px\]{right:34px}.top-1\/2{top:50%}.top-\[20px\]{top:20px}.top-\[56px\]{top:56px}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-1\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-\[100px\]{width:100px;height:100px}.size-\[34px\]{width:34px;height:34px}.size-\[38px\]{width:38px;height:38px}.size-\[42px\]{width:42px;height:42px}.size-\[50px\]{width:50px;height:50px}.size-\[94px\]{width:94px;height:94px}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[140px\]{height:140px}.h-\[160px\]{height:160px}.h-\[18px\]{height:18px}.h-\[200px\]{height:200px}.h-\[26px\]{height:26px}.h-\[370px\]{height:370px}.h-\[38px\]{height:38px}.h-\[42px\]{height:42px}.h-\[437px\]{height:437px}.h-\[50px\]{height:50px}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0px}.min-h-\[114px\]{min-height:114px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-40{width:10rem}.w-48{width:12rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[1000px\]{width:1000px}.w-\[120px\]{width:120px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[336px\]{width:336px}.w-\[340px\]{width:340px}.w-\[360px\]{width:360px}.w-\[400px\]{width:400px}.w-\[612px\]{width:612px}.w-\[800px\]{width:800px}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-\[10rem\]{min-width:10rem}.min-w-\[12rem\]{min-width:12rem}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(120px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[11px\]{gap:11px}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-ds-line-normal>:not([hidden])~:not([hidden]){border-color:var(--ds-line-normal)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-ds-lg{border-radius:var(--ds-radius-lg)}.rounded-ds-md{border-radius:var(--ds-radius-md)}.rounded-ds-ss{border-radius:var(--ds-radius-ss)}.rounded-ds-xs{border-radius:var(--ds-radius-xs)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-y-2{border-top-width:2px;border-bottom-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.\!border-none{border-style:none!important}.border-\[\#333\]{--tw-border-opacity: 1;border-color:rgb(51 51 51 / var(--tw-border-opacity, 1))}.border-ds-line-normal{border-color:var(--ds-line-normal)}.border-ds-line-strong{border-color:var(--ds-line-strong)}.border-ds-main-default{border-color:var(--ds-main-default)}.border-ds-primary-blue-normal{border-color:var(--ds-primary-blue-normal)}.border-ds-primary-green-normal{border-color:var(--ds-primary-green-normal)}.border-ds-primary-red-normal{border-color:var(--ds-primary-red-normal)}.border-ds-text-strong{border-color:var(--ds-text-strong)}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.\!bg-transparent{background-color:transparent!important}.bg-\[\#222\]{--tw-bg-opacity: 1;background-color:rgb(34 34 34 / var(--tw-bg-opacity, 1))}.bg-\[\#FFC400\]{--tw-bg-opacity: 1;background-color:rgb(255 196 0 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.bg-current{background-color:currentColor}.bg-ds-background-default{background-color:var(--ds-background-default)}.bg-ds-category-controversy{background-color:var(--ds-category-controversy)}.bg-ds-category-custom{background-color:var(--ds-category-custom)}.bg-ds-category-hate{background-color:var(--ds-category-hate)}.bg-ds-category-issue{background-color:var(--ds-category-issue)}.bg-ds-category-overseas{background-color:var(--ds-category-overseas)}.bg-ds-category-politics{background-color:var(--ds-category-politics)}.bg-ds-category-religion{background-color:var(--ds-category-religion)}.bg-ds-category-sensitive{background-color:var(--ds-category-sensitive)}.bg-ds-category-sexual{background-color:var(--ds-category-sexual)}.bg-ds-category-talk{background-color:var(--ds-category-talk)}.bg-ds-category-violence{background-color:var(--ds-category-violence)}.bg-ds-dim-default{background-color:var(--ds-dim-default)}.bg-ds-icon-disabled{background-color:var(--ds-icon-disabled)}.bg-ds-icon-normal{background-color:var(--ds-icon-normal)}.bg-ds-icon-strong{background-color:var(--ds-icon-strong)}.bg-ds-line-normal{background-color:var(--ds-line-normal)}.bg-ds-line-strong{background-color:var(--ds-line-strong)}.bg-ds-main-default{background-color:var(--ds-main-default)}.bg-ds-primary-blue-disabled{background-color:var(--ds-primary-blue-disabled)}.bg-ds-primary-blue-hovered{background-color:var(--ds-primary-blue-hovered)}.bg-ds-primary-blue-muted{background-color:var(--ds-primary-blue-muted)}.bg-ds-primary-blue-normal{background-color:var(--ds-primary-blue-normal)}.bg-ds-primary-green-disabled{background-color:var(--ds-primary-green-disabled)}.bg-ds-primary-green-hovered{background-color:var(--ds-primary-green-hovered)}.bg-ds-primary-green-muted{background-color:var(--ds-primary-green-muted)}.bg-ds-primary-green-normal{background-color:var(--ds-primary-green-normal)}.bg-ds-primary-red-disabled{background-color:var(--ds-primary-red-disabled)}.bg-ds-primary-red-hovered{background-color:var(--ds-primary-red-hovered)}.bg-ds-primary-red-muted{background-color:var(--ds-primary-red-muted)}.bg-ds-primary-red-normal{background-color:var(--ds-primary-red-normal)}.bg-ds-primitive-black{background-color:var(--ds-primitive-black)}.bg-ds-primitive-white{background-color:var(--ds-primitive-white)}.bg-ds-surface-alternative{background-color:var(--ds-surface-alternative)}.bg-ds-surface-normal{background-color:var(--ds-surface-normal)}.bg-ds-surface-strong{background-color:var(--ds-surface-strong)}.bg-ds-text-disabled{background-color:var(--ds-text-disabled)}.bg-ds-text-normal{background-color:var(--ds-text-normal)}.bg-ds-text-strong{background-color:var(--ds-text-strong)}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-700{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.fill-ds-text-strong{fill:var(--ds-text-strong)}.stroke-ds-primary-blue-normal{stroke:var(--ds-primary-blue-normal)}.\!p-0{padding:0!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[18px\]{padding-left:18px;padding-right:18px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-\[1px\]{padding-bottom:1px}.pb-\[3px\]{padding-bottom:3px}.pl-1{padding-left:.25rem}.pl-1\.5{padding-left:.375rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-3\.5{padding-left:.875rem}.pl-5{padding-left:1.25rem}.pl-\[10px\]{padding-left:10px}.pl-\[12px\]{padding-left:12px}.pl-\[18px\]{padding-left:18px}.pl-\[8px\]{padding-left:8px}.pr-0\.5{padding-right:.125rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-3\.5{padding-right:.875rem}.pr-\[12px\]{padding-right:12px}.pr-\[14px\]{padding-right:14px}.pr-\[18px\]{padding-right:18px}.pt-1{padding-top:.25rem}.pt-5{padding-top:1.25rem}.pt-\[2px\]{padding-top:2px}.pt-\[3px\]{padding-top:3px}.pt-\[5px\]{padding-top:5px}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:var(--ds-font-sans),ui-sans-serif,system-ui,sans-serif}.text-\[8px\]{font-size:8px}.text-base{font-size:1rem;line-height:1.5rem}.text-body-1-m{font-size:var(--ds-type-body-1-m-font-size);line-height:var(--ds-type-body-1-m-line-height);font-weight:var(--ds-type-body-1-m-font-weight)}.text-body-1-r{font-size:var(--ds-type-body-1-r-font-size);line-height:var(--ds-type-body-1-r-line-height);font-weight:var(--ds-type-body-1-r-font-weight)}.text-body-2-m{font-size:var(--ds-type-body-2-m-font-size);line-height:var(--ds-type-body-2-m-line-height);font-weight:var(--ds-type-body-2-m-font-weight)}.text-body-2-r{font-size:var(--ds-type-body-2-r-font-size);line-height:var(--ds-type-body-2-r-line-height);font-weight:var(--ds-type-body-2-r-font-weight)}.text-body-2-sb{font-size:var(--ds-type-body-2-sb-font-size);line-height:var(--ds-type-body-2-sb-line-height);font-weight:var(--ds-type-body-2-sb-font-weight)}.text-body-3-m{font-size:var(--ds-type-body-3-m-font-size);line-height:var(--ds-type-body-3-m-line-height);font-weight:var(--ds-type-body-3-m-font-weight)}.text-body-3-r{font-size:var(--ds-type-body-3-r-font-size);line-height:var(--ds-type-body-3-r-line-height);font-weight:var(--ds-type-body-3-r-font-weight)}.text-body-4-m{font-size:var(--ds-type-body-4-m-font-size);line-height:var(--ds-type-body-4-m-line-height);font-weight:var(--ds-type-body-4-m-font-weight)}.text-body-4-r{font-size:var(--ds-type-body-4-r-font-size);line-height:var(--ds-type-body-4-r-line-height);font-weight:var(--ds-type-body-4-r-font-weight)}.text-label-1-r{font-size:var(--ds-type-label-1-r-font-size);line-height:var(--ds-type-label-1-r-line-height);font-weight:var(--ds-type-label-1-r-font-weight)}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-title-1-m{font-size:var(--ds-type-title-1-m-font-size);line-height:var(--ds-type-title-1-m-line-height);font-weight:var(--ds-type-title-1-m-font-weight)}.text-title-1-sb{font-size:var(--ds-type-title-1-sb-font-size);line-height:var(--ds-type-title-1-sb-line-height);font-weight:var(--ds-type-title-1-sb-font-weight)}.text-title-2-sb{font-size:var(--ds-type-title-2-sb-font-size);line-height:var(--ds-type-title-2-sb-line-height);font-weight:var(--ds-type-title-2-sb-font-weight)}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-normal{line-height:1.5}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-\[\#fbfbfb\]{--tw-text-opacity: 1;color:rgb(251 251 251 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-ds-icon-normal{color:var(--ds-icon-normal)}.text-ds-icon-strong{color:var(--ds-icon-strong)}.text-ds-primary-blue-normal{color:var(--ds-primary-blue-normal)}.text-ds-primary-green-normal{color:var(--ds-primary-green-normal)}.text-ds-primary-red-normal{color:var(--ds-primary-red-normal)}.text-ds-text-disabled{color:var(--ds-text-disabled)}.text-ds-text-normal{color:var(--ds-text-normal)}.text-ds-text-strong{color:var(--ds-text-strong)}.text-foreground{color:hsl(var(--foreground))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.\!shadow-none{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-\[0px_5px_16px_0px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: 0px 5px 16px 0px rgba(0,0,0,.05);--tw-shadow-colored: 0px 5px 16px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-ds-default{--tw-shadow: var(--ds-shadow-default);--tw-shadow-colored: var(--ds-shadow-default);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-ds-modal{--tw-shadow: var(--ds-shadow-modal);--tw-shadow-colored: var(--ds-shadow-modal);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-ds-primary-blue-normal{--tw-ring-color: var(--ds-primary-blue-normal)}.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)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ds-type-title-1-sb{font-family:var(--ds-font-sans);font-size:var(--ds-type-title-1-sb-font-size);line-height:var(--ds-type-title-1-sb-line-height);font-weight:var(--ds-type-title-1-sb-font-weight)}.ds-type-title-1-m{font-family:var(--ds-font-sans);font-size:var(--ds-type-title-1-m-font-size);line-height:var(--ds-type-title-1-m-line-height);font-weight:var(--ds-type-title-1-m-font-weight)}.ds-type-title-2-sb{font-family:var(--ds-font-sans);font-size:var(--ds-type-title-2-sb-font-size);line-height:var(--ds-type-title-2-sb-line-height);font-weight:var(--ds-type-title-2-sb-font-weight)}.ds-type-body-1-m{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-1-m-font-size);line-height:var(--ds-type-body-1-m-line-height);font-weight:var(--ds-type-body-1-m-font-weight)}.ds-type-body-1-r{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-1-r-font-size);line-height:var(--ds-type-body-1-r-line-height);font-weight:var(--ds-type-body-1-r-font-weight)}.ds-type-body-2-sb{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-2-sb-font-size);line-height:var(--ds-type-body-2-sb-line-height);font-weight:var(--ds-type-body-2-sb-font-weight)}.ds-type-body-2-m{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-2-m-font-size);line-height:var(--ds-type-body-2-m-line-height);font-weight:var(--ds-type-body-2-m-font-weight)}.ds-type-body-2-r{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-2-r-font-size);line-height:var(--ds-type-body-2-r-line-height);font-weight:var(--ds-type-body-2-r-font-weight)}.ds-type-body-3-m{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-3-m-font-size);line-height:var(--ds-type-body-3-m-line-height);font-weight:var(--ds-type-body-3-m-font-weight)}.ds-type-body-3-r{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-3-r-font-size);line-height:var(--ds-type-body-3-r-line-height);font-weight:var(--ds-type-body-3-r-font-weight)}.ds-type-body-4-m{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-4-m-font-size);line-height:var(--ds-type-body-4-m-line-height);font-weight:var(--ds-type-body-4-m-font-weight)}.ds-type-body-4-r{font-family:var(--ds-font-sans);font-size:var(--ds-type-body-4-r-font-size);line-height:var(--ds-type-body-4-r-line-height);font-weight:var(--ds-type-body-4-r-font-weight)}.ds-type-label-1-r{font-family:var(--ds-font-sans);font-size:var(--ds-type-label-1-r-font-size);line-height:var(--ds-type-label-1-r-line-height);font-weight:var(--ds-type-label-1-r-font-weight)}.placeholder\:text-ds-text-normal::-moz-placeholder{color:var(--ds-text-normal)}.placeholder\:text-ds-text-normal::placeholder{color:var(--ds-text-normal)}.last\:border-0:last-child{border-width:0px}.focus-within\:border-ds-primary-blue-normal:focus-within{border-color:var(--ds-primary-blue-normal)}.hover\:border-ds-line-strong:hover{border-color:var(--ds-line-strong)}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-ds-primary-blue-hovered:hover{background-color:var(--ds-primary-blue-hovered)}.hover\:bg-ds-primary-green-hovered:hover{background-color:var(--ds-primary-green-hovered)}.hover\:bg-ds-primary-red-hovered:hover{background-color:var(--ds-primary-red-hovered)}.hover\:bg-ds-surface-normal:hover{background-color:var(--ds-surface-normal)}.hover\:bg-ds-surface-strong:hover{background-color:var(--ds-surface-strong)}.hover\:text-ds-primary-blue-normal:hover{color:var(--ds-primary-blue-normal)}.hover\:text-ds-text-strong:hover{color:var(--ds-text-strong)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))}.focus\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset: inset}.focus-visible\:ring-ds-primary-blue-normal:focus-visible{--tw-ring-color: var(--ds-primary-blue-normal)}.focus-visible\:ring-ds-primary-green-normal:focus-visible{--tw-ring-color: var(--ds-primary-green-normal)}.focus-visible\:ring-ds-primary-red-normal:focus-visible{--tw-ring-color: var(--ds-primary-red-normal)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:bg-ds-primary-blue-hovered:active{background-color:var(--ds-primary-blue-hovered)}.active\:bg-ds-primary-green-hovered:active{background-color:var(--ds-primary-green-hovered)}.active\:bg-ds-primary-red-hovered:active{background-color:var(--ds-primary-red-hovered)}.active\:bg-ds-surface-strong:active{background-color:var(--ds-surface-strong)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:bg-ds-primary-blue-disabled:disabled{background-color:var(--ds-primary-blue-disabled)}.disabled\:bg-ds-primary-green-disabled:disabled{background-color:var(--ds-primary-green-disabled)}.disabled\:bg-ds-primary-red-disabled:disabled{background-color:var(--ds-primary-red-disabled)}.disabled\:bg-ds-surface-normal:disabled{background-color:var(--ds-surface-normal)}.disabled\:text-ds-text-disabled:disabled{color:var(--ds-text-disabled)}.disabled\:text-white:disabled{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:max-w-\[14rem\]{max-width:14rem}.sm\:gap-4{gap:1rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.\[\&_svg\]\:size-3 svg{width:.75rem;height:.75rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}.\[\&_svg\]\:size-7 svg{width:1.75rem;height:1.75rem}