@pylerai/design-system 2.4.0 → 2.5.0

package/dist/lib/icons.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import { cn as t } from "./utils.js";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { cn as r } 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: [
+  return /* @__PURE__ */ t("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",
@@ -15,7 +15,7 @@ function h() {
   ] });
 }
 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: [
+  return /* @__PURE__ */ t("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",
@@ -28,13 +28,13 @@ function l() {
   ] });
 }
 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: [
+  return /* @__PURE__ */ t("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: [
+  return /* @__PURE__ */ t("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",
@@ -47,13 +47,13 @@ function d() {
   ] });
 }
 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: [
+  return /* @__PURE__ */ t("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: [
+  return /* @__PURE__ */ t("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",
@@ -66,19 +66,19 @@ function s() {
   ] });
 }
 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: [
+  return /* @__PURE__ */ t("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: [
+  return /* @__PURE__ */ t("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: [
+  return /* @__PURE__ */ t("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" })
   ] });
@@ -87,7 +87,7 @@ 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: [
+  return /* @__PURE__ */ t("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" }) })
   ] });
@@ -132,94 +132,118 @@ function m({ className: i }) {
   );
 }
 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: [
+  return /* @__PURE__ */ t("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 }) {
+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: "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: [
+function Z({ className: i }) {
+  return /* @__PURE__ */ t("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" }),
+function V({ className: i }) {
+  return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: r("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: "#2DB382" }),
     /* @__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: [
+function B({ className: i }) {
+  return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: r("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" }),
+function H({ className: i }) {
+  return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: r("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: "#E7B127" }),
     /* @__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 y({ 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: r("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: [
+function D({ className: i }) {
+  return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: r("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: [
+function I({ className: i }) {
+  return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: r("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: [
+function E({ className: i }) {
+  return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: r("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: [
+function b({ className: i }) {
+  return /* @__PURE__ */ t("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: r("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" }) })
   ] });
 }
+function R({ className: i }) {
+  return /* @__PURE__ */ e("svg", { width: "60", height: "60", viewBox: "0 0 60 60", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: /* @__PURE__ */ e("path", { d: "M20 12.5V47.5L47.5 30L20 12.5Z", fill: "currentColor" }) });
+}
+function U({ className: i }) {
+  return /* @__PURE__ */ e("svg", { width: "60", height: "60", viewBox: "0 0 60 60", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: /* @__PURE__ */ e("path", { d: "M15 47.5H25V12.5H15V47.5ZM35 12.5V47.5H45V12.5H35Z", fill: "currentColor" }) });
+}
+function F({ className: i }) {
+  return /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: /* @__PURE__ */ e("path", { d: "M3 9V15H7L12 20V4L7 9H3ZM16.5 12C16.5 10.23 15.48 8.71 14 7.97V16.02C15.48 15.29 16.5 13.77 16.5 12ZM14 3.23V5.29C16.89 6.15 19 8.83 19 12C19 15.17 16.89 17.85 14 18.71V20.77C18.01 19.86 21 16.28 21 12C21 7.72 18.01 4.14 14 3.23Z", fill: "currentColor" }) });
+}
+function N({ className: i }) {
+  return /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: /* @__PURE__ */ e("path", { d: "M16.5 12C16.5 10.23 15.48 8.71 14 7.97V10.18L16.45 12.63C16.48 12.43 16.5 12.22 16.5 12ZM19 12C19 12.94 18.8 13.82 18.46 14.64L19.97 16.15C20.63 14.91 21 13.5 21 12C21 7.72 18.01 4.14 14 3.23V5.29C16.89 6.15 19 8.83 19 12ZM4.27 3L3 4.27L7.73 9H3V15H7L12 20V13.27L16.25 17.52C15.58 18.04 14.83 18.45 14 18.7V20.76C15.38 20.45 16.63 19.81 17.69 18.95L19.73 21L21 19.73L12 10.73L4.27 3ZM12 4L9.91 6.09L12 8.18V4Z", fill: "currentColor" }) });
+}
+function O({ className: i }) {
+  return /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: /* @__PURE__ */ e("path", { d: "M7 14H5V19H10V17H7V14ZM5 10H7V7H10V5H5V10ZM17 17H14V19H19V14H17V17ZM14 5V7H17V10H19V5H14Z", fill: "currentColor" }) });
+}
+function S({ className: i }) {
+  return /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", className: i, children: /* @__PURE__ */ e("path", { d: "M5 16H8V19H10V14H5V16ZM8 8H5V10H10V5H8V8ZM14 19H16V16H19V14H14V19ZM16 8V5H14V10H19V8H16Z", fill: "currentColor" }) });
+}
 export {
-  b as ArrowLeftIcon,
-  R as ArrowRightIcon,
-  B as CautionIcon,
+  I as ArrowLeftIcon,
+  E as ArrowRightIcon,
+  H as CautionIcon,
   d as CheckboxCheckedDisabledIcon,
   h as CheckboxCheckedIcon,
   w as CheckboxIndeterminateDisabledIcon,
   o as CheckboxIndeterminateIcon,
   s as CheckboxUncheckedDisabledIcon,
   l as CheckboxUncheckedIcon,
-  I as ChevronRightIcon,
+  y as ChevronRightIcon,
   m as CloseIcon,
-  E as DoubleArrowLeftIcon,
-  U as DoubleArrowRightIcon,
+  D as DoubleArrowLeftIcon,
+  b as DoubleArrowRightIcon,
   f as DropdownArrowIcon,
   v as EyeOffIcon,
   x as EyeOnIcon,
-  M as InfoIcon,
-  Z as NegativeIcon,
-  y as PositiveIcon,
+  S as FullscreenExitIcon,
+  O as FullscreenIcon,
+  Z as InfoIcon,
+  B as NegativeIcon,
+  U as PauseIcon,
+  R as PlayArrowIcon,
+  V as PositiveIcon,
   g as RadioCheckedDisabledIcon,
   c as RadioCheckedIcon,
   u as RadioUncheckedDisabledIcon,
   a as RadioUncheckedIcon,
   p as SearchIcon,
   L as SelectCheckIcon,
-  D as SortArrowIcon,
+  M as SortArrowIcon,
+  N as VolumeOffIcon,
+  F as VolumeUpIcon,
   k as XIcon
 };

