footer{text-align:center;color:#bdbdbd;margin-top:34px;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:500}.creater{font-family:Montserrat,sans-serif;font-weight:700}*{box-sizing:border-box;margin:0;padding:0}#buttons{margin:3vw 22.22vw 24px}#buttons header{color:#4f4f4f;margin-bottom:1.944vw;font-family:Poppins,sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:36px}.buttons{flex-wrap:wrap;row-gap:45px;display:flex}.buttons>div{width:100%}.buttons h5{color:#333;margin-bottom:12px;font-family:Ubuntu Mono,monospace;font-size:12px;font-style:normal;font-weight:400;line-height:12px}.buttons button{text-align:center;padding:8px 16px;font-family:Noto Sans JP,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px}#basicButtons{flex-wrap:wrap;row-gap:45px;display:flex}#basicButtons>div{width:100%}.defaultButton{color:#3f3f3f;background:#e0e0e0;border:none;border-radius:6px;box-shadow:0 2px 3px #3333}#basicButtons .defaultButton:hover,#basicButtons .defadefaultButton:focus{background:#aeaeae}.outlineButton{color:#3d5afe;background:#fff;border:1px solid #3d5afe;border-radius:6px}#basicButtons .outlineButton:hover,#basicButtons .outlineButton:focus{background:#2962ff1a}.textButton{color:#3d5afe;background:#fff;border:none}#basicButtons .textButton:hover,#basicButtons .textButton:focus{background:#2962ff1a;border-radius:6px}#disabledButton{column-gap:125px;display:flex}.disableShadowButton{color:#fff;background:#3d5afe;border:none;border-radius:6px}.disabledButton{color:#9e9e9e}#iconButtons{justify-content:start;column-gap:80px;display:flex}#buttons .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 200,"opsz" 20}#iconButtons button{color:#fff;background:#2962ff;border:none;border-radius:6px;justify-content:center;align-items:center;column-gap:10px;display:flex;box-shadow:0 2px 3px #0031ca33}#iconButtons span{font-size:14px}#sizeButtons{column-gap:84px;display:flex}#sizeButtons button{color:#fff;background:#2962ff;border:none;border-radius:6px;box-shadow:0 2px 3px #0031ca33}.smButton{padding:6px 12px}.mdButton{padding:8px 16px}.lgButton{padding:11px 12px}#colorButtons{column-gap:45px;display:flex}#colorButtons .defaultButton:hover,#colorButtons .defaultButton:focus{background:#aeaeae}.primaryButton{color:#fff;background:#2962ff;border:none;border-radius:6px;box-shadow:0 2px 3px #2962ff33}.primaryButton:hover,.primaryButton:focus{background:#0039cb}.secondaryButton{color:#fff;background:#455a64;border:none;border-radius:6px;box-shadow:0 2px 3px #455a6433}.secondaryButton:hover,.secondaryButton:focus{background:#1c313a}.dangerButton{color:#fff;background:#d32f2f;border:none;border-radius:6px;box-shadow:0 2px 3px #d32f2f33}.dangerButton:hover,.dangerButton:focus{background:#9a0007}#buttons #icon-source{color:#828282;margin-top:3.611vw;font-family:Ubuntu Mono,monospace;font-size:12px;font-style:normal;font-weight:400;line-height:12px}#buttons #icon-source a{color:inherit;text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}#inputs{margin:3vw 22.22vw 24px}#inputs header{color:#4f4f4f;margin-bottom:1.944vw;font-family:Poppins,sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:36px}.inputs,#basicInputs{flex-wrap:wrap;row-gap:30px;display:flex}.inputs>div,#basicInputs>div{width:100%}.inputs h5{color:#333;margin-bottom:16px;font-family:Ubuntu Mono;font-size:12px;font-style:normal;font-weight:400;line-height:12px}.inputs label{color:#333;font-family:Noto Sans JP,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:17px}.inputs input{width:200px;height:56px;color:#828282;border:1px solid #828282;border-radius:8px;margin-top:4px;padding-left:12px;font-family:Noto Sans JP,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.inputs input:focus{outline:none}.dafultInput:hover{border-color:#333}.dafultInput:focus{border-color:#2962ff}label:focus-within{color:#2962ff}.errorInputs label{color:#d32f2f}.errorInputs input{border-color:#d32f2f}.errorInput:hover{border-color:#333}.errorInput:focus{border-color:#d32f2f}.disabledInput{background:#f2f2f2;border:1px solid #e0e0e0;border-radius:8px}#helpTextInput,#iconInput,#sizeInput{gap:30px;display:flex}#helpTextInput>div,#iconInput>div,#sizeInput>div{width:300px}#helpTextInput input{margin-bottom:4px}#helpTextInput span{font-family:Noto Sans JP,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:14px}.dafultInput~span{color:#828282}.errorInputs span{color:#d32f2f}#iconInput span{color:#828282;margin-top:4px;font-size:18px;position:absolute}.inputs .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 48}.startIconInput span{padding:19px 13px}.startIconInput input{padding-left:46px}.endIconInput span{margin-left:-29px;padding-top:17px;padding-bottom:18px;font-size:21px}#textInput input{color:#333}.smInput{height:40px}#fullWidthInput input{color:#333;width:100%}#miltiLine textarea{width:200px;color:#828282;border:1px solid #828282;border-radius:8px;padding:18px 12px;font-family:Noto Sans JP;font-size:14px;font-style:normal;font-weight:500;line-height:20px}
/*# sourceMappingURL=index.391c08cd.css.map */