@geckou/ui-vue 0.10.0 → 0.12.0

package/README.md

@@ -301,6 +301,18 @@ const articles = ref<any[]>([])
 
 定義例はデモの `demo/styles/base.scss` を参照。
 
+## 0.12.0 の変更
+
+- `GenericArticleList` が `theme='grid'` を実装した（型には含まれるのに switch に無く、
+  黙って Standard になっていた）。`<ul>` の `list-style` もリセットする
+- `CategoryList` / `MetadataList` が引き当てに失敗した値（空文字）を描かない。
+  `categoryData` を渡し忘れると、ID の数だけ空の `<li>` が並んでいた
+- `MetadataList` の `icon.name` が prop の変更に追従する（setup 時の一度きりだった）
+- `News` / `Row` カードが `isPickUpItem` を宣言した（`ispickupitem` 属性として
+  `<a>` に落ちていた）
+- `News` カードの `AuthorInfo` へ渡す文字サイズを `text.fontSize` に直した
+  （`fontSize` は prop ではなく、小さくなっていなかった）
+- `DateSelector` の使われていないクリックハンドラ（`openDropdown`）を削除
 ## 0.10.0 の変更
 
 - `DatePicker` の年月日欄は**入力中にエラー文言を出さない**。判定は入力のたびに

package/dist/components/ArticleList/Card/News.vue.d.ts

@@ -2,6 +2,7 @@ import { Article, Category, PostConfig } from '../../../types';
 type __VLS_Props = {
     article: Article;
     path: string;
+    isPickUpItem?: boolean;
     postConfig: PostConfig;
     categories: Category[];
 };

package/dist/components/ArticleList/Card/News.vue2.js

@@ -8,11 +8,12 @@ import h from "../Parts/CategoryList.vue.js";
 import C from "../Parts/TagList.vue.js";
 import $ from "../Parts/PostedDate.vue.js";
 import b from "../Parts/ExcerptText.vue.js";
