*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--neutral-color-700:#3F3D40;--neutral-color-600:#5B585D;--neutral-color-500:#78747A;--neutral-color-400:#8A858C;--neutral-color-300:#B2ABB4;--neutral-color-200:#CEC7D1;--neutral-color-100:#EBE3EF;--accent-color-700:#2D2547;--accent-color-600:#403564;--accent-color-500:#524481;--accent-color-400:#65549E;--accent-color-300:#7863BB;--accent-color-200:#8A73D8;--accent-color-100:#967CEB}body{font-family:Inter,Noto Sans JP,sans-serif;background-color:#fff;color:var(--neutral-color-700)}body a{text-decoration:underline;color:var(--accent-color-100)}.night body{background-color:var(--neutral-color-700);color:var(--neutral-color-100)}.padding-sm{padding:8px}.padding-md{padding:16px}.padding-lg{padding:24px}.padding-md-lg{padding:16px 24px}.padding-sm-lg{padding:8px 24px}.padding-sm-md{padding:8px 16px}.padding-md-sm{padding:16px 8px}.padding-md-xxl{padding:16px 40px}.padding-lg-sm{padding:24px 8px}.padding-lg-md{padding:24px 16px}.padding-xs-md{padding:4px 16px}.padding-xs-lg{padding:4px 24px}.padding-xxs-sm{padding:2px 8px}.padding-xs-sm{padding:4px 8px}.stack-xs>:not(:last-child){margin-bottom:4px}.stack-sm>:not(:last-child){margin-bottom:8px}.stack-md>:not(:last-child){margin-bottom:16px}.stack-lg>:not(:last-child){margin-bottom:24px}.inline-xs>:not(:last-child){margin-right:4px}.inline-sm>:not(:last-child){margin-right:8px}.inline-md>:not(:last-child){margin-right:16px}.inline-lg>:not(:last-child){margin-right:24px}.bg-color-primary{background-color:#fff}.night .bg-color-primary{background-color:var(--neutral-color-700)}.bg-color-secondary{background-color:var(--neutral-color-100)}.night .bg-color-secondary{background-color:var(--neutral-color-400)}.text-color-primary{color:var(--neutral-color-700)}.night .text-color-primary{color:var(--neutral-color-100)}.text-color-secondary{color:var(--neutral-color-500)}.night .text-color-secondary{color:var(--neutral-color-200)}.icon-color-primary{fill:var(--neutral-color-700)}.night .icon-color-primary{fill:var(--neutral-color-100)}.icon-color-secondary{fill:var(--neutral-color-500)}.night .icon-color-secondary{fill:var(--neutral-color-200)}.text-color-accent{color:var(--accent-color-100)}.button-primary{background-color:var(--accent-color-400);color:#fff;border-radius:9999px}.button-primary:hover{background-color:var(--accent-color-300)}.button-primary:active{background-color:var(--neutral-color-400)}.night .button-primary{background-color:var(--accent-color-300);color:#fff}.night .button-primary:hover{background-color:var(--accent-color-200)}.button-secondary,.night .button-primary:active{background-color:var(--neutral-color-400)}.button-secondary{color:#fff;border-radius:8px}.button-secondary:hover{background-color:var(--neutral-color-300)}.button-secondary:active{background-color:var(--neutral-color-500)}.night .button-secondary{background-color:var(--neutral-color-300);color:#fff}.night .button-secondary:hover{background-color:var(--neutral-color-200)}.night .button-secondary :active{background-color:var(--neutral-color-500)}.separate-line{border-top:1px solid var(--neutral-color-200);width:100%;height:1px}.night .separate-line{border-top:1px solid var(--neutral-color-400)}.content-radius{border-radius:16px}.media-radius{border-radius:8px}.custom-icon{position:relative;width:48px;height:48px;border-radius:9999px;border:2px solid #fff}.night .custom-icon{border:2px solid var(--neutral-color-700)}.custom-icon img{width:100%;height:100%;border-radius:9999px}.custom-icon__wrapper{position:relative;width:48px;height:48px}.custom-icon__sub-icon{position:absolute;bottom:0;right:0}.input-box,.input-box__container{width:100%;height:auto}.input-box__container{position:relative;padding:8px 16px;border-radius:8px;border:1px solid var(--neutral-color-300);margin-bottom:8px}.input-box__container:focus-within{border:1px solid var(--accent-color-100);outline:1px solid var(--accent-color-100)}.input-box__label{font:500 .777rem/1.6 Inter,Noto Sans JP,sans-serif;color:var(--accent-color-100);margin-bottom:4px}.input-box__text-box{width:100%;outline:none;font:400 1rem/1.6 Inter,Noto Sans JP,sans-serif;color:var(--neutral-color-700)}.input-box__text-box:focus-visible{outline:none;box-shadow:none}.input-box__text-box::placeholder{font:400 1rem/1.6 Inter,Noto Sans JP,sans-serif;color:var(--neutral-color-500)}.night .input-box__text-box{color:var(--neutral-color-100)}.night .input-box__text-box::placeholder{color:var(--neutral-color-200)}.input-box__text-area{width:100%;outline:none;font:400 1rem/1.6 Inter,Noto Sans JP,sans-serif;color:var(--neutral-color-700);white-space:pre-wrap;resize:none}.input-box__text-area:focus-visible{outline:none;box-shadow:none}.input-box__text-area::placeholder{font:400 1rem/1.6 Inter,Noto Sans JP,sans-serif;color:var(--neutral-color-500)}.night .input-box__text-area{color:var(--neutral-color-100)}.night .input-box__text-area::placeholder{color:var(--neutral-color-200)}.input-box__error{width:100%;font:500 .777rem/1.6 Inter,Noto Sans JP,sans-serif;color:red}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font:500 1rem/1.6 Inter,Noto Sans JP,sans-serif;padding:8px 16px;border-radius:8px;color:var(--neutral-color-500);background-color:var(--neutral-color-100);box-shadow:0 0 20px rgba(0,0,0,.2)}.night .toast{color:var(--neutral-color-100);background-color:var(--neutral-color-500)}.toast{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(0)}to{opacity:1;transform:translateX(-50%) translateY(-50%)}}