@import"https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css";*{-webkit-font-smoothing:antialiased;box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden;background:linear-gradient(to bottom,#f0f0f0,#e8e8e8,#fff);font-family:Arial,sans-serif;background:transparent!important}canvas{display:block;width:100%;height:100vh}#info{position:absolute;top:10px;left:10px;color:#666;font-size:12px;z-index:100}button:focus-visible{outline:2px solid #4a90e2!important;outline:-webkit-focus-ring-color auto 5px!important}.bg-canvas{position:fixed;top:0;left:0;z-index:-1;pointer-events:none;width:100vw;height:100vh}a{text-decoration:none}:root{--headerHight: 66px}button{padding:0;border:none;background-color:transparent;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.blur{filter:blur(4px);transition:filter .5s ease}.light-default{background-color:#f8f8f7;background:transparent!important}.light-default .overlap{position:relative;width:100%;min-height:100vh;background-image:url(/img/top-bg-1.png);background-position:bottom;background-size:cover;will-change:transform}.overlap>.icons>ul{display:grid;align-items:start;padding:calc(var(--headerHight) + 38px) 64px 64px;z-index:1;grid-template-columns:repeat(5,120px);grid-template-rows:repeat(4,1fr);grid-column-gap:40px;grid-row-gap:20px;justify-items:center;grid-auto-flow:column}.overlap>.icons>ul>li{opacity:0;transition:opacity 1.4s}.overlap>.icons>ul>li.show{opacity:1}.light-default .menu-icon{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;gap:14px}.light-default .menu-icon:disabled{cursor:auto}.light-default .icon-img-group{position:relative;width:88px;height:88px}.light-default .icon-img-group:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;background-image:url(/img/placeholder.png);background-size:contain;content:"";transition:opacity .3s}.light-default .ready .icon-img-group:before{opacity:0}.light-default .icon-img{width:88px;height:88px;min-height:88px;border:1px solid #8d8d8d;border-radius:16px;background-size:100% 100%;transition:filter .3s;mix-blend-mode:luminosity}.light-default .menu-icon.active .icon-img.effect{opacity:0;position:absolute;top:0;left:0;transform:translateZ(0);transition:opacity .3s;mix-blend-mode:normal}.light-default .menu-icon.active:hover .icon-img.effect{opacity:1}.light-default .menu-icon.active:active{filter:blur(2px)}.light-default .icon-group .icon-img{width:88px;height:88px;position:relative;z-index:0}.light-default .about{color:#282828;font-weight:500;font-size:14px;line-height:14px;letter-spacing:0;text-align:center}#connectButton:disabled{border-color:#8d8d8d;background-color:inherit;cursor:default}.light-default .rectangle{width:64px;height:64px;border:1px solid;border-color:#8c8c8c;border-radius:16px}.light-default .menu-label{display:-webkit-box;max-height:28px;overflow:hidden;color:#8c8c8c;font-size:14px;line-height:14px;font-family:Roboto,Noto Sans JP,sans-serif;letter-spacing:0;text-align:center;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.light-default .menu-icon.active .menu-label{color:#292929;font-weight:500}.light-default .about-2{color:#282828;font-weight:500;font-size:14px;line-height:14px;letter-spacing:0;text-align:center;white-space:nowrap}.light-default .linked-canvas-color{background-image:url(/img/linked-canvas-color.png)}.light-default .vote-color{background-image:url(/img/vote.png)}.light-default .friends-color{background-image:url(/img/friends.png)}.light-default .summer-school-icon{background-image:url(/img/mask-group.png)}.light-default .about-3{color:#8c8c8c;font-weight:400;font-size:14px;line-height:14px;letter-spacing:0;text-align:center;white-space:nowrap}.light-default .text-wrapper-2{color:#282828;font-weight:500;font-size:14px;line-height:14px;letter-spacing:0;text-align:left;white-space:nowrap;width:300px;border:none;outline:none;background-color:transparent}.light-default .overlap-group{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;height:var(--headerHight);padding-left:32px;overflow:hidden;border-bottom-width:1px;border-bottom-style:solid;border-color:#8c8c8c}.light-default .tableunstable-logo{width:117px;height:34px}.light-default .connect-wallet .button{display:flex;justify-content:center;align-items:center;padding:24px;border-left:1px solid #282828;background-color:#282828;cursor:pointer;transition:background-color .3s,color .3s}.light-default .connect-wallet .button:hover{border-color:#8d8d8d;background-color:inherit}.light-default .connect-wallet .button:hover .wallet{filter:invert(100%)}.light-default .connect-wallet .button:hover .text-wrapper-3{color:#292929}.light-default .button{display:inline-flex;justify-content:center;align-items:center;position:relative;top:15px;left:10px;padding:8px 16px;border-radius:8px;box-sizing:border-box;all:unset;gap:10px}.light-default .wallet{position:relative;width:18px;height:18px}.light-default .group{position:relative;width:97px;height:16px;margin-right:-2px}.light-default .text-wrapper-3{position:absolute;top:0;left:0;color:#fff;font-weight:400;font-size:14px;line-height:normal;letter-spacing:0;text-align:center;white-space:nowrap}.light-default .about-window{position:absolute;top:104px;left:436px;width:980px;height:740px}.light-default .overlap-group-2{position:relative;height:740px;border-radius:8px}.light-default .window-under{position:absolute;top:0;left:0;width:980px;height:740px;border:1px solid;border-color:#282828;border-radius:8px;box-shadow:14px 14px #8c8c8c80;background-color:#f8f8f799;backdrop-filter:blur(3.9px) brightness(100%);-webkit-backdrop-filter:blur(3.9px) brightness(100%)}.light-default .content{position:absolute;top:39px;left:0;width:978px;height:699px;border-radius:0 0 7px 7px;background-color:#fff}.light-default .x{position:absolute;top:9px;left:13px;width:20px;height:20px}.light-default .text-wrapper-4{position:absolute;top:10px;left:470px;color:#000;font-weight:700;font-size:14px;line-height:normal;letter-spacing:.84px;white-space:nowrap}.light-default .mask-group{position:absolute;top:40px;left:2px;width:977px;height:697px}.winbox{border:1px solid #292929;border-radius:8px;background-color:#f8f8f7a1;-webkit-backdrop-filter:blur(3.9px);backdrop-filter:blur(3.9px)}.wb-header{display:flex;color:#292929}.wb-title{font-weight:500;font-family:Roboto,Noto Sans JP,sans-serif}.wb-drag{flex:1;text-align:center}.wb-close{background-image:url(/img/x.svg);background-position:auto}.wb-body{border-radius:0 0 8px 8px}.box{width:980px;height:740px}.box .about{position:fixed;width:980px;height:740px;top:0;left:0;mix-blend-mode:luminosity}.box .overlap-group{position:relative;height:740px;border-radius:8px}.box .window-under{position:absolute;width:980px;height:740px;top:0;left:0;background-color:#f8f8f799;border-radius:8px;border:1px solid;border-color:#282828;box-shadow:14px 14px #8c8c8c80;backdrop-filter:blur(3.9px) brightness(100%);-webkit-backdrop-filter:blur(3.9px) brightness(100%)}.box .content{position:absolute;width:978px;height:699px;top:39px;left:0;background-color:#fff;border-radius:0 0 7px 7px}.box .x{position:absolute;width:20px;height:20px;top:9px;left:13px}.box .vector{position:absolute;width:12px;height:12px;top:4px;left:4px}.box .text-wrapper{position:absolute;top:10px;left:470px;font-family:Roboto,Helvetica;font-weight:700;color:#000;font-size:14px;letter-spacing:.84px;line-height:normal;white-space:nowrap}.box .mask-group{position:absolute;width:977px;height:697px;top:40px;left:2px}.setting-icon-edited .user-circle{width:60px;height:60px;border-radius:30px}.setting-icon-edited .user-circle img{width:60px;height:60px;object-fit:cover;border-radius:30px}.setting-icon-edited{position:relative;width:393px;height:593px;background-color:#f8f8f799;border-radius:8px;border:1px;border-color:#282828;box-shadow:14px 14px #8c8c8c80;backdrop-filter:blur(3.9px) brightness(100%);-webkit-backdrop-filter:blur(3.9px) brightness(100%)}.setting-icon-edited .overlap-group{position:absolute;width:391px;height:556px;top:1px;left:1px;background-color:#fff;border-radius:0 0 7px 7px}.setting-icon-edited .overlap{position:relative;width:60px;height:60px;top:93px;left:24px}.setting-icon-edited .edit-button{position:absolute;width:24px;height:24px;bottom:-4px;right:-4px;background-color:#231815;border-radius:12px}.setting-icon-edited .pencil-simple-light{position:relative;width:16px;height:16px;top:4px;left:4px}.setting-icon-edited .vector{position:absolute;width:12px;height:12px;top:2px;left:2px}.setting-icon-edited .text-wrapper{position:absolute;top:39px;left:24px;font-family:Roboto,Helvetica;font-weight:300;color:#000;font-size:24px;text-align:center;letter-spacing:0;line-height:28.8px;white-space:nowrap}.setting-icon-edited .div{position:absolute;top:326px;left:24px;font-family:Roboto,Helvetica;font-weight:300;color:#000;font-size:24px;text-align:center;letter-spacing:0;line-height:28.8px;white-space:nowrap}.setting-icon-edited .frame{display:flex;width:342px;align-items:center;gap:10px;padding:10px;position:absolute;top:211px;left:24px;border-radius:6px;border:1px solid;border-color:#8c8c8c}.setting-icon-edited .wallet-address-frame{top:265px;border:none}.setting-icon-edited .text-wrapper-2{color:#282828;font-weight:500;font-size:14px;line-height:14px;letter-spacing:0;text-align:left;white-space:nowrap;width:300px;border:none;outline:none;background-color:transparent}.setting-icon-edited .text-wrapper-3{position:absolute;top:188px;left:24px;font-family:Noto Sans JP,Helvetica;font-weight:400;color:#282828;font-size:12px;letter-spacing:0;line-height:normal;white-space:nowrap}.setting-icon-edited .text-wrapper-4{position:absolute;top:427px;left:31px;font-family:Roboto,Helvetica;font-weight:400;color:#282828;font-size:12px;text-align:center;letter-spacing:0;line-height:normal;white-space:nowrap}.setting-icon-edited .text-wrapper-5{position:absolute;top:427px;left:88px;font-family:Roboto,Helvetica;font-weight:400;color:#282828;font-size:12px;text-align:center;letter-spacing:0;line-height:normal;white-space:nowrap}.setting-icon-edited .text-wrapper-6{position:absolute;top:427px;left:135px;font-family:Roboto,Helvetica;font-weight:400;color:#282828;font-size:12px;text-align:center;letter-spacing:0;line-height:normal;white-space:nowrap}.setting-icon-edited .check-light-wrapper{position:absolute;width:44px;height:44px;top:378px;left:22px;background-color:#f9f9f7;border-radius:22px;border:2px solid;border-color:#282828}.setting-icon-edited .check-light{position:relative;width:24px;height:24px;top:8px;left:8px}.setting-icon-edited .img{position:absolute;width:18px;height:13px;top:6px;left:3px}.setting-icon-edited .ellipse{position:absolute;width:40px;height:40px;top:380px;left:80px;background-color:#615a5a;border-radius:20px;border:1px solid;border-color:#8c8c8c}.setting-icon-edited .wrench-light-wrapper{position:absolute;width:40px;height:40px;top:380px;left:136px;background-color:#d9d9d9;border-radius:20px;border:1px solid;border-color:#8c8c8c}.setting-icon-edited .wrench-light{position:relative;width:24px;height:24px;top:7px;left:7px}.setting-icon-edited .vector-2{position:absolute;width:19px;height:19px;top:2px;left:2px}.setting-icon-edited .line{position:absolute;width:342px;height:1px;top:286px;left:24px;object-fit:cover}.setting-icon-edited .button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:8px 24px;position:absolute;top:482px;left:280px;background-color:#282828;border-radius:3px}.setting-icon-edited .text-wrapper-7{position:relative;width:fit-content;margin-top:-1px;font-family:Roboto,Helvetica;font-weight:400;color:#fff;font-size:16px;letter-spacing:0;line-height:normal;white-space:nowrap}.setting-icon-edited .x{position:absolute;width:20px;height:20px;top:9px;left:13px}.setting-icon-edited .vector-3{position:absolute;width:12px;height:12px;top:4px;left:4px}.setting-icon-edited .text-wrapper-8{position:absolute;width:56px;top:10px;left:167px;font-family:Roboto,Helvetica;font-weight:700;color:#000;font-size:14px;text-align:center;letter-spacing:.84px;line-height:normal}@media(max-width:767px){.light-default .overlap-group{height:60px;padding-right:16px;position:sticky;background-color:#fff;will-change:transform}.overlap>.icons>ul{justify-content:center;grid-template-columns:repeat(2,120px)}.light-default .tableunstable-logo{width:80px;height:auto}.light-default .connect-wallet .button{padding:8px 16px;border-radius:8px}}
