@youngduck/yd-ui 0.14.1 → 0.16.1

package/dist/DragScroll.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("react/jsx-runtime");function e({children:e}){return r.jsx("div",{children:e})}e.displayName="DragScroll",exports.DragScroll=e;
+//# sourceMappingURL=DragScroll.cjs.js.map

package/dist/DragScroll.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragScroll.cjs.js","sources":["../src/components/DragScroll/DragScroll.tsx"],"sourcesContent":[null],"names":["DragScroll","children","_jsx","displayName"],"mappings":"gDAIM,SAAUA,GAAWC,SAAEA,IAC3B,OAAOC,EAAAA,IAAA,MAAA,CAAAD,SAAMA,GACf,CAEAD,EAAWG,YAAc"}

package/dist/DragScroll.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type DragScrollProps = {
+    children: React.ReactNode;
+};
+declare function DragScroll({ children }: DragScrollProps): react_jsx_runtime.JSX.Element;
+declare namespace DragScroll {
+    var displayName: string;
+}
+
+export { DragScroll };

package/dist/DragScroll.esm.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";function e({children:e}){return r("div",{children:e})}e.displayName="DragScroll";export{e as DragScroll};
+//# sourceMappingURL=DragScroll.esm.js.map

package/dist/DragScroll.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragScroll.esm.js","sources":["../src/components/DragScroll/DragScroll.tsx"],"sourcesContent":[null],"names":["DragScroll","children","_jsx","displayName"],"mappings":"wCAIM,SAAUA,GAAWC,SAAEA,IAC3B,OAAOC,EAAA,MAAA,CAAAD,SAAMA,GACf,CAEAD,EAAWG,YAAc"}

