@gez/date-time-kit/dist/components/date-time-selector/styleStr.mjs

var __freeze = Object.freeze;
var __defProp = Object.defineProperty;
var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
var _a, _b;
import { css } from "../../utils/index.mjs";
import { GranType } from "./common.mjs";
export const styleStr = css(_b || (_b = __template(["\n:host { font-size: 14px; }\n\n.host-wrapper { display: contents; }\n\n", " {\n  display: none;\n}\n\ndt-popover { width: 100%; }\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 15px;\n  width: 285px;\n}\n.wrapper > * { width: 100%; }\n\ndt-calendar-base {\n  /* 254 = item height 6 * 30 + week 14 + gap 10 * 6 */\n  height: 254px;\n}\ndt-calendar-base::part(week) {\n  font-size: 12px;\n  line-height: 14px;\n}\ndt-calendar-base::part(item) {\n  font-size: 14px;\n}\ndt-calendar-base.hide {\n  display: none;\n}\n\ndt-yyyymm-nav::part(list-grp) {\n  height: 254px;\n  margin-top: 15px;\n}\n\n.confirmBtn {\n  border: none;\n  min-height: 30px;\n  border-radius: 6px;\n  padding: 5px 10px;\n  font-size: 14px;\n  background-color: var(--dt-accent, #18181B);\n  color: var(--dt-text-reverse, #fff);\n  cursor: pointer;\n}\n.confirmBtn:hover {\n  background-color: var(--color-accent-hover, #000);\n}\n\n.timeOnly::part(pop),\ndt-yyyymmdd-selector::part(pop) {\n  width: 285px;\n}\n\n@media (max-width: 750px) {\n  .wrapper,\n  .timeOnly::part(pop),\n  dt-yyyymmdd-selector::part(pop) {\n    width: 100%;\n  }\n}\n"])), [
  GranType.Calendar,
  GranType.DateTime,
  GranType.Time,
  GranType.Date,
  GranType.CalendarTime
].map(
  (t) => css(_a || (_a = __template([".host-wrapper[data-type='", "'] :not([data-show~='", "'], slot, slot *, dt-i18n, [slot]:not([data-show]))"])), t, t)
).join(","));