.menuBox[data-v-33da8f47]{width:880px;margin:0 auto 120px}.menuBox[data-v-33da8f47] :nth-child(5n){margin-right:0}.menu-item[data-v-33da8f47]{width:160px;height:100px;border-radius:12px;background:#fff;display:inline-block;margin-right:20px;margin-bottom:20px;cursor:pointer;vertical-align:top;padding:20px}.menu-item .menu-item-value[data-v-33da8f47]{color:#000;text-align:right;font-size:16px;font-weight:700;line-height:1.1;align-self:end}.menu-item .firstItem[data-v-33da8f47]{text-align:center;padding-top:10px;color:#fff}.menuItemBox[data-v-33da8f47]{display:grid;height:100%}.oneItem[data-v-33da8f47]{background:#000}@media screen and (max-width: 768px){.menuBox[data-v-33da8f47]{width:100%!important;padding:0 4vw!important;margin-bottom:6.1vw!important}.menuBox[data-v-33da8f47] :nth-child(2n){margin-right:0}.menuBox[data-v-33da8f47] :nth-child(5n){margin-right:20px}.menuBox[data-v-33da8f47] :last-child{margin-right:0}.menu-item[data-v-33da8f47]{width:calc(50% - 10px)!important}}.mockups-list-content-list-item-empty[data-v-a7717c66]{margin:0 auto;padding-bottom:50px}.mockups-list[data-v-a7717c66]{width:100%;padding:0 10%}.mockups-list .mockups-list-header-title[data-v-a7717c66]{color:#000;font-size:32px;font-weight:700;line-height:48px;display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.mockups-list .mockups-list-header-title-button[data-v-a7717c66]{width:91px;height:32px;border-radius:19px;border:2px solid #191919;background:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mockups-list .mockups-list-content-list[data-v-a7717c66]{display:flex;flex-wrap:wrap}.mockups-list .mockups-list-content-list .mockups-list-content-list-item[data-v-a7717c66]{width:calc(25% - 22.5px);display:inline-block;margin-right:30px;margin-bottom:30px;border-radius:12px;position:relative;vertical-align:top;cursor:pointer}.mockups-list .mockups-list-content-list .mockups-list-content-list-item[data-v-a7717c66]:nth-child(4n){margin-right:0}.mockups-list-content-list-item-search[data-v-a7717c66]{width:calc(20% - 24px);display:inline-block;margin-right:30px;margin-bottom:30px;border-radius:12px;position:relative;vertical-align:top;cursor:pointer}.mockups-list-content-list-item-search[data-v-a7717c66]:nth-child(5n){margin-right:0}.mockups-list-0padding[data-v-a7717c66]{padding:0 40px 0 0!important}.mockups-list-content-list-item-button[data-v-a7717c66]{background:var(--mockup-theme-color);position:absolute;bottom:20px;opacity:0;transition:opacity .3s ease;left:50%;transform:translate(-50%)}.mockups-list-content-list-item-search:hover .mockups-list-content-list-item-button[data-v-a7717c66],.mockups-list-content-list-item:hover .mockups-list-content-list-item-button[data-v-a7717c66]{opacity:1}.pagination[data-v-a7717c66]{margin-top:20px;text-align:center;padding-bottom:100px}@media screen and (max-width: 1400px){.mockups-list-content-list-item-search[data-v-a7717c66]{width:calc(25% - 22.5px)}.mockups-list-content-list-item-search[data-v-a7717c66]:nth-child(5n){margin-right:30px}.mockups-list-content-list-item-search[data-v-a7717c66]:nth-child(4n){margin-right:0}}@media screen and (max-width: 1100px){.mockups-list-content-list-item-search[data-v-a7717c66]{width:calc((100% / 3) - (30px * 2 / 3))}.mockups-list-content-list-item-search[data-v-a7717c66]:nth-child(4n){margin-right:30px}.mockups-list-content-list-item-search[data-v-a7717c66]:nth-child(5n){margin-right:30px}.mockups-list-content-list-item-search[data-v-a7717c66]:nth-child(3n){margin-right:0}}@media screen and (max-width: 768px){.mockups-list[data-v-a7717c66]{padding:0 4vw!important}.mockups-list-content-list[data-v-a7717c66]{width:100%;display:flex;flex-wrap:wrap}.mockups-list-content-list .mockups-list-content-list-item[data-v-a7717c66]{width:calc(50% - 2vw)!important;display:inline-block;margin-right:4vw!important;margin-bottom:4vw!important;border-radius:12px;position:relative;vertical-align:top}.mockups-list-content-list .mockups-list-content-list-item[data-v-a7717c66]:nth-child(2n){margin-right:0!important}.pagination[data-v-a7717c66]{padding-bottom:40px!important}.mockups-list-content-list-item-search[data-v-a7717c66]{width:calc(50% - 2vw)!important;display:inline-block;margin-right:4vw!important;margin-bottom:4vw!important;border-radius:12px;position:relative;vertical-align:top}.mockups-list-content-list-item-search[data-v-a7717c66]:nth-child(2n){margin-right:0!important}}.user-list[data-v-5f7dae6d]{width:100vw;height:100%;background-color:#fff;padding:80px 0% 80px 10%;overflow:hidden}.user-list .user-list-title[data-v-5f7dae6d]{color:#191919;text-align:center;font-size:48px;font-weight:900;margin-left:-10%;margin-bottom:60px}.user-list .user-list-content[data-v-5f7dae6d]{width:calc(98.5vw + 150px);overflow-x:auto;display:flex;align-items:stretch;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-list .user-list-item[data-v-5f7dae6d]{width:19.7vw;background-color:#fff;padding:1.3vw;border-radius:10px;margin-right:30px;vertical-align:top;background-color:#f1f0f2}.user-list .user-list-item[data-v-5f7dae6d]:last-child{margin-right:0}.user-list .user-list-item-avatar img[data-v-5f7dae6d]{width:80px;height:80px;border-radius:50%;text-align:center;margin:0 auto 12px}.user-list .user-list-item-avatar .user-list-item-name[data-v-5f7dae6d]{color:#000;font-size:20px;font-weight:700;text-align:center;margin-bottom:8px}.user-list .user-list-item-avatar .user-list-item-company[data-v-5f7dae6d]{color:#000;font-size:14px;font-weight:500;text-align:center;margin-bottom:1.5vw}.user-list .user-list-item-quote[data-v-5f7dae6d]{margin-bottom:1vw}.user-list .user-list-item-value[data-v-5f7dae6d]{color:#666;font-size:16px;font-weight:500;margin-bottom:50px}.user-list .user-list-item-from[data-v-5f7dae6d]{color:#000;font-size:14px;font-weight:500;display:flex}.user-list .user-list-content-container[data-v-5f7dae6d]{width:100%;overflow:hidden}.user-list .user-list-content-container[data-v-5f7dae6d]::-webkit-scrollbar{width:2px;height:2px}@media screen and (max-width: 768px){.user-list[data-v-5f7dae6d]{display:none}}.menu-item-content[data-v-384ad323]{display:flex;align-items:center;justify-content:center}.menu-item-content img[data-v-384ad323]{margin-right:10px}.mockup-left-menu[data-v-384ad323]{width:280px;background:#f6f6f6;padding:20px 12px;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mockup-left-menu .menu-item[data-v-384ad323]{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 12px;background:#fff;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:background .2s}.mockup-left-menu .menu-item[data-v-384ad323]:hover{background:#f0f0f0}.mockup-left-menu .menu-item .item-name[data-v-384ad323]{font-weight:500}.mockup-left-menu .menu-item .arrow-icon[data-v-384ad323]{width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mockup-left-menu .menu-item .arrow-icon.rotated[data-v-384ad323]{transform:rotate(180deg)}.mockup-left-menu .children-container[data-v-384ad323]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.mockup-left-menu .children-container.expanded[data-v-384ad323]{grid-template-rows:1fr}.mockup-left-menu .children-container .children-wrapper[data-v-384ad323]{min-height:0}.mockup-left-menu .children-container .children-wrapper .child-item[data-v-384ad323]{height:36px;padding:0 12px;background:#fff;border-radius:6px;margin-bottom:10px;display:flex;align-items:center;font-size:14px;transition:transform .2s}.mockup-left-menu .children-container .children-wrapper .child-item[data-v-384ad323]:active{transform:scale(.98)}.active[data-v-384ad323]{background-color:var(--mockup-theme-color)!important;color:#fff}.active img[data-v-384ad323]{filter:brightness(0) invert(1)}@media screen and (max-width: 769px){.mockup-left-menu[data-v-384ad323]{width:100vw;position:fixed;z-index:10;max-height:60vh;overflow-y:auto;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.1));transition:bottom .3s linear}.menu-container[data-v-384ad323]{margin-left:0!important}}.mockup_warp[data-v-0a6bf848]{overflow-x:hidden}.menu-container[data-v-0a6bf848]{margin-left:40px}.left-menu-container-type[data-v-0a6bf848]{display:flex;position:relative}.left-menu-container[data-v-0a6bf848]{position:sticky;top:0;height:auto;max-height:100vh;z-index:100;background-color:#0000000a;margin-top:-80px;padding-top:80px}.mockup-container-content[data-v-0a6bf848]{padding-left:40px}.mockup-breadcrumb[data-v-0a6bf848]{padding-top:100px;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mockup-container[data-v-0a6bf848]{width:100%;margin-top:-80px;background-color:#0000000a}.mockup-container .mockup-title[data-v-0a6bf848]{padding-top:100px;text-align:center;color:#191919;font-size:50px;font-weight:900;margin-bottom:60px}.mockup-container .mockup-title-search[data-v-0a6bf848]{padding-top:40px;font-size:40px;margin-bottom:30px}.mockup-container .input-mockup-search-container[data-v-0a6bf848]{width:100%;display:flex;justify-content:center;margin-bottom:50px}.mockup-container .input-mockup-search[data-v-0a6bf848]{width:80%;max-width:720px;height:60px;border-radius:12px;font-size:20px}.mockup-container .upload-item[data-v-0a6bf848]{border-radius:12px;border:1px solid #EAEAEA;background:#fff;box-shadow:0 4px 12px #955ce61a;width:64px;height:60px;padding:12px;cursor:pointer;margin-left:12px;color:var(--mockup-theme-color)}.mockup-category-title[data-v-0a6bf848]{display:none;pointer-events:none}@media screen and (max-width: 768px){.mockup-title[data-v-0a6bf848]{font-size:30px!important;padding-top:70px!important;margin-bottom:30px!important}.input-mockup-search-container .input-mockup-search[data-v-0a6bf848]{height:40px!important;font-size:16px!important}.input-mockup-search-container .upload-item[data-v-0a6bf848]{width:40px!important;height:40px!important;margin-left:10px!important;font-size:11px!important;padding:5px!important;display:flex;align-items:center;justify-content:center}.input-mockup-search-container .upload-item div[data-v-0a6bf848]{display:none}.input-mockup-search-container[data-v-0a6bf848]{margin-bottom:30px!important}.left-menu-container-type[data-v-0a6bf848]{position:relative;display:block}.left-menu-container[data-v-0a6bf848]{height:auto;background-color:transparent}.mockup-title-search[data-v-0a6bf848]{padding-top:20px!important}.mockup-container-content[data-v-0a6bf848]{padding-left:0!important}.mockup-breadcrumb[data-v-0a6bf848]{padding-left:4vw!important;padding-top:80px!important}.mockup-category-title[data-v-0a6bf848]{width:calc(100% - 8vw);margin:-10px auto 15px;height:40px;font-size:16px;font-weight:600;color:#191919;border-radius:8px;display:block;background-color:#fff;box-shadow:0 4px 12px #00000014;padding:0 20px;display:flex;align-items:center;justify-content:space-between;pointer-events:auto}}