body,html{color:#171b1d;height:100%;letter-spacing:.08em;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.AppHeader-header{background-color:#fcca00;box-shadow:0 2px 0 rgba(255,176,4,.774);color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:10px 0;position:fixed;right:0;text-align:center;top:0;z-index:10}.AppHeader-systemName{color:#fff;font-size:25px;text-align:center}.AppHeader-subTitle{font-size:15px;font-weight:400}@media screen and (max-width:700px){.AppHeader-subTitle{font-size:10px}}.IconCreateForm{display:flex;justify-content:center}.TransparentBox{border:4px solid #ffb847cc;border-radius:20px;padding:20px;width:600px}.IconCreateForm-IconViewer{margin:10px auto}.upper-row-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.IconCreateForm-ToggleButton,.toggleButton-nameInput-container{display:flex;flex-direction:column;justify-content:center}.IconCreateForm-ToggleButton{align-items:center;margin-right:10px;white-space:nowrap}.IconCreateForm-ToggleLabel{color:#000;font-size:20px;font-weight:700;margin-top:15px;white-space:nowrap}.IconCreateForm-DownloadButton{margin-top:25px;text-align:center}@media screen and (max-width:700px){.TransparentBox{width:85vw}.toggleButton-nameInput-container,.upper-row-container{flex-direction:column;justify-content:center}.toggleButton-nameInput-container{display:flex}.IconCreateForm-ToggleButton{margin-bottom:20px;margin-right:0}.IconCreateForm-DownloadButton{margin-top:0;text-align:center}}.IconViewer,.IconViewer-form{display:flex;justify-content:center}.IconViewer-form{align-items:center;border-radius:50%;font-size:70px;font-weight:700;height:190px;text-align:center;width:190px}#icon-viewer-canvas{display:none}.IconViewer-displayed-characters{font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:70px;font-weight:700;position:relative}.IconViewer-displayed-text{align-items:center;color:var(--selected-color);display:flex;font-family:Yu Gothic,Meiryo,sans-serif;justify-content:center;text-shadow:2px 2px 0 var(--selected-background-color),-2px -2px 0 var(--selected-background-color),-2px 2px 0 var(--selected-background-color),2px -2px 0 var(--selected-background-color),0 2px 0 var(--selected-background-color),0 -2px 0 var(--selected-background-color),-2px 0 0 var(--selected-background-color),2px 0 0 var(--selected-background-color);white-space:nowrap;z-index:1}.IconViewer-displayed-text img{margin:0 2px}.IconViewer-displayed-emoji{align-items:center;display:flex;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;justify-content:center;padding:0 1px;position:absolute}.IconViewer-displayed-emoji img{width:120px}.img-width-1 img{width:95px}.img-width-2 img{width:75px}.img-width-3 img{width:55px}.img-width-4 img{width:42px}.EmojiPalette-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(10,1fr);justify-content:center;padding:0 50px}.EmojiPalette-container img{width:70%}@media screen and (max-width:700px){.EmojiPalette-container{display:grid;grid-template-columns:repeat(5,1fr)}}.EmojiChip-emojicode{background-color:initial;border:4px solid #fff;border-radius:10px;box-shadow:0 2px 2px #0000001a,inset 0 -4px 5px -2px #0000001a;cursor:pointer;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;height:50px;margin:0 auto;transition:transform .1s ease,border-color .1s ease;width:50px}.Selected{border-color:#fcca00}.EmojiChip-emojicode:hover{transform:scale(1.1)}.emojiClear:before{color:#000;content:"アイコンなし";font-size:10px;font-weight:700}.NameInput{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:5px auto 10px}.NameInput-label{font-size:20px;font-weight:700;line-height:1.5;margin-bottom:10px;text-align:center;white-space:nowrap;width:200px}.NameInput-input{border:1px solid #ccc;border-radius:10px;font-size:20px;letter-spacing:.08em;padding:10px;text-align:center;width:250px}.NameInput-input:focus{border:1px solid #0000;outline:3px solid #fcca00}@media screen and (max-width:700px){.NameInput{flex-direction:column;justify-content:center}.NameInput-label{margin-bottom:10px}}.ColorPalette{align-items:center;display:flex;justify-content:space-around;margin-bottom:10px}.ColorPalette-palette-title{font-size:25px;font-weight:700}@media screen and (max-width:700px){.ColorPalette{flex-direction:column;gap:5px;justify-content:center}.ColorPalette-color-chip-container{display:grid;grid-template-columns:repeat(3,1fr)}}.ColorChip{align-items:center;border:4px solid #fff;border-radius:20px;box-shadow:0 2px 2px #0000001a,inset 0 -4px 5px -2px #0000001a;cursor:pointer;font-size:20px;font-weight:700;height:70px;justify-content:center;margin:5px;text-align:center;transition:transform .1s ease,border-color .1s ease;width:70px}.ColorChip:hover{transform:scale(1.1)}.ColorChip.Selected{border-color:#fcca00}.PaletteTypeToggleButton{border-collapse:collapse;display:flex;gap:0;justify-content:center}.PaletteTypeToggleButton-button{background-color:#fff;border:2px solid #fa7c1b;color:#fa7c1b;cursor:pointer;font-size:20px;font-weight:700;letter-spacing:.08em;margin-top:10px;padding:5px 25px;text-align:center;width:140px}.color-pattern-button{border-bottom-left-radius:100px;border-top-left-radius:100px}.emoji-button{border-bottom-right-radius:100px;border-top-right-radius:100px}.PaletteTypeToggleButton-button.active.color-pattern,.PaletteTypeToggleButton-button.active.emoji{background-color:#fa7c1b;box-shadow:0 2px 2px #0000001a,inset 0 -4px 5px -2px #0000001a;color:#fff}.PaletteTypeToggleButton-button:hover{border-color:#fa7c1b}.IconDownloadButton-Button{background-color:#fa7c1b;border:none;border-radius:100px;box-shadow:0 2px 2px #0000001a,inset 0 -4px 5px -2px #0000001a;color:#fff;cursor:pointer;font-size:20px;font-weight:700;letter-spacing:.08em;padding:10px 20px;position:relative;text-align:center;white-space:nowrap;width:200px}.IconDownloadButton-Button.loading{background-color:#777;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;border:3px solid skyblue;border-radius:50%;border-top-color:#0000;height:20px;position:absolute;right:-12px;top:-12px;width:20px;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:700px){.IconDownloadButton-Button{border-radius:50%;font-size:15px;height:100px;position:fixed;right:5%;top:80%;width:100px;z-index:10}.spinner{animation:spin 1s linear infinite;border:3px solid skyblue;border-radius:50%;border-top-color:#0000;height:20px;right:39px;top:39px;width:20px;z-index:1}}.PatternPalette{align-items:center;display:flex;justify-content:space-around}.PatternPalette-title{font-size:25px;font-weight:700}@media screen and (max-width:700px){.PatternPalette{flex-direction:column;gap:5px;justify-content:center}.PatternPalette-pattern-chip-container{display:grid;grid-template-columns:repeat(3,1fr)}}.PatternChip{align-items:center;border:4px solid #fff;border-radius:20px;box-shadow:0 2px 2px #0000001a,inset 0 -4px 5px -2px #0000001a;cursor:pointer;height:70px;justify-content:center;margin:5px;transition:transform .1s ease,border-color .1s ease;width:70px}.PatternChip:hover{transform:scale(1.1)}.PatternChip.selected{border-color:#fcca00}.PatternChipIsometric1,.PatternChipIsometric2{background-color:var(--selected-background-color)}.PatternChipIsometric2{background-image:radial-gradient(circle,#fff 13%,#0000 0),radial-gradient(circle,#fff 13%,#0000 0);background-position:0 0,25px 25px;background-size:50px 50px}.PatternChipIsometric3{background-image:linear-gradient(90deg,var(--selected-background-color) 10%,#0000 50%);background-size:20px 20px}.PatternChipIsometric3,.PatternChipIsometric4{--selected-background-color-light:color-mix(in srgb,var(--selected-background-color) 40%,#fff 60%);background-color:var(--selected-background-color-light)}.PatternChipIsometric4{background-blend-mode:multiply;background-image:radial-gradient(circle at center center,var(--selected-background-color-light),var(--selected-background-color-light)),repeating-radial-gradient(circle at center center,var(--selected-background-color),var(--selected-background-color),10px,#0000 25px,#0000 20px)}.PatternChipIsometric5{--selected-background-color-light:color-mix(in srgb,var(--selected-background-color) 40%,#fff 60%);background-image:repeating-linear-gradient(45deg,var(--selected-background-color-light) 25%,#0000 25%,#0000 75%,var(--selected-background-color) 75%,var(--selected-background-color)),repeating-linear-gradient(45deg,var(--selected-background-color-light) 25%,var(--selected-background-color-light) 25%,var(--selected-background-color-light) 75%,var(--selected-background-color) 75%,var(--selected-background-color));background-position:0 0,20px 20px;background-size:40px 40px}.PatternChipIsometric6{background-blend-mode:screen;background-color:var(--selected-background-color);background-image:linear-gradient(30deg,#fff 12%,#0000 12.5%,#0000 87%,#fff 87.5%,#fff),linear-gradient(150deg,#fff 12%,#0000 12.5%,#0000 87%,#fff 87.5%,#fff),linear-gradient(30deg,#fff 12%,#0000 12.5%,#0000 87%,#fff 87.5%,#fff),linear-gradient(150deg,#fff 12%,#0000 12.5%,#0000 87%,#fff 87.5%,#fff),linear-gradient(60deg,var(--selected-background-color) 25%,#0000 25.5%,#0000 75%,var(--selected-background-color) 75%,var(--selected-background-color)),linear-gradient(60deg,var(--selected-background-color) 25%,#0000 25.5%,#0000 75%,var(--selected-background-color) 75%,var(--selected-background-color));background-position:0 0,0 0,20px 35px,20px 35px,0 0,20px 35px;background-size:40px 70px}.AppFooter-footer{display:flex;flex-direction:column;margin:20px auto;text-align:center}.AppFooter-logo{height:80px;margin:20px auto;width:100px}.AppFooter-copyRight{margin:0 auto}.AppFooter-twemoji-cc{font-size:10px}.AppFooter-twemoji-cc a{color:orange}@media screen and (max-width:700px){.AppFooter-twemoji-cc{font-size:8px}}.AppFooter-share-btn-group{align-items:center;display:flex;justify-content:space-around;margin-bottom:10px;width:640px}.AppFooter-btn{align-items:center;border-radius:3px;display:flex;height:40px;justify-content:center;text-decoration:none;width:190px}.AppFooter-btn:hover{opacity:.7}.AppFooter-twitter-btn{background-color:#333}.AppFooter-Line-btn,.AppFooter-twitter-btn{box-shadow:0 2px 2px #0000001a,inset 0 -4px 5px -2px #0000001a;color:#fff}.AppFooter-Line-btn{background-color:#00b900;position:relative}.AppFooter-copy-btn{background-color:#3b5998;box-shadow:0 2px 2px #0000001a,inset 0 -4px 5px -2px #0000001a;color:#fff;cursor:pointer}.AppFooter-twitter-icon{margin-right:5px}.AppFooter-line-icon{color:#00b900;font-size:30px;left:34px;margin-right:5px;position:absolute;top:5px;z-index:1}.AppFooter-line-icon-background{background-color:#fff;border-radius:50%;display:inline-block;left:38px;padding:12px;position:absolute;top:7px;z-index:0}.AppFooter-line-icon-text{margin-left:25px}.AppFooter-copy-icon{margin-right:5px}.AppFooter-share-section{border-radius:10px;margin:0 auto;text-align:center;width:640px}.AppFooter-share-header h2{color:#333;font-size:20px;font-weight:700;margin-bottom:10px;padding-top:10px}.AppFooter-share-header p{color:#555;font-size:16px;margin-bottom:20px}.AppFooter-footer-tagline{color:#333;display:flex;flex-direction:column;font-size:15px;font-weight:400;justify-content:center;margin:20px auto;text-align:center}.AppFooter-bold{font-weight:700}.AppFooter-banner-common{margin:0 auto}.AppFooter-pc-banner{width:640px}.AppFooter-smartphone-banner{width:100%}.AppFooter-pc-banner img,.AppFooter-smartphone-banner img{height:auto;width:100%}@media screen and (max-width:700px){.AppFooter-share-section{width:90vw}.AppFooter-share-btn-group{flex-direction:column;justify-content:center;row-gap:5px;width:90vw}.AppFooter-footer-tagline{font-size:13px}}a,button,div,footer,h1,h2,h3,h4,h5,h6,header,label,p{margin:0;padding:0}img{box-sizing:border-box}body{background-color:#fffedf}.AppRoot{align-items:center;display:flex;flex-direction:column;overflow-x:hidden;padding-top:110px}
/*# sourceMappingURL=main.dd365fcf.css.map*/