:root{--vt-c-white: #ffffff;--vt-c-white-transparent: #ffffffa1;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-transparent: #181818a1;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--vt-banner-color: #eeeeee;--vt-c-grey: #8f9bad;--round-button-size: 42px;--genz-color-brand-1: #0ea5ea;--genz-color-brand-2: #1cc2e7;--genz-color-brand-3: #0ea5ea;--genz-color-gradient-1: rgba(14, 165, 234, 1);--genz-color-gradient-2: rgba(11, 209, 209, 1);--section-height:calc(100vh - 62px);--title-text-size: 24px;--color-background: #ebebd3;--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-background-transparent: var(--vt-c-white-transparent);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--color-link: var(--vt-c-grey);--color-link-hover: var(--vt-c-black);--section-gap: 160px;--close-color: #d90429}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);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;overflow-x:hidden}.show{display:block}.hide{display:none}.direct-button-white{background:transparent;padding:10px 0;outline:none;border:2.5px var(--vt-c-black-soft) solid;font-weight:600;font-size:16px;cursor:pointer;transition:color .3s ease,background-color .5s ease}.direct-button-white:hover{background:var(--vt-c-black-soft);color:var(--vt-c-white-soft)}#app{width:100%;height:100%;position:relative;font-weight:400}.rounded-gradient{background:linear-gradient(to right,var(--genz-color-gradient-1),var(--genz-color-gradient-2));border-radius:15px;color:var(--color-link-hover);cursor:pointer}.rounded-gradient:hover{color:var(--color-link-hover);background:linear-gradient(to left,var(--genz-color-gradient-1),var(--genz-color-gradient-2))}a{text-decoration:none;color:var(--color-link);transition:.4s;font-weight:600;font-size:18px;padding:6px 14px}@media (hover: hover){a:hover{color:var(--genz-color-brand-2)}}@media (min-width: 1024px){body{display:flex;place-items:center;width:100vw;height:100vh}}.read-button[data-v-fdb681e8]{background:transparent;padding:10px 0;outline:none;border:2.5px white solid;font-weight:600;font-size:16px;cursor:pointer;transition:color .3s ease,background-color .5s ease}.read-button[data-v-fdb681e8]:hover{background:white;color:#000}.read-button svg[data-v-fdb681e8]{margin-left:10px}.created[data-v-fdb681e8]{display:flex;list-style:none;align-items:center;gap:30px;padding:0}.created[data-v-fdb681e8],.blog-title[data-v-fdb681e8],.sample-p[data-v-fdb681e8],.read-button[data-v-fdb681e8]{color:var(--vt-c-white-soft)}.created li[data-v-fdb681e8]{font-weight:700;font-size:16px}.blog-title[data-v-fdb681e8]{font-size:25px;color:var(--vt-c-white-soft);font-weight:600;letter-spacing:.5}.blogger_name[data-v-fdb681e8]:after{content:"";display:inline-block;background-color:var(--genz-color-brand-1);border-radius:50%;margin-left:1rem;height:5px;vertical-align:middle;width:5px}.local[data-v-fdb681e8]{position:relative;height:calc(var(--section-height) + 62px)}.img-large[data-v-fdb681e8]{width:100vw;height:calc(var(--section-height) + 62px)}.details[data-v-fdb681e8]{position:absolute;bottom:30%;left:0;padding:30px 15px;display:flex;flex-direction:column;gap:20px;max-width:350px}.read-button svg[data-v-73752375]{margin-left:10px}.blog-title[data-v-73752375]{color:var(--vt-c-black-soft)}.created li[data-v-73752375]{font-weight:700;font-size:16px}.blog-title[data-v-73752375]{font-size:25px;color:var(--vt-c-black-soft);font-weight:600;letter-spacing:.5}.blogger_name[data-v-73752375]:after{content:"";display:inline-block;background-color:var(--genz-color-brand-1);border-radius:50%;margin-left:1rem;height:5px;vertical-align:middle;width:5px}.local[data-v-73752375]{position:relative;height:var(--section-height)}.img-large[data-v-73752375]{width:100vw;height:var(--section-height)}.details[data-v-73752375]{position:absolute;bottom:30%;left:0;padding:30px 15px;display:flex;flex-direction:column;gap:20px;max-width:350px}.item[data-v-df8d0b73]{width:45%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:var(--vt-c-white);margin:10px}.img[data-v-df8d0b73]{width:80%;height:20vw;object-fit:contain}.item-name[data-v-df8d0b73]{font-size:var(--title-text-size);color:var(--vt-c-black-soft)}.shop-button[data-v-df8d0b73]{margin-top:20px;padding:10px 20px}.item-detail-container[data-v-df8d0b73]{display:flex;flex-direction:column;justify-content:center}.local[data-v-4b96eda9]{position:relative;height:var(--section-height);display:flex;flex-direction:row;background:var(--vt-c-white-soft);justify-content:space-around}main{display:flex;flex-direction:column}.items_num[data-v-99486776]{position:absolute;top:0px;right:-2px;background:var(--genz-color-brand-1);color:#fff;width:20px;height:20px;border-radius:50%;font-size:14px}.items_cart[data-v-99486776]{position:relative}.body-footer[data-v-99486776]{display:flex;flex-direction:column;justify-content:space-between;height:100vh;position:relative}.close_panel[data-v-99486776]{transform:translate(300px)}.side-list[data-v-99486776]{list-style:none}.side-list li[data-v-99486776]:after{content:"";display:block;height:1px;margin-bottom:10px;margin-top:10px;width:100%;background:linear-gradient(to right,var(--color-link-hover),var(--color-background))}.close-menu[data-v-99486776]{border:0;font-size:30px;background:transparent;color:var(--color-text);position:absolute;top:20px;left:20px;cursor:pointer;padding:5px}.close-menu[data-v-99486776]:hover{color:var(--genz-color-brand-1)}.overlay[data-v-99486776]{width:100%;height:100%;background:var(--vt-c-black);opacity:.8;z-index:3;position:fixed}.side-panel[data-v-99486776]{width:300px;position:fixed;top:0;right:0;z-index:4;background:var(--color-background);height:100%;padding-top:100px;transition:transform .6s}.search-wrapper[data-v-99486776]{position:relative;height:var(--round-button-size);margin-left:5px}.search-input[data-v-99486776]{height:var(--round-button-size);width:var(--round-button-size);color:var(--color-link-hover);outline:none;border:0;background:none;transition:width .3s ease;border-radius:10px}.hide-search[data-v-99486776]{display:flex;gap:30px}.buts button[data-v-99486776]{border:none;border-radius:50%;width:var(--round-button-size);height:var(--round-button-size);font-size:18px;background:transparent;cursor:pointer}.search-btn[data-v-99486776]{position:absolute;top:0;left:0;transition:transform .3s ease-out}.active.search-input[data-v-99486776]{width:200px;border:1px solid var(--genz-color-brand-1);margin-right:var(--round-button-size)}.active.search-btn[data-v-99486776]{transform:translate(200px);background:var(--close-color)}.active.socials[data-v-99486776]{display:none}.buts[data-v-99486776]{gap:10px}nav[data-v-99486776]{position:fixed;top:0;left:0;right:0;z-index:2;background:white}.header[data-v-99486776]{font-size:x-large;font-weight:700}.menu .menu-items[data-v-99486776],.socials[data-v-99486776],.buts[data-v-99486776],.side[data-v-99486776],.container[data-v-99486776]{display:flex;flex-direction:row;position:relative}.container[data-v-99486776]{width:80%;margin:10px auto;justify-content:space-between;align-items:center}.menu-items[data-v-99486776],.socials[data-v-99486776]{list-style-type:none}.menu-item[data-v-99486776],.socials li[data-v-99486776]{margin:5px}.socials a[data-v-99486776]{color:var(--color-link-hover);padding:0}.socials a[data-v-99486776]:hover{color:#fcb900}