package/dist/HorizonDragScroll.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("react");const n="horizon-drag-scroll";function t({children:t,className:c,...u}){const o=c?`${n} ${c}`:n,s=r.useRef(null),i=r.useRef(!1),l=r.useRef(!1),a=r.useRef(0),f=r.useRef(0);return r.useEffect(()=>{const e=s.current;if(!e)return;const r=r=>{if(!i.current)return;const n=r.clientX-a.current;if(!l.current){if(Math.abs(n)<5)return;l.current=!0}e.scrollLeft=f.current-n},n=()=>{i.current=!1},t=e=>{l.current&&(e.stopPropagation(),l.current=!1)};return window.addEventListener("mousemove",r),window.addEventListener("mouseup",n),e.addEventListener("click",t,!0),()=>{window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",n),e.removeEventListener("click",t,!0)}},[]),e.jsx("div",{...u,ref:s,onMouseDown:e=>{e.preventDefault(),i.current=!0,a.current=e.clientX,f.current=s.current.scrollLeft},className:o,children:t})}t.displayName="HorizonDragScroll",exports.HorizonDragScroll=t;
+//# sourceMappingURL=HorizonDragScroll.cjs.js.map

package/dist/HorizonDragScroll.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizonDragScroll.cjs.js","sources":["../src/components/HorizonDragScroll/HorizonDragScroll.tsx"],"sourcesContent":[null],"names":["BASE_CLASS","HorizonDragScroll","children","className","props","containerClassName","containerRef","useRef","pressedRef","isDraggingRef","startXRef","startScrollLeftRef","useEffect","container","current","handleMouseMove","e","deltaX","clientX","Math","abs","scrollLeft","handleMouseUp","handleClick","stopPropagation","window","addEventListener","removeEventListener","_jsx","ref","onMouseDown","preventDefault","displayName"],"mappings":"mEAUA,MAAMA,EAAa,sBAGb,SAAUC,GAAkBC,SAAEA,EAAQC,UAAEA,KAAcC,IAC1D,MAAMC,EAAqBF,EAAY,GAAGH,KAAcG,IAAcH,EAGhEM,EAAeC,EAAAA,OAAuB,MACtCC,EAAaD,EAAAA,QAAO,GACpBE,EAAgBF,EAAAA,QAAO,GACvBG,EAAYH,EAAAA,OAAO,GACnBI,EAAqBJ,EAAAA,OAAO,GAiDlC,OAvCAK,EAAAA,UAAU,KACR,MAAMC,EAAYP,EAAaQ,QAC/B,IAAKD,EAAW,OAEhB,MAAME,EAAmBC,IACvB,IAAKR,EAAWM,QAAS,OACzB,MAAMG,EAASD,EAAEE,QAAUR,EAAUI,QAErC,IAAKL,EAAcK,QAAS,CAC1B,GAAIK,KAAKC,IAAIH,GA7BO,EA6BwB,OAC5CR,EAAcK,SAAU,CAC1B,CAEAD,EAAUQ,WAAaV,EAAmBG,QAAUG,GAGhDK,EAAgB,KACpBd,EAAWM,SAAU,GAIjBS,EAAeP,IACfP,EAAcK,UAChBE,EAAEQ,kBACFf,EAAcK,SAAU,IAQ5B,OAJAW,OAAOC,iBAAiB,YAAaX,GACrCU,OAAOC,iBAAiB,UAAWJ,GACnCT,EAAUa,iBAAiB,QAASH,GAAa,GAE1C,KACLE,OAAOE,oBAAoB,YAAaZ,GACxCU,OAAOE,oBAAoB,UAAWL,GACtCT,EAAUc,oBAAoB,QAASJ,GAAa,KAErD,IAGDK,EAAAA,IAAA,MAAA,IAASxB,EAAOyB,IAAKvB,EAAcwB,YA/CZd,IACvBA,EAAEe,iBACFvB,EAAWM,SAAU,EACrBJ,EAAUI,QAAUE,EAAEE,QACtBP,EAAmBG,QAAUR,EAAaQ,QAASO,YA2CclB,UAAWE,WACzEH,GAGP,CAEAD,EAAkB+B,YAAc"}

package/dist/HorizonDragScroll.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type HorizonDragScrollProps = React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>;
+declare function HorizonDragScroll({ children, className, ...props }: HorizonDragScrollProps): react_jsx_runtime.JSX.Element;
+declare namespace HorizonDragScroll {
+    var displayName: string;
+}
+
+export { HorizonDragScroll };

package/dist/HorizonDragScroll.esm.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import{useRef as r,useEffect as n}from"react";const t="horizon-drag-scroll";function o({children:o,className:c,...i}){const u=c?`${t} ${c}`:t,s=r(null),l=r(!1),a=r(!1),m=r(0),d=r(0);return n(()=>{const e=s.current;if(!e)return;const r=r=>{if(!l.current)return;const n=r.clientX-m.current;if(!a.current){if(Math.abs(n)<5)return;a.current=!0}e.scrollLeft=d.current-n},n=()=>{l.current=!1},t=e=>{a.current&&(e.stopPropagation(),a.current=!1)};return window.addEventListener("mousemove",r),window.addEventListener("mouseup",n),e.addEventListener("click",t,!0),()=>{window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",n),e.removeEventListener("click",t,!0)}},[]),e("div",{...i,ref:s,onMouseDown:e=>{e.preventDefault(),l.current=!0,m.current=e.clientX,d.current=s.current.scrollLeft},className:u,children:o})}o.displayName="HorizonDragScroll";export{o as HorizonDragScroll};
+//# sourceMappingURL=HorizonDragScroll.esm.js.map

package/dist/HorizonDragScroll.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizonDragScroll.esm.js","sources":["../src/components/HorizonDragScroll/HorizonDragScroll.tsx"],"sourcesContent":[null],"names":["BASE_CLASS","HorizonDragScroll","children","className","props","containerClassName","containerRef","useRef","pressedRef","isDraggingRef","startXRef","startScrollLeftRef","useEffect","container","current","handleMouseMove","e","deltaX","clientX","Math","abs","scrollLeft","handleMouseUp","handleClick","stopPropagation","window","addEventListener","removeEventListener","_jsx","ref","onMouseDown","preventDefault","displayName"],"mappings":"sFAUA,MAAMA,EAAa,sBAGb,SAAUC,GAAkBC,SAAEA,EAAQC,UAAEA,KAAcC,IAC1D,MAAMC,EAAqBF,EAAY,GAAGH,KAAcG,IAAcH,EAGhEM,EAAeC,EAAuB,MACtCC,EAAaD,GAAO,GACpBE,EAAgBF,GAAO,GACvBG,EAAYH,EAAO,GACnBI,EAAqBJ,EAAO,GAiDlC,OAvCAK,EAAU,KACR,MAAMC,EAAYP,EAAaQ,QAC/B,IAAKD,EAAW,OAEhB,MAAME,EAAmBC,IACvB,IAAKR,EAAWM,QAAS,OACzB,MAAMG,EAASD,EAAEE,QAAUR,EAAUI,QAErC,IAAKL,EAAcK,QAAS,CAC1B,GAAIK,KAAKC,IAAIH,GA7BO,EA6BwB,OAC5CR,EAAcK,SAAU,CAC1B,CAEAD,EAAUQ,WAAaV,EAAmBG,QAAUG,GAGhDK,EAAgB,KACpBd,EAAWM,SAAU,GAIjBS,EAAeP,IACfP,EAAcK,UAChBE,EAAEQ,kBACFf,EAAcK,SAAU,IAQ5B,OAJAW,OAAOC,iBAAiB,YAAaX,GACrCU,OAAOC,iBAAiB,UAAWJ,GACnCT,EAAUa,iBAAiB,QAASH,GAAa,GAE1C,KACLE,OAAOE,oBAAoB,YAAaZ,GACxCU,OAAOE,oBAAoB,UAAWL,GACtCT,EAAUc,oBAAoB,QAASJ,GAAa,KAErD,IAGDK,EAAA,MAAA,IAASxB,EAAOyB,IAAKvB,EAAcwB,YA/CZd,IACvBA,EAAEe,iBACFvB,EAAWM,SAAU,EACrBJ,EAAUI,QAAUE,EAAEE,QACtBP,EAAmBG,QAAUR,EAAaQ,QAASO,YA2CclB,UAAWE,WACzEH,GAGP,CAEAD,EAAkB+B,YAAc"}

package/dist/index.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-6xl:72rem;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-medium:500;--font-weight-bold:700;--radius-lg:0.5rem;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary-50:#fcf6df;--color-primary-100:#c9bf91;--color-primary-200:#fde68a;--color-primary-300:#eccb43;--color-primary-400:#e9be11;--color-secondary-50:#4d596d;--color-secondary-100:#343a46;--color-secondary-200:#2a303c;--color-secondary-300:#20242d;--color-secondary-400:#19191f;--color-secondary-50-opacity:rgba(77,89,109,.7);--color-secondary-100-opacity:rgba(52,58,70,.7);--color-secondary-200-opacity:rgba(42,48,60,.7);--color-secondary-300-opacity:rgba(32,36,45,.7);--color-secondary-400-opacity:rgba(25,25,31,.7);--font-size-yds-h1:48px;--line-height-yds-h1:58px;--font-weight-yds-h1:600;--font-size-yds-h2:40px;--line-height-yds-h2:48px;--font-weight-yds-h2:600;--font-size-yds-s1:24px;--line-height-yds-s1:30px;--font-weight-yds-s1:600;--font-size-yds-s2:20px;--line-height-yds-s2:26px;--font-weight-yds-s2:600;--font-size-yds-b1:18px;--line-height-yds-b1:26px;--font-weight-yds-b1:600;--font-size-yds-b2:16px;--line-height-yds-b2:24px;--font-weight-yds-b2:400;--font-size-yds-c1m:14px;--line-height-yds-c1m:16px;--font-weight-yds-c1m:500;--font-size-yds-c1r:12px;--line-height-yds-c1r:16px;--font-weight-yds-c1r:400;--font-size-yds-c2r:10px;--line-height-yds-c2r:14px;--font-weight-yds-c2r:400;--font-yds-wanted:"Wanted Sans Variable";--yds-border-width:2px;--yds-border-radius:8px;--yds-content-padding:16px;--color-background-primary:var(--color-secondary-400);--color-background-secondary:var(--color-secondary-300);--color-background-tertiary:var(--color-secondary-200);--color-background-fourth:var(--color-secondary-100);--color-background-fifth:var(--color-secondary-50);--color-background-primary-layer:var(--color-secondary-400-opacity);--color-background-secondary-layer:var(--color-secondary-300-opacity);--color-background-tertiary-layer:var(--color-secondary-200-opacity);--color-background-fourth-layer:var(--color-secondary-100-opacity);--color-background-fifth-layer:var(--color-secondary-50-opacity);--color-background2-primary-light:var(--color-primary-50);--color-background2-primary-deep:var(--color-primary-400);--color-border-primary-light:var(--color-primary-100);--color-border-primary-deep:var(--color-primary-400);--color-font-primary-light:var(--color-primary-100);--color-font-primary-deep:var(--color-primary-400);--color-table-wrapper-bg:var(--color-secondary-300);--color-table-header-bg:var(--color-secondary-200);--color-table-row-bg:var(--color-secondary-300);--color-table-border:var(--color-secondary-100);--color-table-text:var(--color-white);--color-table-text-header:var(--color-primary-100);--table-cell-padding-x:16px;--table-cell-padding-y:10px;--table-cell-height:40px;--table-header-height:40px;--color-button-fill-primary-bg:var(--color-background2-primary-deep);--color-button-fill-primary-text:var(--color-black);--color-button-outlined-primary-bg:transparent;--color-button-outlined-primary-border:var(--color-border-primary-deep);--color-button-outlined-primary-text:var(--color-font-primary-deep);--button-height:48px;--button-border-radius:var(--yds-border-radius);--modal-size-sm-width:320px;--modal-size-sm-height:400px;--modal-size-sm-max-height:400px;--modal-size-md-width:480px;--modal-size-md-height:600px;--modal-size-md-max-height:600px;--modal-size-lg-width:640px;--modal-size-lg-height:800px;--modal-size-lg-max-height:800px;--modal-size-xl-width:800px;--modal-size-xl-height:900px;--modal-size-xl-max-height:900px;--color-checkbox-text:var(--color-white);--color-checkbox-indicator-border:var(--color-border-primary-light);--color-checkbox-indicator-text:var(--color-font-primary-light);--color-checkbox-indicator-checked-bg:var(--color-background2-primary-light);--checkbox-wrapper-gap:6px;--checkbox-indicator-size:20px;--checkbox-indicator-inner-size:12px;--checkbox-indicator-border-radius:2px;--color-input-text:var(--color-white);--input-typography-font-size:var(--font-size-yds-b2);--input-typography-line-height:var(--line-height-yds-b2);--input-typography-font-weight:var(--font-weight-yds-b2);--input-typography-font-family:var(--font-yds-wanted);--chips-height:28px;--chips-padding-x:8px;--chips-typography-font-size:var(--font-size-yds-c1m);--chips-typography-line-height:var(--line-height-yds-c1m);--chips-typography-font-weight:var(--font-weight-yds-c1m);--chips-typography-font-family:var(--font-yds-wanted);--color-chips-fill-primary-bg:var(--color-background2-primary-deep);--color-chips-fill-primary-text:var(--color-black);--color-chips-outlined-primary-bg:transparent;--color-chips-outlined-primary-border:var(--color-border-primary-deep);--color-chips-outlined-primary-text:var(--color-font-primary-deep);--toast-min-width:280px;--toast-max-width:420px;--toast-padding-x:16px;--toast-padding-y:12px;--toast-border-width:2px;--toast-border-radius:var(--yds-border-radius);--toast-gap:8px;--toast-typography-font-size:var(--font-size-yds-b2);--toast-typography-line-height:var(--line-height-yds-b2);--toast-typography-font-weight:var(--font-weight-yds-b2);--toast-typography-font-family:var(--font-yds-wanted);--color-toast-bg:var(--color-background-tertiary);--color-toast-text:var(--color-white);--color-toast-border:var(--color-secondary-50);--confirm-dialog-width:360px;--confirm-dialog-max-width:90vw;--confirm-dialog-padding:24px;--confirm-dialog-gap:12px;--z-index-select-box-dropdown:1000;--z-index-modal-backdrop:1200;--z-index-modal:1210;--z-index-confirm-dialog-backdrop:1300;--z-index-confirm-dialog:1310;--z-index-toast:1400}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-5{top:calc(var(--spacing)*5)}.top-14{top:calc(var(--spacing)*14)}.right-5{right:calc(var(--spacing)*5)}.left-0{left:calc(var(--spacing)*0)}.left-3{left:calc(var(--spacing)*3)}.z-\[9999\]{z-index:9999}.z-\[var\(--z-index-select-box-dropdown\)\]{z-index:var(--z-index-select-box-dropdown)}.z-modal{z-index:var(--z-index-modal)}.z-modal-backdrop{z-index:var(--z-index-modal-backdrop)}.z-select-box-dropdown{z-index:var(--z-index-select-box-dropdown)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-6{margin-left:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.table{display:table}.h-6{height:calc(var(--spacing)*6)}.h-12{height:calc(var(--spacing)*12)}.h-24{height:calc(var(--spacing)*24)}.h-40{height:calc(var(--spacing)*40)}.h-64{height:calc(var(--spacing)*64)}.h-96{height:calc(var(--spacing)*96)}.h-\[40px\]{height:40px}.h-\[200px\]{height:200px}.h-\[500px\]{height:500px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[200px\]{max-height:200px}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.w-1\/4{width:25%}.w-6{width:calc(var(--spacing)*6)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-40{width:calc(var(--spacing)*40)}.w-64{width:calc(var(--spacing)*64)}.w-96{width:calc(var(--spacing)*96)}.w-\[50px\]{width:50px}.w-\[80px\]{width:80px}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[150px\]{width:150px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[800px\]{width:800px}.w-\[1200px\]{width:1200px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse))}}.space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*8*var(--tw-space-y-reverse))}}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-\[8px\]{border-radius:8px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y-2{border-block-style:var(--tw-border-style);border-block-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-primary-50{border-color:var(--color-primary-50)}.border-primary-100{border-color:var(--color-primary-100)}.border-primary-400{border-color:var(--color-primary-400)}.border-secondary-50{border-color:var(--color-secondary-50)}.border-secondary-400{border-color:var(--color-secondary-400)}.border-white{border-color:var(--color-white)}.border-yellow-100{border-color:var(--color-yellow-100)}.border-yellow-400{border-color:var(--color-yellow-400)}.bg-\[var\(--color-primary-400\)\]{background-color:var(--color-primary-400)}.bg-background-fifth{background-color:var(--color-background-fifth)}.bg-background-fifth-layer{background-color:var(--color-background-fifth-layer)}.bg-background-fourth{background-color:var(--color-background-fourth)}.bg-background-fourth-layer{background-color:var(--color-background-fourth-layer)}.bg-background-primary{background-color:var(--color-background-primary)}.bg-background-primary-layer{background-color:var(--color-background-primary-layer)}.bg-background-secondary{background-color:var(--color-background-secondary)}.bg-background-secondary-layer{background-color:var(--color-background-secondary-layer)}.bg-background-tertiary{background-color:var(--color-background-tertiary)}.bg-background-tertiary-layer{background-color:var(--color-background-tertiary-layer)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-transparent{background-color:transparent}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-300{background-color:var(--color-yellow-300)}.bg-yellow-400{background-color:var(--color-yellow-400)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-3{padding-block:calc(var(--spacing)*3)}.pr-3{padding-right:calc(var(--spacing)*3)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-yds-b1{font-size:var(--font-size-yds-b1);font-weight:var(--font-weight-yds-b1);line-height:var(--line-height-yds-b1)}.text-yds-b1,.text-yds-b2{font-family:var(--font-yds-wanted)}.text-yds-b2{font-size:var(--font-size-yds-b2);font-weight:var(--font-weight-yds-b2);line-height:var(--line-height-yds-b2)}.text-yds-c1m{font-size:var(--font-size-yds-c1m);font-weight:var(--font-weight-yds-c1m);line-height:var(--line-height-yds-c1m)}.text-yds-c1m,.text-yds-c1r{font-family:var(--font-yds-wanted)}.text-yds-c1r{font-size:var(--font-size-yds-c1r);font-weight:var(--font-weight-yds-c1r);line-height:var(--line-height-yds-c1r)}.text-yds-c2r{font-size:var(--font-size-yds-c2r);font-weight:var(--font-weight-yds-c2r);line-height:var(--line-height-yds-c2r)}.text-yds-c2r,.text-yds-h1{font-family:var(--font-yds-wanted)}.text-yds-h1{font-size:var(--font-size-yds-h1);font-weight:var(--font-weight-yds-h1);line-height:var(--line-height-yds-h1)}.text-yds-h2{font-size:var(--font-size-yds-h2);font-weight:var(--font-weight-yds-h2);line-height:var(--line-height-yds-h2)}.text-yds-h2,.text-yds-s1{font-family:var(--font-yds-wanted)}.text-yds-s1{font-size:var(--font-size-yds-s1);font-weight:var(--font-weight-yds-s1);line-height:var(--line-height-yds-s1)}.text-yds-s2{font-size:var(--font-size-yds-s2);font-weight:var(--font-weight-yds-s2);line-height:var(--line-height-yds-s2)}.font-yds-wanted,.text-yds-s2{font-family:var(--font-yds-wanted)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-black{color:var(--color-black)}.text-current{color:currentcolor}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-primary-50{color:var(--color-primary-50)}.text-primary-100{color:var(--color-primary-100)}.text-primary-200{color:var(--color-primary-200)}.text-primary-300{color:var(--color-primary-300)}.text-primary-400{color:var(--color-primary-400)}.text-white{color:var(--color-white)}.text-yellow-100{color:var(--color-yellow-100)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.capitalize{text-transform:capitalize}.placeholder-white{&::-moz-placeholder{color:var(--color-white)}&::placeholder{color:var(--color-white)}}.placeholder-yellow-100{&::-moz-placeholder{color:var(--color-yellow-100)}&::placeholder{color:var(--color-yellow-100)}}.placeholder-yellow-400{&::-moz-placeholder{color:var(--color-yellow-400)}&::placeholder{color:var(--color-yellow-400)}}.opacity-50{opacity:50%}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,rgba(0,0,0,.1)),0 2px 4px -2px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:300ms;transition-duration:.3s}.hover\:bg-background-primary{&:hover{@media (hover:hover){background-color:var(--color-background-primary)}}}.hover\:bg-background-tertiary{&:hover{@media (hover:hover){background-color:var(--color-background-tertiary)}}}.hover\:outline-none{&:hover{@media (hover:hover){--tw-outline-style:none;outline-style:none}}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.lg\:grid-cols-3,.sm\:grid-cols-2{@media (width >= 64rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.bg-background-primary{background-color:var(--color-background-primary)}.bg-background-secondary{background-color:var(--color-background-secondary)}.bg-background-tertiary{background-color:var(--color-background-tertiary)}.bg-background-fourth{background-color:var(--color-background-fourth)}.bg-background-fifth{background-color:var(--color-background-fifth)}.bg-background-primary-layer{background-color:var(--color-background-primary-layer)}.bg-background-secondary-layer{background-color:var(--color-background-secondary-layer)}.bg-background-tertiary-layer{background-color:var(--color-background-tertiary-layer)}.bg-background-fourth-layer{background-color:var(--color-background-fourth-layer)}.bg-background-fifth-layer{background-color:var(--color-background-fifth-layer)}.text-primary-50{color:var(--color-primary-50)}.text-primary-100{color:var(--color-primary-100)}.text-primary-200{color:var(--color-primary-200)}.text-primary-300{color:var(--color-primary-300)}.text-primary-400{color:var(--color-primary-400)}.border-primary-50{border-color:var(--color-primary-50);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-primary-100{border-color:var(--color-primary-100);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-primary-200{border-color:var(--color-primary-200);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-primary-300{border-color:var(--color-primary-300);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-primary-400{border-color:var(--color-primary-400);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-secondary-50{border-color:var(--color-secondary-50);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-secondary-100{border-color:var(--color-secondary-100);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-secondary-200{border-color:var(--color-secondary-200);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-secondary-300{border-color:var(--color-secondary-300);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-secondary-400{border-color:var(--color-secondary-400);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.card-navy-50{border-color:var(--color-secondary-50);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.card-navy-100,.card-navy-50{padding:var(--yds-content-padding)}.card-navy-100{border-color:var(--color-secondary-100);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.card-navy-200{border-color:var(--color-secondary-200);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.card-navy-200,.card-navy-300{padding:var(--yds-content-padding)}.card-navy-300{border-color:var(--color-secondary-300);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.card-navy-400{border-color:var(--color-secondary-400);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width);padding:var(--yds-content-padding)}}@import url("https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");@layer components{.yds-button{align-items:center;border-radius:var(--button-border-radius);cursor:pointer;display:flex;font-family:var(--font-yds-wanted);font-size:var(--font-size-yds-b1);font-weight:var(--font-weight-yds-b1);height:var(--button-height);justify-content:center;line-height:var(--line-height-yds-b1)}.yds-button-fill-primary{background-color:var(--color-button-fill-primary-bg);color:var(--color-button-fill-primary-text)}.yds-button-outlined-primary{background-color:var(--color-button-outlined-primary-bg);border:var(--yds-border-width) solid var(--color-button-outlined-primary-border);color:var(--color-button-outlined-primary-text)}.yds-input-typography{color:var(--color-input-text);font-family:var(--input-typography-font-family);font-size:var(--input-typography-font-size);font-weight:var(--input-typography-font-weight);line-height:var(--input-typography-line-height)}.yds-checkbox-wrapper{align-items:center;display:flex;gap:var(--checkbox-wrapper-gap)}.yds-checkbox-typography{color:var(--color-checkbox-text);font-family:var(--font-yds-wanted);font-size:var(--font-size-yds-b2);font-weight:var(--font-weight-yds-b2);line-height:var(--line-height-yds-b2)}.yds-checkbox-indicator{align-items:center;border:var(--yds-border-width) solid var(--color-checkbox-indicator-border);border-radius:var(--checkbox-indicator-border-radius);color:var(--color-checkbox-indicator-text);display:flex;height:var(--checkbox-indicator-size);justify-content:center;width:var(--checkbox-indicator-size)}.yds-checkbox-indicator-inner-checked{background-color:var(--color-checkbox-indicator-checked-bg)}.yds-checkbox-indicator-inner-checked,.yds-checkbox-indicator-inner-unchecked{height:var(--checkbox-indicator-inner-size);width:var(--checkbox-indicator-inner-size)}.yds-checkbox-indicator-inner-unchecked{background-color:transparent}.yds-checkbox-icon-indicator,.yds-checkbox-indicator-inner-indeterminate{align-items:center;display:flex;height:var(--checkbox-indicator-size);justify-content:center;width:var(--checkbox-indicator-size)}.yds-checkbox-icon-indicator{border:var(--yds-border-width) solid var(--color-checkbox-indicator-border);border-radius:var(--checkbox-indicator-border-radius);color:var(--color-checkbox-indicator-text)}.yds-modal-backdrop{align-items:center;background-color:var(--color-background-primary-layer);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal-backdrop)}.yds-modal{background-color:var(--color-background-secondary);border-radius:var(--yds-border-radius);display:flex;flex-direction:column;overflow-y:auto;padding:var(--yds-content-padding);z-index:var(--z-index-modal)}.yds-modal-size-sm{height:var(--modal-size-sm-height);max-height:var(--modal-size-sm-max-height);width:var(--modal-size-sm-width)}.yds-modal-size-md{height:var(--modal-size-md-height);max-height:var(--modal-size-md-max-height);width:var(--modal-size-md-width)}.yds-modal-size-lg{height:var(--modal-size-lg-height);max-height:var(--modal-size-lg-max-height);width:var(--modal-size-lg-width)}.yds-modal-size-xl{height:var(--modal-size-xl-height);max-height:var(--modal-size-xl-max-height);width:var(--modal-size-xl-width)}.yds-table-wrapper{background-color:var(--color-table-wrapper-bg);border-collapse:separate;border-spacing:0;color:var(--color-table-text);table-layout:fixed}.yds-table-header{background-color:var(--color-table-header-bg)}.yds-table-header-cell{color:var(--color-table-text-header);height:var(--table-header-height);overflow:hidden;padding:var(--table-cell-padding-y) var(--table-cell-padding-x);text-align:left;text-overflow:ellipsis;white-space:nowrap}.yds-table-row{background-color:var(--color-table-row-bg)}.yds-table-cell{border-bottom:var(--yds-border-width) solid var(--color-table-border);color:var(--color-table-text);height:var(--table-cell-height);overflow:hidden;padding:var(--table-cell-padding-y) var(--table-cell-padding-x);text-align:left;text-overflow:ellipsis;white-space:nowrap}.yds-card{border-style:solid;box-sizing:border-box;display:block}.yds-card.card-navy-50{border-color:var(--color-secondary-50);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width);padding:var(--yds-content-padding)}.yds-chips{align-items:center;border-radius:var(--yds-border-radius);border-style:solid;border-width:var(--yds-border-width);box-sizing:border-box;display:inline-flex;font-family:var(--chips-typography-font-family);font-size:var(--chips-typography-font-size);font-weight:var(--chips-typography-font-weight);height:var(--chips-height);line-height:var(--chips-typography-line-height);padding-left:var(--chips-padding-x);padding-right:var(--chips-padding-x)}.yds-chips-fill-primary{background-color:var(--color-chips-fill-primary-bg);border-color:transparent;color:var(--color-chips-fill-primary-text)}.yds-chips-outlined-primary{background-color:var(--color-chips-outlined-primary-bg);border-color:var(--color-chips-outlined-primary-border);color:var(--color-chips-outlined-primary-text)}.yds-toast-container{align-items:center;bottom:100px;display:flex;flex-direction:column;gap:var(--toast-gap);left:50%;pointer-events:none;position:fixed;transform:translateX(-50%)}.yds-toast{animation:yds-toast-slide-in .35s cubic-bezier(.21,1.02,.73,1) forwards;background-color:var(--color-toast-bg);border:var(--toast-border-width) solid var(--color-toast-border);border-radius:var(--toast-border-radius);color:var(--color-toast-text);font-family:var(--toast-typography-font-family);font-size:var(--toast-typography-font-size);font-weight:var(--toast-typography-font-weight);line-height:var(--toast-typography-line-height);max-width:var(--toast-max-width);min-width:var(--toast-min-width);padding:var(--toast-padding-y) var(--toast-padding-x);pointer-events:auto;z-index:var(--z-index-toast)}}@layer components{@keyframes yds-toast-slide-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}}@layer components{.yds-confirm-dialog-backdrop{align-items:center;background-color:var(--color-background-primary-layer);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-confirm-dialog-backdrop)}.yds-confirm-dialog{animation:yds-confirm-dialog-fade-in .2s ease-out forwards;background-color:var(--color-background-secondary);border-radius:var(--yds-border-radius);display:flex;flex-direction:column;gap:var(--confirm-dialog-gap);max-width:var(--confirm-dialog-max-width);padding:var(--confirm-dialog-padding);width:var(--confirm-dialog-width);z-index:var(--z-index-confirm-dialog)}.yds-confirm-dialog-title{color:var(--color-white);font-family:var(--font-yds-wanted);font-size:var(--font-size-yds-s1);font-weight:var(--font-weight-yds-s1);line-height:var(--line-height-yds-s1)}.yds-confirm-dialog-description{color:var(--color-primary-100);font-family:var(--font-yds-wanted);font-size:var(--font-size-yds-b2);font-weight:var(--font-weight-yds-b2);line-height:var(--line-height-yds-b2)}.yds-confirm-dialog-actions{display:flex;gap:8px;margin-top:8px}@keyframes yds-confirm-dialog-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{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)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-medium:500;--font-weight-bold:700;--radius-lg:0.5rem;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary-50:#fcf6df;--color-primary-100:#c9bf91;--color-primary-200:#fde68a;--color-primary-300:#eccb43;--color-primary-400:#e9be11;--color-secondary-50:#4d596d;--color-secondary-100:#343a46;--color-secondary-200:#2a303c;--color-secondary-300:#20242d;--color-secondary-400:#19191f;--color-secondary-50-opacity:rgba(77,89,109,.7);--color-secondary-100-opacity:rgba(52,58,70,.7);--color-secondary-200-opacity:rgba(42,48,60,.7);--color-secondary-300-opacity:rgba(32,36,45,.7);--color-secondary-400-opacity:rgba(25,25,31,.7);--font-size-yds-h1:48px;--line-height-yds-h1:58px;--font-weight-yds-h1:600;--font-size-yds-h2:40px;--line-height-yds-h2:48px;--font-weight-yds-h2:600;--font-size-yds-s1:24px;--line-height-yds-s1:30px;--font-weight-yds-s1:600;--font-size-yds-s2:20px;--line-height-yds-s2:26px;--font-weight-yds-s2:600;--font-size-yds-b1:18px;--line-height-yds-b1:26px;--font-weight-yds-b1:600;--font-size-yds-b2:16px;--line-height-yds-b2:24px;--font-weight-yds-b2:400;--font-size-yds-c1m:14px;--line-height-yds-c1m:16px;--font-weight-yds-c1m:500;--font-size-yds-c1r:12px;--line-height-yds-c1r:16px;--font-weight-yds-c1r:400;--font-size-yds-c2r:10px;--line-height-yds-c2r:14px;--font-weight-yds-c2r:400;--font-yds-wanted:"Wanted Sans Variable";--yds-border-width:2px;--yds-border-radius:8px;--yds-content-padding:16px;--color-background-primary:var(--color-secondary-400);--color-background-secondary:var(--color-secondary-300);--color-background-tertiary:var(--color-secondary-200);--color-background-fourth:var(--color-secondary-100);--color-background-fifth:var(--color-secondary-50);--color-background-primary-layer:var(--color-secondary-400-opacity);--color-background-secondary-layer:var(--color-secondary-300-opacity);--color-background-tertiary-layer:var(--color-secondary-200-opacity);--color-background-fourth-layer:var(--color-secondary-100-opacity);--color-background-fifth-layer:var(--color-secondary-50-opacity);--color-background2-primary-light:var(--color-primary-50);--color-background2-primary-deep:var(--color-primary-400);--color-border-primary-light:var(--color-primary-100);--color-border-primary-deep:var(--color-primary-400);--color-font-primary-light:var(--color-primary-100);--color-font-primary-deep:var(--color-primary-400);--color-table-wrapper-bg:var(--color-secondary-300);--color-table-header-bg:var(--color-secondary-200);--color-table-row-bg:var(--color-secondary-300);--color-table-border:var(--color-secondary-100);--color-table-text:var(--color-white);--color-table-text-header:var(--color-primary-100);--table-cell-padding-x:16px;--table-cell-padding-y:10px;--table-cell-height:40px;--table-header-height:40px;--color-button-fill-primary-bg:var(--color-background2-primary-deep);--color-button-fill-primary-text:var(--color-black);--color-button-outlined-primary-bg:transparent;--color-button-outlined-primary-border:var(--color-border-primary-deep);--color-button-outlined-primary-text:var(--color-font-primary-deep);--button-height:48px;--button-border-radius:var(--yds-border-radius);--modal-size-sm-width:320px;--modal-size-sm-height:400px;--modal-size-sm-max-height:400px;--modal-size-md-width:480px;--modal-size-md-height:600px;--modal-size-md-max-height:600px;--modal-size-lg-width:640px;--modal-size-lg-height:800px;--modal-size-lg-max-height:800px;--modal-size-xl-width:800px;--modal-size-xl-height:900px;--modal-size-xl-max-height:900px;--color-checkbox-text:var(--color-white);--color-checkbox-indicator-border:var(--color-border-primary-light);--color-checkbox-indicator-text:var(--color-font-primary-light);--color-checkbox-indicator-checked-bg:var(--color-background2-primary-light);--checkbox-wrapper-gap:6px;--checkbox-indicator-size:20px;--checkbox-indicator-inner-size:12px;--checkbox-indicator-border-radius:2px;--color-input-text:var(--color-white);--input-typography-font-size:var(--font-size-yds-b2);--input-typography-line-height:var(--line-height-yds-b2);--input-typography-font-weight:var(--font-weight-yds-b2);--input-typography-font-family:var(--font-yds-wanted);--chips-height:28px;--chips-padding-x:8px;--chips-typography-font-size:var(--font-size-yds-c1m);--chips-typography-line-height:var(--line-height-yds-c1m);--chips-typography-font-weight:var(--font-weight-yds-c1m);--chips-typography-font-family:var(--font-yds-wanted);--color-chips-fill-primary-bg:var(--color-background2-primary-deep);--color-chips-fill-primary-text:var(--color-black);--color-chips-outlined-primary-bg:transparent;--color-chips-outlined-primary-border:var(--color-border-primary-deep);--color-chips-outlined-primary-text:var(--color-font-primary-deep);--toast-min-width:280px;--toast-max-width:420px;--toast-padding-x:16px;--toast-padding-y:12px;--toast-border-width:2px;--toast-border-radius:var(--yds-border-radius);--toast-gap:8px;--toast-typography-font-size:var(--font-size-yds-b2);--toast-typography-line-height:var(--line-height-yds-b2);--toast-typography-font-weight:var(--font-weight-yds-b2);--toast-typography-font-family:var(--font-yds-wanted);--color-toast-bg:var(--color-background-tertiary);--color-toast-text:var(--color-white);--color-toast-border:var(--color-secondary-50);--confirm-dialog-width:360px;--confirm-dialog-max-width:90vw;--confirm-dialog-padding:24px;--confirm-dialog-gap:12px;--z-index-select-box-dropdown:1000;--z-index-modal-backdrop:1200;--z-index-modal:1210;--z-index-confirm-dialog-backdrop:1300;--z-index-confirm-dialog:1310;--z-index-toast:1400}}@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{border-width:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-5{top:calc(var(--spacing)*5)}.top-14{top:calc(var(--spacing)*14)}.right-5{right:calc(var(--spacing)*5)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.z-\[var\(--z-index-select-box-dropdown\)\]{z-index:var(--z-index-select-box-dropdown)}.z-modal{z-index:var(--z-index-modal)}.z-modal-backdrop{z-index:var(--z-index-modal-backdrop)}.z-select-box-dropdown{z-index:var(--z-index-select-box-dropdown)}.container{width:100%;@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-6{margin-left:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.table{display:table}.h-6{height:calc(var(--spacing)*6)}.h-12{height:calc(var(--spacing)*12)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-40{height:calc(var(--spacing)*40)}.h-60{height:calc(var(--spacing)*60)}.h-64{height:calc(var(--spacing)*64)}.h-96{height:calc(var(--spacing)*96)}.h-\[40px\]{height:40px}.h-\[150px\]{height:150px}.h-\[200px\]{height:200px}.h-\[360px\]{height:360px}.h-\[500px\]{height:500px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[200px\]{max-height:200px}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.w-1\/4{width:25%}.w-6{width:calc(var(--spacing)*6)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-30{width:calc(var(--spacing)*30)}.w-40{width:calc(var(--spacing)*40)}.w-60{width:calc(var(--spacing)*60)}.w-64{width:calc(var(--spacing)*64)}.w-96{width:calc(var(--spacing)*96)}.w-\[50px\]{width:50px}.w-\[80px\]{width:80px}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[150px\]{width:150px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[360px\]{width:360px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[800px\]{width:800px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:-50%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse))}}.space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*8*var(--tw-space-y-reverse))}}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-\[8px\]{border-radius:8px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y-2{border-block-style:var(--tw-border-style);border-block-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-black{border-color:var(--color-black)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-primary-50{border-color:var(--color-primary-50)}.border-primary-100{border-color:var(--color-primary-100)}.border-primary-400{border-color:var(--color-primary-400)}.border-secondary-50{border-color:var(--color-secondary-50)}.border-secondary-400{border-color:var(--color-secondary-400)}.border-white{border-color:var(--color-white)}.border-yellow-100{border-color:var(--color-yellow-100)}.border-yellow-400{border-color:var(--color-yellow-400)}.bg-\[var\(--color-primary-400\)\]{background-color:var(--color-primary-400)}.bg-background-fifth{background-color:var(--color-background-fifth)}.bg-background-fifth-layer{background-color:var(--color-background-fifth-layer)}.bg-background-fourth{background-color:var(--color-background-fourth)}.bg-background-fourth-layer{background-color:var(--color-background-fourth-layer)}.bg-background-primary{background-color:var(--color-background-primary)}.bg-background-primary-layer{background-color:var(--color-background-primary-layer)}.bg-background-secondary{background-color:var(--color-background-secondary)}.bg-background-secondary-layer{background-color:var(--color-background-secondary-layer)}.bg-background-tertiary{background-color:var(--color-background-tertiary)}.bg-background-tertiary-layer{background-color:var(--color-background-tertiary-layer)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-200{background-color:var(--color-primary-200)}.bg-primary-300{background-color:var(--color-primary-300)}.bg-primary-400{background-color:var(--color-primary-400)}.bg-secondary-50{background-color:var(--color-secondary-50)}.bg-secondary-100{background-color:var(--color-secondary-100)}.bg-secondary-200{background-color:var(--color-secondary-200)}.bg-secondary-300{background-color:var(--color-secondary-300)}.bg-secondary-400{background-color:var(--color-secondary-400)}.bg-transparent{background-color:transparent}.object-contain{-o-object-fit:contain;object-fit:contain}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-3{padding-block:calc(var(--spacing)*3)}.pr-3{padding-right:calc(var(--spacing)*3)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-yds-b1{font-size:var(--font-size-yds-b1);font-weight:var(--font-weight-yds-b1);line-height:var(--line-height-yds-b1)}.text-yds-b1,.text-yds-b2{font-family:var(--font-yds-wanted)}.text-yds-b2{font-size:var(--font-size-yds-b2);font-weight:var(--font-weight-yds-b2);line-height:var(--line-height-yds-b2)}.text-yds-c1m{font-size:var(--font-size-yds-c1m);font-weight:var(--font-weight-yds-c1m);line-height:var(--line-height-yds-c1m)}.text-yds-c1m,.text-yds-c1r{font-family:var(--font-yds-wanted)}.text-yds-c1r{font-size:var(--font-size-yds-c1r);font-weight:var(--font-weight-yds-c1r);line-height:var(--line-height-yds-c1r)}.text-yds-c2r{font-size:var(--font-size-yds-c2r);font-weight:var(--font-weight-yds-c2r);line-height:var(--line-height-yds-c2r)}.text-yds-c2r,.text-yds-h1{font-family:var(--font-yds-wanted)}.text-yds-h1{font-size:var(--font-size-yds-h1);font-weight:var(--font-weight-yds-h1);line-height:var(--line-height-yds-h1)}.text-yds-h2{font-size:var(--font-size-yds-h2);font-weight:var(--font-weight-yds-h2);line-height:var(--line-height-yds-h2)}.text-yds-h2,.text-yds-s1{font-family:var(--font-yds-wanted)}.text-yds-s1{font-size:var(--font-size-yds-s1);font-weight:var(--font-weight-yds-s1);line-height:var(--line-height-yds-s1)}.text-yds-s2{font-size:var(--font-size-yds-s2);font-weight:var(--font-weight-yds-s2);line-height:var(--line-height-yds-s2)}.font-yds-wanted,.text-yds-s2{font-family:var(--font-yds-wanted)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-black{color:var(--color-black)}.text-current{color:currentcolor}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-primary-50{color:var(--color-primary-50)}.text-primary-100{color:var(--color-primary-100)}.text-primary-200{color:var(--color-primary-200)}.text-primary-300{color:var(--color-primary-300)}.text-primary-400{color:var(--color-primary-400)}.text-white{color:var(--color-white)}.text-yellow-100{color:var(--color-yellow-100)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.capitalize{text-transform:capitalize}.placeholder-white{&::-moz-placeholder{color:var(--color-white)}&::placeholder{color:var(--color-white)}}.placeholder-yellow-100{&::-moz-placeholder{color:var(--color-yellow-100)}&::placeholder{color:var(--color-yellow-100)}}.placeholder-yellow-400{&::-moz-placeholder{color:var(--color-yellow-400)}&::placeholder{color:var(--color-yellow-400)}}.opacity-50{opacity:50%}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,rgba(0,0,0,.1)),0 2px 4px -2px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:300ms;transition-duration:.3s}.hover\:bg-background-primary{&:hover{@media (hover:hover){background-color:var(--color-background-primary)}}}.hover\:bg-background-tertiary{&:hover{@media (hover:hover){background-color:var(--color-background-tertiary)}}}.hover\:outline-none{&:hover{@media (hover:hover){--tw-outline-style:none;outline-style:none}}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.lg\:grid-cols-3,.sm\:grid-cols-2{@media (width >= 64rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.bg-background-primary{background-color:var(--color-background-primary)}.bg-background-secondary{background-color:var(--color-background-secondary)}.bg-background-tertiary{background-color:var(--color-background-tertiary)}.bg-background-fourth{background-color:var(--color-background-fourth)}.bg-background-fifth{background-color:var(--color-background-fifth)}.bg-background-primary-layer{background-color:var(--color-background-primary-layer)}.bg-background-secondary-layer{background-color:var(--color-background-secondary-layer)}.bg-background-tertiary-layer{background-color:var(--color-background-tertiary-layer)}.bg-background-fourth-layer{background-color:var(--color-background-fourth-layer)}.bg-background-fifth-layer{background-color:var(--color-background-fifth-layer)}.text-primary-50{color:var(--color-primary-50)}.text-primary-100{color:var(--color-primary-100)}.text-primary-200{color:var(--color-primary-200)}.text-primary-300{color:var(--color-primary-300)}.text-primary-400{color:var(--color-primary-400)}.border-primary-50{border-color:var(--color-primary-50);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-primary-100{border-color:var(--color-primary-100);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-primary-200{border-color:var(--color-primary-200);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-primary-300{border-color:var(--color-primary-300);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-primary-400{border-color:var(--color-primary-400);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-secondary-50{border-color:var(--color-secondary-50);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-secondary-100{border-color:var(--color-secondary-100);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-secondary-200{border-color:var(--color-secondary-200);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-secondary-300{border-color:var(--color-secondary-300);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.border-secondary-400{border-color:var(--color-secondary-400);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.card-navy-50{border-color:var(--color-secondary-50);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.card-navy-100,.card-navy-50{padding:var(--yds-content-padding)}.card-navy-100{border-color:var(--color-secondary-100);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.card-navy-200{border-color:var(--color-secondary-200);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.card-navy-200,.card-navy-300{padding:var(--yds-content-padding)}.card-navy-300{border-color:var(--color-secondary-300);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width)}.card-navy-400{border-color:var(--color-secondary-400);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width);padding:var(--yds-content-padding)}}@import url("https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");@layer components{.yds-button{align-items:center;border-radius:var(--button-border-radius);cursor:pointer;display:flex;font-family:var(--font-yds-wanted);font-size:var(--font-size-yds-b1);font-weight:var(--font-weight-yds-b1);height:var(--button-height);justify-content:center;line-height:var(--line-height-yds-b1)}.yds-button-fill-primary{background-color:var(--color-button-fill-primary-bg);color:var(--color-button-fill-primary-text)}.yds-button-outlined-primary{background-color:var(--color-button-outlined-primary-bg);border:var(--yds-border-width) solid var(--color-button-outlined-primary-border);color:var(--color-button-outlined-primary-text)}.yds-input-typography{color:var(--color-input-text);font-family:var(--input-typography-font-family);font-size:var(--input-typography-font-size);font-weight:var(--input-typography-font-weight);line-height:var(--input-typography-line-height)}.yds-checkbox-wrapper{align-items:center;display:flex;gap:var(--checkbox-wrapper-gap)}.yds-checkbox-typography{color:var(--color-checkbox-text);font-family:var(--font-yds-wanted);font-size:var(--font-size-yds-b2);font-weight:var(--font-weight-yds-b2);line-height:var(--line-height-yds-b2)}.yds-checkbox-indicator{align-items:center;border:var(--yds-border-width) solid var(--color-checkbox-indicator-border);border-radius:var(--checkbox-indicator-border-radius);color:var(--color-checkbox-indicator-text);display:flex;height:var(--checkbox-indicator-size);justify-content:center;width:var(--checkbox-indicator-size)}.yds-checkbox-indicator-inner-checked{background-color:var(--color-checkbox-indicator-checked-bg)}.yds-checkbox-indicator-inner-checked,.yds-checkbox-indicator-inner-unchecked{height:var(--checkbox-indicator-inner-size);width:var(--checkbox-indicator-inner-size)}.yds-checkbox-indicator-inner-unchecked{background-color:transparent}.yds-checkbox-icon-indicator,.yds-checkbox-indicator-inner-indeterminate{align-items:center;display:flex;height:var(--checkbox-indicator-size);justify-content:center;width:var(--checkbox-indicator-size)}.yds-checkbox-icon-indicator{border:var(--yds-border-width) solid var(--color-checkbox-indicator-border);border-radius:var(--checkbox-indicator-border-radius);color:var(--color-checkbox-indicator-text)}.yds-modal-backdrop{align-items:center;background-color:var(--color-background-primary-layer);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal-backdrop)}.yds-modal{background-color:var(--color-background-secondary);border-radius:var(--yds-border-radius);display:flex;flex-direction:column;overflow-y:auto;padding:var(--yds-content-padding);z-index:var(--z-index-modal)}.yds-modal-size-sm{height:var(--modal-size-sm-height);max-height:var(--modal-size-sm-max-height);width:var(--modal-size-sm-width)}.yds-modal-size-md{height:var(--modal-size-md-height);max-height:var(--modal-size-md-max-height);width:var(--modal-size-md-width)}.yds-modal-size-lg{height:var(--modal-size-lg-height);max-height:var(--modal-size-lg-max-height);width:var(--modal-size-lg-width)}.yds-modal-size-xl{height:var(--modal-size-xl-height);max-height:var(--modal-size-xl-max-height);width:var(--modal-size-xl-width)}.yds-table-wrapper{background-color:var(--color-table-wrapper-bg);border-collapse:separate;border-spacing:0;color:var(--color-table-text);table-layout:fixed}.yds-table-header{background-color:var(--color-table-header-bg)}.yds-table-header-cell{color:var(--color-table-text-header);height:var(--table-header-height);overflow:hidden;padding:var(--table-cell-padding-y) var(--table-cell-padding-x);text-align:left;text-overflow:ellipsis;white-space:nowrap}.yds-table-row{background-color:var(--color-table-row-bg)}.yds-table-cell{border-bottom:var(--yds-border-width) solid var(--color-table-border);color:var(--color-table-text);height:var(--table-cell-height);overflow:hidden;padding:var(--table-cell-padding-y) var(--table-cell-padding-x);text-align:left;text-overflow:ellipsis;white-space:nowrap}.yds-card{border-style:solid;box-sizing:border-box;display:block}.yds-card.card-navy-50{border-color:var(--color-secondary-50);border-radius:var(--yds-border-radius);border-width:var(--yds-border-width);padding:var(--yds-content-padding)}.yds-chips{align-items:center;border-radius:var(--yds-border-radius);border-style:solid;border-width:var(--yds-border-width);box-sizing:border-box;display:inline-flex;font-family:var(--chips-typography-font-family);font-size:var(--chips-typography-font-size);font-weight:var(--chips-typography-font-weight);height:var(--chips-height);line-height:var(--chips-typography-line-height);padding-left:var(--chips-padding-x);padding-right:var(--chips-padding-x)}.yds-chips-fill-primary{background-color:var(--color-chips-fill-primary-bg);border-color:transparent;color:var(--color-chips-fill-primary-text)}.yds-chips-outlined-primary{background-color:var(--color-chips-outlined-primary-bg);border-color:var(--color-chips-outlined-primary-border);color:var(--color-chips-outlined-primary-text)}.yds-toast-container{align-items:center;bottom:100px;display:flex;flex-direction:column;gap:var(--toast-gap);left:50%;pointer-events:none;position:fixed;transform:translateX(-50%)}.yds-toast{animation:yds-toast-slide-in .35s cubic-bezier(.21,1.02,.73,1) forwards;background-color:var(--color-toast-bg);border:var(--toast-border-width) solid var(--color-toast-border);border-radius:var(--toast-border-radius);color:var(--color-toast-text);font-family:var(--toast-typography-font-family);font-size:var(--toast-typography-font-size);font-weight:var(--toast-typography-font-weight);line-height:var(--toast-typography-line-height);max-width:var(--toast-max-width);min-width:var(--toast-min-width);padding:var(--toast-padding-y) var(--toast-padding-x);pointer-events:auto;z-index:var(--z-index-toast)}}@layer components{@keyframes yds-toast-slide-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}}@layer components{.yds-confirm-dialog-backdrop{align-items:center;background-color:var(--color-background-primary-layer);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-confirm-dialog-backdrop)}.yds-confirm-dialog{animation:yds-confirm-dialog-fade-in .2s ease-out forwards;background-color:var(--color-background-secondary);border-radius:var(--yds-border-radius);display:flex;flex-direction:column;gap:var(--confirm-dialog-gap);max-width:var(--confirm-dialog-max-width);padding:var(--confirm-dialog-padding);width:var(--confirm-dialog-width);z-index:var(--z-index-confirm-dialog)}.yds-confirm-dialog-title{color:var(--color-white);font-family:var(--font-yds-wanted);font-size:var(--font-size-yds-s1);font-weight:var(--font-weight-yds-s1);line-height:var(--line-height-yds-s1)}.yds-confirm-dialog-description{color:var(--color-primary-100);font-family:var(--font-yds-wanted);font-size:var(--font-size-yds-b2);font-weight:var(--font-weight-yds-b2);line-height:var(--line-height-yds-b2)}.yds-confirm-dialog-actions{display:flex;gap:8px;margin-top:8px}@keyframes yds-confirm-dialog-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.horizon-drag-scroll{-ms-overflow-style:none;display:flex;flex-direction:row;overflow:auto;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.horizon-drag-scroll::-webkit-scrollbar{display:none}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{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)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}

package/dist/types/Overview.stories.d.ts

@@ -0,0 +1,4 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Showcase: StoryObj;

package/dist/types/components/DragScroll/DragScroll.d.ts

@@ -0,0 +1,8 @@
+type DragScrollProps = {
+    children: React.ReactNode;
+};
+export declare function DragScroll({ children }: DragScrollProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DragScroll {
+    var displayName: string;
+}
+export {};

package/dist/types/components/DragScroll/index.d.ts

@@ -0,0 +1 @@
+export { DragScroll } from './DragScroll';

package/dist/types/components/HorizonDragScroll/HorizonDragScroll.d.ts

@@ -0,0 +1,6 @@
+type HorizonDragScrollProps = React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>;
+export declare function HorizonDragScroll({ children, className, ...props }: HorizonDragScrollProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace HorizonDragScroll {
+    var displayName: string;
+}
+export {};

package/dist/types/components/HorizonDragScroll/HorizonDragScroll.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { HorizonDragScroll } from './HorizonDragScroll';
+declare const meta: Meta<typeof HorizonDragScroll>;
+export default meta;
+type Story = StoryObj<typeof HorizonDragScroll>;
+export declare const Default: Story;
+export declare const Examples: {
+    parameters: {
+        layout: string;
+        docs: {
+            disable: boolean;
+        };
+    };
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/HorizonDragScroll/index.d.ts

@@ -0,0 +1 @@
+export { HorizonDragScroll } from './HorizonDragScroll';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@youngduck/yd-ui",
-  "version": "0.14.1",
+  "version": "0.16.1",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
@@ -21,7 +21,11 @@
       "import": "./dist/Overlays.esm.js",
       "require": "./dist/Overlays.cjs.js"
     },
-
+    "./HorizonDragScroll": {
+      "types": "./dist/HorizonDragScroll.d.ts",
+      "import": "./dist/HorizonDragScroll.esm.js",
+      "require": "./dist/HorizonDragScroll.cjs.js"
+    },
     "./styles": "./dist/index.css",
     "./dist/*": "./dist/*",
     "./package.json": "./package.json"
@@ -65,9 +69,11 @@
     "@storybook/addon-interactions": "^8.4.7",
     "@storybook/addon-onboarding": "^8.4.7",
     "@storybook/blocks": "^8.4.7",
+    "@storybook/manager-api": "^8.6.14",
     "@storybook/react": "^8.4.7",
     "@storybook/react-vite": "^8.4.7",
     "@storybook/test": "^8.4.7",
+    "@storybook/theming": "^8.6.14",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
     "autoprefixer": "^10.4.19",

package/dist/types/components/CheckBox/StudyCheckBox.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const boxVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    state?: "disabled" | "checked" | "unchecked" | "indeterminate" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type CheckboxSize = VariantProps<typeof boxVariants>['size'];
-type BaseProps = {
-    id?: string;
-    name?: string;
-    value?: string;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    indeterminate?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    ariaLabel?: string;
-    label?: React.ReactNode;
-    description?: React.ReactNode;
-    onCheckedChange?: (checked: boolean) => void;
-    className?: string;
-    boxClassName?: string;
-};
-export type CheckboxProps = BaseProps & VariantProps<typeof boxVariants> & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'checked' | 'defaultChecked' | 'onChange' | 'aria-label'> & {
-    ref?: React.Ref<HTMLInputElement>;
-};
-export declare const StudyCheckBox: ({ id, name, value, checked, defaultChecked, indeterminate, disabled, required, ariaLabel, label, description, onCheckedChange, size, className, boxClassName, ref, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/Overlays/OvelayProvider.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-export interface OverlayConfig {
-    id: number;
-    component: ReactNode;
-}
-export interface OverlayContextType {
-    overlays: Map<number, ReactNode>;
-    mount: (overlayConfig: OverlayConfig) => void;
-    unmount: (id: number) => void;
-}
-export declare const OverlayContext: import("react").Context<{
-    overlays: Map<number, ReactNode>;
-    mount: (overlayConfig: OverlayConfig) => void;
-    unmount: (id: number) => void;
-}>;
-export declare const OvelayProvider: ({ children }: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;