.transition-loader[data-v-2619e035]{position:fixed;bottom:0;left:0;right:0;height:100vh;background-color:#f0e6d277;background-image:radial-gradient(circle at 100% 150%,#f0e6d2 24%,#d4b483 25%,#d4b483 28%,#f0e6d2 29%,#f0e6d2 36%,#d4b483 36%,#d4b483 40%,transparent 40%,transparent),radial-gradient(circle at 0 150%,#f0e6d2 24%,#d4b483 25%,#d4b483 28%,#f0e6d2 29%,#f0e6d2 36%,#d4b483 36%,#d4b483 40%,transparent 40%,transparent),radial-gradient(circle at 50% 100%,#d4b483 10%,#f0e6d2 11%,#f0e6d2 23%,#d4b483 24%,#d4b483 30%,#f0e6d2 31%,#f0e6d2 43%,#d4b483 44%,#d4b483 50%,#f0e6d2 51%,#f0e6d2 63%,#d4b483 64%,#d4b483 71%,transparent 71%,transparent),radial-gradient(circle at 100% 50%,#d4b483 5%,#f0e6d2 6%,#f0e6d2 15%,#d4b483 16%,#d4b483 20%,#f0e6d2 21%,#f0e6d2 30%,#d4b483 31%,#d4b483 35%,#f0e6d2 36%,#f0e6d2 45%,#d4b483 46%,#d4b483 49%,transparent 50%,transparent),radial-gradient(circle at 0 50%,#d4b483 5%,#f0e6d2 6%,#f0e6d2 15%,#d4b483 16%,#d4b483 20%,#f0e6d2 21%,#f0e6d2 30%,#d4b483 31%,#d4b483 35%,#f0e6d2 36%,#f0e6d2 45%,#d4b483 46%,#d4b483 49%,transparent 50%,transparent);background-size:100px 50px;display:flex;justify-content:center;align-items:center;z-index:999}.loader-content[data-v-2619e035]{text-align:center}.loader-spinner[data-v-2619e035]{border:4px solid #f3f3f3;border-top:4px solid #b79a5c;border-radius:50%;width:40px;height:40px;animation:spin-2619e035 1s linear infinite;margin:0 auto 20px}.loader-title[data-v-2619e035]{font-size:1.6rem;color:#8b4513}.loader-text[data-v-2619e035]{font-size:1rem;color:#8b4513}@keyframes spin-2619e035{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slide-up-enter-active[data-v-2619e035],.slide-up-leave-active[data-v-2619e035]{transition:transform .5s ease-in-out}.slide-up-enter-from[data-v-2619e035],.slide-up-leave-to[data-v-2619e035]{transform:translateY(100%)}.card[data-v-18a9912d]{cursor:pointer;z-index:1000;width:120px;height:200px;padding:4px;background-color:var(--white);border-radius:6px;box-shadow:1px 1px 1px 10px 10px #676767}.card .img[data-v-18a9912d]{width:112px;height:192px;border-radius:2px}.side-panel-container[data-v-438fa60d]{position:fixed;top:0;left:0;height:100%;z-index:1000}.side-panel[data-v-438fa60d]{position:fixed;top:10px;left:10px;bottom:10px;width:300px;height:calc(100% - 20px);border-radius:10px;background-color:#f0e6d2;box-shadow:2px 0 5px #0000001a;padding:20px;overflow-y:auto}.close-btn[data-v-438fa60d]{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.panel-content[data-v-438fa60d]{margin-top:40px}.slide-enter-active[data-v-438fa60d],.slide-leave-active[data-v-438fa60d]{transition:transform .3s ease}.slide-enter-from[data-v-438fa60d],.slide-leave-to[data-v-438fa60d]{transform:translate(-100%)}.card-item[data-v-defceeef]{box-shadow:0 0 10px #0000001a}.parchment-background[data-v-defceeef]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f0e6d2}.parchment-background[data-v-defceeef]:before,.parchment-background[data-v-defceeef]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.parchment-background[data-v-defceeef]:before{background:radial-gradient(circle at 50% 50%,#e6d7b8 0%,transparent 100%),radial-gradient(circle at 20% 80%,#d4c5a1 0%,transparent 70%),radial-gradient(circle at 80% 20%,#e0d2b4 0%,transparent 70%);opacity:.7}.parchment-background[data-v-defceeef]:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.12;mix-blend-mode:multiply}.open-panel-btn[data-v-defceeef]{position:fixed;top:5%;left:5%;font-size:1.2rem;background-color:#f8f2e2ed;width:1.8rem;height:1.8rem;line-height:1.8rem;border-radius:50%;text-align:center;cursor:pointer;color:var(--color-primary);transition:all .3s;box-shadow:0 0 10px #0000004d}.open-panel-btn[data-v-defceeef]:hover{background-color:var(--color-primary);color:var(--white)}.open-panel-area[data-v-defceeef]{position:fixed;top:0;left:0;bottom:0;width:1px}.box[data-v-defceeef]{display:relative;justify-content:center;align-items:center;width:100%;min-height:100vh}.box .title[data-v-defceeef]{position:absolute;top:10%;right:5%;transform:translate(-50%,-50%)}.box .title .title-text[data-v-defceeef]{font-size:1.5rem;font-weight:700;text-align:right}.box .title .hr-line[data-v-defceeef]{width:100%;height:1px;background-color:var(--color)}.box .title .desc-text[data-v-defceeef]{font-size:1rem;color:var(--color)}.box .card-item[data-v-defceeef]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.geometric-lines[data-v-defceeef]{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(0,0,0,0.1)' stroke-width='0.5'/%3E%3Cpath d='M20,50 L80,50 M50,20 L50,80' stroke='rgba(0,0,0,0.1)' stroke-width='0.5'/%3E%3Cpath d='M30,30 L70,70 M70,30 L30,70' stroke='rgba(0,0,0,0.1)' stroke-width='0.5'/%3E%3C/svg%3E");background-size:20px 20px,20px 20px,100px 100px;opacity:.5;pointer-events:none}@keyframes shimmer-defceeef{0%{background-position:0% 0%,0% 0%,0 0}to{background-position:0% 0%,0% 0%,100px 100px}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:0}:root{--color:rgb(31, 31, 31);--color-primary:rgb(85, 76, 57);--bg-color:#e9e9e9;--white:#ffffff;--bg-color-dark:#d2d2d2;--bg-color-light:#ebebeb;--font-color:rgb(54, 54, 52)}.flex{display:flex}