@pop-ui/core 0.0.10

package/dist/components/shared/styles.js

@@ -0,0 +1,219 @@
+import { css } from "@storybook/theming";
+import { rgba } from "polished";
+export const background = {
+    app: "#F6F9FC",
+    appInverse: "#7A8997",
+    positive: "#E1FFD4",
+    negative: "#FEDED2",
+    warning: "#FFF5CF",
+    calmBlue: "#E3F3FF",
+};
+export const color = {
+    aqua: "#0FD3D8",
+    secondary: "#029CFD",
+    tertiary: "#E3E6E8",
+    orange: "#FC521F",
+    gold: "#FFAE00",
+    green: "#66BF3C",
+    seafoam: "#37D5D3",
+    purple: "#6F2CAC",
+    ultraviolet: "#2A0481",
+    red: "#ff4400",
+    bluelight: "#E3F3FF",
+    bluelighter: "#F5FBFF",
+    lightest: "#FFFFFF",
+    lighter: "#F7FAFC",
+    light: "#EEF3F6",
+    mediumlight: "#ECF4F9",
+    medium: "#D9E8F2",
+    mediumdark: "#73828C",
+    dark: "#5C6870",
+    darker: "#454E54",
+    darkest: "#2E3438",
+    tr10: "rgba(0, 0, 0, 0.1)",
+    tr5: "rgba(0, 0, 0, 0.05)",
+    border: "hsla(203, 50%, 30%, 0.15)",
+    positive: "#448028",
+    negative: "#D43900",
+    warning: "#A15C20",
+    selected: "#0271B6",
+};
+export const spacing = {
+    padding: {
+        small: 10,
+        medium: 20,
+        large: 30,
+    },
+    borderRadius: {
+        small: 5,
+        default: 10,
+    },
+};
+export const typography = {
+    type: {
+        primary: '"Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif',
+        code: '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace',
+    },
+    weight: {
+        regular: "400",
+        bold: "700",
+        extrabold: "800",
+    },
+    size: {
+        s1: 12,
+        s2: 14,
+        s3: 16,
+        m1: 20,
+        m2: 24,
+        m3: 28,
+        l1: 32,
+        l2: 40,
+        l3: 48,
+        code: 90,
+    },
+};
+export const breakpoint = 600;
+export const pageMargin = 5.55555;
+export const pageMargins = css `
+  padding: 0 ${spacing.padding.medium}px;
+  @media (min-width: ${breakpoint * 1}px) {
+    margin: 0 ${pageMargin * 1}%;
+  }
+  @media (min-width: ${breakpoint * 2}px) {
+    margin: 0 ${pageMargin * 2}%;
+  }
+  @media (min-width: ${breakpoint * 3}px) {
+    margin: 0 ${pageMargin * 3}%;
+  }
+  @media (min-width: ${breakpoint * 4}px) {
+    margin: 0 ${pageMargin * 4}%;
+  }
+`;
+export const hoverEffect = css `
+  border: 1px solid ${color.border};
+  border-radius: ${spacing.borderRadius.small}px;
+  transition:
+    background 150ms ease-out,
+    border 150ms ease-out,
+    transform 150ms ease-out;
+
+  &:hover,
+  &.__hover {
+    border-color: ${rgba(color.secondary, 0.5)};
+    transform: translate3d(0, -3px, 0);
+    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
+  }
+
+  &:active,
+  &.__active {
+    border-color: ${rgba(color.secondary, 1)};
+    transform: translate3d(0, 0, 0);
+  }
+`;
+export const zIndex = {
+    tooltip: 2147483647,
+};
+export const headers = {
+    hero1: css({
+        fontSize: typography.size.l3,
+        fontWeight: typography.weight.bold,
+    }),
+    hero2: css({
+        fontSize: typography.size.l2,
+        fontWeight: typography.weight.bold,
+    }),
+    h1: css({
+        fontSize: typography.size.l1,
+        fontWeight: typography.weight.bold,
+    }),
+    h2: css({
+        fontSize: typography.size.m3,
+        fontWeight: typography.weight.bold,
+    }),
+    h3: css({
+        fontSize: typography.size.m2,
+        fontWeight: typography.weight.bold,
+    }),
+    h4: css({
+        fontSize: typography.size.m1,
+        fontWeight: typography.weight.bold,
+    }),
+    h5: css({
+        fontSize: typography.size.s3,
+        fontWeight: typography.weight.bold,
+    }),
+    h6: css({
+        fontSize: typography.size.s2,
+        fontWeight: typography.weight.bold,
+    }),
+};
+export const subheading = {
+    regular: css({
+        fontSize: 13,
+        fontWeight: typography.weight.extrabold,
+        lineHeight: "18px",
+        letterSpacing: "0.38em",
+    }),
+    small: css({
+        fontSize: 11,
+        fontWeight: typography.weight.extrabold,
+        lineHeight: "16px",
+        letterSpacing: "0.38em",
+    }),
+};
+export const text = {
+    storybookMediumBold: css({
+        fontSize: 13,
+        fontWeight: typography.weight.bold,
+        lineHeight: "18px",
+    }),
+    storybookMedium: css({
+        fontSize: 13,
+        fontWeight: typography.weight.regular,
+        lineHeight: "18px",
+    }),
+    largeBold: css({
+        fontSize: typography.size.s3,
+        fontWeight: typography.weight.bold,
+        lineHeight: "24px",
+    }),
+    small: css({
+        fontSize: typography.size.s1,
+        fontWeight: typography.weight.regular,
+        lineHeight: "18px",
+    }),
+    regularBold: css({
+        fontSize: typography.size.s2,
+        fontWeight: typography.weight.bold,
+        lineHeight: "20px",
+    }),
+    smallBold: css({
+        fontSize: typography.size.s1,
+        fontWeight: typography.weight.bold,
+        lineHeight: "18px",
+    }),
+    large: css({
+        fontSize: typography.size.s3,
+        fontWeight: typography.weight.regular,
+        lineHeight: "24px",
+    }),
+    regular: css({
+        fontSize: typography.size.s2,
+        fontWeight: typography.weight.regular,
+        lineHeight: "20px",
+    }),
+};
+export const code = {
+    regular: css({
+        fontFamily: typography.type.code,
+        fontSize: typography.size.s2,
+        fontWeight: typography.weight.regular,
+        lineHeight: "17px",
+    }),
+    small: css({
+        fontFamily: typography.type.code,
+        fontSize: typography.size.s1,
+        fontWeight: typography.weight.regular,
+        lineHeight: "14px",
+    }),
+};

