/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --spacing: 0.25rem;
  }
}
@layer base {
  /*! kiso.css v1.2.0 | MIT License | https://github.com/tak-dcxi/kiso.css */
  *, ::before, ::after {
    box-sizing: border-box;
  }
  :where(:root) {
    font-family: sans-serif;
    line-height: 1.5;
    text-spacing-trim: trim-start;
    text-autospace: normal;
    line-break: strict;
    overflow-wrap: anywhere;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scrollbar-gutter: stable;
    -webkit-tap-highlight-color: transparent;
  }
  :where(body) {
    min-block-size: 100dvb;
    margin: unset;
  }
  :where(h1, h2, h3, h4, h5, h6) {
    text-wrap: pretty;
  }
  :where(h1) {
    margin-block: 0.67em;
    font-size: 2em;
  }
  :where(h2, h3, h4, h5, h6) {
    margin-block: unset;
  }
  :where(search) {
    display: block flow;
  }
  :where(p, blockquote, figure, pre, address, ul, ol, dl, menu) {
    margin-block: unset;
  }
  :where(blockquote, figure) {
    margin-inline: unset;
  }
  :where(p:lang(en)) {
    text-wrap: pretty;
  }
  :where(address:lang(ja)) {
    font-style: unset;
  }
  :where(ul, ol, menu) {
    padding-inline-start: unset;
    list-style-type: "";
  }
  :where(dt) {
    font-weight: bolder;
  }
  :where(dd) {
    margin-inline-start: unset;
  }
  :where(pre) {
    text-spacing-trim: space-all;
    text-autospace: no-autospace;
  }
  @media print {
    :where(pre) {
      white-space: pre-wrap;
    }
  }
  :where(em:lang(ja)) {
    font-weight: bolder;
  }
  :where(:is(i, cite, em, dfn, var):lang(ja)) {
    font-style: unset;
  }
  :where(code, kbd, samp) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-feature-settings: initial;
    font-variation-settings: initial;
    font-size: unset;
    font-variant-ligatures: none;
  }
  :where(abbr[title]) {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    cursor: help;
  }
  :where(time) {
    text-autospace: no-autospace;
  }
  @media (forced-colors: active) {
    :where(mark) {
      background-color: Highlight;
      color: HighlightText;
    }
  }
  @media print {
    :where(mark) {
      border: 1px dotted;
    }
  }
  :where(a:any-link) {
    color: unset;
    text-decoration-line: unset;
    text-decoration-thickness: from-font;
  }
  :where(img, svg, picture, video, canvas, model, audio, iframe, embed, object) {
    block-size: auto;
    max-inline-size: 100%;
    vertical-align: bottom;
  }
  :where(iframe) {
    border: unset;
  }
  :where(table) {
    border-collapse: collapse;
  }
  :where(caption, th) {
    text-align: unset;
  }
  :where(caption) {
    text-wrap: pretty;
  }
  :where(button, input, select, textarea), ::file-selector-button {
    border-width: 1px;
    border-style: solid;
    border-color: unset;
    border-radius: unset;
    color: unset;
    font: unset;
    letter-spacing: unset;
    text-align: unset;
  }
  :where(input:is([type="radio" i], [type="checkbox" i])) {
    margin: unset;
  }
  :where(input[type="file" i]) {
    border: unset;
  }
  :where(input[type="search" i]) {
    -webkit-appearance: textfield;
  }
  @supports (-webkit-touch-callout: none) {
    :where(input[type="search" i]) {
      background-color: Canvas;
    }
  }
  :where( input:is( [type="tel" i], [type="url" i], [type="email" i], [type="number" i] ):not(:placeholder-shown) ) {
    direction: ltr;
  }
  :where(textarea) {
    margin-block: unset;
    resize: block;
  }
  :where( input:not([type="button" i], [type="submit" i], [type="reset" i]), textarea, [contenteditable] ) {
    text-autospace: no-autospace;
  }
  :where( button, input:is([type="button" i], [type="submit" i], [type="reset" i]) ), ::file-selector-button {
    background-color: unset;
  }
  :where( button, input:is([type="button" i], [type="submit" i], [type="reset" i]), [role="tab" i], [role="button" i], [role="option" i] ), ::file-selector-button {
    touch-action: manipulation;
  }
  :where( button:enabled, label[for], select:enabled, input:is( [type="button" i], [type="submit" i], [type="reset" i], [type="radio" i], [type="checkbox" i] ):enabled, [role="tab" i], [role="button" i], [role="option" i] ), :where(:enabled)::file-selector-button {
    cursor: pointer;
  }
  :where(fieldset) {
    min-inline-size: 0;
    margin-inline: unset;
    padding: unset;
    border: unset;
  }
  :where(legend) {
    padding-inline: unset;
  }
  :where(progress) {
    vertical-align: unset;
  }
  ::placeholder {
    opacity: unset;
  }
  :where(summary) {
    list-style-type: "";
    cursor: pointer;
  }
  :where(summary)::-webkit-details-marker {
    display: none;
  }
  :where(dialog, [popover]) {
    overscroll-behavior-block: contain;
    padding: unset;
    border: unset;
  }
  :where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
    display: none !important;
  }
  :where(dialog) {
    max-inline-size: unset;
    max-block-size: unset;
  }
  :where(dialog)::backdrop {
    background-color: oklch(0% 0 0deg / 30%);
  }
  :where([popover]) {
    margin: unset;
  }
  :where(:focus:not(:focus-visible)) {
    outline: none;
  }
  :where(:focus-visible) {
    outline-offset: 3px;
  }
  [tabindex="-1"]:focus-visible {
    outline: none !important;
  }
  :where(:disabled, [aria-disabled="true" i]) {
    cursor: default;
  }
  [hidden]:not([hidden="until-found" i]) {
    display: none !important;
  }
  @supports selector(::scroll-button(*)) {
    ::scroll-button(*) {
      border-width: 1px;
      border-style: solid;
      border-color: unset;
      border-radius: unset;
      background-color: unset;
      color: unset;
      font: unset;
      letter-spacing: unset;
      text-align: unset;
      touch-action: manipulation;
    }
    ::scroll-button(*):enabled {
      cursor: pointer;
    }
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .col-3 {
    grid-column: 3;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .h-full {
    height: 100%;
  }
  .w-fit {
    width: fit-content;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .items-center {
    align-items: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-15 {
    row-gap: calc(var(--spacing) * 15);
  }
  .pb-30 {
    padding-bottom: calc(var(--spacing) * 30);
  }
  .text-center {
    text-align: center;
  }
  .break-keep {
    word-break: keep-all;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}