.playground[data-v-3500faaf]{max-inline-size:40rem;margin:0 auto;padding:2rem 1rem}.playground__intro[data-v-3500faaf]{color:var(--color-text-maxcontrast, #6b6b6b)}.playground__files[data-v-3500faaf]{list-style:none;padding:0;display:grid;gap:.5rem}.playground__files button[data-v-3500faaf]{inline-size:100%;display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border:1px solid var(--color-border, #ddd);border-radius:var(--border-radius-element, 8px);background:var(--color-main-background, #fff);color:inherit;font:inherit;cursor:pointer}.playground__files button[data-v-3500faaf]:hover{background:var(--color-background-hover, #f5f5f5)}.playground__mime[data-v-3500faaf]{color:var(--color-text-maxcontrast, #6b6b6b)}:root{--color-main-background: #ffffff;--color-main-background-rgb: 255,255,255;--color-main-background-translucent: rgba(var(--color-main-background-rgb), .97);--color-main-background-blur: rgba(var(--color-main-background-rgb), .8);--filter-background-blur: blur(25px);--gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%;--color-background-hover: #f5f5f5;--color-background-dark: #ededed;--color-background-darker: #dbdbdb;--color-placeholder-light: #e6e6e6;--color-placeholder-dark: #cccccc;--color-main-text: #222222;--color-text-maxcontrast: #6b6b6b;--color-text-maxcontrast-default: #6b6b6b;--color-text-maxcontrast-background-blur: #595959;--color-text-error: #bf0000;--color-text-success: #066e03;--color-border: #ededed;--color-border-dark: #dbdbdb;--color-border-maxcontrast: #7d7d7d;--color-border-error: var(--color-element-error);--color-border-success: var(--color-element-success);--color-element-error: #c90000;--color-element-info: #0077C7;--color-element-success: #099f05;--color-element-warning: #BF7900;--color-error: #FFE7E7;--color-error-hover: #ffc3c3;--color-error-text: #8A0000;--color-warning: #FFEEC5;--color-warning-hover: #ffe4a1;--color-warning-text: #664700;--color-success: #D8F3DA;--color-success-hover: #bdebc0;--color-success-text: #005416;--color-info: #D5F1FA;--color-info-hover: #b5e6f6;--color-info-text: #0066AC;--color-favorite: #A37200;--color-mark: #fff0c7;--color-background-selection: rgb(from var(--color-primary-element) r g b / .2);--color-text-selection: var(--color-main-text);--color-error-rgb: 255,231,231;--color-warning-rgb: 255,238,197;--color-success-rgb: 216,243,218;--color-info-rgb: 213,241,250;--color-loading-light: #cccccc;--color-loading-dark: #444444;--color-scrollbar: var(--color-border-maxcontrast) transparent;--color-box-shadow-rgb: 77,77,77;--color-box-shadow: rgba(var(--color-box-shadow-rgb), .5);--color-background-assistant: #F6F5FF;--color-border-assistant: linear-gradient(125deg, #7398FE 50%, #6104A4 125%);--color-element-assistant: linear-gradient(214deg, #A569D3 12%, #00679E 39%, #422083 86%);--color-element-assistant-icon: linear-gradient(214deg, #9669D3 15%, #00679E 40%, #492083 80%);--font-face: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, Ubuntu, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--default-font-size: 15px;--font-size-small: 13px;--font-weight-default: 400;--font-weight-element: 500;--font-weight-heading: 600;--default-line-height: 1.5;--animation-quick: .1s;--animation-slow: .2s;--border-width-input: 1px;--border-width-input-focused: 2px;--border-radius-small: 4px;--border-radius-element: 8px;--border-radius-container: 12px;--border-radius-container-large: 16px;--border-radius: var(--border-radius-small);--border-radius-large: var(--border-radius-element);--border-radius-rounded: 28px;--border-radius-pill: 100px;--default-clickable-area: 34px;--clickable-area-large: 48px;--clickable-area-small: 24px;--default-grid-baseline: 4px;--header-height: 44px;--header-menu-item-height: 34px;--header-menu-icon-mask: linear-gradient(var(--color-background-plain-text) 25%, color-mix(in srgb, var(--color-background-plain-text), 55% transparent) 90%) alpha;--navigation-width: 300px;--sidebar-min-width: 300px;--sidebar-max-width: 500px;--body-container-radius: var(--border-radius-container-large);--body-container-margin: calc(var(--default-grid-baseline) * 2);--body-height: calc(100% - env(safe-area-inset-bottom) - var(--header-height) - var(--body-container-margin));--breakpoint-mobile: 1024px;--background-invert-if-dark: no;--background-invert-if-bright: invert(100%);--background-image-invert-if-bright: no;--primary-invert-if-bright: no;--primary-invert-if-dark: invert(100%);--color-primary: #00679e;--color-primary-text: #ffffff;--color-primary-hover: #3285b1;--color-primary-element: #00679e;--color-primary-element-hover: #00507a;--color-primary-element-text: #ffffff;--color-primary-element-text-dark: #ededed;--color-primary-light: #e5eff5;--color-primary-light-hover: #d9e3e8;--color-primary-light-text: #00293f;--color-primary-element-light: var(--color-primary-light);--color-primary-element-light-text: var(--color-primary-light-text);--color-primary-element-light-hover: var(--color-primary-light-hover);--gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);--color-background-plain: #00679e;--color-background-plain-text: #ffffff;--image-background: url(./img/background/jo-myoung-hee-fluid.webp)}body{margin:0;font-family:var(--font-face, system-ui, sans-serif);color:var(--color-main-text, #222);background:var(--color-main-background, #fff)}