package/dist/core.css

@@ -0,0 +1 @@
+@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._lg_button_18ipb_16{font-family:Pretendard;font-size:18;font-weight:700;line-height:130%;height:50px;padding:20;border-radius:6px}._md_button_18ipb_26{font-family:Pretendard;font-size:16;font-weight:SemiBold;line-height:130%;height:40px;padding:16;border-radius:6px}._sm_button_18ipb_36{font-family:Pretendard;font-size:14;font-weight:SemiBold;line-height:130%;height:30px;padding:12;border-radius:4px}._primary_18ipb_46{background-color:#0fd3d8;color:#fff;cursor:pointer}._primary_18ipb_46:focus{background-color:#11badd;color:#fff}._primary_18ipb_46:hover{background-color:#11badd;color:#fff}._primary_18ipb_46:active{background-color:#07a3c6;color:#fff}._primary_18ipb_46:disabled{background-color:#b0b0b0;color:#fff}._primaryline_18ipb_68{background-color:#fff;color:#0fd3d8;border-color:#0fd3d8;border-style:solid;border-width:1;cursor:pointer}._primaryline_18ipb_68:focus{background-color:#e7e7e7;color:#11badd;border-color:#11badd;border-style:solid;border-width:1}._primaryline_18ipb_68:hover{background-color:#e7e7e7;color:#11badd;border-color:#11badd;border-style:solid;border-width:1}._primaryline_18ipb_68:active{background-color:#cdcdcd;color:#07a3c6;border-color:#07a3c6;border-style:solid;border-width:1}._primaryline_18ipb_68:disabled{background-color:#b0b0b0;color:#fff}._basic_18ipb_102{background-color:#fff;color:#4a4a4a;border-color:#b0b0b0;border-style:solid;border-width:1;cursor:pointer}._basic_18ipb_102:focus{background-color:#e7e7e7;color:#4a4a4a;border-color:#b0b0b0;border-style:solid;border-width:1}._basic_18ipb_102:hover{background-color:#e7e7e7;color:#4a4a4a;border-color:#b0b0b0;border-style:solid;border-width:1}._basic_18ipb_102:active{background-color:#cdcdcd;color:#4a4a4a;border-color:#b0b0b0;border-width:1}._basic_18ipb_102:disabled{background-color:#b0b0b0;color:#fff}._danger_18ipb_135{background-color:#fa5252;color:#fff;cursor:pointer}._danger_18ipb_135:focus{background-color:#e03131;color:#fff}._danger_18ipb_135:hover{background-color:#e03131;color:#fff}._danger_18ipb_135:active{background-color:#c92a2a;color:#fff}._danger_18ipb_135:disabled{background-color:#b0b0b0;color:#fff}._setting_18ipb_157{background-color:#9b9b9b;color:#fff;cursor:pointer}._setting_18ipb_157:focus{background-color:gray;color:#fff}._setting_18ipb_157:hover{background-color:gray;color:#fff}._setting_18ipb_157:active{background-color:#666;color:#fff}._setting_18ipb_157:disabled{background-color:#b0b0b0;color:#fff}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._left_label_textfield_wii04_16{display:flex;flex-direction:row;gap:20px}._top_label_textfield_wii04_22{display:flex;flex-direction:column}._sm_label_wii04_27{font-family:Pretendard;font-size:14px;font-weight:600;letter-spacing:0em;text-align:left;margin:8px 3px}._md_label_wii04_36{font-family:Pretendard;font-size:16px;font-weight:600;letter-spacing:0em;text-align:left;margin:12px 4px}._lg_label_wii04_45{font-family:Pretendard;font-size:18px;font-weight:600;letter-spacing:0em;text-align:left;margin:16px 4px}._sm_tooltip_wii04_54{width:14px;height:14px}._md_tooltip_wii04_59{width:16px;height:16px}._lg_tooltip_wii04_64{width:18px;height:18px}._textfield_wrapper_wii04_69{position:relative}._text_counter_wii04_73{position:absolute;bottom:-16px;right:0;font-family:Pretendard;font-size:12px;font-weight:500;letter-spacing:0em;text-align:right;color:gray}._textarea_wii04_85 textarea:hover{outline:1.5px solid #72eef1;border-color:transparent}._textarea_wii04_85 textarea:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._sm_textfield_wii04_94 input{height:30px;min-height:30px;padding:8px;font-size:14px}._sm_textfield_wii04_94 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._sm_textfield_wii04_94 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_wii04_109 input{height:40px;min-height:40px;padding:12px;font-size:14px}._md_textfield_wii04_109 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._md_textfield_wii04_109 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_wii04_124 input{height:50px;min-height:50px;padding:16px;font-size:16px}._lg_textfield_wii04_124 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._lg_textfield_wii04_124 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._input_description_wii04_139{margin-top:8px}._input_error_msg_wii04_143{margin-top:4px}._clear_button_wii04_147{display:flex;align-items:center;justify-content:center;cursor:pointer}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._left_label_textfield_hosiw_16{display:flex;flex-direction:row;gap:20px}._top_label_textfield_hosiw_22{display:flex;flex-direction:column}._sm_label_hosiw_27{font-family:Pretendard;font-size:14px;font-weight:600;letter-spacing:0em;text-align:left;margin:8px 3px}._md_label_hosiw_36{font-family:Pretendard;font-size:16px;font-weight:600;letter-spacing:0em;text-align:left;margin:12px 4px}._lg_label_hosiw_45{font-family:Pretendard;font-size:18px;font-weight:600;letter-spacing:0em;text-align:left;margin:16px 4px}._sm_tooltip_hosiw_54{width:14px;height:14px}._md_tooltip_hosiw_59{width:16px;height:16px}._lg_tooltip_hosiw_64{width:18px;height:18px}._sm_textfield_hosiw_69 input{height:30px;padding:8px;font-size:14px;min-height:30px}._sm_textfield_hosiw_69 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._sm_textfield_hosiw_69 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_hosiw_84 input{height:40px;padding:12px;font-size:14px;min-height:40px}._md_textfield_hosiw_84 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._md_textfield_hosiw_84 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_hosiw_99 input{height:50px;padding:16px;font-size:16px;min-height:50px}._lg_textfield_hosiw_99 input:hover{outline:1.5px solid #72eef1;border-color:transparent}._lg_textfield_hosiw_99 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._input_description_hosiw_114{margin-top:8px}._input_error_msg_hosiw_118{margin-top:4px}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._sm_checkbox_7y75g_16 input{width:18px;height:18px}._sm_checkbox_7y75g_16 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._sm_checkbox_7y75g_16 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._sm_checkbox_7y75g_16 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._sm_checkbox_7y75g_16 label{height:18px;color:#333;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;display:flex;align-items:center}._sm_checkbox_7y75g_16 div{color:gray;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:500}._md_checkbox_7y75g_52 input{width:24px;height:24px}._md_checkbox_7y75g_52 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._md_checkbox_7y75g_52 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._md_checkbox_7y75g_52 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._md_checkbox_7y75g_52 label{height:24px;color:#333;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:600;display:flex;align-items:center}._md_checkbox_7y75g_52 div{color:gray;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500}._lg_checkbox_7y75g_88 input{width:32px;height:32px}._lg_checkbox_7y75g_88 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._lg_checkbox_7y75g_88 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._lg_checkbox_7y75g_88 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._lg_checkbox_7y75g_88 label{height:32px;color:#333;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;display:flex;align-items:center}._lg_checkbox_7y75g_88 div{color:gray;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._sm_radio_1ib4u_16 input{width:18px;height:18px}._sm_radio_1ib4u_16 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._sm_radio_1ib4u_16 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._sm_radio_1ib4u_16 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._sm_radio_1ib4u_16 label{height:18px;color:#333;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;display:flex;align-items:center}._sm_radio_1ib4u_16 div{color:gray;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:500}._md_radio_1ib4u_52 input{width:24px;height:24px}._md_radio_1ib4u_52 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._md_radio_1ib4u_52 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._md_radio_1ib4u_52 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._md_radio_1ib4u_52 label{height:24px;color:#333;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:600;display:flex;align-items:center}._md_radio_1ib4u_52 div{color:gray;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500}._lg_radio_1ib4u_88 input{width:32px;height:32px}._lg_radio_1ib4u_88 input:hover{background-color:#edfcff;border-color:#72eef1;border-width:2px}._lg_radio_1ib4u_88 input:checked{background-color:#0fd3d8;border-color:#0fd3d8}._lg_radio_1ib4u_88 input:disabled{background-color:#e7e7e7;border-color:#d8d8d8;border-width:2px}._lg_radio_1ib4u_88 label{height:32px;color:#333;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;display:flex;align-items:center}._lg_radio_1ib4u_88 div{color:gray;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._sm_toggle_jaqix_16 label{height:18px;color:#333;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;display:flex;align-items:center}._sm_toggle_jaqix_16 div{color:gray;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:500}._md_toggle_jaqix_34 label{height:24px;color:#333;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:600;display:flex;align-items:center}._md_toggle_jaqix_34 div{color:gray;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500}._lg_toggle_jaqix_52 label{height:32px;color:#333;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;display:flex;align-items:center}._lg_toggle_jaqix_52 div{color:gray;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._sm_textfield_2zkt2_16 button{height:30px;min-height:30px;padding:8px;font-size:14px;line-height:100%}._sm_textfield_2zkt2_16 button:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._sm_textfield_2zkt2_16 button:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._sm_textfield_2zkt2_16 button[data-in-range]{background-color:#edfcff}._sm_textfield_2zkt2_16 button[data-selected]{background-color:#0fd3d8}._sm_textfield_2zkt2_16 button[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._sm_textfield_2zkt2_16 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._sm_textfield_2zkt2_16 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._sm_textfield_2zkt2_16 input[data-in-range]{background-color:#edfcff}._sm_textfield_2zkt2_16 input[data-selected]{background-color:#0fd3d8}._sm_textfield_2zkt2_16 input[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._md_textfield_2zkt2_66 button{height:40px;min-height:40px;padding:12px;font-size:14px;line-height:100%}._md_textfield_2zkt2_66 button:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._md_textfield_2zkt2_66 button:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_2zkt2_66 button[data-in-range]{background-color:#edfcff}._md_textfield_2zkt2_66 button[data-selected]{background-color:#0fd3d8}._md_textfield_2zkt2_66 button[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._md_textfield_2zkt2_66 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._md_textfield_2zkt2_66 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_2zkt2_66 input[data-in-range]{background-color:#edfcff}._md_textfield_2zkt2_66 input[data-selected]{background-color:#0fd3d8}._md_textfield_2zkt2_66 input[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._lg_textfield_2zkt2_116 button{height:50px;min-height:50px;padding:16px;font-size:16px;line-height:100%}._lg_textfield_2zkt2_116 button:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._lg_textfield_2zkt2_116 button:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_2zkt2_116 button[data-in-range]{background-color:#edfcff}._lg_textfield_2zkt2_116 button[data-selected]{background-color:#0fd3d8}._lg_textfield_2zkt2_116 button[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}._lg_textfield_2zkt2_116 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._lg_textfield_2zkt2_116 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_2zkt2_116 input[data-in-range]{background-color:#edfcff}._lg_textfield_2zkt2_116 input[data-selected]{background-color:#0fd3d8}._lg_textfield_2zkt2_116 input[data-selected]:hover{outline:1.5px solid #72eef1;background-color:#edfcff;color:#000;border-color:transparent}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._sm_textfield_8xl46_16 input{height:30px;min-height:30px;padding:8px;font-size:14px;line-height:100%}._sm_textfield_8xl46_16 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._sm_textfield_8xl46_16 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._md_textfield_8xl46_33 input{height:40px;min-height:40px;padding:12px;font-size:14px;line-height:100%}._md_textfield_8xl46_33 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._md_textfield_8xl46_33 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}._lg_textfield_8xl46_50 input{height:50px;min-height:50px;padding:16px;font-size:16px;line-height:100%}._lg_textfield_8xl46_50 input:hover{outline:1.5px solid #72eef1;border-color:transparent;background-color:#fff}._lg_textfield_8xl46_50 input:focus-within{outline:1.5px solid #0fd3d8;border-color:transparent}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._pagination_hiiqe_16{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center;flex-wrap:wrap}._pagination_hiiqe_16 ._page_index_hiiqe_24{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:8px;gap:10px;font-family:Pretendard;font-size:14px;font-weight:400;letter-spacing:0px;text-align:center;color:gray;border:none;cursor:pointer;background-color:#fff0}._pagination_hiiqe_16 ._page_index_hiiqe_24:hover{background-color:#f6f6f6}._pagination_hiiqe_16 ._page_index_hiiqe_24:active{background-color:#e7e7e7}._pagination_hiiqe_16 ._page_index_active_hiiqe_48{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:8px;gap:10px;font-family:Pretendard;font-size:14px;font-weight:400;letter-spacing:0px;text-align:center;color:gray;border:none;cursor:pointer;font-weight:700;background-color:#e7e7e7;color:#4a4a4a}._pagination_hiiqe_16 ._page_index_active_hiiqe_48:hover{background-color:#f6f6f6}._pagination_hiiqe_16 ._page_index_active_hiiqe_48:active{background-color:#e7e7e7}._pagination_hiiqe_16 ._arrow_hiiqe_74{display:flex;align-items:center;justify-content:center;min-width:40px;border-radius:8px;gap:10px;font-family:Pretendard;font-size:14px;font-weight:400;letter-spacing:0px;text-align:center;color:gray;border:none;cursor:pointer;border:1px solid #b0b0b0;margin:0 8px;width:40px;height:40px;background-color:#fff}._pagination_hiiqe_16 ._arrow_hiiqe_74:hover{background-color:#f6f6f6}._pagination_hiiqe_16 ._arrow_hiiqe_74:active{background-color:#e7e7e7}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._tab_title_list_1fmw0_16{border-bottom:2px solid #d8d8d8}._tab_title_list_1fmw0_16 button{margin-bottom:7px;display:flex;align-items:center;text-align:center;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:700;height:50px;color:#b0b0b0;border-radius:6px;border:none;padding:0 20px;cursor:pointer}._tab_title_list_1fmw0_16 button:hover{background-color:#f6f6f6}._tab_title_list_1fmw0_16 button ._border_bottom_1fmw0_38{position:absolute;bottom:-9px;left:0;width:100%}._tab_title_list_1fmw0_16 button[data-active]{position:relative;color:#006180}._tab_title_list_1fmw0_16 button[data-active] ._border_bottom_1fmw0_38{position:absolute;bottom:-9px;left:0;width:100%;border-bottom:2px solid #006180;border-color:#006180}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._sm_segment_button_ok8t2_16 label{box-sizing:border-box;display:flex;align-items:center;color:#9b9b9b;height:30px;padding:0 8px;font-size:14px}._sm_segment_button_ok8t2_16 label[data-active]{color:#4a4a4a}._md_segment_button_ok8t2_29 label{box-sizing:border-box;display:flex;align-items:center;color:#9b9b9b;height:40px;padding:0 12px;font-size:14px}._md_segment_button_ok8t2_29 label[data-active]{color:#4a4a4a}._lg_segment_button_ok8t2_42 label{box-sizing:border-box;display:flex;align-items:center;color:#9b9b9b;height:50px;padding:0 16px;font-size:16px}._lg_segment_button_ok8t2_42 label[data-active]{color:#4a4a4a}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._light_success_gs18x_16{background-color:#efffef;border-radius:6px;border:1.5px solid #30cc37}._light_success_gs18x_16 span{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#30cc37}._light_success_gs18x_16 div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}._light_error_gs18x_38{background-color:#fef3f2;border-radius:6px;border:1.5px solid #fa5252}._light_error_gs18x_38 span{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#fa5252}._light_error_gs18x_38 div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}._fill_success_gs18x_60{background-color:#d1fcd3;border-radius:6px}._fill_success_gs18x_60 span{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#30cc37}._fill_success_gs18x_60 div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}._fill_error_gs18x_81{background-color:#fee4e2;border-radius:6px}._fill_error_gs18x_81 span{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#fa5252}._fill_error_gs18x_81 div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._tooltip_body_iesd0_16{display:flex;flex-direction:column}._tooltip_title_iesd0_21{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#fff;margin-bottom:8px}._tooltip_content_iesd0_31{font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;color:#fff}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._table_16tlf_16{width:max-content;border-collapse:collapse}._table_16tlf_16 ._tr_gray_16tlf_20{background-color:#fbfbfb}._table_16tlf_16 th,._table_16tlf_16 td{font-family:Pretendard;font-size:14px;font-style:normal;box-sizing:border-box;height:52px;text-align:center;padding:16px}@media (max-width: 767px){._table_16tlf_16 th,._table_16tlf_16 td{white-space:nowrap}}._table_16tlf_16 ._th_cell_16tlf_39{border-bottom:1px solid #d8d8d8;background-color:#f6f6f6}._table_16tlf_16 ._th_cell_16tlf_39>div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}._table_16tlf_16 ._th_cell_sortable_16tlf_56{border-bottom:1px solid #d8d8d8;background-color:#f6f6f6}._table_16tlf_16 ._th_cell_sortable_16tlf_56>div{color:#333;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}._table_16tlf_16 ._th_cell_sortable_16tlf_56 img{width:14px;height:14px;margin-left:4px}._table_16tlf_16 ._th_cell_sortable_16tlf_56:hover{cursor:pointer;background-color:#e7e7e7}._table_16tlf_16 ._td_cell_16tlf_82{color:#4a4a4a;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:140%;border-bottom:1px solid #e7e7e7}._table_16tlf_16 ._td_cell_16tlf_82>div{display:flex;align-items:center;justify-content:center}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(./PretendardVariable.woff2) format("woff2-variations")}._image_uploader_lv9hk_16{width:200px;height:200px;border:none;border-radius:6px;background-color:#edfcff;padding:0;overflow:hidden}._image_uploader_lv9hk_16[data-accept]{opacity:.7}._image_uploader_lv9hk_16:hover{background-color:#c8fdff}._image_uploader_lv9hk_16 ._preview_lv9hk_31{object-fit:cover;width:100%;height:100%}._image_uploader_lv9hk_16 div{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:12px}._image_uploader_lv9hk_16 div span{color:#07a3c6;text-align:center;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:140%}._image_uploader_wrapper_lv9hk_55{position:relative;width:fit-content;height:fit-content}._image_uploader_wrapper_lv9hk_55 ._file_clear_button_lv9hk_60{position:absolute;display:flex;align-items:center;justify-content:center;top:-12px;right:-12px;width:24px;height:24px;z-index:1;cursor:pointer}._image_uploader_wrapper_lv9hk_55 ._file_clear_button_lv9hk_60:hover{opacity:.9}