/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono);--color-red-200:oklch(.885 .062 18.334);--color-red-400:oklch(.704 .191 22.216);--color-red-500:oklch(.637 .237 25.331);--color-red-600:oklch(.577 .245 27.325);--color-red-700:oklch(.505 .213 27.518);--color-red-800:oklch(.444 .177 26.899);--color-orange-200:oklch(.901 .076 70.697);--color-orange-400:oklch(.75 .183 55.934);--color-orange-500:oklch(.705 .213 47.604);--color-orange-800:oklch(.47 .157 37.304);--color-yellow-200:oklch(.945 .129 101.54);--color-yellow-500:oklch(.795 .184 86.047);--color-yellow-800:oklch(.476 .114 61.907);--color-green-200:oklch(.925 .084 155.995);--color-green-400:oklch(.792 .209 151.711);--color-green-500:oklch(.723 .219 149.579);--color-green-600:oklch(.627 .194 149.214);--color-green-800:oklch(.448 .119 151.328);--color-teal-200:oklch(.91 .096 180.426);--color-teal-800:oklch(.437 .078 188.216);--color-blue-200:oklch(.882 .059 254.128);--color-blue-400:oklch(.707 .165 254.624);--color-blue-500:oklch(.623 .214 259.815);--color-blue-600:oklch(.546 .245 262.881);--color-blue-800:oklch(.424 .199 265.638);--color-indigo-200:oklch(.87 .065 274.039);--color-indigo-800:oklch(.398 .195 277.366);--color-violet-400:oklch(.702 .183 293.541);--color-violet-500:oklch(.606 .25 292.717);--color-purple-100:oklch(.946 .033 307.174);--color-purple-200:oklch(.902 .063 306.703);--color-purple-300:oklch(.827 .119 306.383);--color-purple-700:oklch(.496 .265 301.924);--color-purple-800:oklch(.438 .218 303.724);--color-pink-200:oklch(.899 .061 343.231);--color-pink-400:oklch(.718 .202 349.761);--color-pink-500:oklch(.656 .241 354.308);--color-pink-800:oklch(.459 .187 3.815);--color-gray-100:oklch(.967 .003 264.542);--color-gray-200:oklch(.928 .006 264.531);--color-gray-300:oklch(.872 .01 258.338);--color-gray-400:oklch(.707 .022 261.325);--color-gray-500:oklch(.551 .027 264.364);--color-gray-600:oklch(.446 .03 256.802);--color-gray-700:oklch(.373 .034 259.733);--color-gray-800:oklch(.278 .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--font-KanitRegular:"KanitRegular","sans-serif";--font-KanitLight:"KanitLight","sans-serif";--font-Kanit:"Kanit","sans-serif";--color-header-border:#dbdfe9;--color-header:#99a1b7;--color-a:#252f4a;--color-a-hover:#1b84ff;--color-nav-input:#252f4a;--color-nav-input-bg:#f9f9f9;--color-nav-input-bg-hover:#f1f1f4;--color-nav-input-border:#f1f1f4;--color-pinkPrimary:#f06686;--color-fontColor:var(--fontcolor);--color-random-1:#17c653;--color-random-2:#5554db;--color-random-3:#f8ab24;--color-random-4:#e8466c;--color-pallate-bg:#fffae3;--color-pallate-1:#fff5e3;--color-pallate-2:#ffebc5;--color-pallate-3:#ecce96;--color-chicort-main:#697b9d}@font-face{font-family:KanitLight;font-style:normal;font-weight:200 700;font-display:swap;src:url(/bookrecommendations/_next/static/media/kanit-light-webfont.db139f89.woff2)format("woff2")}@font-face{font-family:KanitRegular;font-style:normal;font-weight:400;font-display:swap;src:url(/bookrecommendations/_next/static/media/kanit-regular-webfont.4de5c88e.woff2)format("woff2")}@font-face{font-family:Kanit;font-style:normal;font-weight:200 700;font-display:swap;src:url(/bookrecommendations/_next/static/media/kanit-medium-webfont.f0b29771.woff2)format("woff2")}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;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-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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}::placeholder{opacity:1;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-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-50{z-index:50}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-screen{height:100vh}.\!w-fit{width:fit-content!important}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-64{width:calc(var(--spacing)*64)}.flex-1{flex:1}.border-collapse{border-collapse:collapse}.-translate-x-64{--tw-translate-x:calc(var(--spacing)*-64)}.-translate-x-64,.translate-x-0{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0)}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.cursor-grab{cursor:grab}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.\!gap-0{gap:calc(var(--spacing)*0)!important}.\!gap-2{gap:calc(var(--spacing)*2)!important}.gap-2{gap:calc(var(--spacing)*2)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e+38px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-pink-200{background-color:var(--color-pink-200)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-teal-200{background-color:var(--color-teal-200)}.bg-violet-400{background-color:var(--color-violet-400)}.bg-white{background-color:var(--color-white)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-500{background-color:var(--color-yellow-500)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\!text-blue-500{color:var(--color-blue-500)!important}.\!text-white{color:var(--color-white)!important}.text-blue-800{color:var(--color-blue-800)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-800{color:var(--color-indigo-800)}.text-orange-400{color:var(--color-orange-400)}.text-orange-800{color:var(--color-orange-800)}.text-pink-800{color:var(--color-pink-800)}.text-purple-800{color:var(--color-purple-800)}.text-red-500{color:var(--color-red-500)}.text-red-800{color:var(--color-red-800)}.text-teal-800{color:var(--color-teal-800)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-lg,.shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-green-500:hover{background-color:var(--color-green-500)}.hover\:bg-orange-500:hover{background-color:var(--color-orange-500)}.hover\:bg-pink-500:hover{background-color:var(--color-pink-500)}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-violet-500:hover{background-color:var(--color-violet-500)}}@media (width>=40rem){.sm\:ml-2{margin-left:calc(var(--spacing)*2)}}@media (width>=48rem){.md\:relative{position:relative}.md\:hidden{display:none}.md\:w-1\/2{width:50%}.md\:w-64{width:calc(var(--spacing)*64)}.md\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}}@media (prefers-color-scheme:dark){.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:text-gray-300{color:var(--color-gray-300)}@media (hover:hover){.dark\:hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}}}}:root{--background:#f9f9f9;--foreground:#0f1014;--fontcolor:#252f4a;--fontcolor-dark:#b5b7c8}::selection{color:#fff;background:#ecce96}::-webkit-scrollbar{cursor:pointer;width:18px}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-thumb{cursor:pointer;background-color:color-mix(in oklab,var(--color-gray-300)50%,transparent);background-clip:content-box;border:6px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}body{background:var(--background);color:var(--fontcolor);height:100vh;max-height:100vh;font-family:Arial,Helvetica,sans-serif}main{width:100%;font-family:var(--font-KanitLight)}h1,h2,h3,h4,h5{font-family:var(--font-Kanit)}a,button{cursor:pointer;color:var(--color-a)}@media (hover:hover){:is(button,a):hover{color:var(--color-a-hover)}}.layout{flex-flow:row;height:100vh;display:flex}mark{color:var(--color-red-500);background-color:#ff0;display:inline}aside{inset-block:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:50;height:100vh;width:calc(var(--spacing)*64);transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);background-color:var(--color-white);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);flex-direction:column;position:fixed}@media (width>=48rem){aside{width:calc(var(--spacing)*64);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);display:flex;position:relative}}aside img{width:auto;height:57px}aside .searchbox{width:100%;max-width:var(--container-md);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2.5);position:relative}aside .searchbox input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-nav-input-border);background-color:var(--color-nav-input-bg);width:100%;padding-block:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*10);padding-left:calc(var(--spacing)*4);font-family:var(--font-Kanit);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-nav-input)}aside .searchbox input:focus{background-color:var(--color-nav-input-bg-hover);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-pallate-3);--tw-outline-style:none;outline-style:none}aside .searchbox svg{top:50%;right:calc(var(--spacing)*6);height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);color:var(--color-gray-500);position:absolute}@media (prefers-color-scheme:dark){aside .searchbox svg{color:var(--color-gray-400)}}aside nav{height:100%;padding-block:calc(var(--spacing)*4);padding-bottom:259px;overflow-y:auto}aside nav .nav-title-header{margin-inline:calc(var(--spacing)*2);margin-bottom:calc(var(--spacing)*2);cursor:pointer;background-color:color-mix(in oklab,var(--color-random-3)20%,transparent);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3);padding-right:calc(var(--spacing)*4);border-radius:.25rem;justify-content:space-between;align-items:center;display:flex}aside nav .nav-title-header svg{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4);color:var(--color-orange-400)}aside nav .nav-title-header h3{color:var(--color-orange-400);text-transform:uppercase;display:block}aside nav .nav-title-header h3,aside nav a{font-family:var(--font-Kanit);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}aside nav a{padding-block:calc(var(--spacing)*2.5);padding-left:calc(var(--spacing)*5);justify-content:space-between;align-items:center;display:flex}@media (hover:hover){aside nav a:hover{color:var(--color-a-hover)}}aside nav a.active{color:var(--color-a-hover)}aside nav span{background-color:color-mix(in oklab,var(--color-random-3)20%,transparent);min-width:50px;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*.5);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-orange-400);border-radius:3.40282e+38px;display:block}aside .panel-nav{bottom:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:51;width:calc(var(--spacing)*64);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-nav-input-border);background-color:var(--color-white);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*5);font-family:var(--font-KanitLight);flex-direction:column;display:flex;position:fixed}aside .panel-nav p{width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-nav-input)}aside .panel-nav p b{font-family:var(--font-Kanit)}aside .panel-nav svg{margin-right:calc(var(--spacing)*2);height:calc(var(--spacing)*4);width:auto}aside .panel-nav a{width:100%;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);text-align:center;font-family:var(--font-KanitRegular);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-wrap:nowrap;border-radius:.25rem;justify-content:center;align-items:center;display:flex}aside .panel-nav .store-btn{background-color:var(--color-random-4);color:var(--color-white)}@media (hover:hover){aside .panel-nav .store-btn:hover{background-color:color-mix(in oklab,var(--color-random-4)20%,transparent);color:var(--color-random-4)}}aside .panel-nav .admin-btn{background-color:color-mix(in oklab,var(--color-random-2)80%,transparent);color:var(--color-white)}@media (hover:hover){aside .panel-nav .admin-btn:hover{background-color:var(--color-random-2)}}aside .panel-nav .admin-light-btn{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-random-2);background-color:var(--color-white);color:var(--color-random-2)}@media (hover:hover){aside .panel-nav .admin-light-btn:hover{background-color:var(--color-random-2);color:var(--color-white)}}aside .panel-nav .rhistory-btn{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-random-3);background-color:var(--color-random-3);color:var(--color-white)}@media (hover:hover){aside .panel-nav .rhistory-btn:hover{background-color:var(--color-white);color:var(--color-random-3)}}aside .panel-nav .recc-btn{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-random-3);background-color:var(--color-random-3);color:var(--color-white)}@media (hover:hover){aside .panel-nav .recc-btn:hover{border-color:var(--color-orange-400);background-color:color-mix(in oklab,var(--color-random-3)20%,transparent);color:var(--color-orange-400)}}aside .panel-nav .rhistory-light-btn{border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-random-3)80%,transparent);background-color:var(--color-white);color:var(--color-random-3)}@media (hover:hover){aside .panel-nav .rhistory-light-btn:hover{background-color:color-mix(in oklab,var(--color-random-3)80%,transparent);color:var(--color-white)}}aside .panel-nav .history-btn{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-random-1);background-color:var(--color-white);color:var(--color-random-1)}@media (hover:hover){aside .panel-nav .history-btn:hover{background-color:var(--color-random-1);color:var(--color-white)}}aside .panel-nav .logout-btn{background-color:var(--color-red-500);color:var(--color-white)}@media (hover:hover){aside .panel-nav .logout-btn:hover{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent);color:var(--color-red-500)}}aside .panel-nav .logout-light-btn{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-500);background-color:var(--color-white);color:var(--color-red-500)}@media (hover:hover){aside .panel-nav .logout-light-btn:hover{background-color:color-mix(in oklab,var(--color-red-500)90%,transparent);color:var(--color-white)}}aside .admin-nav{flex-direction:column;display:flex}aside .admin-nav a{justify-content:flex-start;gap:calc(var(--spacing)*5);display:flex}@media (hover:hover){aside .admin-nav a:hover{color:var(--color-random-3)}}aside .admin-nav .active{color:var(--color-random-3)}.docs-container{width:100%;padding-inline:calc(var(--spacing)*8);flex-direction:column;flex:1;display:flex}.docs-container main{padding-bottom:calc(var(--spacing)*6);flex:1;overflow-y:auto}header{margin-bottom:calc(var(--spacing)*8);width:100%;padding-block:calc(var(--spacing)*2);--tw-border-style:dashed;border-style:dashed;border-bottom-width:1px;border-color:var(--color-header-border);justify-content:space-between;align-items:center;display:flex}header button{width:fit-content;font-family:var(--font-Kanit);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}header h1{padding-left:calc(var(--spacing)*2);text-align:center;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-wrap:nowrap}@media (width>=48rem){header h1{padding-left:calc(var(--spacing)*0)}}header .tools-header{justify-content:flex-start;align-items:flex-end;width:100%;display:none}@media (width>=40rem){header .tools-header{display:flex}}header .tools{justify-content:flex-end;align-items:flex-end;width:fit-content;display:flex}header .tools img{width:auto;max-height:68px}header .tools .user-wrapper{justify-content:flex-end;align-items:flex-end;gap:calc(var(--spacing)*2);width:fit-content;display:flex}@media (width>=48rem){header .tools .user-wrapper{justify-content:space-between}}header .tools button{padding-inline:calc(var(--spacing)*3.5);padding-block:calc(var(--spacing)*1.5);text-wrap:nowrap;display:flex}header .tools .cart-btn{padding-inline:calc(var(--spacing)*0);align-items:center;display:flex}header .tools .searchbox{width:100%;max-width:var(--container-md);padding-block:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*0);position:relative}header .tools .searchbox input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-nav-input-border);background-color:var(--color-white);width:100%;padding-block:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*4);padding-left:calc(var(--spacing)*10);font-family:var(--font-Kanit);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-nav-input)}header .tools .searchbox input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-pallate-3);--tw-outline-style:none;outline-style:none}header .tools .searchbox svg{top:50%;left:calc(var(--spacing)*3);height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);color:var(--color-gray-500);position:absolute}@media (prefers-color-scheme:dark){header .tools .searchbox svg{color:var(--color-gray-400)}}header .tools .items{margin-left:calc(var(--spacing)*2);background-color:color-mix(in oklab,var(--color-a-hover)20%,transparent);padding-inline:calc(var(--spacing)*2);font-family:var(--font-KanitLight);color:var(--color-a-hover);border-radius:3.40282e+38px;justify-content:center;align-items:center;display:flex}@media (hover:hover){header .tools .items:hover{text-decoration-line:underline}}header .login-btn{background-color:var(--color-random-3);color:var(--color-white);border-radius:.25rem}@media (hover:hover){header .login-btn:hover{background-color:color-mix(in oklab,var(--color-random-3)20%,transparent);color:var(--color-random-3)}}header .logout-btn{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);background-color:var(--color-red-500);color:var(--color-white);border-radius:3.40282e+38px;display:flex}@media (hover:hover){header .logout-btn:hover{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent);color:var(--color-red-500)}}header .user-info-login{margin-bottom:calc(var(--spacing)*0);justify-content:flex-end;align-items:center;gap:calc(var(--spacing)*1);cursor:pointer;border-radius:var(--radius-lg);background-color:var(--color-random-3);height:fit-content;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*1);color:var(--color-white);text-transform:capitalize;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);height:40px;font-family:var(--font-Kanit);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:flex;position:relative}@media (hover:hover){header .user-info-login:hover{background-color:color-mix(in oklab,var(--color-random-3)20%,transparent);color:var(--color-random-3)}}header .user-info-login svg{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}header .user-info{justify-content:flex-end;align-items:center;gap:calc(var(--spacing)*1);background-color:var(--color-random-3);height:fit-content;padding-inline:calc(var(--spacing)*2);color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);font-family:var(--font-KanitLight);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border-radius:3.40282e+38px;display:flex;position:relative}@media (width>=48rem){header .user-info{margin-bottom:calc(var(--spacing)*2)}}header .user-info b{font-family:var(--font-Kanit)}header .user-info svg{height:calc(var(--spacing)*3.5);width:calc(var(--spacing)*3.5)}header .user-info span{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));text-wrap:nowrap;text-transform:capitalize;display:flex}header .user-info span svg{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}header .user-info .dropdown{top:20.5px;right:calc(var(--spacing)*0);border-radius:var(--radius-2xl);background-color:var(--color-white);width:fit-content;padding-block:calc(var(--spacing)*1);color:var(--color-nav-input);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute}header .user-info .dropdown .dropdown-menu{width:100%;max-width:var(--container-md);padding-block:calc(var(--spacing)*1);color:var(--color-nav-input);background-color:#0000;border:none;outline:none}header .user-info .dropdown .dropdown-menu .dropdown-item{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*8);color:var(--color-nav-input);display:flex}header .user-info .dropdown .dropdown-menu .dropdown-item:hover{color:var(--color-random-3)}header .user-info .dropdown .dropdown-menu .bt-seperate{--tw-border-style:dotted;border-style:dotted;border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-nav-input)20%,transparent)}header .user-info:hover p{color:var(--color-random-3)}.card{border-radius:var(--radius-md);background-color:var(--color-white);width:100%;max-width:100%;padding-inline:calc(var(--spacing)*8);padding-block:calc(var(--spacing)*11)}@media (width>=64rem){.card{padding-inline:calc(var(--spacing)*11)}}.card .error{border-radius:var(--radius-lg);background-color:var(--color-red-200);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*2);color:var(--color-red-500);display:flex}.card .error .msg{width:100%}@media (hover:hover){.card .error button:hover{color:var(--color-red-500)}}.card .success{gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);background-color:var(--color-green-200);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*2);flex-direction:row}.card .success .msg{width:100%}.card .error .msg p,.card .success .msg p{font-family:var(--font-KanitLight);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media (hover:hover){.card .success button:hover{color:var(--color-green-500)}}.card h1{margin-bottom:calc(var(--spacing)*4);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}@media (width>=48rem){.card h1{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.card h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}@media (width>=48rem){.card h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.card h3{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media (width>=48rem){.card h3{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}.card .red{color:var(--color-red-500)}.card .btn-group{justify-content:flex-start;align-items:center;gap:calc(var(--spacing)*2);width:100%;display:flex}.card .title-nav{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);display:flex}.card .title-nav svg{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.card .title-nav ul{margin-bottom:calc(var(--spacing)*2);justify-content:space-between;align-items:center;gap:calc(var(--spacing)*2);display:flex}.card .title-nav ul li{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-family:var(--font-Kanit);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-nav-input);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-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0000;align-items:center;display:flex}:where(.card .title-nav ul li>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}@media (hover:hover){.card .title-nav ul li:hover{background-color:var(--color-purple-100);color:var(--color-purple-700)}}.card .title-nav ul .seperate{color:var(--color-blue-500);font-size:8px}.card .title-nav ul li.active{border-color:var(--color-purple-300);background-color:var(--color-purple-100);color:var(--color-purple-700);font-family:var(--font-Kanit)}@media (hover:hover){.card .title-nav ul li.active:hover{border-color:var(--color-purple-700);background-color:var(--color-purple-700);color:var(--color-white)}}.card .login-button{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing)*2);width:100%;height:fit-content;padding-top:calc(var(--spacing)*8);padding-bottom:calc(var(--spacing)*10);display:flex}@media (hover:hover){.card .login-button:hover{color:var(--color-pinkPrimary)}}.card .login-button p{font-family:var(--font-KanitRegular)}.card .login-button button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);background-color:var(--color-pinkPrimary);width:fit-content;padding:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*5);color:var(--color-white);border-radius:3.40282e+38px;flex-wrap:nowrap;display:flex}@media (hover:hover){.card .login-button button:hover{border-color:var(--color-pinkPrimary);background-color:var(--color-white);color:var(--color-pinkPrimary)}}.card .login-button button svg{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.card .login-button .light-btn{border-color:var(--color-pinkPrimary);background-color:var(--color-white);color:var(--color-pinkPrimary)}@media (hover:hover){.card .login-button .light-btn:hover{border-color:var(--color-white);background-color:var(--color-pinkPrimary);color:var(--color-white)}}.card .callback-msg{width:100%;padding-block:calc(var(--spacing)*3)}.card .callback-msg h2{width:100%}.card .callback-msg .msg,.card .callback-msg p{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.card .callback-msg .msg{align-items:center;gap:calc(var(--spacing)*2);display:flex}.card .callback-msg .error,.card .callback-msg .error .msg{flex-direction:column;width:100%;display:flex}.card .callback-msg .error .msg{border-radius:var(--radius-lg);background-color:var(--color-red-200);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.card .error h2{color:var(--color-red-500)}.card .callback-msg button{margin-top:calc(var(--spacing)*3);cursor:pointer;border-radius:var(--radius-lg);background-color:var(--color-red-600);padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*2);color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.card .callback-msg button:hover{background-color:var(--color-red-700)}}.card .waiting{margin-bottom:calc(var(--spacing)*2);gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);background-color:var(--color-blue-200);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;display:flex}.card .waiting h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));color:var(--color-blue-500)}.card .waiting p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-fontColor)}.card .callback-msg .success{gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);background-color:var(--color-green-200);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.card .callback-msg .success,.card .success{flex-direction:column;display:flex}.card .success b,.card .success h2{color:var(--color-green-500)}.card .success b{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.card .error .msg p,.card .success .msg p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-fontColor)}.card .title-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);display:flex}.card .title-header svg{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.card .title-header h1{margin-bottom:calc(var(--spacing)*4);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}@media (width>=48rem){.card .title-header h1{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.card .book-tools{justify-content:space-between}.card .book-tools,.card .book-tools .tools-wrapper{align-items:center;gap:calc(var(--spacing)*2);display:flex}.card .book-tools .tools-wrapper{flex-direction:row;width:100%}.card .book-tools .tools-wrapper .searchbox{margin-bottom:calc(var(--spacing)*2);width:100%;max-width:var(--container-md);padding-bottom:calc(var(--spacing)*0);position:relative}.card .book-tools .tools-wrapper .searchbox input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-nav-input-border);background-color:var(--color-white);width:100%;padding-block:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*4);padding-left:calc(var(--spacing)*10);font-family:var(--font-Kanit);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-nav-input)}.card .book-tools .tools-wrapper .searchbox input:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-pallate-3);--tw-outline-style:none;outline-style:none}.card .book-tools .tools-wrapper .searchbox svg{top:50%;left:calc(var(--spacing)*3);height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);color:var(--color-gray-500);position:absolute}@media (prefers-color-scheme:dark){.card .book-tools .tools-wrapper .searchbox svg{color:var(--color-gray-400)}}.card .book-tools select{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-nav-input-border);background-color:var(--color-white);width:100%;max-width:236px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-family:var(--font-Kanit);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-nav-input)}.card .book-tools select:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-pallate-3);--tw-outline-style:none;outline-style:none}.card .book-tools .input-group{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);display:flex}.card .book-tools .input-group button svg{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6);cursor:pointer}@media (hover:hover){.card .book-tools .input-group button svg:hover{color:color-mix(in oklab,var(--color-random-3)40%,transparent)}}.card .book-shelf{gap:calc(var(--spacing)*6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=40rem){.card .book-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=48rem){.card .book-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=80rem){.card .book-shelf{grid-template-columns:repeat(6,minmax(0,1fr))}}.card .book-shelf .book{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);background-color:var(--color-white);padding:calc(var(--spacing)*4);transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;flex-direction:column;justify-content:center;align-items:center;transition-duration:.3s;display:flex}@media (hover:hover){.card .book-shelf .book:hover{color:var(--color-random-3);--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.card .book-shelf .book img{object-fit:cover;max-width:120px;min-height:180px;max-height:180px}.card .book-shelf .book h3{height:56px;padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:pre-line}.card .book-shelf .book h3,.card .book-shelf .book p{width:100%;text-align:center;text-overflow:ellipsis;overflow:hidden}.card .book-shelf .book p{white-space:nowrap;height:20px}.card .book-shelf .book .author{color:var(--color-a-hover)}.card .book-shelf .book .author,.card .book-shelf .book .subjects{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.card .book-shelf .book .subjects{color:var(--color-header)}.card .book-shelf .book .price{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-green-500)}.card .book-shelf .book .cart-btn{margin-top:calc(var(--spacing)*2);display:none}.card .book-shelf .book:hover{border-radius:var(--radius-xl);border-color:var(--color-nav-input-border);background-color:var(--color-white)}.card .book-shelf .book:hover,.card .book-shelf .book:hover img{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.card .book-shelf .book:hover .cart-btn{display:flex}.card .book-shelf-lists{flex-direction:column;display:flex}.card .book-shelf-lists .book-lists{margin-top:calc(var(--spacing)*4);gap:calc(var(--spacing)*5);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-nav-input-border);background-color:var(--color-white);padding:calc(var(--spacing)*4);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex}@media (hover:hover){.card .book-shelf-lists .book-lists:hover{color:var(--color-random-3);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.card .book-shelf-lists .book-lists img{cursor:pointer;border-radius:var(--radius-xl);object-fit:cover;width:220px}.card .book-shelf-lists .book-lists .detail{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;display:flex}.card .book-shelf-lists .book-lists h3{cursor:pointer;width:100%;height:56px;padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-overflow:ellipsis;white-space:pre-line;overflow:hidden}.card .book-shelf-lists .book-lists p{text-overflow:ellipsis;white-space:nowrap;width:100%;height:20px;overflow:hidden}.card .book-shelf-lists .book-lists .author{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-a-hover)}.card .book-shelf-lists .book-lists .subjects{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-header)}.card .book-shelf-lists .book-lists .price{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-green-500)}.card .book-shelf-lists .book-lists .cart-btn{margin-top:calc(var(--spacing)*5)}.card .mycart{width:100%;padding-inline:calc(var(--spacing)*4);margin-inline:auto}@media (width>=40rem){.card .mycart{max-width:40rem}}@media (width>=48rem){.card .mycart{max-width:48rem}}@media (width>=64rem){.card .mycart{max-width:64rem}}@media (width>=80rem){.card .mycart{max-width:80rem}}@media (width>=96rem){.card .mycart{max-width:96rem}}.card .mycart .btn-group{margin-bottom:calc(var(--spacing)*5)}.card .carts-lists{flex-direction:column;display:flex}.card .carts-lists .book-lists{margin-bottom:calc(var(--spacing)*5);gap:calc(var(--spacing)*5);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-nav-input-border);background-color:var(--color-white);padding:calc(var(--spacing)*4);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex}@media (hover:hover){.card .carts-lists .book-lists:hover{color:var(--color-random-3);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.card .carts-lists .book-lists img{cursor:pointer;border-radius:var(--radius-xl);object-fit:cover;width:220px}.card .carts-lists .book-lists .detail{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;display:flex}.card .carts-lists .book-lists h3{cursor:pointer;width:100%;height:56px;padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-overflow:ellipsis;white-space:pre-line;overflow:hidden}.card .carts-lists .book-lists p{text-overflow:ellipsis;white-space:nowrap;width:100%;height:20px;overflow:hidden}.card .carts-lists .book-lists .author{color:var(--color-a-hover)}.card .carts-lists .book-lists .author,.card .carts-lists .book-lists .subjects{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.card .carts-lists .book-lists .subjects{color:var(--color-header)}.card .carts-lists .book-lists .price{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-green-500)}.card .carts-lists .book-lists .remove{margin-top:calc(var(--spacing)*5);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);width:fit-content;padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*2);font-family:var(--font-KanitRegular);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-wrap:nowrap;display:flex}@media (hover:hover){.card .carts-lists .book-lists .remove:hover{color:var(--color-header)}}.card .carts-lists .book-lists .remove svg{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.card table{width:100%}.card table th{background-color:var(--color-random-3);padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3);text-align:left;font-family:var(--font-Kanit);color:var(--color-white)}.card table th:first-child{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.card table th:last-child{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.card table tbody{gap:calc(var(--spacing)*2)}.card table tbody tr{width:100%}.card table tbody tr td{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3);text-align:left;font-family:var(--font-KanitLight)}.card table tbody tr td .success{flex-direction:row;display:flex}.card table tbody .tr-spacer{min-height:calc(var(--spacing)*1.5);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.card table tbody .tr-spacer td{height:calc(var(--spacing)*3.5);padding:calc(var(--spacing)*0)}.card table tbody .tr-book-detail td,.card table tbody .tr-spacer td{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.card table tbody .tr-book-detail td{color:var(--color-nav-input)}.card table tbody .tr-book-detail{text-align:left}.card table tbody .tr-book-detail td{background-color:color-mix(in oklab,var(--color-pallate-2)50%,transparent);padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3);text-align:left}.card table tbody .tr-book-detail td:first-child{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.card table tbody .tr-book-detail td:last-child{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.card table tbody .tr-book-detail td{height:100%;position:relative}.card table tbody .tr-book-detail h3{cursor:pointer;padding-block:calc(var(--spacing)*1);font-family:var(--font-Kanit);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--color-nav-input)}@media (hover:hover){.card table tbody .tr-book-detail h3:hover{color:var(--color-a-hover)}}.card table tbody .tr-book-detail button{text-wrap:nowrap;color:var(--color-nav-input)}@media (hover:hover){.card table tbody .tr-book-detail button:hover{color:var(--color-a-hover)}}.card table tbody .tr-book-detail .wrapper{gap:calc(var(--spacing)*5);width:100%;display:flex}.card table tbody .tr-book-detail img{cursor:pointer;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.card table tbody .tr-book-detail img:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.card table tbody .tr-book-detail .detail{flex-direction:column;width:100%}.card .cart-btn{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);background-color:var(--color-a-hover);width:fit-content;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2);font-family:var(--font-KanitRegular);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-wrap:nowrap;color:var(--color-white);display:flex}@media (hover:hover){.card .cart-btn:hover{background-color:color-mix(in oklab,var(--color-a-hover)30%,transparent);color:var(--color-a-hover)}}.card .cart-btn.active{cursor:default;background-color:color-mix(in oklab,var(--color-a-hover)20%,transparent);color:var(--color-a-hover)}.card .remove-btn{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);background-color:var(--color-red-500);width:fit-content;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2);font-family:var(--font-KanitRegular);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-wrap:nowrap;color:var(--color-white);display:flex}@media (hover:hover){.card .remove-btn:hover{background-color:color-mix(in oklab,var(--color-red-500)30%,transparent);color:var(--color-red-500)}}.card .remove-btn.active{cursor:default;background-color:color-mix(in oklab,var(--color-red-500)20%,transparent);color:var(--color-red-500)}.card .book-detail{justify-content:center;align-items:flex-start;gap:calc(var(--spacing)*2);flex-direction:column;display:flex}@media (width>=64rem){.card .book-detail{padding-top:calc(var(--spacing)*5);flex-direction:row}}.card .book-detail .book-title{padding-bottom:calc(var(--spacing)*2);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);display:block}@media (width>=64rem){.card .book-detail .book-title{display:none}}.card .book-detail .book-title span{color:var(--color-orange-400)}.card .book-detail .book-image{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);width:100%;padding-inline:calc(var(--spacing)*8);padding-bottom:calc(var(--spacing)*5);flex-direction:column;display:flex}@media (width>=64rem){.card .book-detail .book-image{width:fit-content;padding-bottom:calc(var(--spacing)*0)}}.card .book-detail .book-image img{margin-bottom:calc(var(--spacing)*3);object-fit:cover;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);width:220px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.card .book-detail .book-image .cart-btn{width:100%}.card .book-detail .book-info{flex-direction:column;justify-content:center;width:100%;display:flex}.card .book-detail .book-info h2{padding-bottom:calc(var(--spacing)*2);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);display:none}@media (width>=64rem){.card .book-detail .book-info h2{display:block}}.card .book-detail .book-info h3{padding-bottom:calc(var(--spacing)*2);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--color-a-hover)}.card .book-detail .book-info .detail{font-family:var(--font-KanitLight);font-size:var(--text-sm);line-height:calc(var(--spacing)*6)}.card .book-detail .book-info .detail span{min-width:80px;padding-right:calc(var(--spacing)*2);text-align:left;font-family:var(--font-KanitRegular);display:inline-block}.card .book-detail .book-info .detail a{padding-top:calc(var(--spacing)*2);vertical-align:bottom;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-a-hover);display:inline-block}@media (hover:hover){.card .book-detail .book-info .detail a:hover{text-decoration-line:underline}}.card .book-detail .book-info .detail svg{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);color:var(--color-a);display:inline-block}.card .book-detail .book-info a{gap:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-a-hover);display:flex}@media (hover:hover){.card .book-detail .book-info a:hover{text-decoration-line:underline}}.card .book-detail .book-info a svg{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);color:var(--color-a)}.card .book-detail .book-info .more-detail{margin-block:calc(var(--spacing)*2);margin-bottom:calc(var(--spacing)*2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-pallate-3);background-color:var(--color-pallate-bg);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:calc(var(--spacing)*6);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.card .table-wrapper{overflow-x:auto}.card .table-wrapper button{outline-style:var(--tw-outline-style);outline-width:0}.card .table-wrapper .toolsbar{margin-bottom:calc(var(--spacing)*4);justify-content:space-between;gap:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));flex-direction:column;display:flex}.card .table-wrapper .toolsbar .input-group{gap:calc(var(--spacing)*2);width:100%;display:flex}.card .table-wrapper .toolsbar .input-group label{font-family:var(--font-KanitRegular);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.card .table-wrapper .toolsbar .input-group select{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;padding:calc(var(--spacing)*2);outline-style:var(--tw-outline-style);border-radius:.25rem;outline-width:0}.card .table-wrapper .toolsbar .input-group select:focus{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-random-3)}.card .table-wrapper .toolsbar .input-group button{text-wrap:nowrap}.card .table-wrapper .toolsbar input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;padding:calc(var(--spacing)*2);outline-style:var(--tw-outline-style);border-radius:.25rem;outline-width:0}.card .table-wrapper .toolsbar input:focus{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-random-3)}.card .table-wrapper .toolsbar .btn-group{gap:calc(var(--spacing)*2);text-wrap:nowrap;width:fit-content;min-height:100%;display:flex}.card .table-wrapper .toolsbar .btn-group input{width:100%}.card .table-wrapper .toolsbar button{min-height:38px;padding-inline:calc(var(--spacing)*5);color:var(--color-white);border-radius:.25rem;justify-content:center;align-items:center;display:flex}.card .table-wrapper .toolsbar .excel-btn{background-color:var(--color-green-500)}@media (hover:hover){.card .table-wrapper .toolsbar .excel-btn:hover{background-color:var(--color-green-600)}}.card .table-wrapper .toolsbar .print-btn{background-color:var(--color-blue-500)}@media (hover:hover){.card .table-wrapper .toolsbar .print-btn:hover{background-color:var(--color-blue-600)}}.card .table-wrapper table{border-radius:var(--radius-xl);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);min-width:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.card .table-wrapper table th{cursor:pointer;background-color:var(--color-random-3);padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3);text-align:left;font-family:var(--font-Kanit);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-white);border-radius:0}.card .table-wrapper table th:first-child{border-top-left-radius:.25rem}.card .table-wrapper table th:last-child{border-top-right-radius:.25rem}.card .table-wrapper tfoot{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white)}.card .table-wrapper tfoot td{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-wrap:nowrap;color:var(--color-gray-700)}.card .table-wrapper tbody{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white)}:where(.card .table-wrapper tbody>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-color:var(--color-gray-200)}.card .table-wrapper tbody tr:nth-child(2n){background-color:var(--color-pallate-1)}@media (hover:hover){.card .table-wrapper tbody tr:hover{background-color:var(--color-gray-100)}}.card .table-wrapper tbody tr td{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-700)}.card .table-wrapper tbody tr td .duplicate-btn-wrapper{justify-content:flex-start;align-items:center;gap:calc(var(--spacing)*2);padding-top:calc(var(--spacing)*1);display:flex}.card .table-wrapper tbody tr td .duplicate-btn-wrapper button{align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-white);border-radius:.25rem;display:flex}.card .table-wrapper tbody tr td .duplicate-btn-wrapper button svg{height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}.card .table-wrapper tbody tr td .alert-tools{flex-direction:column;width:100%;display:flex}.card .table-wrapper tbody tr td .alert-tools div{width:100%}.card .table-wrapper tbody tr td .alert-tools .alert-wrapper{justify-content:space-around;align-items:center;gap:calc(var(--spacing)*2);display:flex}.card .table-wrapper tbody tr td .alert-tools .alert-wrapper .duplicate-btn-wrapper{justify-content:flex-start;align-items:center;gap:calc(var(--spacing)*2);display:flex}.card .table-wrapper tbody tr td .alert-tools .alert-wrapper .alert-btn-wrapper{justify-content:flex-end;gap:calc(var(--spacing)*2);display:flex}.card .table-wrapper tbody tr td .alert-tools .alert-wrapper button{align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-white);border-radius:.25rem;display:flex}.card .table-wrapper tbody tr td .alert-tools .alert-wrapper button svg{height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}.card .table-wrapper tbody tr td .book-detail{align-items:flex-start;gap:calc(var(--spacing)*0);width:100%;height:100%;padding-top:calc(var(--spacing)*0);flex-direction:column}.card .table-wrapper tbody tr td .book-detail .book-title{height:100%;padding-block:calc(var(--spacing)*0);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--color-random-2);text-transform:capitalize;display:block}.card .table-wrapper tbody tr td .book-detail .isbn,.card .table-wrapper tbody tr td .book-detail p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.card .table-wrapper tbody tr td .book-detail .isbn{color:color-mix(in oklab,var(--color-random-2)70%,transparent)}.card .table-wrapper tbody tr td .book-detail .status b{font-family:var(--font-Kanit);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-random-4)}.card .table-wrapper tbody tr td .user-detail{width:100%;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));flex-direction:column}.card .table-wrapper tbody tr td .user-detail p{padding-bottom:calc(var(--spacing)*1)}.card .table-wrapper tbody tr td .user-detail p span{font-family:var(--font-Kanit);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:color-mix(in oklab,var(--color-random-2)50%,transparent)}.card .table-wrapper tbody tr td .user-detail .name{font-family:var(--font-Kanit);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-random-2)}.card .table-wrapper tbody tr td .btn-group{gap:calc(var(--spacing)*1.5)}.card .table-wrapper tbody tr td .action-btn{background-color:var(--color-random-3);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);color:var(--color-white);border-radius:.25rem}@media (hover:hover){.card .table-wrapper tbody tr td .action-btn:hover{background-color:color-mix(in oklab,var(--color-random-3)70%,transparent)}}.card .table-wrapper tbody tr td .action-btn svg{height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}.card .table-wrapper tbody tr td .blue-action-btn{background-color:var(--color-a-hover);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);color:var(--color-white);border-radius:.25rem}@media (hover:hover){.card .table-wrapper tbody tr td .blue-action-btn:hover{background-color:color-mix(in oklab,var(--color-a-hover)70%,transparent)}}.card .table-wrapper tbody tr td .blue-action-btn svg{height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}.card .table-wrapper tbody tr td .trash-action-btn{background-color:var(--color-red-400);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);color:var(--color-white);border-radius:.25rem}@media (hover:hover){.card .table-wrapper tbody tr td .trash-action-btn:hover{background-color:color-mix(in oklab,var(--color-red-400)70%,transparent)}}.card .table-wrapper tbody tr td .trash-action-btn svg{height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}.card .tag{align-items:center;gap:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e+38px;display:flex}.card .tag span svg{height:calc(var(--spacing)*3)!important;width:calc(var(--spacing)*3)!important}.card .paging-toolbar{margin-top:calc(var(--spacing)*4);justify-content:space-between;align-items:center;display:flex}.card .paging-toolbar button{margin-inline:calc(var(--spacing)*1);background-color:var(--color-gray-200);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);border-radius:.25rem}.card .paging-toolbar button:disabled{opacity:.5}.card .paging-toolbar select{margin-inline:calc(var(--spacing)*2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);padding:calc(var(--spacing)*1);padding-inline:calc(var(--spacing)*5);border-radius:.25rem}.card form{flex-direction:column}.card form,.card form .form-group{gap:calc(var(--spacing)*2);display:flex}.card form .form-group{align-items:center}.card form .form-group h4{min-height:40px;padding-block:calc(var(--spacing)*2)}.card form label{margin-right:calc(var(--spacing)*2);min-width:180px;font-family:var(--font-Kanit);text-wrap:nowrap}.card form label span{padding-inline:calc(var(--spacing)*1)}.card form input,.card form select,.card form textarea{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-nav-input-border);background-color:var(--color-white);width:100%;padding-block:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*4);padding-left:calc(var(--spacing)*4);font-family:var(--font-Kanit);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-nav-input)}:is(.card form input,.card form select,.card form textarea):focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-pallate-3);--tw-outline-style:none;outline-style:none}.card form button{max-width:fit-content;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2);font-family:var(--font-KanitRegular);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-wrap:nowrap;border-radius:.25rem;justify-content:center;align-items:center;display:flex}.card form .btn-primary{background-color:var(--color-a-hover);color:var(--color-white)}@media (hover:hover){.card form .btn-primary:hover{background-color:color-mix(in oklab,var(--color-a-hover)30%,transparent);color:var(--color-a-hover)}}.card form .btn-secondary{background-color:var(--color-chicort-main);color:var(--color-white)}@media (hover:hover){.card form .btn-secondary:hover{background-color:color-mix(in oklab,var(--color-chicort-main)30%,transparent);color:var(--color-chicort-main)}}.card form .btn-error{background-color:var(--color-red-400);color:var(--color-white)}@media (hover:hover){.card form .btn-error:hover{background-color:color-mix(in oklab,var(--color-red-400)30%,transparent);color:var(--color-red-400)}}.card form .close-btn{padding-inline:calc(var(--spacing)*2);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--color-fontColor);width:fit-content!important}.card .dropdown{top:45px;left:calc(var(--spacing)*0);border-radius:var(--radius-2xl);background-color:var(--color-white);width:fit-content;min-width:100%;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute}.card .dropdown,.card .dropdown .dropdown-menu{padding-block:calc(var(--spacing)*1);color:var(--color-nav-input)}.card .dropdown .dropdown-menu{width:100%;max-width:var(--container-md);background-color:#0000;border:none;outline:none}.card .dropdown .dropdown-menu .dropdown-item{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*8);color:var(--color-nav-input);display:flex}.card .dropdown .dropdown-menu .dropdown-item:hover{color:var(--color-random-3)}.card .dropdown .dropdown-menu .bt-seperate{--tw-border-style:dotted;border-style:dotted;border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-nav-input)20%,transparent)}.card .report-tools{gap:calc(var(--spacing)*2);width:100%;padding-bottom:calc(var(--spacing)*2);display:flex}.card .report-tools input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;padding:calc(var(--spacing)*2);outline-style:var(--tw-outline-style);border-radius:.25rem;outline-width:0}.card .report-tools input:focus{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-random-3)}.card .report-tools select{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;padding:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*2)}.card .report-tools select:focus{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-random-3)}.card .account-summary{margin-bottom:calc(var(--spacing)*5);background-color:color-mix(in oklab,var(--color-random-3)20%,transparent);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*5)}.card .account-summary h3{padding-bottom:calc(var(--spacing)*5);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));color:var(--color-orange-400)}.card .account-summary td{padding-block:calc(var(--spacing)*2);text-align:left;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.card .account-summary .btop td{--tw-border-style:dashed;border-style:dashed;border-top-width:1px;border-color:var(--color-orange-400)}.card .account-summary .total{text-align:right}.card .account-summary .total b{font-family:var(--font-Kanit);color:var(--color-orange-400)}.card .account-summary .remark{margin-top:calc(var(--spacing)*2);margin-bottom:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-random-1)}.modal-wrapper{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:50;background-color:color-mix(in oklab,var(--color-black)50%,transparent);width:100vw;height:100vh;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);justify-content:center;align-items:center;display:none;position:fixed;overflow-y:auto}.modal-wrapper .modal-dialog{border-radius:var(--radius-lg);background-color:var(--color-white);min-width:66.6667%;max-width:80%;max-height:80%;padding-inline:calc(var(--spacing)*8);padding-block:calc(var(--spacing)*4);overflow-y:auto}.modal-wrapper .modal-dialog .modal-content{gap:calc(var(--spacing)*4);flex-direction:column;display:flex}.modal-wrapper .modal-dialog .modal-content .modal-header{margin-bottom:calc(var(--spacing)*2);justify-content:space-between;align-items:center;width:100%;display:flex}.modal-wrapper .modal-dialog .modal-content .modal-header button{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.modal-wrapper .modal-dialog .modal-content .modal-header .close{color:var(--color-a)}@media (hover:hover){.modal-wrapper .modal-dialog .modal-content .modal-header .close:hover{color:var(--color-red-400)}}.modal-wrapper .modal-dialog .modal-content .modal-body{flex-direction:column;width:100%;display:flex}.modal-wrapper .modal-dialog .modal-content .modal-body .form-group{align-items:center;gap:calc(var(--spacing)*5);width:100%;padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:flex}.modal-wrapper .modal-dialog .modal-content .modal-body .form-group svg{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8);cursor:pointer;color:var(--color-a)}@media (hover:hover){.modal-wrapper .modal-dialog .modal-content .modal-body .form-group svg:hover{color:var(--color-random-3)}}.modal-wrapper .modal-dialog .modal-content .modal-body .btn-group{justify-content:flex-start;align-items:center;gap:calc(var(--spacing)*2);width:100%;display:flex}.modal-wrapper .modal-dialog .modal-content .modal-body label{min-width:100px;font-family:var(--font-Kanit);text-wrap:nowrap}.modal-wrapper .modal-dialog .modal-content .modal-body label span{padding-inline:calc(var(--spacing)*1)}.modal-wrapper .modal-dialog .modal-content .modal-body input,.modal-wrapper .modal-dialog .modal-content .modal-body select{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);width:100%;padding-block:calc(var(--spacing)*3);padding-right:calc(var(--spacing)*4);padding-left:calc(var(--spacing)*4);font-family:var(--font-Kanit);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-nav-input)}:is(.modal-wrapper .modal-dialog .modal-content .modal-body input,.modal-wrapper .modal-dialog .modal-content .modal-body select):focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-pallate-3);--tw-outline-style:none;outline-style:none}.modal-wrapper .modal-dialog .modal-content .modal-body button{width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-family:var(--font-KanitRegular);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-wrap:nowrap;border-radius:.25rem;justify-content:center;align-items:center;display:flex}.modal-wrapper .modal-dialog .modal-content .modal-body .btn-primary{background-color:var(--color-a-hover);color:var(--color-white)}@media (hover:hover){.modal-wrapper .modal-dialog .modal-content .modal-body .btn-primary:hover{background-color:color-mix(in oklab,var(--color-a-hover)30%,transparent);color:var(--color-a-hover)}}.modal-wrapper .modal-dialog .modal-content .modal-body .btn-primary.disabled{cursor:not-allowed;background-color:var(--color-gray-300);color:var(--color-gray-500)}.modal-wrapper .modal-dialog .modal-content .modal-body .btn-secondary{background-color:var(--color-chicort-main);color:var(--color-white)}@media (hover:hover){.modal-wrapper .modal-dialog .modal-content .modal-body .btn-secondary:hover{background-color:color-mix(in oklab,var(--color-chicort-main)30%,transparent);color:var(--color-chicort-main)}}.modal-wrapper .modal-dialog .modal-content .modal-body .btn-error{background-color:var(--color-red-400);color:var(--color-white)}@media (hover:hover){.modal-wrapper .modal-dialog .modal-content .modal-body .btn-error:hover{background-color:color-mix(in oklab,var(--color-red-400)30%,transparent);color:var(--color-red-400)}}.modal-wrapper .modal-dialog .modal-content .modal-body .error{border-radius:var(--radius-lg);background-color:var(--color-red-200);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*2);color:var(--color-red-500);display:flex}.modal-wrapper .modal-dialog .modal-content .modal-body .error b{font-family:var(--font-Kanit);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-red-500)}.modal-wrapper .modal-dialog .modal-content .modal-body .error .msg{width:100%}@media (hover:hover){.modal-wrapper .modal-dialog .modal-content .modal-body .error button:hover{color:var(--color-red-500)}}.modal-wrapper .modal-dialog .modal-content .modal-body .warning{border-radius:var(--radius-lg);background-color:color-mix(in oklab,var(--color-random-3)20%,transparent);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*2);display:flex}.modal-wrapper .modal-dialog .modal-content .modal-body .warning h2{color:var(--color-orange-400)}.modal-wrapper .modal-dialog .modal-content .modal-body .warning em{font-family:var(--font-Kanit);color:var(--color-orange-400)}.modal-wrapper .modal-dialog .modal-content .modal-body .warning a{padding-inline:calc(var(--spacing)*0);color:var(--color-blue-500);display:inline}.modal-wrapper .modal-dialog .modal-content .modal-body .warning .msg{width:100%}@media (hover:hover){.modal-wrapper .modal-dialog .modal-content .modal-body .warning button:hover{color:var(--color-orange-400)}}.modal-wrapper .modal-dialog .modal-content .modal-body .success{gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);background-color:var(--color-green-200);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:calc(var(--spacing)*2);color:var(--color-green-500);flex-direction:row;display:flex}.modal-wrapper .modal-dialog .modal-content .modal-body .success b{font-family:var(--font-Kanit);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.modal-wrapper .modal-dialog .modal-content .modal-body .callback-msg .success{flex-direction:column}.modal-wrapper .modal-dialog .modal-content .modal-body .success .msg{width:100%}.modal-wrapper .modal-dialog .modal-content .modal-body .error p,.modal-wrapper .modal-dialog .modal-content .modal-body .success p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-fontColor)}.modal-wrapper .modal-dialog .modal-content .modal-body .success b{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-green-500)}@media (hover:hover){.modal-wrapper .modal-dialog .modal-content .modal-body .success button:hover{color:var(--color-green-500)}}.modal-wrapper .modal-dialog .modal-content .modal-body .close-btn{padding-inline:calc(var(--spacing)*2);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));width:fit-content!important}button.active{color:var(--color-random-3)}.model-open{display:flex}@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-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-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-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}