package/dist/lib/utils.d.ts

@@ -1,2 +1,3 @@
 import { ClassValue } from 'clsx';
 export declare function cn(...inputs: ClassValue[]): string;
+export declare function clamp(value: number, min: number, max: number): number;

package/dist/lib/utils.js

@@ -1,16 +1,23 @@
 "use client";
-import { clsx as t } from "clsx";
-import { extendTailwindMerge as n } from "tailwind-merge";
-const o = n({
+import { clsx as n } from "clsx";
+import { extendTailwindMerge as i } from "tailwind-merge";
+const o = i({
   extend: {
+    // ds-* radius(pyler-shadow-radius.cjs)를 알려야 rounded-ds-md 뒤의 rounded·rounded-full·rounded-t-* 가 덮어쓴다.
+    // 모르면 두 클래스가 같이 남고 CSS 순서상 rounded-ds-md 가 이겨 아이콘 sm·둥근 아이콘 버튼이 8px 이 됐다.
+    theme: { borderRadius: [(t) => t.startsWith("ds-")] },
     classGroups: {
-      "font-size": [{ text: [(e) => /^(title|body|label)-/.test(e)] }]
+      "font-size": [{ text: [(t) => /^(title|body|label)-/.test(t)] }]
     }
   }
 });
-function s(...e) {
-  return o(t(e));
+function c(...t) {
+  return o(n(t));
+}
+function l(t, e, r) {
+  return Math.min(r, Math.max(e, t));
 }
 export {
-  s as cn
+  l as clamp,
+  c 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%;--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{inset: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}.inline{display:inline}.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-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-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.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-transparent{border-color:transparent}.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{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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\:border-ds-primary-blue-normal:hover{border-color:var(--ds-primary-blue-normal)}.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}
+*,: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%;--ds-primitive-black: #121212;--ds-primitive-white: #ffffff;--ds-main-default: #2c80f5;--ds-main-sky-blue: #bad3f6;--ds-background-default: #ffffff;--ds-text-strong: #333333;--ds-text-medium: #666666;--ds-text-normal: #afafaf;--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-surface-hovered: #e2e2e2;--ds-surface-disabled: #ebebeb;--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: #e83535;--ds-category-violence: #e48752;--ds-category-hate: #914fd2;--ds-category-politics: #0a9050;--ds-category-controversy: #0d7e8c;--ds-category-talk: #2b70e4;--ds-category-overseas: #f779f3;--ds-category-religion: #f0a200;--ds-category-custom: #8aaf12;--ds-category-sensitive: #c82868;--ds-category-issue: #57aae0;--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;--ds-type-label-1-sb-font-size: 11px;--ds-type-label-1-sb-line-height: 1.34;--ds-type-label-1-sb-font-weight: 600}*{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}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-left-1\.5{left:-.375rem}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-\[11px\]{left:11px}.left-\[17px\]{left:17px}.left-\[3px\]{left:3px}.left-\[var\(--timeline-label-w\)\]{left:var(--timeline-label-w)}.right-0{right:0}.right-\[-8px\]{right:-8px}.right-\[34px\]{right:34px}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-3{top:.75rem}.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}.box-content{box-sizing:content-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.size-1\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-2{width:.5rem;height:.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-\[60px\]{width:60px;height:60px}.size-\[94px\]{width:94px;height:94px}.size-full{width:100%;height:100%}.h-1{height:.25rem}.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-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[103px\]{height:103px}.h-\[10px\]{height:10px}.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-\[60px\]{height:60px}.h-\[8px\]{height:8px}.h-\[calc\(100\%-12px\)\]{height:calc(100% - 12px)}.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-0\.5{width:.125rem}.w-1{width:.25rem}.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-4{width:1rem}.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-\[var\(--timeline-label-w\)\]{width:var(--timeline-label-w)}.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-\[2px\]{min-width:2px}.min-w-\[4px\]{min-width:4px}.min-w-\[6px\]{min-width:6px}.min-w-full{min-width:100%}.min-w-px{min-width:1px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[736px\]{max-width:736px}.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-x-1\/2{--tw-translate-x: -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))}.-translate-x-\[calc\(100\%\+8px\)\]{--tw-translate-x: calc((100% + 8px)*-1) ;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))}.-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))}.translate-x-2{--tw-translate-x: .5rem;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}.touch-none{touch-action:none}.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-\[max-content_1fr\]{grid-template-columns:max-content 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-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.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-visible{overflow:visible}.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-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-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.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-primitive-black{border-color:var(--ds-primitive-black)}.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-transparent{border-color:transparent}.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-main-sky-blue{background-color:var(--ds-main-sky-blue)}.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-disabled{background-color:var(--ds-surface-disabled)}.bg-ds-surface-hovered{background-color:var(--ds-surface-hovered)}.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-medium{background-color:var(--ds-text-medium)}.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)}.object-contain{-o-object-fit:contain;object-fit:contain}.\!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}.p-px{padding:1px}.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-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-\[11px\]{padding-bottom:11px}.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-4{padding-left:1rem}.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-5{padding-right:1.25rem}.pr-\[12px\]{padding-right:12px}.pr-\[14px\]{padding-right:14px}.pr-\[18px\]{padding-right:18px}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.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-label-1-sb{font-size:var(--ds-type-label-1-sb-font-size);line-height:var(--ds-type-label-1-sb-line-height);font-weight:var(--ds-type-label-1-sb-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}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.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-primitive-white{color:var(--ds-primitive-white)}.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}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.\!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{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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{--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(3px + 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-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)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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-\[color\,background-color\,border-color\,box-shadow\]{transition-property:color,background-color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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-opacity{transition-property:opacity;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}.paused{animation-play-state:paused}.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)}.ds-type-label-1-sb{font-family:var(--ds-font-sans);font-size:var(--ds-type-label-1-sb-font-size);line-height:var(--ds-type-label-1-sb-line-height);font-weight:var(--ds-type-label-1-sb-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)}.focus-within\:bg-ds-background-default:focus-within{background-color:var(--ds-background-default)}.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-hovered:hover{background-color:var(--ds-surface-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)}.hover\:outline:hover{outline-style:solid}.hover\:outline-1:hover{outline-width:1px}.hover\:-outline-offset-1:hover{outline-offset:-1px}.hover\:outline-ds-primitive-black:hover{outline-color:var(--ds-primitive-black)}.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\:border-ds-primary-blue-normal:focus-visible{border-color:var(--ds-primary-blue-normal)}.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-ds-primitive-white:focus-visible{--tw-ring-color: var(--ds-primitive-white)}.focus-visible\:ring-ds-text-strong:focus-visible{--tw-ring-color: var(--ds-text-strong)}.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-hovered:active{background-color:var(--ds-surface-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-disabled:disabled{background-color:var(--ds-surface-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))}.group\/volume:focus-within .group-focus-within\/volume\:pointer-events-auto{pointer-events:auto}.group\/volume:focus-within .group-focus-within\/volume\:opacity-100{opacity:1}.group\/volume:hover .group-hover\/volume\:pointer-events-auto{pointer-events:auto}.group\/volume:hover .group-hover\/volume\:opacity-100{opacity:1}.has-\[\:focus-visible\]\:pointer-events-auto:has(:focus-visible){pointer-events:auto}.has-\[\:focus-visible\]\:opacity-100:has(:focus-visible){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}

package/dist/tokens/pyler-light.d.ts

@@ -35,6 +35,9 @@ export declare const PYLER_LIGHT_COLOR_TOKENS: {
         readonly default: {
             readonly hex: HexColor;
         };
+        readonly "sky-blue": {
+            readonly hex: HexColor;
+        };
     };
     readonly background: {
         readonly default: {
@@ -45,6 +48,9 @@ export declare const PYLER_LIGHT_COLOR_TOKENS: {
         readonly strong: {
             readonly hex: HexColor;
         };
+        readonly medium: {
+            readonly hex: HexColor;
+        };
         readonly normal: {
             readonly hex: HexColor;
         };
@@ -70,6 +76,12 @@ export declare const PYLER_LIGHT_COLOR_TOKENS: {
         readonly alternative: {
             readonly hex: HexColor;
         };
+        readonly hovered: {
+            readonly hex: HexColor;
+        };
+        readonly disabled: {
+            readonly hex: HexColor;
+        };
     };
     readonly primary: {
         readonly "blue-normal": {