-const B = /* @__PURE__ */ m({
+const A = /* @__PURE__ */ m({
   __name: "News",
   props: {
     article: {},
     path: {},
+    isPickUpItem: { type: Boolean },
     postConfig: {},
     categories: {}
   },
@@ -79,9 +80,9 @@ const B = /* @__PURE__ */ m({
             class: t(a.$style.author),
             text: {
               color: "var(--gray)",
-              preposition: "by"
+              preposition: "by",
+              fontSize: "small"
             },
-            fontSize: "small",
             style: { "grid-area": "author" }
           }, null, 8, ["name", "class"])) : o("", !0)
         ];
@@ -91,5 +92,5 @@ const B = /* @__PURE__ */ m({
   }
 });
 export {
-  B as default
+  A as default
 };

package/dist/components/ArticleList/Card/Row.vue.d.ts

@@ -2,6 +2,7 @@ import { Article, Category, PostConfig } from '../../../types';
 type __VLS_Props = {
     article: Article;
     path: string;
+    isPickUpItem?: boolean;
     postConfig: PostConfig;
     categories: Category[];
 };

package/dist/components/ArticleList/Card/Row.vue2.js

@@ -6,18 +6,19 @@ import u from "../Parts/AuthorInfo.vue.js";
 import h from "../Parts/CardHeading.vue.js";
 import C from "../Parts/CategoryList.vue.js";
 import $ from "../Parts/TagList.vue.js";
-import v from "../Parts/PostedDate.vue.js";
-import b from "../Parts/ExcerptText.vue.js";
-const R = /* @__PURE__ */ g({
+import k from "../Parts/PostedDate.vue.js";
+import v from "../Parts/ExcerptText.vue.js";
+const N = /* @__PURE__ */ g({
   __name: "Row",
   props: {
     article: {},
     path: {},
+    isPickUpItem: { type: Boolean },
     postConfig: {},
     categories: {}
   },
   setup(e) {
-    return (a, k) => e.article ? (r(), l(y, {
+    return (a, b) => e.article ? (r(), l(y, {
       key: 0,
       class: t(a.$style.container),
       path: e.path
@@ -46,7 +47,7 @@ const R = /* @__PURE__ */ g({
             class: t(a.$style.thumbnail),
             style: { "grid-area": "thumbnail" }
           }, null, 8, ["article", "class"]),
-          o(v, {
+          o(k, {
             date: e.article.date,
             formatString: "yy.M.d",
             class: t(a.$style.date),
@@ -58,7 +59,7 @@ const R = /* @__PURE__ */ g({
             class: t(a.$style.heading),
             style: { "grid-area": "heading" }
           }, null, 8, ["heading", "class"]),
-          o(b, {
+          o(v, {
             excerpt: e.article.excerpt.rendered,
             class: t(a.$style.excerpt),
             fontSize: "small",
@@ -93,5 +94,5 @@ const R = /* @__PURE__ */ g({
   }
 });
 export {
-  R as default
+  N as default
 };

package/dist/components/ArticleList/GenericArticleList.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, computed as r, openBlock as n, createElementBlock as a, normalizeStyle as c, normalizeClass as C, Fragment as g, renderList as b, createBlock as y, resolveDynamicComponent as k, unref as h } from "vue";
+import { defineComponent as f, computed as t, openBlock as n, createElementBlock as i, normalizeStyle as c, normalizeClass as C, Fragment as g, renderList as b, createBlock as y, resolveDynamicComponent as k, unref as h } from "vue";
 import { normalizePostConfig as v, returnArticlePath as N } from "../../scripts/utils.js";
 import u from "./Card/Standard.vue.js";
 import P from "./Card/Rounded.vue.js";
@@ -7,9 +7,10 @@ import w from "./Card/Tile.vue.js";
 import E from "./Card/Simple.vue.js";
 import z from "./Card/Row.vue.js";
 import A from "./Card/News.vue.js";
-import B from "./Card/Entertainment.vue.js";
+import B from "./Card/Grid.vue.js";
+import G from "./Card/Entertainment.vue.js";
 import I from "./Card/Gallery.vue.js";
-const K = /* @__PURE__ */ f({
+const O = /* @__PURE__ */ f({
   __name: "GenericArticleList",
   props: {
     articles: {},
@@ -19,10 +20,10 @@ const K = /* @__PURE__ */ f({
     settings: {}
   },
   setup(e) {
-    const t = e, d = r(() => t.settings.domainToUse), i = r(() => t.settings.isEnabledPickUp), s = r(
-      () => v(t.settings.postConfig)
-    ), p = r(() => {
-      switch (t.theme) {
+    const r = e, d = t(() => r.settings.domainToUse), a = t(() => r.settings.isEnabledPickUp), s = t(
+      () => v(r.settings.postConfig)
+    ), p = t(() => {
+      switch (r.theme) {
         case "standard":
           return u;
         case "rounded":
@@ -37,29 +38,31 @@ const K = /* @__PURE__ */ f({
           return z;
         case "news":
           return A;
+        case "grid":
+          return B;
         case "gallery":
           return I;
         case "entertainment":
-          return B;
+          return G;
         default:
           return u;
       }
     });
-    return (m, S) => (n(), a("ul", {
+    return (m, S) => (n(), i("ul", {
       style: c({
         "--column-number": e.columnNumber,
         "--tablet-column-number": e.columnNumber - 1 ? e.columnNumber - 1 : 1
       }),
-      class: C([m.$style.list, { [m.$style.pickup]: i.value }])
+      class: C([m.$style.list, { [m.$style.pickup]: a.value }])
     }, [
-      (n(!0), a(g, null, b(e.articles, (o, l) => (n(), a("li", {
+      (n(!0), i(g, null, b(e.articles, (o, l) => (n(), i("li", {
         key: o.id,
         style: c({ animationDelay: `${Number(l) * 0.1}s` })
       }, [
         (n(), y(k(p.value), {
           path: h(N)(s.value, d.value, o.id),
           article: o,
-          isPickUpItem: Number(l) === 0 && i.value,
+          isPickUpItem: Number(l) === 0 && a.value,
           postConfig: s.value,
           categories: e.categories
         }, null, 8, ["path", "article", "isPickUpItem", "postConfig", "categories"]))
@@ -68,5 +71,5 @@ const K = /* @__PURE__ */ f({
   }
 });
 export {
-  K as default
+  O as default
 };

package/dist/components/ArticleList/GenericArticleList.vue3.js

@@ -1,11 +1,11 @@
-const t = "_list_h2kvz_1", s = "_fadeIn_h2kvz_1", _ = "_pickup_h2kvz_39", c = {
-  list: t,
-  fadeIn: s,
-  pickup: _
+const c = "_list_cv8hf_1", t = "_fadeIn_cv8hf_1", s = "_pickup_cv8hf_42", _ = {
+  list: c,
+  fadeIn: t,
+  pickup: s
 };
 export {
-  c as default,
-  s as fadeIn,
-  t as list,
-  _ as pickup
+  _ as default,
+  t as fadeIn,
+  c as list,
+  s as pickup
 };

package/dist/components/ArticleList/Parts/CategoryList.vue.js

@@ -9,26 +9,26 @@ const b = /* @__PURE__ */ m({
     label: {},
     delimiter: {}
   },
-  setup(e) {
-    const n = e, l = (t, c) => {
+  setup(t) {
+    const n = t, l = (e, i) => {
       var a;
-      return t.length ? ((a = t.find((o) => String(o.id) === String(c))) == null ? void 0 : a.name) ?? "" : "";
+      return e.length ? ((a = e.find((o) => String(o.id) === String(i))) == null ? void 0 : a.name) ?? "" : "";
     }, r = d(
       () => n.categoryIds.map(
-        (t) => l(n.categoryData, t)
-      )
+        (e) => l(n.categoryData, e)
+      ).filter((e) => e !== "")
     );
-    return (t, c) => {
-      var a, o, i;
+    return (e, i) => {
+      var a, o, c;
       return s(), u(g, {
         metadata: r.value,
         icon: {
-          name: (a = e.icon) != null && a.color ? "FolderIcon" : null,
-          color: (o = e.icon) == null ? void 0 : o.color,
-          size: (i = e.icon) == null ? void 0 : i.size
+          name: (a = t.icon) != null && a.color ? "FolderIcon" : null,
+          color: (o = t.icon) == null ? void 0 : o.color,
+          size: (c = t.icon) == null ? void 0 : c.size
         },
-        label: e.label,
-        delimiter: e.delimiter
+        label: t.label,
+        delimiter: t.delimiter
       }, null, 8, ["metadata", "icon", "label", "delimiter"]);
     };
   }

package/dist/components/ArticleList/Parts/MetadataList.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as s, openBlock as a, createElementBlock as o, normalizeClass as t, normalizeStyle as n, createBlock as m, resolveDynamicComponent as d, unref as u, createCommentVNode as i, createElementVNode as b, Fragment as f, renderList as y, toDisplayString as g } from "vue";
-import k from "../../Icon/Folder.vue.js";
-import v from "../../Icon/Tag.vue.js";
-const z = ["data-delimiter"], F = /* @__PURE__ */ s({
+import { defineComponent as b, computed as c, openBlock as a, createElementBlock as o, normalizeClass as t, normalizeStyle as n, createBlock as f, resolveDynamicComponent as y, createCommentVNode as m, createElementVNode as v, Fragment as g, renderList as k, toDisplayString as z } from "vue";
+import C from "../../Icon/Folder.vue.js";
+import h from "../../Icon/Tag.vue.js";
+const $ = ["data-delimiter"], q = /* @__PURE__ */ b({
   __name: "MetadataList",
   props: {
     metadata: {},
@@ -20,25 +20,27 @@ const z = ["data-delimiter"], F = /* @__PURE__ */ s({
     delimiter: { default: "" }
   },
   setup(e) {
-    const c = e.icon.name === "FolderIcon" ? k : v;
-    return (l, C) => e.metadata.length ? (a(), o("div", {
+    const r = e, d = c(
+      () => r.icon.name === "FolderIcon" ? C : h
+    ), i = c(() => r.metadata.filter((l) => l !== ""));
+    return (l, S) => i.value.length ? (a(), o("div", {
       key: 0,
       class: t(l.$style.metadata_list),
       style: n({ "--icon-color": e.icon.color })
     }, [
-      e.icon.name ? (a(), m(d(u(c)), {
+      e.icon.name ? (a(), f(y(d.value), {
         key: 0,
         class: t(l.$style.icon),
         style: n({
           "--icon-color": e.icon.color,
           "--icon-size": e.icon.size === "small" ? "var(--small-icon-size, 0.9375rem)" : "var(--medium-icon-size, 1.125rem)"
         })
-      }, null, 8, ["class", "style"])) : i("", !0),
-      b("ul", {
+      }, null, 8, ["class", "style"])) : m("", !0),
+      v("ul", {
         class: t(l.$style.list)
       }, [
-        (a(!0), o(f, null, y(e.metadata, (r) => (a(), o("li", {
-          key: r,
+        (a(!0), o(g, null, k(i.value, (s, u) => (a(), o("li", {
+          key: `${u}_${s}`,
           class: t([
             l.$style.list_item,
             l.$style[e.label.shape ?? "square"],
@@ -52,11 +54,11 @@ const z = ["data-delimiter"], F = /* @__PURE__ */ s({
             "--label-font-weight": e.label.fontWeight ?? "normal"
           }),
           "data-delimiter": e.delimiter
-        }, g(r), 15, z))), 128))
+        }, z(s), 15, $))), 128))
       ], 2)
-    ], 6)) : i("", !0);
+    ], 6)) : m("", !0);
   }
 });
 export {
-  F as default
+  q as default
 };

package/dist/components/DateSelector.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as T, ref as x, computed as y, watch as M, watchEffect as A, onBeforeUnmount as O, openBlock as s, createBlock as j, normalizeClass as u, withCtx as U, createElementVNode as o, createElementBlock as d, Fragment as h, renderList as $, toDisplayString as B, createVNode as c, createCommentVNode as Y, unref as k } from "vue";
-import { daysInMonth as z, splitDate as H } from "@geckou/ui-core";
-import P from "./InputBox.vue.js";
-import C from "./Icon/KeyboardArrowDownIcon.vue.js";
-import G from "./TextButton.vue.js";
-import { nextUniqueId as J } from "../scripts/unique-id.js";
-const K = ["value", "name", "aria-label", "aria-labelledby", "required"], Q = ["value"], W = ["value", "name", "aria-label", "aria-labelledby", "required"], X = ["value"], Z = ["value", "name", "aria-label", "aria-labelledby", "required"], w = ["value"], _ = ["id"], ee = ["id"], te = ["id"], de = /* @__PURE__ */ T({
+import { defineComponent as F, ref as x, computed as y, watch as I, watchEffect as A, onBeforeUnmount as O, openBlock as d, createBlock as T, normalizeClass as u, withCtx as _, createElementVNode as o, createElementBlock as s, Fragment as h, renderList as g, toDisplayString as $, createVNode as c, createCommentVNode as M, unref as B } from "vue";
+import { daysInMonth as j, splitDate as U } from "@geckou/ui-core";
+import z from "./InputBox.vue.js";
+import q from "./Icon/KeyboardArrowDownIcon.vue.js";
+import H from "./TextButton.vue.js";
+import { nextUniqueId as P } from "../scripts/unique-id.js";
+const G = ["value", "name", "aria-label", "aria-labelledby", "required"], J = ["value"], K = ["value", "name", "aria-label", "aria-labelledby", "required"], Q = ["value"], W = ["value", "name", "aria-label", "aria-labelledby", "required"], X = ["value"], Z = ["id"], w = ["id"], ee = ["id"], de = /* @__PURE__ */ F({
   __name: "DateSelector",
   props: {
     name: {},
@@ -18,67 +18,64 @@ const K = ["value", "name", "aria-label", "aria-labelledby", "required"], Q = ["
     ariaLabelledBy: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: D }) {
-    const q = D, l = i, m = J("date_selector_unit"), f = (e) => l.ariaLabelledBy ? void 0 : `${l.ariaLabel ?? l.name}の${e}`, v = (e) => l.ariaLabelledBy ? `${l.ariaLabelledBy} ${m}_${e}` : void 0, n = x({
+  setup(i, { emit: Y }) {
+    const S = Y, l = i, m = P("date_selector_unit"), v = (e) => l.ariaLabelledBy ? void 0 : `${l.ariaLabel ?? l.name}の${e}`, b = (e) => l.ariaLabelledBy ? `${l.ariaLabelledBy} ${m}_${e}` : void 0, n = x({
       year: "",
       month: "",
       day: ""
-    }), E = y(() => {
-      const e = (/* @__PURE__ */ new Date()).getFullYear(), a = l.minYear ?? e - 100, t = l.maxYear ?? e - 14, r = Math.max(t - a + 1, 0);
-      return Array.from({ length: r }, (g, F) => (a + F).toString()).map((g) => ({ label: g, value: g }));
-    }), N = y(() => Array.from({ length: 12 }, (e, a) => {
-      const t = (a + 1).toString();
+    }), D = y(() => {
+      const e = (/* @__PURE__ */ new Date()).getFullYear(), t = l.minYear ?? e - 100, a = l.maxYear ?? e - 14, r = Math.max(a - t + 1, 0);
+      return Array.from({ length: r }, (p, V) => (t + V).toString()).map((p) => ({ label: p, value: p }));
+    }), E = y(() => Array.from({ length: 12 }, (e, t) => {
+      const a = (t + 1).toString();
       return {
-        label: t,
-        value: t.padStart(2, "0")
+        label: a,
+        value: a.padStart(2, "0")
       };
-    })), S = y(() => {
-      var t, r;
-      const e = Number((t = n.value) == null ? void 0 : t.month);
+    })), L = y(() => {
+      var a, r;
+      const e = Number((a = n.value) == null ? void 0 : a.month);
       if (!e)
         return 31;
-      const a = Number((r = n.value) == null ? void 0 : r.year) || 2e3;
-      return z(a, e);
-    }), R = y(() => {
-      const e = [], a = S.value;
-      for (let t = 1; t <= a; t++) {
-        const r = t.toString();
+      const t = Number((r = n.value) == null ? void 0 : r.year) || 2e3;
+      return j(t, e);
+    }), N = y(() => {
+      const e = [], t = L.value;
+      for (let a = 1; a <= t; a++) {
+        const r = a.toString();
         e.push(r);
       }
-      return e.map((t) => ({
-        label: t,
-        value: String(t).padStart(2, "0")
+      return e.map((a) => ({
+        label: a,
+        value: String(a).padStart(2, "0")
       }));
-    }), b = (e) => {
-      const t = e.currentTarget.firstElementChild;
-      t && t.click();
-    }, p = (e, a) => {
-      const t = e.target, { value: r } = t;
-      n.value = { ...n.value, [a]: r };
+    }), f = (e, t) => {
+      const a = e.target, { value: r } = a;
+      n.value = { ...n.value, [t]: r };
     };
-    M(S, (e) => {
-      const a = Number(n.value.day);
-      a && a > e && (n.value = { ...n.value, day: String(e).padStart(2, "0") });
+    I(L, (e) => {
+      const t = Number(n.value.day);
+      t && t > e && (n.value = { ...n.value, day: String(e).padStart(2, "0") });
     });
-    const V = { year: "", month: "", day: "" };
+    const R = { year: "", month: "", day: "" };
     A(() => {
-      n.value = l.modelValue ? H(l.modelValue) : { ...V };
+      n.value = l.modelValue ? U(l.modelValue) : { ...R };
     });
-    const L = (e) => {
+    const k = (e) => {
       l.formValidationManager && l.formValidationManager.setValid(l.name, e);
-    }, I = (e) => {
-      const a = !!(e.year && e.month && (l.type === "month" || e.day)), t = !e.year && !e.month && !e.day;
-      return l.isRequired ? a : a || t;
+    }, C = (e) => {
+      const t = !!(e.year && e.month && (l.type === "month" || e.day)), a = !e.year && !e.month && !e.day;
+      return l.isRequired ? t : t || a;
     };
-    return L(I(n.value)), M(
+    return k(C(n.value)), I(
       () => n.value,
       (e) => {
-        const a = !!(e.year && e.month && (l.type === "month" || e.day)), t = !e.year && !e.month && !e.day;
-        if (L(I(e)), t)
-          q("update:modelValue", "");
-        else if (a) {
+        const t = !!(e.year && e.month && (l.type === "month" || e.day)), a = !e.year && !e.month && !e.day;
+        if (k(C(e)), a)
+          S("update:modelValue", "");
+        else if (t) {
           const r = l.type === "month" ? [e.year, e.month] : [e.year, e.month, e.day];
-          q("update:modelValue", r.filter(Boolean).join("-"));
+          S("update:modelValue", r.filter(Boolean).join("-"));
         } else
           return;
       },
@@ -86,103 +83,100 @@ const K = ["value", "name", "aria-label", "aria-labelledby", "required"], Q = ["
     ), O(() => {
       var e;
       return (e = l.formValidationManager) == null ? void 0 : e.remove(l.name);
-    }), (e, a) => (s(), j(P, {
+    }), (e, t) => (d(), T(z, {
       class: u(e.$style.date_selector)
     }, {
-      default: U(() => [
+      default: _(() => [
         o("div", {
-          class: u([e.$style.selector_wrapper]),
-          onClick: a[1] || (a[1] = (t) => b(t))
+          class: u([e.$style.selector_wrapper])
         }, [
           o("select", {
             value: n.value.year,
             name: `${i.name}-year`,
-            "aria-label": f("年"),
-            "aria-labelledby": v("年"),
+            "aria-label": v("年"),
+            "aria-labelledby": b("年"),
             required: i.isRequired,
             class: u(e.$style.year),
-            onChange: a[0] || (a[0] = (t) => p(t, "year"))
+            onChange: t[0] || (t[0] = (a) => f(a, "year"))
           }, [
-            a[7] || (a[7] = o("option", {
+            t[4] || (t[4] = o("option", {
               disabled: "",
               selected: "",
               value: ""
             }, "年", -1)),
-            (s(!0), d(h, null, $(E.value, (t) => (s(), d("option", {
-              key: t.value,
-              value: t.value
-            }, B(t.label), 9, Q))), 128))
-          ], 42, K),
-          c(C)
+            (d(!0), s(h, null, g(D.value, (a) => (d(), s("option", {
+              key: a.value,
+              value: a.value
+            }, $(a.label), 9, J))), 128))
+          ], 42, G),
+          c(q)
         ], 2),
         o("div", {
-          class: u([e.$style.selector_wrapper]),
-          onClick: a[3] || (a[3] = (t) => b(t))
+          class: u([e.$style.selector_wrapper])
         }, [
           o("select", {
             value: n.value.month,
             name: `${i.name}-month`,
-            "aria-label": f("月"),
-            "aria-labelledby": v("月"),
+            "aria-label": v("月"),
+            "aria-labelledby": b("月"),
             required: i.isRequired,
-            onChange: a[2] || (a[2] = (t) => p(t, "month"))
+            onChange: t[1] || (t[1] = (a) => f(a, "month"))
           }, [
-            a[8] || (a[8] = o("option", {
+            t[5] || (t[5] = o("option", {
               disabled: "",
               selected: "",
               value: ""
             }, "月", -1)),
-            (s(!0), d(h, null, $(N.value, (t) => (s(), d("option", {
-              key: t.value,
-              value: t.value
-            }, B(t.label), 9, X))), 128))
-          ], 40, W),
-          c(C)
+            (d(!0), s(h, null, g(E.value, (a) => (d(), s("option", {
+              key: a.value,
+              value: a.value
+            }, $(a.label), 9, Q))), 128))
+          ], 40, K),
+          c(q)
         ], 2),
-        i.type === "date" ? (s(), d("div", {
+        i.type === "date" ? (d(), s("div", {
           key: 0,
-          class: u([e.$style.selector_wrapper]),
-          onClick: a[5] || (a[5] = (t) => b(t))
+          class: u([e.$style.selector_wrapper])
         }, [
           o("select", {
             value: n.value.day,
             name: `${i.name}-day`,
-            "aria-label": f("日"),
-            "aria-labelledby": v("日"),
+            "aria-label": v("日"),
+            "aria-labelledby": b("日"),
             required: i.isRequired,
-            onChange: a[4] || (a[4] = (t) => p(t, "day"))
+            onChange: t[2] || (t[2] = (a) => f(a, "day"))
           }, [
-            a[9] || (a[9] = o("option", {
+            t[6] || (t[6] = o("option", {
               disabled: "",
               selected: "",
               value: ""
             }, "日", -1)),
-            (s(!0), d(h, null, $(R.value, (t) => (s(), d("option", {
-              key: t.value,
-              value: t.value
-            }, B(t.label), 9, w))), 128))
-          ], 40, Z),
-          c(C)
-        ], 2)) : Y("", !0),
-        i.ariaLabelledBy ? (s(), d("span", {
+            (d(!0), s(h, null, g(N.value, (a) => (d(), s("option", {
+              key: a.value,
+              value: a.value
+            }, $(a.label), 9, X))), 128))
+          ], 40, W),
+          c(q)
+        ], 2)) : M("", !0),
+        i.ariaLabelledBy ? (d(), s("span", {
           key: 1,
           class: u(e.$style.unit_labels)
         }, [
           o("span", {
-            id: `${k(m)}_年`
-          }, "の年", 8, _),
+            id: `${B(m)}_年`
+          }, "の年", 8, Z),
           o("span", {
-            id: `${k(m)}_月`
-          }, "の月", 8, ee),
+            id: `${B(m)}_月`
+          }, "の月", 8, w),
           o("span", {
-            id: `${k(m)}_日`
-          }, "の日", 8, te)
-        ], 2)) : Y("", !0),
-        c(G, {
+            id: `${B(m)}_日`
+          }, "の日", 8, ee)
+        ], 2)) : M("", !0),
+        c(H, {
           text: "削除",
           variant: "caution",
           class: u(e.$style.delete_button),
-          onClick: a[6] || (a[6] = (t) => n.value = { year: "", month: "", day: "" })
+          onClick: t[3] || (t[3] = (a) => n.value = { year: "", month: "", day: "" })
         }, null, 8, ["class"])
       ]),
       _: 1

package/dist/style.css

@@ -1 +1 @@
-:is(._input_box_4lok0_1){display:inline-flex;max-inline-size:100%;background-color:var(--background-color);box-shadow:var(--border-style),var(--box-shadow);border-radius:var(--radius-size);color:var(--text-color);position:relative}:is(._input_box_4lok0_1) input,:is(._input_box_4lok0_1) textarea,:is(._input_box_4lok0_1) select{inline-size:100%;padding:1rem;background-color:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}:is(._input_box_4lok0_1) *::placeholder{color:var(--placeholder-color);font-weight:400}:is(._input_box_4lok0_1) *:focus,:is(._input_box_4lok0_1) *:focus:not(:focus-visible){outline:none}:is(._input_box_4lok0_1):has(>*:disabled){pointer-events:none!important;position:relative}:is(._input_box_4lok0_1):has(>*:disabled):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:all;cursor:not-allowed!important}:is(._error_messages_basoi_1){inline-size:max-content;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem;font-size:small;color:var(--error-text-color);background-color:var(--error-background-color);box-shadow:0 0 .5rem .25rem #3332;border-radius:.25rem;line-height:1;position:absolute;inset-block-start:calc(100% + .25rem)}:is(._error_messages_basoi_1):before{--tail-size: .85rem;content:"";display:block;background-color:var(--error-background-color);inline-size:var(--tail-size);block-size:calc(var(--tail-size) * .625);clip-path:polygon(50% 0%,100% 100%,0% 100%);position:absolute;bottom:calc(100% - 1px);inset-inline-start:.85rem}:is(._text_box_dqty_1){display:inline-flex}:is(._text_box_dqty_1)>input{flex:1 1 auto}:is(._text_area_1f3te_2){min-block-size:4em}:is(._button_pz98w_1){display:inline-flex;justify-content:center;align-items:center;inline-size:max-content;padding:1rem 2rem;background-color:var(--background-color);box-shadow:0 0 0 var(--border-size) var(--border-color) inset,var(--box-shadow);border:none;border-radius:var(--radius-size);color:var(--text-color);line-height:1;transition:all var(--duration);position:relative;cursor:pointer}@media (hover: hover){:is(._button_pz98w_1):where(:any-link,:enabled,summary):hover{background-color:var(--hover-background-color);box-shadow:0 0 0 var(--hover-border-size) var(--hover-border-color) inset,var(--hover-box-shadow);border-radius:var(--hover-radius-size);color:var(--hover-text-color)}}:is(._button_pz98w_1)._loading_pz98w_25,:is(._button_pz98w_1):disabled{pointer-events:none!important}:is(._button_pz98w_1)._loading_pz98w_25:before,:is(._button_pz98w_1):disabled:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:all;cursor:not-allowed!important}:is(._button_pz98w_1)._loading_pz98w_25>*:not(:is(._loading_animation_pz98w_35)){visibility:hidden}:is(._loading_animation_pz98w_35){max-block-size:calc(100% - 1.5rem);color:currentColor;fill:currentColor;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}:is(._loading_animation_pz98w_35) *{max-block-size:100%;color:currentColor;fill:currentColor}:is(._select_box_pnpdo_1){display:inline-flex}:is(._select_box_pnpdo_1)>select{flex:1 1 auto;padding-inline-end:2rem;cursor:pointer}:is(._arrow_container_pnpdo_10){display:flex;align-items:center;position:absolute;margin:auto;inset-inline-end:.5rem;inset-block:0;pointer-events:none}:is(._arrow_container_pnpdo_10)>*{color:currentColor;fill:currentColor;block-size:1rem}@keyframes _pop_1flnz_1{0%{scale:1}10%{scale:.8}50%{scale:1.1}to{scale:1}}:is(._check_box_1flnz_15){display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;box-shadow:0 0 0 var(--border-size) var(--border-color) inset;border-radius:var(--radius-size);background-color:var(--background-color);cursor:pointer}:is(._check_box_1flnz_15):disabled{pointer-events:none!important;position:relative}:is(._check_box_1flnz_15):disabled:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:all;cursor:not-allowed!important}:is(._check_box_1flnz_15)[data-checked=true]{background-color:var(--border-color);animation:_pop_1flnz_1 var(--duration) ease-out}:is(._check_box_1flnz_15)[data-checked=true] :is(._check_container_1flnz_42){color:var(--background-color)}:is(._check_container_1flnz_42){display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--border-color)}:is(._check_container_1flnz_42)>*{color:currentColor;fill:currentColor}:is(._labeled_check_box_1y15f_1){display:inline-flex;align-items:center;gap:.5em;cursor:pointer}:is(._labeled_check_box_1y15f_1):has(button:disabled){cursor:auto}:is(._labeled_check_box_1y15f_1) ._label_1y15f_1{color:var(--checked-color)}:is(._labeled_check_box_1y15f_1):has(button[data-checked=true]) ._label_1y15f_1{color:var(--text-color)}._check_boxes_1cn70_1{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;position:relative}@keyframes _pop_7lw3v_1{0%{scale:1}10%{scale:.8}50%{scale:1.1}to{scale:1}}:is(._check_box_7lw3v_15){display:flex;position:relative;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;box-shadow:0 0 0 var(--border-size) var(--border-color) inset;border-radius:var(--radius-size);background-color:var(--background-color);cursor:pointer}:is(._check_box_7lw3v_15)>input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}:is(._check_box_7lw3v_15):has(input:disabled){pointer-events:none!important}:is(._check_box_7lw3v_15):has(input:disabled):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:all;cursor:not-allowed!important}:is(._check_box_7lw3v_15):has(input:checked){background-color:var(--border-color);animation:_pop_7lw3v_1 var(--duration) ease-out}:is(._check_box_7lw3v_15):has(input:checked) :is(._check_container_7lw3v_52){color:var(--background-color)}:is(._check_container_7lw3v_52){display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--border-color)}:is(._check_container_7lw3v_52)>*{color:currentColor;fill:currentColor}:is(._fieldset_1iro5_1){display:grid;gap:.5rem}:is(._fieldset_1iro5_1)>fieldset{display:contents}:is(._legend_1iro5_9){display:flex;align-items:center}:is(._input_1iro5_14)>*{inline-size:100%}@keyframes _pop_hh7eh_1{0%{scale:1}10%{scale:.8}50%{scale:1.2}to{scale:1}}:is(._radios_hh7eh_15){display:flex;align-items:center;flex-wrap:wrap;gap:1rem;position:relative}:is(._radio_hh7eh_15){display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;color:var(--border-color);cursor:pointer}:is(._radio_hh7eh_15):before{content:"";display:inline-block;aspect-ratio:1/1;width:1rem;box-shadow:0 0 0 1px var(--border-color) inset;background-color:var(--background-color);border-radius:50%;transition:all var(--duration) linear}:is(._radio_hh7eh_15):has(input:checked){color:var(--text-color)}:is(._radio_hh7eh_15):has(input:checked):before{box-shadow:0 0 0 2px var(--background-color) inset,0 0 0 1px var(--border-color);background-color:var(--border-color);animation:_pop_hh7eh_1 var(--duration) ease-out}:is(._radio_hh7eh_15):has(input:disabled){cursor:not-allowed!important}:is(._radio_hh7eh_15)>input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}:is(._toggle_button_tkkkr_1){--handle-size: 1.5rem;--padding-size: calc(var(--border-size) + 2px);--duration: .15s;inline-size:calc(var(--inline-size) + var(--handle-size) + var(--padding-size) * 2);position:relative;display:inline-block;padding:var(--padding-size);background-color:var(--background-color);box-shadow:0 0 0 var(--border-size) var(--border-color) inset,var(--box-shadow);border:none;border-radius:var(--radius-size);cursor:pointer}:is(._text_tkkkr_16){position:absolute;inline-size:100%;block-size:100%;text-transform:uppercase;color:var(--text-color);top:0;left:0}:is(._text_tkkkr_16):before,:is(._text_tkkkr_16):after{display:inline-flex;justify-content:center;align-items:center;block-size:100%;inline-size:calc(100% - var(--handle-size) - var(--padding-size));margin:auto;line-height:1;position:absolute;transition:opacity var(--duration) ease-out}:is(._text_tkkkr_16):before{content:attr(data-off);right:0}:is(._text_tkkkr_16):after{content:attr(data-on);left:0;opacity:0}:is(._text_tkkkr_16)._on_tkkkr_45:before{opacity:0}:is(._text_tkkkr_16)._on_tkkkr_45:after{opacity:1}:is(._text_tkkkr_16)._on_tkkkr_45+._handle_tkkkr_51{left:calc(100% - var(--handle-size))}:is(._handle_tkkkr_51){inline-size:var(--handle-size);aspect-ratio:1/1;margin:0;background-color:var(--text-color);border-radius:calc(var(--radius-size) - var(--padding-size) / 2);box-shadow:var(--box-shadow);position:relative;left:0;transition:left var(--duration) ease-out}._input_group_7evrk_1{display:inline-flex;gap:1px}@container (width <= 576px){._input_group_7evrk_1{flex-wrap:wrap}}._input_group_7evrk_1>*{flex:1 1 auto;border-radius:0}._input_group_7evrk_1>*:first-child:not(:only-child){border-top-left-radius:var(--radius-small);border-bottom-left-radius:var(--radius-small)}._input_group_7evrk_1>*:last-child:not(:only-child){border-top-right-radius:var(--radius-small);border-bottom-right-radius:var(--radius-small)}._input_group_7evrk_1>button{flex:0 0 auto}._text_button_awtwg_1{padding:0;border:none;background-color:transparent;color:var(--text-button-color);font-size:inherit;line-height:1;cursor:pointer}._text_button_awtwg_1:hover:not(:disabled){text-decoration:underline}._text_button_awtwg_1:disabled{color:var(--disable-text-color);cursor:not-allowed}._unit_labels_19dtq_1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}._icon_19dtq_13{width:100%;height:100%;max-width:var(--medium-icon-size, 1.125rem);max-height:var(--medium-icon-size, 1.125rem);fill:var(--link-color);margin:auto;position:absolute;top:0;left:var(--sp-small);bottom:0}._date_input_19dtq_26{flex:0 0 auto;position:relative;border-radius:var(--radius-small)}._date_input_19dtq_26:has(input:focus-visible){outline:2px solid var(--link-color);outline-offset:2px}._date_input_19dtq_26>input{width:calc(var(--icon-medium) + var(--sp-small) * 2);padding:var(--sp-medium) var(--sp-small)}._date_input_19dtq_26>input[type=date],._date_input_19dtq_26>input[type=month]{opacity:0}._date_input_19dtq_26>input[type=date]::-webkit-calendar-picker-indicator,._date_input_19dtq_26>input[type=month]::-webkit-calendar-picker-indicator{position:absolute;left:0;width:100%;height:100%;opacity:0;cursor:pointer}._date_picker_19dtq_51{display:flex;align-items:center;width:100%;position:relative;line-height:1}._date_picker_19dtq_51>input{padding:var(--sp-medium);width:calc(var(--sp-medium) * 2 + 3ch)}._date_picker_19dtq_51>input._year_19dtq_62{width:calc(var(--sp-medium) * 2 + 5ch)}._date_picker_19dtq_51>input[type=text]{flex:0 0 auto}._date_picker_19dtq_51._small_19dtq_68 ._icon_19dtq_13{width:100%;height:100%;max-width:var(--icon-small);max-height:var(--icon-small);fill:var(--link-color);left:var(--sp-small)}._date_picker_19dtq_51._small_19dtq_68 input{padding:var(--sp-min) var(--sp-small);font-size:var(--fs-small)}._date_range_picker_797j1_1{position:relative;display:flex;align-items:center;gap:var(--sp-small);flex-wrap:wrap}._range_797j1_9{flex:0 0 auto;color:var(--gray)}._unit_labels_pa04y_1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}._date_selector_pa04y_13{width:max-content;display:flex;align-items:center;position:relative}._date_selector_pa04y_13>*:not(:last-of-type):after{content:"/"}._selector_wrapper_pa04y_23{position:relative;width:max-content}._selector_wrapper_pa04y_23>svg{width:100%;height:100%;max-width:var(--medium-icon-size, 1.125rem);max-height:var(--medium-icon-size, 1.125rem);fill:var(--link-color);position:absolute;margin:auto;top:0;right:var(--sp-small);bottom:0;pointer-events:none}._selector_wrapper_pa04y_23:has(select:focus) svg{rotate:180deg}._selector_wrapper_pa04y_23>select{width:calc(3ch + var(--sp-medium) * 2 + var(--icon-medium));padding:var(--sp-medium);padding-inline-end:calc(var(--sp-small) * 2 + var(--icon-medium));cursor:pointer}._selector_wrapper_pa04y_23>select._year_pa04y_49{width:calc(5ch + var(--sp-medium) * 2 + var(--icon-medium))}._delete_button_pa04y_53{margin-inline:var(--sp-medium);font-size:var(--fs-small)}._drop_down_box_1azx1_1{position:relative}._button_1azx1_5{display:flex;align-items:center;inline-size:100%;block-size:100%;gap:var(--sp-small);color:var(--trigger-color)}._icon_1azx1_14{width:100%;height:100%;max-width:var(--icon-small);max-height:var(--icon-small);fill:var(--text-color);flex:0 0 auto;transition:all .1s}._icon_1azx1_14._open_1azx1_23{transform:rotate(180deg)}._contents_1azx1_27{border-radius:var(--radius-small);position:absolute;top:calc(100% - var(--sp-min));transition:block-size .1s;overflow:hidden;cursor:pointer}._contents_1azx1_27>div{max-block-size:calc(var(--bv) * 48);min-inline-size:calc(var(--bv) * 20);background-color:var(--white);overflow:auto}._container_1r8pd_1{display:flex;flex-direction:column;inline-size:100%;max-inline-size:var(--desktop-lower-width);max-block-size:100%;background-color:var(--white);border-radius:var(--radius-small);cursor:auto;filter:drop-shadow(0 0 6px var(--shadow-color, rgba(21, 20, 58, .12)));position:relative}._container_1r8pd_1._small_1r8pd_13{max-inline-size:var(--mobile-lower-width)}._container_1r8pd_1._large_1r8pd_16{max-inline-size:var(--contents-max-width, 1440px)}._header_1r8pd_20{padding:var(--sp-medium) var(--sp-large);border-block-end:1px solid var(--light-border-color)}._header_1r8pd_20>h2{font-size:var(--fs-large);font-weight:700}@container (width <= 576px){._header_1r8pd_20{padding:var(--sp-medium)}}._contents_1r8pd_34{flex:1 1 auto;overflow:auto;padding:var(--sp-large)}@container (width <= 576px){._contents_1r8pd_34{padding:var(--sp-medium)}}._footer_1r8pd_45{display:flex;justify-content:center;gap:var(--sp-large);padding:var(--sp-medium) var(--sp-large);border-block-start:1px solid var(--light-border-color)}@container (width <= 576px){._footer_1r8pd_45{gap:var(--sp-medium);padding:var(--sp-medium)}._footer_1r8pd_45>*{flex:1 1 auto}}._close_button_1r8pd_62{inline-size:var(--icon-medium);block-size:var(--icon-medium);color:var(--white);line-height:1;cursor:pointer;position:absolute;bottom:100%;left:100%}._close_button_1r8pd_62>*{width:100%;height:100%;max-width:var(--medium-icon-size, 1.125rem);max-height:var(--medium-icon-size, 1.125rem);fill:var(--text-color)}._overlay_1r8pd_80{display:flex;justify-content:center;align-items:center;inline-size:100dvw;block-size:100dvh;padding:var(--sp-larger);background:var(--overlay-color, rgba(0, 8, 26, .5));background-blend-mode:multiply;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .1s linear;pointer-events:none;position:fixed;z-index:var(--z-index-overlay, 90);top:0;left:0;cursor:pointer;overflow:hidden}@container (width <= 576px){._overlay_1r8pd_80{padding-inline:var(--sp-large)}}._overlay_1r8pd_80._display_1r8pd_105{opacity:1;pointer-events:auto;z-index:calc(var(--z-index-nav, 70) + 1)}._x-left_b6rtz_1{left:max((100vw - var(--contents-max-width, 1440px)) / 2,var(--sp-medium))}._x-right_b6rtz_4{right:max((100vw - var(--contents-max-width, 1440px)) / 2,var(--sp-medium))}._x-center_b6rtz_7{top:0;right:0;bottom:0;left:0;margin:auto}._y-top_b6rtz_12{top:calc(var(--global-header-height, 0px) - var(--sp-small))}._y-bottom_b6rtz_15{bottom:var(--sp-medium)}._y-center_b6rtz_18{top:0;right:0;bottom:0;left:0;margin:auto}._popup_b6rtz_23{position:fixed;background-color:var(--white);border:1px solid var(--primary-color);padding:var(--sp-medium);border-radius:var(--radius-small);inline-size:max-content;max-inline-size:calc(var(--mobile-lower-width, 430px) / 2);block-size:max-content;opacity:0;transition:transform,opacity;transition-duration:var(--animation-duration, .3s);pointer-events:none;z-index:var(--z-index-overlay, 90)}._popup_b6rtz_23._show_b6rtz_38{opacity:1}@keyframes _overflow_1gj5s_1{0%{overflow:hidden}99%{overflow:hidden}to{overflow:visible}}._trigger_content_1gj5s_12{inline-size:100%;text-align:start}._trigger_1gj5s_12{display:grid;grid-template-columns:1fr auto;align-items:center;inline-size:100%;justify-items:start;cursor:pointer;position:relative;color:var(--link-color)}._icon_1gj5s_28{width:100%;height:100%;max-width:var(--medium-icon-size, 1.125rem);max-height:var(--medium-icon-size, 1.125rem);fill:var(--link-color);flex:0 0 auto;transition:all .1s}._contents_1gj5s_38{transition:height var(--accordion-toggle-duration);overflow:hidden}._opened_1gj5s_43 ._icon_1gj5s_28{transform:rotate(180deg)}._opened_1gj5s_43 ._contents_1gj5s_38{animation:_overflow_1gj5s_1 var(--accordion-toggle-duration);animation-fill-mode:forwards}._tabs_bthfs_1{display:flex;background-color:var(--background-color)}._tabs_bthfs_1>button[role=tab]{border:none;background-color:transparent;color:var(--text-color);font-size:1rem;padding:.5rem 1rem;cursor:pointer}._tabs_bthfs_1>button[role=tab]._active_bthfs_13{color:var(--active-color);cursor:auto}._container_15pug_1{position:relative;display:grid;width:100%;height:100%;background-color:var(--base-color);text-decoration:none}._no_image_3evh4_1{display:flex;justify-content:center;align-items:center;gap:var(--sp-small);width:100%;height:100%;background-color:var(--light-gray);font-size:large}._no_image_3evh4_1>svg{width:var(--sp-large);height:var(--sp-large);fill:var(--gray)}._no_image_3evh4_1>span{color:var(--gray)}._container_2ogwb_1{width:100%}@container (width <= 576px){._container_2ogwb_1{aspect-ratio:var(--mobile-aspect--ratio)}}@container (576px <= width){._container_2ogwb_1{aspect-ratio:var(--tablet-aspect--ratio)}}@container (992px <= width){._container_2ogwb_1{aspect-ratio:var(--desktop-aspect--ratio)}}._container_2ogwb_1>img{width:100%;height:100%;object-fit:cover}@container (width <= 576px){._container_2ogwb_1>img{aspect-ratio:var(--mobile-aspect--ratio)}}@container (576px <= width){._container_2ogwb_1>img{aspect-ratio:var(--tablet-aspect--ratio)}}@container (992px <= width){._container_2ogwb_1>img{aspect-ratio:var(--desktop-aspect--ratio)}}._author_info_c6l8f_1{display:inline-flex;flex-direction:var(--author-info-direction);align-items:center;word-wrap:normal;gap:var(--sp-small)}._author_info_c6l8f_1 ._thumbnail_c6l8f_8{width:var(--thumbnail-size);height:var(--thumbnail-size);object-fit:cover}._author_info_c6l8f_1 ._thumbnail_c6l8f_8._circle_c6l8f_13{border-radius:50%}._author_info_c6l8f_1>span{margin:0;padding:0;color:var(--author-name-color);font-size:var(--author-name-font-size);font-weight:var(--author-name-font-weight)}._author_info_c6l8f_1>span:before{content:attr(data-preposition);margin-inline-end:var(--sp-min)}._heading_wp258_1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;block-size:max-content}._heading_wp258_1>h2{color:var(--heading-color);font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);margin:0}._metadata_list_1aazi_1{--icon-color: var(--disable-text-color);display:flex;align-items:center;gap:var(--sp-small)}._icon_1aazi_8{flex:0 0 var(--icon-size);width:100%;height:100%;max-width:var(--icon-size);max-height:var(--icon-size);fill:var(--icon-color)}._list_1aazi_17{display:flex;flex-wrap:wrap;gap:var(--sp-small) var(--sp-medium)}._list_1aazi_17 ._list_item_1aazi_22{line-height:1;background-color:var(--label-background-color);padding:var(--label-padding);color:var(--label-color);font-size:var(--label-font-size);font-weight:var(--label-font-weight)}._list_1aazi_17 ._list_item_1aazi_22._rounded_1aazi_30{border-radius:calc(var(--bv) / 2)}._list_1aazi_17 ._list_item_1aazi_22._delimiter_1aazi_33:not(:last-child):after{content:attr(data-delimiter);margin-inline-start:var(--sp-medium)}._posted_date_108g0_1{display:inline-flex;align-items:flex-end;color:var(--date-color);font-size:var(--date-font-size);font-weight:var(--date-font-weight)}._excerpt_hmmtv_1{color:var(--excerpt-color);font-size:var(--excerpt-font-size)}._excerpt_hmmtv_1>*{display:-webkit-box;-webkit-line-clamp:var(--excerpt-row);-webkit-box-orient:vertical;overflow:hidden;margin:0}._excerpt_hmmtv_1>*:not(:first-child){display:none}._container_1g9t2_1{grid-template-columns:1fr 1fr;grid-template-rows:0 auto auto auto 1fr auto auto;grid-template-areas:"category category" "thumbnail thumbnail" "heading heading" "tag tag" "excerpt excerpt" "date author"}._container_1g9t2_1:hover ._thumbnail_1g9t2_6{opacity:.8}@container (576px <= width){._container_1g9t2_1._pickup_1g9t2_10{grid-template-rows:auto 0 1fr auto auto auto auto;aspect-ratio:2.85/1;position:relative}._container_1g9t2_1._pickup_1g9t2_10>*:not(._thumbnail_1g9t2_6):not(._category_1g9t2_15){position:relative;padding-inline:var(--sp-medium)}._container_1g9t2_1._pickup_1g9t2_10 ._date_1g9t2_19,._container_1g9t2_1._pickup_1g9t2_10 ._author_1g9t2_20{padding-block-end:var(--sp-medium)}._container_1g9t2_1._pickup_1g9t2_10 ._thumbnail_1g9t2_6{width:100%;position:absolute;top:0;left:0;margin:0}._container_1g9t2_1._pickup_1g9t2_10 ._thumbnail_1g9t2_6:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;mix-blend-mode:screen;background-image:linear-gradient(to bottom,#fff0 38%,#ffffffe6)}._container_1g9t2_1._pickup_1g9t2_10 ._heading_1g9t2_41{align-self:end;font-size:xx-large}}._thumbnail_1g9t2_6{margin-block-end:var(--sp-medium);transition:opacity var(--animation-duration)}._category_1g9t2_15{position:absolute;top:0;left:0}._heading_1g9t2_41{margin-block-end:var(--sp-min)}._excerpt_1g9t2_62{margin-block-start:var(--sp-medium)}._author_1g9t2_20{justify-content:flex-end}._date_1g9t2_19,._author_1g9t2_20{margin-block-start:var(--sp-medium)}._container_ouyg9_1{grid-template-columns:auto auto;grid-template-rows:auto auto auto auto auto 1fr;grid-template-areas:"thumbnail thumbnail" "date author" "heading heading" "category category" "tag tag" "excerpt excerpt";gap:var(--sp-small)}._container_ouyg9_1:hover ._thumbnail_ouyg9_7{opacity:.8}@container (576px <= width){._container_ouyg9_1._pickup_ouyg9_11{grid-template-columns:calc((100% - var(--sp-larger) * 2) / 3) auto auto;grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"thumbnail date author" "thumbnail heading heading" "thumbnail category category" "thumbnail tag tag" "thumbnail excerpt excerpt";column-gap:var(--sp-larger)}._container_ouyg9_1._pickup_ouyg9_11 ._thumbnail_ouyg9_7{margin-inline-end:var(--sp-larger);margin-block-end:0}._container_ouyg9_1._pickup_ouyg9_11 ._heading_ouyg9_21{font-size:xx-large}}._date_ouyg9_26{align-items:center}._thumbnail_ouyg9_7{transition:opacity var(--animation-duration);margin-block-end:var(--sp-small)}._thumbnail_ouyg9_7>*{border-radius:var(--bv)}._heading_ouyg9_21{margin-block-end:var(--sp-small)}._wrapper_1gqog_1{display:block;width:100%;height:100%;position:relative;box-shadow:0 0 var(--sp-medium) 0 rgba(var(--black-rgb),.1)}._wrapper_1gqog_1:before,._wrapper_1gqog_1:after{content:"";display:block;background-color:var(--primary-color);position:absolute;transition:all var(--animation-duration);width:0;height:2px}._wrapper_1gqog_1:before{top:-2px;left:-2px}._wrapper_1gqog_1:after{bottom:-2px;right:-2px}._wrapper_1gqog_1:hover:before,._wrapper_1gqog_1:hover:after{width:calc(100% + 4px)}._wrapper_1gqog_1:hover ._container_1gqog_28:before,._wrapper_1gqog_1:hover ._container_1gqog_28:after{height:calc(100% + 4px)}._wrapper_1gqog_1:hover ._overlay_1gqog_31,._wrapper_1gqog_1:hover ._excerpt_1gqog_32{opacity:1}@container (576px <= width){._wrapper_1gqog_1._pickup_1gqog_36{aspect-ratio:21/9}._wrapper_1gqog_1._pickup_1gqog_36 ._container_1gqog_28{grid-template-rows:0 0 0 auto auto 1fr 0;grid-template-areas:"excerpt" "category" "thumbnail" "heading" "date" "tag" "author"}._wrapper_1gqog_1._pickup_1gqog_36 ._thumbnail_1gqog_43{opacity:.4;position:absolute;top:0;left:0}._wrapper_1gqog_1._pickup_1gqog_36 ._heading_1gqog_49,._wrapper_1gqog_1._pickup_1gqog_36 ._date_1gqog_50,._wrapper_1gqog_1._pickup_1gqog_36 ._tag_1gqog_51,._wrapper_1gqog_1._pickup_1gqog_36 ._author_1gqog_52,._wrapper_1gqog_1._pickup_1gqog_36 ._category_1gqog_53{position:relative;z-index:2}._wrapper_1gqog_1._pickup_1gqog_36 ._category_1gqog_53,._wrapper_1gqog_1._pickup_1gqog_36 ._author_1gqog_52{position:absolute}._wrapper_1gqog_1._pickup_1gqog_36 ._excerpt_1gqog_32{display:flex;align-items:flex-end;padding-block-end:var(--sp-large)}._wrapper_1gqog_1._pickup_1gqog_36 ._category_1gqog_53{top:0;left:0}._wrapper_1gqog_1._pickup_1gqog_36 ._author_1gqog_52{margin:0;bottom:var(--sp-large);right:var(--sp-large)}._wrapper_1gqog_1._pickup_1gqog_36 ._heading_1gqog_49{padding-block-start:var(--sp-large);font-size:xx-large}._wrapper_1gqog_1._pickup_1gqog_36 ._tag_1gqog_51{display:flex;align-items:flex-start;margin:0}}._container_1gqog_28{grid-template-columns:1fr;grid-template-rows:0 fit-content(55%) auto auto 1fr auto auto;grid-template-areas:"excerpt" "thumbnail" "date" "heading" "tag" "author" "category";text-align:center;position:relative;height:100%}._container_1gqog_28:before,._container_1gqog_28:after{content:"";display:block;background-color:var(--primary-color);position:absolute;transition:all var(--animation-duration);width:2px;height:0}._container_1gqog_28:before{bottom:-2px;left:-2px}._container_1gqog_28:after{top:-2px;right:-2px}._overlay_1gqog_31,._excerpt_1gqog_32{width:100%;max-height:100%;position:absolute;opacity:1;aspect-ratio:4/3}@container (992px <= width){._overlay_1gqog_31,._excerpt_1gqog_32{opacity:0}}._date_1gqog_50{display:flex;justify-content:center;margin-block:calc(var(--bv) * 2) var(--bv)}._heading_1gqog_49{padding:0 calc(var(--bv) * 2)}._excerpt_1gqog_32{display:flex;justify-content:center;align-items:center;height:100%;padding:0 calc(var(--bv) * 2);position:absolute;top:0}._author_1gqog_52{justify-content:center;margin-block:var(--sp-large)}._category_1gqog_53{display:flex;justify-content:center}._overlay_1gqog_31{background-image:linear-gradient(to bottom,rgb(var(--black-rgb),0),rgba(var(--black-rgb),.5) 66%,rgba(var(--black-rgb),.8));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._tag_1gqog_51{display:flex;align-items:center;justify-content:center;margin-block:var(--sp-medium)}._container_9fac4_1{grid-template-columns:auto 1fr;grid-template-rows:fit-content(55%) auto auto 1fr auto auto;grid-template-areas:"thumbnail thumbnail" "date category" "heading heading" "excerpt excerpt" "tag tag" "author author";box-shadow:0 0 1px rgba(var(--black-rgb),.4);height:100%;transition:box-shadow var(--animation-duration)}._container_9fac4_1:hover{box-shadow:0 0 var(--sp-medium) 2px rgba(var(--black-rgb),.2)}._container_9fac4_1:hover ._thumbnail_9fac4_12{opacity:.8}@container (576px <= width){._container_9fac4_1._pickup_9fac4_16{grid-template-rows:auto auto 1fr auto auto;grid-template-columns:fit-content(50%) auto 1fr;grid-template-areas:"thumbnail date category" "thumbnail heading heading" "thumbnail excerpt excerpt" "thumbnail tag tag" "thumbnail author author"}}@container (992px <= width){._container_9fac4_1._pickup_9fac4_16{grid-template-columns:calc(66.666% - 2 * var(--sp-small)) auto 1fr}}._thumbnail_9fac4_12{transition:opacity var(--animation-duration)}._heading_9fac4_32,._tag_9fac4_33,._excerpt_9fac4_34,._author_9fac4_35{margin-block:var(--sp-small);padding-inline:var(--sp-large)}._date_9fac4_40,._category_9fac4_41{padding:var(--sp-large);padding-bottom:0}._date_9fac4_40{padding-right:var(--sp-min)}._category_9fac4_41{padding-left:var(--sp-min)}._category_9fac4_41:before{content:"/";color:var(--gray);font-size:small}._author_9fac4_35{padding-bottom:var(--sp-large)}._container_96xud_1{grid-template-columns:auto 1fr;grid-template-rows:fit-content(62%) auto auto auto 1fr auto;grid-template-areas:"thumbnail thumbnail" "category tag" "heading heading" "excerpt excerpt" "author date";gap:var(--sp-small);height:100%}._container_96xud_1:hover ._thumbnail_96xud_8 img{filter:grayscale(20%)}@container (576px <= width){._container_96xud_1._pickup_96xud_12{grid-template-columns:1fr;grid-template-rows:0 1fr auto;grid-template-areas:"thumbnail" "heading" "date";gap:0;aspect-ratio:21/9}._container_96xud_1._pickup_96xud_12 ._thumbnail_96xud_8{position:absolute;top:0;left:0}._container_96xud_1._pickup_96xud_12 ._thumbnail_96xud_8:before{content:"";display:block;width:100%;height:100%;background-color:var(--gray);mix-blend-mode:multiply;position:absolute;top:0;left:0;z-index:1;transition:opacity var(--animation-duration);opacity:.3;pointer-events:none}._container_96xud_1._pickup_96xud_12:hover ._thumbnail_96xud_8:before{opacity:.1}._container_96xud_1._pickup_96xud_12 ._heading_96xud_42,._container_96xud_1._pickup_96xud_12 ._date_96xud_43{position:relative;z-index:2}._container_96xud_1._pickup_96xud_12 ._heading_96xud_42{display:flex;justify-content:flex-start;align-items:flex-end;margin-block-start:var(--sp-medium);margin-inline:var(--sp-large);font-size:xx-large}._container_96xud_1._pickup_96xud_12 ._date_96xud_43{display:flex;justify-content:flex-start;align-items:flex-end;margin-block:var(--sp-medium) var(--sp-large);margin-inline:var(--sp-large);font-size:medium;color:var(--text-color)}._container_96xud_1._pickup_96xud_12 ._excerpt_96xud_64,._container_96xud_1._pickup_96xud_12 ._category_96xud_65,._container_96xud_1._pickup_96xud_12 ._tag_96xud_66,._container_96xud_1._pickup_96xud_12 ._author_96xud_67{display:none}}._container_96xud_1 ._thumbnail_96xud_8 img{transition:filter var(--animation-duration);filter:grayscale(90%)}._container_96xud_1 ._tag_96xud_66{grid-column:1/3;margin-block-start:var(--sp-small)}._container_96xud_1 ._category_96xud_65{margin-block-start:var(--sp-small)}._container_96xud_1 ._category_96xud_65+._tag_96xud_66{grid-column:2/3}._container_96xud_1 ._category_96xud_65+._tag_96xud_66:before{content:"/";color:var(--gray);font-size:small}._container_96xud_1 ._heading_96xud_42{margin-block-start:var(--sp-small)}._container_96xud_1 ._excerpt_96xud_64{margin-block-end:var(--sp-small)}._container_96xud_1 ._date_96xud_43{justify-content:flex-end}._container_qon22_1{grid-template-columns:50% 1fr auto;grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"category category category" "thumbnail date date" "thumbnail heading heading" "thumbnail excerpt excerpt" "thumbnail tag author";column-gap:var(--sp-large)}._container_qon22_1:before{content:"";display:block;width:calc(100% + var(--sp-medium));height:100%;background-color:var(--primary-color);mix-blend-mode:soft-light;position:absolute;top:var(--sp-small);left:calc(-1 * var(--sp-small));transition:opacity var(--animation-duration);opacity:0;pointer-events:none}._container_qon22_1:hover:before{opacity:.1}@container (width <= 576px){._container_qon22_1{grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto 1fr auto;grid-template-areas:"category category" "thumbnail thumbnail" "date date" "heading heading" "excerpt excerpt" "tag author";column-gap:0}}@container (width <= 576px){._thumbnail_qon22_34{margin-block-end:var(--sp-small)}}@container (width <= 576px){._excerpt_qon22_40{margin-block-end:var(--sp-medium)}}._category_qon22_45{position:relative;top:var(--sp-small)}._heading_qon22_50{margin-block-end:var(--sp-medium)}._tag_qon22_54{padding-block:var(--sp-small)}._container_209hm_1{grid-template-columns:28% auto auto;grid-template-rows:auto auto 1fr auto;grid-template-areas:"thumbnail date category" "thumbnail heading heading" "thumbnail excerpt excerpt" "thumbnail tag author";row-gap:var(--sp-small);column-gap:var(--sp-large)}@container (width <= 576px){._container_209hm_1{grid-template-columns:33% auto auto;column-gap:var(--sp-medium)}}._container_209hm_1:hover ._thumbnail_209hm_14{opacity:.8}._thumbnail_209hm_14{transition:opacity var(--animation-duration)}._heading_209hm_22{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@container (width <= 576px){._category_209hm_30 li,._tag_209hm_31 li{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}}._category_209hm_30{justify-content:flex-end}@container (width <= 576px){._excerpt_209hm_44>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}._author_209hm_52{justify-content:flex-end}._thumbnail_uuh1j_1{margin-top:calc(-1 * var(--bv) * 2);overflow:hidden}._thumbnail_uuh1j_1 img{transition:scale var(--animation-duration)}._date_uuh1j_9{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--sp-small);margin-inline-end:var(--sp-medium);position:relative;z-index:2}._year_uuh1j_19{margin-block-start:var(--sp-small)}._month_uuh1j_23,._day_uuh1j_24{line-height:1}._month_uuh1j_23{display:flex;align-items:center}._month_uuh1j_23:after{content:"";position:relative;margin-inline-start:var(--sp-small);display:block;width:1px;height:calc(1em - var(--sp-medium));background-color:var(--text-color)}._contents_uuh1j_42{display:flex;flex-grow:1;flex-direction:column;height:auto;margin:calc(-1 * var(--sp-large)) var(--sp-medium) 0;background-color:var(--white);position:relative;z-index:1}._category_uuh1j_53{padding:var(--sp-medium)}._heading_uuh1j_57{flex-grow:1;padding:0 var(--sp-medium)}._row_uuh1j_62{display:flex;gap:var(--bv);padding:var(--sp-medium);justify-content:flex-end}._author_uuh1j_69{margin-inline-start:auto}._excerpt_uuh1j_73{--line-height: 1.8;flex:0 0 auto;line-height:var(--line-height);height:calc(var(--line-height) * 3 * 1em + var(--sp-medium) * 2);padding:var(--sp-medium);border-block-start:1px solid var(--border-color)}._container_uuh1j_82{display:flex;flex-direction:column;width:100%;height:100%;position:relative}._container_uuh1j_82:hover ._thumbnail_uuh1j_1 img{scale:1.1}@container (576px <= width){._container_uuh1j_82._pickup_uuh1j_93{aspect-ratio:16/9;justify-content:center;align-items:flex-end}._container_uuh1j_82._pickup_uuh1j_93 ._thumbnail_uuh1j_1{margin:0;position:absolute;top:0;left:0}._container_uuh1j_82._pickup_uuh1j_93 ._contents_uuh1j_42{flex:0 0 auto;margin:0;margin-block-start:calc(-1 * var(--sp-medium));background-color:#ffffffb3}._container_uuh1j_82._pickup_uuh1j_93 ._heading_uuh1j_57>h2{font-size:xx-large}}@container (992px <= width){._container_uuh1j_82._pickup_uuh1j_93{aspect-ratio:21/9}}._container_1hse0_1{grid-template-columns:auto 1fr;grid-template-rows:0 auto 1fr auto auto fit-content(20%);grid-template-areas:"thumbnail thumbnail" "heading heading" "date author" "category category" "tag tag" "excerpt excerpt";position:relative;width:100%;aspect-ratio:4/3;overflow:hidden}._container_1hse0_1:hover:before{opacity:0}._container_1hse0_1:hover:after{opacity:1}._container_1hse0_1:hover ._thumbnail_1hse0_16 img{filter:blur(2px);scale:1.04}._container_1hse0_1:hover ._category_1hse0_20,._container_1hse0_1:hover ._tag_1hse0_21,._container_1hse0_1:hover ._excerpt_1hse0_22{opacity:1}._container_1hse0_1:before,._container_1hse0_1:after{content:"";display:block;width:100%;height:100%;aspect-ratio:4/3;mix-blend-mode:hard-light;position:absolute;top:0;left:0;transition:all var(--animation-duration);z-index:2}._container_1hse0_1:before{background-image:linear-gradient(to bottom,rgba(var(--black-rgb),.6),rgba(var(--black-rgb),0) 62%,rgba(var(--black-rgb),0));opacity:1}._container_1hse0_1:after{background-color:rgba(var(--black-rgb),.8);opacity:0}._container_1hse0_1>*:not(._thumbnail_1hse0_16){transition:opacity var(--animation-duration);position:relative;z-index:3;padding-inline:var(--sp-medium)}@container (576px <= width){._container_1hse0_1._pickup_1hse0_53{aspect-ratio:16/9}@container (992px <= width){._container_1hse0_1._pickup_1hse0_53{aspect-ratio:2.85/1}}._container_1hse0_1._pickup_1hse0_53>*:not(._thumbnail_1hse0_16){padding-left:var(--sp-large);padding-right:var(--sp-large)}._container_1hse0_1._pickup_1hse0_53:before{aspect-ratio:16/9}@container (992px <= width){._container_1hse0_1._pickup_1hse0_53:before{aspect-ratio:2.85/1}}._container_1hse0_1._pickup_1hse0_53 ._heading_1hse0_73{font-size:xx-large}._container_1hse0_1._pickup_1hse0_53 ._tag_1hse0_21{margin-block:var(--sp-medium) var(--sp-large)}._container_1hse0_1._pickup_1hse0_53 ._excerpt_1hse0_22{padding:var(--sp-large)}}._thumbnail_1hse0_16{position:absolute;top:0;left:0;transition:filter var(--animation-duration);z-index:1}._thumbnail_1hse0_16>img{transition:scale var(--animation-duration)}._category_1hse0_20,._tag_1hse0_21,._excerpt_1hse0_22{opacity:0}._heading_1hse0_73{margin-block:var(--sp-medium)}._date_1hse0_105,._author_1hse0_106{align-items:flex-start}._author_1hse0_106{padding-left:0}._category_1hse0_20,._tag_1hse0_21{margin-block-end:var(--sp-medium)}._excerpt_1hse0_22{padding-block:var(--sp-medium);border-block-start:1px solid var(--white)}._list_h2kvz_1{--list-gap: var(--sp-large);display:grid;grid-template-rows:1fr;gap:var(--list-gap);width:100%}@keyframes _fadeIn_h2kvz_1{0%{opacity:0}to{opacity:1}}@container (width <= 576px){._list_h2kvz_1{grid-template-columns:repeat(auto-fit,100%)}}@container (576px <= width){._list_h2kvz_1{grid-template-columns:repeat(auto-fit,calc((100% - var(--list-gap) * (var(--tablet-column-number) - 1)) / var(--tablet-column-number)))}}@container (992px <= width){._list_h2kvz_1{grid-template-columns:repeat(auto-fit,calc((100% - var(--list-gap) * (var(--column-number) - 1)) / var(--column-number)))}}._list_h2kvz_1>li{opacity:0;animation-name:_fadeIn_h2kvz_1;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards}@container (width <= 576px){._list_h2kvz_1._pickup_h2kvz_39>li:first-child{grid-column:1}}@container (576px <= width){._list_h2kvz_1._pickup_h2kvz_39>li:first-child{grid-column:span var(--tablet-column-number)}}@container (992px <= width){._list_h2kvz_1._pickup_h2kvz_39>li:first-child{grid-column:span var(--column-number)}}._container_28x0r_1{--date-size: calc(var(--bv) * 7);grid-template-columns:auto 1fr auto;grid-template-rows:fit-content(50%) auto 1fr auto auto;grid-template-areas:"thumbnail thumbnail thumbnail" "date heading heading" "excerpt excerpt excerpt" "category category author" "tag tag author";height:100%;box-shadow:0 0 1px rgba(var(--black-rgb),.4);transition:box-shadow var(--animation-duration) linear}._container_28x0r_1:hover{box-shadow:0 0 var(--sp-small) 2px rgba(var(--black-rgb),.2)}@container (576px <= width){._container_28x0r_1._horizontal_28x0r_14{grid-template-columns:fit-content(50%) auto 1fr auto;grid-template-rows:auto 1fr auto auto;grid-template-areas:"thumbnail date heading heading" "thumbnail excerpt excerpt excerpt" "thumbnail category category author" "thumbnail tag tag author"}._container_28x0r_1._pickup_28x0r_19{grid-template-columns:1fr;grid-template-rows:1fr 0 0;grid-template-areas:"thumbnail" "heading" "date";text-align:left}._container_28x0r_1._pickup_28x0r_19 ._thumbnail_28x0r_25{position:relative}._container_28x0r_1._pickup_28x0r_19 ._thumbnail_28x0r_25:before{content:"";display:block;width:100%;height:100%;background-color:rgba(var(--black-rgb),.6);mix-blend-mode:multiply;pointer-events:none;position:absolute;top:0;left:0;z-index:1;transition:all var(--animation-duration)}._container_28x0r_1._pickup_28x0r_19 ._heading_28x0r_42,._container_28x0r_1._pickup_28x0r_19 ._date_28x0r_43{position:absolute;z-index:2}._container_28x0r_1._pickup_28x0r_19 ._heading_28x0r_42{padding:0;padding-right:var(--sp-medium);left:calc(var(--date-size) + var(--sp-medium) * 2);bottom:var(--sp-medium)}._container_28x0r_1._pickup_28x0r_19 ._date_28x0r_43{margin:0;bottom:var(--sp-medium);left:var(--sp-medium)}._container_28x0r_1._pickup_28x0r_19 ._excerpt_28x0r_58,._container_28x0r_1._pickup_28x0r_19 ._category_28x0r_59,._container_28x0r_1._pickup_28x0r_19 ._tag_28x0r_60,._container_28x0r_1._pickup_28x0r_19 ._author_28x0r_61{display:none}}._date_28x0r_43{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-min);width:var(--date-size);height:var(--date-size);margin:var(--sp-medium);background-color:var(--black)}._date_28x0r_43>*{letter-spacing:.1em;line-height:1}._heading_28x0r_42{display:flex;align-items:center;padding:var(--sp-medium);padding-inline-start:0}._heading_28x0r_42>h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._category_28x0r_59,._tag_28x0r_60{margin-inline-start:var(--sp-medium);padding-block-end:var(--sp-medium)}._category_28x0r_59{align-items:flex-end}._author_28x0r_61,._excerpt_28x0r_58{padding:var(--sp-medium)}._list_18syb_1{--list-gap: var(--sp-medium);display:grid;gap:var(--list-gap);grid-template-rows:1fr;width:100%;list-style:none;grid-auto-flow:dense}@keyframes _fadeIn_18syb_1{0%{opacity:0}to{opacity:1}}@container (width <= 576px){._list_18syb_1{display:flex;flex-direction:column;gap:var(--sp-large)}}@container (576px <= width){._list_18syb_1{grid-template-columns:repeat(auto-fit,calc((100% - var(--list-gap) * (var(--tablet-column-number) - 1)) / var(--tablet-column-number)))}}@container (992px <= width){._list_18syb_1{grid-template-columns:repeat(auto-fit,calc((100% - var(--list-gap) * (var(--column-number) - 1)) / var(--column-number)))}}._list_18syb_1>li{animation-name:_fadeIn_18syb_1;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:backwards}
+:is(._input_box_4lok0_1){display:inline-flex;max-inline-size:100%;background-color:var(--background-color);box-shadow:var(--border-style),var(--box-shadow);border-radius:var(--radius-size);color:var(--text-color);position:relative}:is(._input_box_4lok0_1) input,:is(._input_box_4lok0_1) textarea,:is(._input_box_4lok0_1) select{inline-size:100%;padding:1rem;background-color:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}:is(._input_box_4lok0_1) *::placeholder{color:var(--placeholder-color);font-weight:400}:is(._input_box_4lok0_1) *:focus,:is(._input_box_4lok0_1) *:focus:not(:focus-visible){outline:none}:is(._input_box_4lok0_1):has(>*:disabled){pointer-events:none!important;position:relative}:is(._input_box_4lok0_1):has(>*:disabled):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:all;cursor:not-allowed!important}:is(._error_messages_basoi_1){inline-size:max-content;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem;font-size:small;color:var(--error-text-color);background-color:var(--error-background-color);box-shadow:0 0 .5rem .25rem #3332;border-radius:.25rem;line-height:1;position:absolute;inset-block-start:calc(100% + .25rem)}:is(._error_messages_basoi_1):before{--tail-size: .85rem;content:"";display:block;background-color:var(--error-background-color);inline-size:var(--tail-size);block-size:calc(var(--tail-size) * .625);clip-path:polygon(50% 0%,100% 100%,0% 100%);position:absolute;bottom:calc(100% - 1px);inset-inline-start:.85rem}:is(._text_box_dqty_1){display:inline-flex}:is(._text_box_dqty_1)>input{flex:1 1 auto}:is(._text_area_1f3te_2){min-block-size:4em}:is(._button_pz98w_1){display:inline-flex;justify-content:center;align-items:center;inline-size:max-content;padding:1rem 2rem;background-color:var(--background-color);box-shadow:0 0 0 var(--border-size) var(--border-color) inset,var(--box-shadow);border:none;border-radius:var(--radius-size);color:var(--text-color);line-height:1;transition:all var(--duration);position:relative;cursor:pointer}@media (hover: hover){:is(._button_pz98w_1):where(:any-link,:enabled,summary):hover{background-color:var(--hover-background-color);box-shadow:0 0 0 var(--hover-border-size) var(--hover-border-color) inset,var(--hover-box-shadow);border-radius:var(--hover-radius-size);color:var(--hover-text-color)}}:is(._button_pz98w_1)._loading_pz98w_25,:is(._button_pz98w_1):disabled{pointer-events:none!important}:is(._button_pz98w_1)._loading_pz98w_25:before,:is(._button_pz98w_1):disabled:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:all;cursor:not-allowed!important}:is(._button_pz98w_1)._loading_pz98w_25>*:not(:is(._loading_animation_pz98w_35)){visibility:hidden}:is(._loading_animation_pz98w_35){max-block-size:calc(100% - 1.5rem);color:currentColor;fill:currentColor;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0}:is(._loading_animation_pz98w_35) *{max-block-size:100%;color:currentColor;fill:currentColor}:is(._select_box_pnpdo_1){display:inline-flex}:is(._select_box_pnpdo_1)>select{flex:1 1 auto;padding-inline-end:2rem;cursor:pointer}:is(._arrow_container_pnpdo_10){display:flex;align-items:center;position:absolute;margin:auto;inset-inline-end:.5rem;inset-block:0;pointer-events:none}:is(._arrow_container_pnpdo_10)>*{color:currentColor;fill:currentColor;block-size:1rem}@keyframes _pop_1flnz_1{0%{scale:1}10%{scale:.8}50%{scale:1.1}to{scale:1}}:is(._check_box_1flnz_15){display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;box-shadow:0 0 0 var(--border-size) var(--border-color) inset;border-radius:var(--radius-size);background-color:var(--background-color);cursor:pointer}:is(._check_box_1flnz_15):disabled{pointer-events:none!important;position:relative}:is(._check_box_1flnz_15):disabled:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:all;cursor:not-allowed!important}:is(._check_box_1flnz_15)[data-checked=true]{background-color:var(--border-color);animation:_pop_1flnz_1 var(--duration) ease-out}:is(._check_box_1flnz_15)[data-checked=true] :is(._check_container_1flnz_42){color:var(--background-color)}:is(._check_container_1flnz_42){display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--border-color)}:is(._check_container_1flnz_42)>*{color:currentColor;fill:currentColor}:is(._labeled_check_box_1y15f_1){display:inline-flex;align-items:center;gap:.5em;cursor:pointer}:is(._labeled_check_box_1y15f_1):has(button:disabled){cursor:auto}:is(._labeled_check_box_1y15f_1) ._label_1y15f_1{color:var(--checked-color)}:is(._labeled_check_box_1y15f_1):has(button[data-checked=true]) ._label_1y15f_1{color:var(--text-color)}._check_boxes_1cn70_1{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;position:relative}@keyframes _pop_7lw3v_1{0%{scale:1}10%{scale:.8}50%{scale:1.1}to{scale:1}}:is(._check_box_7lw3v_15){display:flex;position:relative;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;box-shadow:0 0 0 var(--border-size) var(--border-color) inset;border-radius:var(--radius-size);background-color:var(--background-color);cursor:pointer}:is(._check_box_7lw3v_15)>input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}:is(._check_box_7lw3v_15):has(input:disabled){pointer-events:none!important}:is(._check_box_7lw3v_15):has(input:disabled):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:all;cursor:not-allowed!important}:is(._check_box_7lw3v_15):has(input:checked){background-color:var(--border-color);animation:_pop_7lw3v_1 var(--duration) ease-out}:is(._check_box_7lw3v_15):has(input:checked) :is(._check_container_7lw3v_52){color:var(--background-color)}:is(._check_container_7lw3v_52){display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--border-color)}:is(._check_container_7lw3v_52)>*{color:currentColor;fill:currentColor}:is(._fieldset_1iro5_1){display:grid;gap:.5rem}:is(._fieldset_1iro5_1)>fieldset{display:contents}:is(._legend_1iro5_9){display:flex;align-items:center}:is(._input_1iro5_14)>*{inline-size:100%}@keyframes _pop_hh7eh_1{0%{scale:1}10%{scale:.8}50%{scale:1.2}to{scale:1}}:is(._radios_hh7eh_15){display:flex;align-items:center;flex-wrap:wrap;gap:1rem;position:relative}:is(._radio_hh7eh_15){display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;color:var(--border-color);cursor:pointer}:is(._radio_hh7eh_15):before{content:"";display:inline-block;aspect-ratio:1/1;width:1rem;box-shadow:0 0 0 1px var(--border-color) inset;background-color:var(--background-color);border-radius:50%;transition:all var(--duration) linear}:is(._radio_hh7eh_15):has(input:checked){color:var(--text-color)}:is(._radio_hh7eh_15):has(input:checked):before{box-shadow:0 0 0 2px var(--background-color) inset,0 0 0 1px var(--border-color);background-color:var(--border-color);animation:_pop_hh7eh_1 var(--duration) ease-out}:is(._radio_hh7eh_15):has(input:disabled){cursor:not-allowed!important}:is(._radio_hh7eh_15)>input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}:is(._toggle_button_tkkkr_1){--handle-size: 1.5rem;--padding-size: calc(var(--border-size) + 2px);--duration: .15s;inline-size:calc(var(--inline-size) + var(--handle-size) + var(--padding-size) * 2);position:relative;display:inline-block;padding:var(--padding-size);background-color:var(--background-color);box-shadow:0 0 0 var(--border-size) var(--border-color) inset,var(--box-shadow);border:none;border-radius:var(--radius-size);cursor:pointer}:is(._text_tkkkr_16){position:absolute;inline-size:100%;block-size:100%;text-transform:uppercase;color:var(--text-color);top:0;left:0}:is(._text_tkkkr_16):before,:is(._text_tkkkr_16):after{display:inline-flex;justify-content:center;align-items:center;block-size:100%;inline-size:calc(100% - var(--handle-size) - var(--padding-size));margin:auto;line-height:1;position:absolute;transition:opacity var(--duration) ease-out}:is(._text_tkkkr_16):before{content:attr(data-off);right:0}:is(._text_tkkkr_16):after{content:attr(data-on);left:0;opacity:0}:is(._text_tkkkr_16)._on_tkkkr_45:before{opacity:0}:is(._text_tkkkr_16)._on_tkkkr_45:after{opacity:1}:is(._text_tkkkr_16)._on_tkkkr_45+._handle_tkkkr_51{left:calc(100% - var(--handle-size))}:is(._handle_tkkkr_51){inline-size:var(--handle-size);aspect-ratio:1/1;margin:0;background-color:var(--text-color);border-radius:calc(var(--radius-size) - var(--padding-size) / 2);box-shadow:var(--box-shadow);position:relative;left:0;transition:left var(--duration) ease-out}._input_group_7evrk_1{display:inline-flex;gap:1px}@container (width <= 576px){._input_group_7evrk_1{flex-wrap:wrap}}._input_group_7evrk_1>*{flex:1 1 auto;border-radius:0}._input_group_7evrk_1>*:first-child:not(:only-child){border-top-left-radius:var(--radius-small);border-bottom-left-radius:var(--radius-small)}._input_group_7evrk_1>*:last-child:not(:only-child){border-top-right-radius:var(--radius-small);border-bottom-right-radius:var(--radius-small)}._input_group_7evrk_1>button{flex:0 0 auto}._text_button_awtwg_1{padding:0;border:none;background-color:transparent;color:var(--text-button-color);font-size:inherit;line-height:1;cursor:pointer}._text_button_awtwg_1:hover:not(:disabled){text-decoration:underline}._text_button_awtwg_1:disabled{color:var(--disable-text-color);cursor:not-allowed}._unit_labels_19dtq_1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}._icon_19dtq_13{width:100%;height:100%;max-width:var(--medium-icon-size, 1.125rem);max-height:var(--medium-icon-size, 1.125rem);fill:var(--link-color);margin:auto;position:absolute;top:0;left:var(--sp-small);bottom:0}._date_input_19dtq_26{flex:0 0 auto;position:relative;border-radius:var(--radius-small)}._date_input_19dtq_26:has(input:focus-visible){outline:2px solid var(--link-color);outline-offset:2px}._date_input_19dtq_26>input{width:calc(var(--icon-medium) + var(--sp-small) * 2);padding:var(--sp-medium) var(--sp-small)}._date_input_19dtq_26>input[type=date],._date_input_19dtq_26>input[type=month]{opacity:0}._date_input_19dtq_26>input[type=date]::-webkit-calendar-picker-indicator,._date_input_19dtq_26>input[type=month]::-webkit-calendar-picker-indicator{position:absolute;left:0;width:100%;height:100%;opacity:0;cursor:pointer}._date_picker_19dtq_51{display:flex;align-items:center;width:100%;position:relative;line-height:1}._date_picker_19dtq_51>input{padding:var(--sp-medium);width:calc(var(--sp-medium) * 2 + 3ch)}._date_picker_19dtq_51>input._year_19dtq_62{width:calc(var(--sp-medium) * 2 + 5ch)}._date_picker_19dtq_51>input[type=text]{flex:0 0 auto}._date_picker_19dtq_51._small_19dtq_68 ._icon_19dtq_13{width:100%;height:100%;max-width:var(--icon-small);max-height:var(--icon-small);fill:var(--link-color);left:var(--sp-small)}._date_picker_19dtq_51._small_19dtq_68 input{padding:var(--sp-min) var(--sp-small);font-size:var(--fs-small)}._date_range_picker_797j1_1{position:relative;display:flex;align-items:center;gap:var(--sp-small);flex-wrap:wrap}._range_797j1_9{flex:0 0 auto;color:var(--gray)}._unit_labels_pa04y_1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}._date_selector_pa04y_13{width:max-content;display:flex;align-items:center;position:relative}._date_selector_pa04y_13>*:not(:last-of-type):after{content:"/"}._selector_wrapper_pa04y_23{position:relative;width:max-content}._selector_wrapper_pa04y_23>svg{width:100%;height:100%;max-width:var(--medium-icon-size, 1.125rem);max-height:var(--medium-icon-size, 1.125rem);fill:var(--link-color);position:absolute;margin:auto;top:0;right:var(--sp-small);bottom:0;pointer-events:none}._selector_wrapper_pa04y_23:has(select:focus) svg{rotate:180deg}._selector_wrapper_pa04y_23>select{width:calc(3ch + var(--sp-medium) * 2 + var(--icon-medium));padding:var(--sp-medium);padding-inline-end:calc(var(--sp-small) * 2 + var(--icon-medium));cursor:pointer}._selector_wrapper_pa04y_23>select._year_pa04y_49{width:calc(5ch + var(--sp-medium) * 2 + var(--icon-medium))}._delete_button_pa04y_53{margin-inline:var(--sp-medium);font-size:var(--fs-small)}._drop_down_box_1azx1_1{position:relative}._button_1azx1_5{display:flex;align-items:center;inline-size:100%;block-size:100%;gap:var(--sp-small);color:var(--trigger-color)}._icon_1azx1_14{width:100%;height:100%;max-width:var(--icon-small);max-height:var(--icon-small);fill:var(--text-color);flex:0 0 auto;transition:all .1s}._icon_1azx1_14._open_1azx1_23{transform:rotate(180deg)}._contents_1azx1_27{border-radius:var(--radius-small);position:absolute;top:calc(100% - var(--sp-min));transition:block-size .1s;overflow:hidden;cursor:pointer}._contents_1azx1_27>div{max-block-size:calc(var(--bv) * 48);min-inline-size:calc(var(--bv) * 20);background-color:var(--white);overflow:auto}._container_1r8pd_1{display:flex;flex-direction:column;inline-size:100%;max-inline-size:var(--desktop-lower-width);max-block-size:100%;background-color:var(--white);border-radius:var(--radius-small);cursor:auto;filter:drop-shadow(0 0 6px var(--shadow-color, rgba(21, 20, 58, .12)));position:relative}._container_1r8pd_1._small_1r8pd_13{max-inline-size:var(--mobile-lower-width)}._container_1r8pd_1._large_1r8pd_16{max-inline-size:var(--contents-max-width, 1440px)}._header_1r8pd_20{padding:var(--sp-medium) var(--sp-large);border-block-end:1px solid var(--light-border-color)}._header_1r8pd_20>h2{font-size:var(--fs-large);font-weight:700}@container (width <= 576px){._header_1r8pd_20{padding:var(--sp-medium)}}._contents_1r8pd_34{flex:1 1 auto;overflow:auto;padding:var(--sp-large)}@container (width <= 576px){._contents_1r8pd_34{padding:var(--sp-medium)}}._footer_1r8pd_45{display:flex;justify-content:center;gap:var(--sp-large);padding:var(--sp-medium) var(--sp-large);border-block-start:1px solid var(--light-border-color)}@container (width <= 576px){._footer_1r8pd_45{gap:var(--sp-medium);padding:var(--sp-medium)}._footer_1r8pd_45>*{flex:1 1 auto}}._close_button_1r8pd_62{inline-size:var(--icon-medium);block-size:var(--icon-medium);color:var(--white);line-height:1;cursor:pointer;position:absolute;bottom:100%;left:100%}._close_button_1r8pd_62>*{width:100%;height:100%;max-width:var(--medium-icon-size, 1.125rem);max-height:var(--medium-icon-size, 1.125rem);fill:var(--text-color)}._overlay_1r8pd_80{display:flex;justify-content:center;align-items:center;inline-size:100dvw;block-size:100dvh;padding:var(--sp-larger);background:var(--overlay-color, rgba(0, 8, 26, .5));background-blend-mode:multiply;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .1s linear;pointer-events:none;position:fixed;z-index:var(--z-index-overlay, 90);top:0;left:0;cursor:pointer;overflow:hidden}@container (width <= 576px){._overlay_1r8pd_80{padding-inline:var(--sp-large)}}._overlay_1r8pd_80._display_1r8pd_105{opacity:1;pointer-events:auto;z-index:calc(var(--z-index-nav, 70) + 1)}._x-left_b6rtz_1{left:max((100vw - var(--contents-max-width, 1440px)) / 2,var(--sp-medium))}._x-right_b6rtz_4{right:max((100vw - var(--contents-max-width, 1440px)) / 2,var(--sp-medium))}._x-center_b6rtz_7{top:0;right:0;bottom:0;left:0;margin:auto}._y-top_b6rtz_12{top:calc(var(--global-header-height, 0px) - var(--sp-small))}._y-bottom_b6rtz_15{bottom:var(--sp-medium)}._y-center_b6rtz_18{top:0;right:0;bottom:0;left:0;margin:auto}._popup_b6rtz_23{position:fixed;background-color:var(--white);border:1px solid var(--primary-color);padding:var(--sp-medium);border-radius:var(--radius-small);inline-size:max-content;max-inline-size:calc(var(--mobile-lower-width, 430px) / 2);block-size:max-content;opacity:0;transition:transform,opacity;transition-duration:var(--animation-duration, .3s);pointer-events:none;z-index:var(--z-index-overlay, 90)}._popup_b6rtz_23._show_b6rtz_38{opacity:1}@keyframes _overflow_1gj5s_1{0%{overflow:hidden}99%{overflow:hidden}to{overflow:visible}}._trigger_content_1gj5s_12{inline-size:100%;text-align:start}._trigger_1gj5s_12{display:grid;grid-template-columns:1fr auto;align-items:center;inline-size:100%;justify-items:start;cursor:pointer;position:relative;color:var(--link-color)}._icon_1gj5s_28{width:100%;height:100%;max-width:var(--medium-icon-size, 1.125rem);max-height:var(--medium-icon-size, 1.125rem);fill:var(--link-color);flex:0 0 auto;transition:all .1s}._contents_1gj5s_38{transition:height var(--accordion-toggle-duration);overflow:hidden}._opened_1gj5s_43 ._icon_1gj5s_28{transform:rotate(180deg)}._opened_1gj5s_43 ._contents_1gj5s_38{animation:_overflow_1gj5s_1 var(--accordion-toggle-duration);animation-fill-mode:forwards}._tabs_bthfs_1{display:flex;background-color:var(--background-color)}._tabs_bthfs_1>button[role=tab]{border:none;background-color:transparent;color:var(--text-color);font-size:1rem;padding:.5rem 1rem;cursor:pointer}._tabs_bthfs_1>button[role=tab]._active_bthfs_13{color:var(--active-color);cursor:auto}._container_15pug_1{position:relative;display:grid;width:100%;height:100%;background-color:var(--base-color);text-decoration:none}._no_image_3evh4_1{display:flex;justify-content:center;align-items:center;gap:var(--sp-small);width:100%;height:100%;background-color:var(--light-gray);font-size:large}._no_image_3evh4_1>svg{width:var(--sp-large);height:var(--sp-large);fill:var(--gray)}._no_image_3evh4_1>span{color:var(--gray)}._container_2ogwb_1{width:100%}@container (width <= 576px){._container_2ogwb_1{aspect-ratio:var(--mobile-aspect--ratio)}}@container (576px <= width){._container_2ogwb_1{aspect-ratio:var(--tablet-aspect--ratio)}}@container (992px <= width){._container_2ogwb_1{aspect-ratio:var(--desktop-aspect--ratio)}}._container_2ogwb_1>img{width:100%;height:100%;object-fit:cover}@container (width <= 576px){._container_2ogwb_1>img{aspect-ratio:var(--mobile-aspect--ratio)}}@container (576px <= width){._container_2ogwb_1>img{aspect-ratio:var(--tablet-aspect--ratio)}}@container (992px <= width){._container_2ogwb_1>img{aspect-ratio:var(--desktop-aspect--ratio)}}._author_info_c6l8f_1{display:inline-flex;flex-direction:var(--author-info-direction);align-items:center;word-wrap:normal;gap:var(--sp-small)}._author_info_c6l8f_1 ._thumbnail_c6l8f_8{width:var(--thumbnail-size);height:var(--thumbnail-size);object-fit:cover}._author_info_c6l8f_1 ._thumbnail_c6l8f_8._circle_c6l8f_13{border-radius:50%}._author_info_c6l8f_1>span{margin:0;padding:0;color:var(--author-name-color);font-size:var(--author-name-font-size);font-weight:var(--author-name-font-weight)}._author_info_c6l8f_1>span:before{content:attr(data-preposition);margin-inline-end:var(--sp-min)}._heading_wp258_1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;block-size:max-content}._heading_wp258_1>h2{color:var(--heading-color);font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);margin:0}._metadata_list_1aazi_1{--icon-color: var(--disable-text-color);display:flex;align-items:center;gap:var(--sp-small)}._icon_1aazi_8{flex:0 0 var(--icon-size);width:100%;height:100%;max-width:var(--icon-size);max-height:var(--icon-size);fill:var(--icon-color)}._list_1aazi_17{display:flex;flex-wrap:wrap;gap:var(--sp-small) var(--sp-medium)}._list_1aazi_17 ._list_item_1aazi_22{line-height:1;background-color:var(--label-background-color);padding:var(--label-padding);color:var(--label-color);font-size:var(--label-font-size);font-weight:var(--label-font-weight)}._list_1aazi_17 ._list_item_1aazi_22._rounded_1aazi_30{border-radius:calc(var(--bv) / 2)}._list_1aazi_17 ._list_item_1aazi_22._delimiter_1aazi_33:not(:last-child):after{content:attr(data-delimiter);margin-inline-start:var(--sp-medium)}._posted_date_108g0_1{display:inline-flex;align-items:flex-end;color:var(--date-color);font-size:var(--date-font-size);font-weight:var(--date-font-weight)}._excerpt_hmmtv_1{color:var(--excerpt-color);font-size:var(--excerpt-font-size)}._excerpt_hmmtv_1>*{display:-webkit-box;-webkit-line-clamp:var(--excerpt-row);-webkit-box-orient:vertical;overflow:hidden;margin:0}._excerpt_hmmtv_1>*:not(:first-child){display:none}._container_1g9t2_1{grid-template-columns:1fr 1fr;grid-template-rows:0 auto auto auto 1fr auto auto;grid-template-areas:"category category" "thumbnail thumbnail" "heading heading" "tag tag" "excerpt excerpt" "date author"}._container_1g9t2_1:hover ._thumbnail_1g9t2_6{opacity:.8}@container (576px <= width){._container_1g9t2_1._pickup_1g9t2_10{grid-template-rows:auto 0 1fr auto auto auto auto;aspect-ratio:2.85/1;position:relative}._container_1g9t2_1._pickup_1g9t2_10>*:not(._thumbnail_1g9t2_6):not(._category_1g9t2_15){position:relative;padding-inline:var(--sp-medium)}._container_1g9t2_1._pickup_1g9t2_10 ._date_1g9t2_19,._container_1g9t2_1._pickup_1g9t2_10 ._author_1g9t2_20{padding-block-end:var(--sp-medium)}._container_1g9t2_1._pickup_1g9t2_10 ._thumbnail_1g9t2_6{width:100%;position:absolute;top:0;left:0;margin:0}._container_1g9t2_1._pickup_1g9t2_10 ._thumbnail_1g9t2_6:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;mix-blend-mode:screen;background-image:linear-gradient(to bottom,#fff0 38%,#ffffffe6)}._container_1g9t2_1._pickup_1g9t2_10 ._heading_1g9t2_41{align-self:end;font-size:xx-large}}._thumbnail_1g9t2_6{margin-block-end:var(--sp-medium);transition:opacity var(--animation-duration)}._category_1g9t2_15{position:absolute;top:0;left:0}._heading_1g9t2_41{margin-block-end:var(--sp-min)}._excerpt_1g9t2_62{margin-block-start:var(--sp-medium)}._author_1g9t2_20{justify-content:flex-end}._date_1g9t2_19,._author_1g9t2_20{margin-block-start:var(--sp-medium)}._container_ouyg9_1{grid-template-columns:auto auto;grid-template-rows:auto auto auto auto auto 1fr;grid-template-areas:"thumbnail thumbnail" "date author" "heading heading" "category category" "tag tag" "excerpt excerpt";gap:var(--sp-small)}._container_ouyg9_1:hover ._thumbnail_ouyg9_7{opacity:.8}@container (576px <= width){._container_ouyg9_1._pickup_ouyg9_11{grid-template-columns:calc((100% - var(--sp-larger) * 2) / 3) auto auto;grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"thumbnail date author" "thumbnail heading heading" "thumbnail category category" "thumbnail tag tag" "thumbnail excerpt excerpt";column-gap:var(--sp-larger)}._container_ouyg9_1._pickup_ouyg9_11 ._thumbnail_ouyg9_7{margin-inline-end:var(--sp-larger);margin-block-end:0}._container_ouyg9_1._pickup_ouyg9_11 ._heading_ouyg9_21{font-size:xx-large}}._date_ouyg9_26{align-items:center}._thumbnail_ouyg9_7{transition:opacity var(--animation-duration);margin-block-end:var(--sp-small)}._thumbnail_ouyg9_7>*{border-radius:var(--bv)}._heading_ouyg9_21{margin-block-end:var(--sp-small)}._wrapper_1gqog_1{display:block;width:100%;height:100%;position:relative;box-shadow:0 0 var(--sp-medium) 0 rgba(var(--black-rgb),.1)}._wrapper_1gqog_1:before,._wrapper_1gqog_1:after{content:"";display:block;background-color:var(--primary-color);position:absolute;transition:all var(--animation-duration);width:0;height:2px}._wrapper_1gqog_1:before{top:-2px;left:-2px}._wrapper_1gqog_1:after{bottom:-2px;right:-2px}._wrapper_1gqog_1:hover:before,._wrapper_1gqog_1:hover:after{width:calc(100% + 4px)}._wrapper_1gqog_1:hover ._container_1gqog_28:before,._wrapper_1gqog_1:hover ._container_1gqog_28:after{height:calc(100% + 4px)}._wrapper_1gqog_1:hover ._overlay_1gqog_31,._wrapper_1gqog_1:hover ._excerpt_1gqog_32{opacity:1}@container (576px <= width){._wrapper_1gqog_1._pickup_1gqog_36{aspect-ratio:21/9}._wrapper_1gqog_1._pickup_1gqog_36 ._container_1gqog_28{grid-template-rows:0 0 0 auto auto 1fr 0;grid-template-areas:"excerpt" "category" "thumbnail" "heading" "date" "tag" "author"}._wrapper_1gqog_1._pickup_1gqog_36 ._thumbnail_1gqog_43{opacity:.4;position:absolute;top:0;left:0}._wrapper_1gqog_1._pickup_1gqog_36 ._heading_1gqog_49,._wrapper_1gqog_1._pickup_1gqog_36 ._date_1gqog_50,._wrapper_1gqog_1._pickup_1gqog_36 ._tag_1gqog_51,._wrapper_1gqog_1._pickup_1gqog_36 ._author_1gqog_52,._wrapper_1gqog_1._pickup_1gqog_36 ._category_1gqog_53{position:relative;z-index:2}._wrapper_1gqog_1._pickup_1gqog_36 ._category_1gqog_53,._wrapper_1gqog_1._pickup_1gqog_36 ._author_1gqog_52{position:absolute}._wrapper_1gqog_1._pickup_1gqog_36 ._excerpt_1gqog_32{display:flex;align-items:flex-end;padding-block-end:var(--sp-large)}._wrapper_1gqog_1._pickup_1gqog_36 ._category_1gqog_53{top:0;left:0}._wrapper_1gqog_1._pickup_1gqog_36 ._author_1gqog_52{margin:0;bottom:var(--sp-large);right:var(--sp-large)}._wrapper_1gqog_1._pickup_1gqog_36 ._heading_1gqog_49{padding-block-start:var(--sp-large);font-size:xx-large}._wrapper_1gqog_1._pickup_1gqog_36 ._tag_1gqog_51{display:flex;align-items:flex-start;margin:0}}._container_1gqog_28{grid-template-columns:1fr;grid-template-rows:0 fit-content(55%) auto auto 1fr auto auto;grid-template-areas:"excerpt" "thumbnail" "date" "heading" "tag" "author" "category";text-align:center;position:relative;height:100%}._container_1gqog_28:before,._container_1gqog_28:after{content:"";display:block;background-color:var(--primary-color);position:absolute;transition:all var(--animation-duration);width:2px;height:0}._container_1gqog_28:before{bottom:-2px;left:-2px}._container_1gqog_28:after{top:-2px;right:-2px}._overlay_1gqog_31,._excerpt_1gqog_32{width:100%;max-height:100%;position:absolute;opacity:1;aspect-ratio:4/3}@container (992px <= width){._overlay_1gqog_31,._excerpt_1gqog_32{opacity:0}}._date_1gqog_50{display:flex;justify-content:center;margin-block:calc(var(--bv) * 2) var(--bv)}._heading_1gqog_49{padding:0 calc(var(--bv) * 2)}._excerpt_1gqog_32{display:flex;justify-content:center;align-items:center;height:100%;padding:0 calc(var(--bv) * 2);position:absolute;top:0}._author_1gqog_52{justify-content:center;margin-block:var(--sp-large)}._category_1gqog_53{display:flex;justify-content:center}._overlay_1gqog_31{background-image:linear-gradient(to bottom,rgb(var(--black-rgb),0),rgba(var(--black-rgb),.5) 66%,rgba(var(--black-rgb),.8));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._tag_1gqog_51{display:flex;align-items:center;justify-content:center;margin-block:var(--sp-medium)}._container_9fac4_1{grid-template-columns:auto 1fr;grid-template-rows:fit-content(55%) auto auto 1fr auto auto;grid-template-areas:"thumbnail thumbnail" "date category" "heading heading" "excerpt excerpt" "tag tag" "author author";box-shadow:0 0 1px rgba(var(--black-rgb),.4);height:100%;transition:box-shadow var(--animation-duration)}._container_9fac4_1:hover{box-shadow:0 0 var(--sp-medium) 2px rgba(var(--black-rgb),.2)}._container_9fac4_1:hover ._thumbnail_9fac4_12{opacity:.8}@container (576px <= width){._container_9fac4_1._pickup_9fac4_16{grid-template-rows:auto auto 1fr auto auto;grid-template-columns:fit-content(50%) auto 1fr;grid-template-areas:"thumbnail date category" "thumbnail heading heading" "thumbnail excerpt excerpt" "thumbnail tag tag" "thumbnail author author"}}@container (992px <= width){._container_9fac4_1._pickup_9fac4_16{grid-template-columns:calc(66.666% - 2 * var(--sp-small)) auto 1fr}}._thumbnail_9fac4_12{transition:opacity var(--animation-duration)}._heading_9fac4_32,._tag_9fac4_33,._excerpt_9fac4_34,._author_9fac4_35{margin-block:var(--sp-small);padding-inline:var(--sp-large)}._date_9fac4_40,._category_9fac4_41{padding:var(--sp-large);padding-bottom:0}._date_9fac4_40{padding-right:var(--sp-min)}._category_9fac4_41{padding-left:var(--sp-min)}._category_9fac4_41:before{content:"/";color:var(--gray);font-size:small}._author_9fac4_35{padding-bottom:var(--sp-large)}._container_96xud_1{grid-template-columns:auto 1fr;grid-template-rows:fit-content(62%) auto auto auto 1fr auto;grid-template-areas:"thumbnail thumbnail" "category tag" "heading heading" "excerpt excerpt" "author date";gap:var(--sp-small);height:100%}._container_96xud_1:hover ._thumbnail_96xud_8 img{filter:grayscale(20%)}@container (576px <= width){._container_96xud_1._pickup_96xud_12{grid-template-columns:1fr;grid-template-rows:0 1fr auto;grid-template-areas:"thumbnail" "heading" "date";gap:0;aspect-ratio:21/9}._container_96xud_1._pickup_96xud_12 ._thumbnail_96xud_8{position:absolute;top:0;left:0}._container_96xud_1._pickup_96xud_12 ._thumbnail_96xud_8:before{content:"";display:block;width:100%;height:100%;background-color:var(--gray);mix-blend-mode:multiply;position:absolute;top:0;left:0;z-index:1;transition:opacity var(--animation-duration);opacity:.3;pointer-events:none}._container_96xud_1._pickup_96xud_12:hover ._thumbnail_96xud_8:before{opacity:.1}._container_96xud_1._pickup_96xud_12 ._heading_96xud_42,._container_96xud_1._pickup_96xud_12 ._date_96xud_43{position:relative;z-index:2}._container_96xud_1._pickup_96xud_12 ._heading_96xud_42{display:flex;justify-content:flex-start;align-items:flex-end;margin-block-start:var(--sp-medium);margin-inline:var(--sp-large);font-size:xx-large}._container_96xud_1._pickup_96xud_12 ._date_96xud_43{display:flex;justify-content:flex-start;align-items:flex-end;margin-block:var(--sp-medium) var(--sp-large);margin-inline:var(--sp-large);font-size:medium;color:var(--text-color)}._container_96xud_1._pickup_96xud_12 ._excerpt_96xud_64,._container_96xud_1._pickup_96xud_12 ._category_96xud_65,._container_96xud_1._pickup_96xud_12 ._tag_96xud_66,._container_96xud_1._pickup_96xud_12 ._author_96xud_67{display:none}}._container_96xud_1 ._thumbnail_96xud_8 img{transition:filter var(--animation-duration);filter:grayscale(90%)}._container_96xud_1 ._tag_96xud_66{grid-column:1/3;margin-block-start:var(--sp-small)}._container_96xud_1 ._category_96xud_65{margin-block-start:var(--sp-small)}._container_96xud_1 ._category_96xud_65+._tag_96xud_66{grid-column:2/3}._container_96xud_1 ._category_96xud_65+._tag_96xud_66:before{content:"/";color:var(--gray);font-size:small}._container_96xud_1 ._heading_96xud_42{margin-block-start:var(--sp-small)}._container_96xud_1 ._excerpt_96xud_64{margin-block-end:var(--sp-small)}._container_96xud_1 ._date_96xud_43{justify-content:flex-end}._container_qon22_1{grid-template-columns:50% 1fr auto;grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"category category category" "thumbnail date date" "thumbnail heading heading" "thumbnail excerpt excerpt" "thumbnail tag author";column-gap:var(--sp-large)}._container_qon22_1:before{content:"";display:block;width:calc(100% + var(--sp-medium));height:100%;background-color:var(--primary-color);mix-blend-mode:soft-light;position:absolute;top:var(--sp-small);left:calc(-1 * var(--sp-small));transition:opacity var(--animation-duration);opacity:0;pointer-events:none}._container_qon22_1:hover:before{opacity:.1}@container (width <= 576px){._container_qon22_1{grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto 1fr auto;grid-template-areas:"category category" "thumbnail thumbnail" "date date" "heading heading" "excerpt excerpt" "tag author";column-gap:0}}@container (width <= 576px){._thumbnail_qon22_34{margin-block-end:var(--sp-small)}}@container (width <= 576px){._excerpt_qon22_40{margin-block-end:var(--sp-medium)}}._category_qon22_45{position:relative;top:var(--sp-small)}._heading_qon22_50{margin-block-end:var(--sp-medium)}._tag_qon22_54{padding-block:var(--sp-small)}._container_209hm_1{grid-template-columns:28% auto auto;grid-template-rows:auto auto 1fr auto;grid-template-areas:"thumbnail date category" "thumbnail heading heading" "thumbnail excerpt excerpt" "thumbnail tag author";row-gap:var(--sp-small);column-gap:var(--sp-large)}@container (width <= 576px){._container_209hm_1{grid-template-columns:33% auto auto;column-gap:var(--sp-medium)}}._container_209hm_1:hover ._thumbnail_209hm_14{opacity:.8}._thumbnail_209hm_14{transition:opacity var(--animation-duration)}._heading_209hm_22{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@container (width <= 576px){._category_209hm_30 li,._tag_209hm_31 li{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}}._category_209hm_30{justify-content:flex-end}@container (width <= 576px){._excerpt_209hm_44>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}._author_209hm_52{justify-content:flex-end}._container_28x0r_1{--date-size: calc(var(--bv) * 7);grid-template-columns:auto 1fr auto;grid-template-rows:fit-content(50%) auto 1fr auto auto;grid-template-areas:"thumbnail thumbnail thumbnail" "date heading heading" "excerpt excerpt excerpt" "category category author" "tag tag author";height:100%;box-shadow:0 0 1px rgba(var(--black-rgb),.4);transition:box-shadow var(--animation-duration) linear}._container_28x0r_1:hover{box-shadow:0 0 var(--sp-small) 2px rgba(var(--black-rgb),.2)}@container (576px <= width){._container_28x0r_1._horizontal_28x0r_14{grid-template-columns:fit-content(50%) auto 1fr auto;grid-template-rows:auto 1fr auto auto;grid-template-areas:"thumbnail date heading heading" "thumbnail excerpt excerpt excerpt" "thumbnail category category author" "thumbnail tag tag author"}._container_28x0r_1._pickup_28x0r_19{grid-template-columns:1fr;grid-template-rows:1fr 0 0;grid-template-areas:"thumbnail" "heading" "date";text-align:left}._container_28x0r_1._pickup_28x0r_19 ._thumbnail_28x0r_25{position:relative}._container_28x0r_1._pickup_28x0r_19 ._thumbnail_28x0r_25:before{content:"";display:block;width:100%;height:100%;background-color:rgba(var(--black-rgb),.6);mix-blend-mode:multiply;pointer-events:none;position:absolute;top:0;left:0;z-index:1;transition:all var(--animation-duration)}._container_28x0r_1._pickup_28x0r_19 ._heading_28x0r_42,._container_28x0r_1._pickup_28x0r_19 ._date_28x0r_43{position:absolute;z-index:2}._container_28x0r_1._pickup_28x0r_19 ._heading_28x0r_42{padding:0;padding-right:var(--sp-medium);left:calc(var(--date-size) + var(--sp-medium) * 2);bottom:var(--sp-medium)}._container_28x0r_1._pickup_28x0r_19 ._date_28x0r_43{margin:0;bottom:var(--sp-medium);left:var(--sp-medium)}._container_28x0r_1._pickup_28x0r_19 ._excerpt_28x0r_58,._container_28x0r_1._pickup_28x0r_19 ._category_28x0r_59,._container_28x0r_1._pickup_28x0r_19 ._tag_28x0r_60,._container_28x0r_1._pickup_28x0r_19 ._author_28x0r_61{display:none}}._date_28x0r_43{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-min);width:var(--date-size);height:var(--date-size);margin:var(--sp-medium);background-color:var(--black)}._date_28x0r_43>*{letter-spacing:.1em;line-height:1}._heading_28x0r_42{display:flex;align-items:center;padding:var(--sp-medium);padding-inline-start:0}._heading_28x0r_42>h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._category_28x0r_59,._tag_28x0r_60{margin-inline-start:var(--sp-medium);padding-block-end:var(--sp-medium)}._category_28x0r_59{align-items:flex-end}._author_28x0r_61,._excerpt_28x0r_58{padding:var(--sp-medium)}._thumbnail_uuh1j_1{margin-top:calc(-1 * var(--bv) * 2);overflow:hidden}._thumbnail_uuh1j_1 img{transition:scale var(--animation-duration)}._date_uuh1j_9{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--sp-small);margin-inline-end:var(--sp-medium);position:relative;z-index:2}._year_uuh1j_19{margin-block-start:var(--sp-small)}._month_uuh1j_23,._day_uuh1j_24{line-height:1}._month_uuh1j_23{display:flex;align-items:center}._month_uuh1j_23:after{content:"";position:relative;margin-inline-start:var(--sp-small);display:block;width:1px;height:calc(1em - var(--sp-medium));background-color:var(--text-color)}._contents_uuh1j_42{display:flex;flex-grow:1;flex-direction:column;height:auto;margin:calc(-1 * var(--sp-large)) var(--sp-medium) 0;background-color:var(--white);position:relative;z-index:1}._category_uuh1j_53{padding:var(--sp-medium)}._heading_uuh1j_57{flex-grow:1;padding:0 var(--sp-medium)}._row_uuh1j_62{display:flex;gap:var(--bv);padding:var(--sp-medium);justify-content:flex-end}._author_uuh1j_69{margin-inline-start:auto}._excerpt_uuh1j_73{--line-height: 1.8;flex:0 0 auto;line-height:var(--line-height);height:calc(var(--line-height) * 3 * 1em + var(--sp-medium) * 2);padding:var(--sp-medium);border-block-start:1px solid var(--border-color)}._container_uuh1j_82{display:flex;flex-direction:column;width:100%;height:100%;position:relative}._container_uuh1j_82:hover ._thumbnail_uuh1j_1 img{scale:1.1}@container (576px <= width){._container_uuh1j_82._pickup_uuh1j_93{aspect-ratio:16/9;justify-content:center;align-items:flex-end}._container_uuh1j_82._pickup_uuh1j_93 ._thumbnail_uuh1j_1{margin:0;position:absolute;top:0;left:0}._container_uuh1j_82._pickup_uuh1j_93 ._contents_uuh1j_42{flex:0 0 auto;margin:0;margin-block-start:calc(-1 * var(--sp-medium));background-color:#ffffffb3}._container_uuh1j_82._pickup_uuh1j_93 ._heading_uuh1j_57>h2{font-size:xx-large}}@container (992px <= width){._container_uuh1j_82._pickup_uuh1j_93{aspect-ratio:21/9}}._container_1hse0_1{grid-template-columns:auto 1fr;grid-template-rows:0 auto 1fr auto auto fit-content(20%);grid-template-areas:"thumbnail thumbnail" "heading heading" "date author" "category category" "tag tag" "excerpt excerpt";position:relative;width:100%;aspect-ratio:4/3;overflow:hidden}._container_1hse0_1:hover:before{opacity:0}._container_1hse0_1:hover:after{opacity:1}._container_1hse0_1:hover ._thumbnail_1hse0_16 img{filter:blur(2px);scale:1.04}._container_1hse0_1:hover ._category_1hse0_20,._container_1hse0_1:hover ._tag_1hse0_21,._container_1hse0_1:hover ._excerpt_1hse0_22{opacity:1}._container_1hse0_1:before,._container_1hse0_1:after{content:"";display:block;width:100%;height:100%;aspect-ratio:4/3;mix-blend-mode:hard-light;position:absolute;top:0;left:0;transition:all var(--animation-duration);z-index:2}._container_1hse0_1:before{background-image:linear-gradient(to bottom,rgba(var(--black-rgb),.6),rgba(var(--black-rgb),0) 62%,rgba(var(--black-rgb),0));opacity:1}._container_1hse0_1:after{background-color:rgba(var(--black-rgb),.8);opacity:0}._container_1hse0_1>*:not(._thumbnail_1hse0_16){transition:opacity var(--animation-duration);position:relative;z-index:3;padding-inline:var(--sp-medium)}@container (576px <= width){._container_1hse0_1._pickup_1hse0_53{aspect-ratio:16/9}@container (992px <= width){._container_1hse0_1._pickup_1hse0_53{aspect-ratio:2.85/1}}._container_1hse0_1._pickup_1hse0_53>*:not(._thumbnail_1hse0_16){padding-left:var(--sp-large);padding-right:var(--sp-large)}._container_1hse0_1._pickup_1hse0_53:before{aspect-ratio:16/9}@container (992px <= width){._container_1hse0_1._pickup_1hse0_53:before{aspect-ratio:2.85/1}}._container_1hse0_1._pickup_1hse0_53 ._heading_1hse0_73{font-size:xx-large}._container_1hse0_1._pickup_1hse0_53 ._tag_1hse0_21{margin-block:var(--sp-medium) var(--sp-large)}._container_1hse0_1._pickup_1hse0_53 ._excerpt_1hse0_22{padding:var(--sp-large)}}._thumbnail_1hse0_16{position:absolute;top:0;left:0;transition:filter var(--animation-duration);z-index:1}._thumbnail_1hse0_16>img{transition:scale var(--animation-duration)}._category_1hse0_20,._tag_1hse0_21,._excerpt_1hse0_22{opacity:0}._heading_1hse0_73{margin-block:var(--sp-medium)}._date_1hse0_105,._author_1hse0_106{align-items:flex-start}._author_1hse0_106{padding-left:0}._category_1hse0_20,._tag_1hse0_21{margin-block-end:var(--sp-medium)}._excerpt_1hse0_22{padding-block:var(--sp-medium);border-block-start:1px solid var(--white)}._list_cv8hf_1{--list-gap: var(--sp-large);list-style:none;margin:0;padding:0;display:grid;grid-template-rows:1fr;gap:var(--list-gap);width:100%}@keyframes _fadeIn_cv8hf_1{0%{opacity:0}to{opacity:1}}@container (width <= 576px){._list_cv8hf_1{grid-template-columns:repeat(auto-fit,100%)}}@container (576px <= width){._list_cv8hf_1{grid-template-columns:repeat(auto-fit,calc((100% - var(--list-gap) * (var(--tablet-column-number) - 1)) / var(--tablet-column-number)))}}@container (992px <= width){._list_cv8hf_1{grid-template-columns:repeat(auto-fit,calc((100% - var(--list-gap) * (var(--column-number) - 1)) / var(--column-number)))}}._list_cv8hf_1>li{opacity:0;animation-name:_fadeIn_cv8hf_1;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards}@container (width <= 576px){._list_cv8hf_1._pickup_cv8hf_42>li:first-child{grid-column:1}}@container (576px <= width){._list_cv8hf_1._pickup_cv8hf_42>li:first-child{grid-column:span var(--tablet-column-number)}}@container (992px <= width){._list_cv8hf_1._pickup_cv8hf_42>li:first-child{grid-column:span var(--column-number)}}._list_18syb_1{--list-gap: var(--sp-medium);display:grid;gap:var(--list-gap);grid-template-rows:1fr;width:100%;list-style:none;grid-auto-flow:dense}@keyframes _fadeIn_18syb_1{0%{opacity:0}to{opacity:1}}@container (width <= 576px){._list_18syb_1{display:flex;flex-direction:column;gap:var(--sp-large)}}@container (576px <= width){._list_18syb_1{grid-template-columns:repeat(auto-fit,calc((100% - var(--list-gap) * (var(--tablet-column-number) - 1)) / var(--tablet-column-number)))}}@container (992px <= width){._list_18syb_1{grid-template-columns:repeat(auto-fit,calc((100% - var(--list-gap) * (var(--column-number) - 1)) / var(--column-number)))}}._list_18syb_1>li{animation-name:_fadeIn_18syb_1;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:backwards}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geckou/ui-vue",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "description": "A set of reusable Vue UI components (forms & article lists) by Geckou",
   "main": "dist/index.js",
   "module": "dist/index.js",