code[class*="language-"],pre[class*="language-"]{color:white;background:0;text-shadow:0 -.1em .2em black;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}@media print{code[class*="language-"],pre[class*="language-"]{text-shadow:none}}pre[class*="language-"],:not(pre)>code[class*="language-"]{background:hsl(30,20%,25%)}pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto;border:.3em solid hsl(30,20%,40%);border-radius:.5em;box-shadow:1px 1px .5em black inset}:not(pre)>code[class*="language-"]{padding:.15em .2em .05em;border-radius:.3em;border:.13em solid hsl(30,20%,40%);box-shadow:1px 1px .3em -.1em black inset;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:hsl(30,20%,50%)}.token.punctuation{opacity:.7}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:hsl(350,40%,70%)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:hsl(75,70%,60%)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:hsl(40,90%,60%)}.token.atrule,.token.attr-value,.token.keyword{color:hsl(350,40%,70%)}.token.regex,.token.important{color:#e90}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.token.deleted{color:red}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box}::selection{background-color:#ff5f6d;color:white}html,body{margin:0;padding:0;font-size:16px;font-family:"Lucida Grande","Helvetica Neue",Helvetica,Arial,Verdana,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei","WenQuanYi Micro Hei Mono","WenQuanYi Zen Hei","WenQuanYi Zen Hei Mono","Noto Sans CJK SC","Source Han Sans CN",SimSun,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.logo-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:6px;margin-bottom:1.5rem}.logo-grid span{padding:5px;border:2px solid #ff5f6d;color:#ff5f6d;align-content:center;font-weight:400;text-transform:uppercase;text-align:center;font-size:1rem;transition-duration:.2s;cursor:pointer}.logo-grid span:hover{transform:translateY(-5px);color:white;border-color:white}.main{padding:1rem;overflow-x:auto}.app-container{width:100vw;height:100vh;display:grid;background-color:#201e33;grid-template-columns:1fr 350px}p{line-height:1.5}p a{display:inline-block;padding:0 .3rem;border-radius:3px;color:white;text-decoration:none;background-color:#ff5f6d}.container{max-width:960px;padding:2rem;margin:auto}.site-header{display:grid;grid-template-columns:270px auto;height:70px;padding:1rem;align-items:center}.site-header__logo{width:100%;display:block}.site-header__menu{justify-self:end;padding:0;margin:0;list-style-type:none}.sidebar{color:white;padding:1rem;overflow-y:auto;height:100vh;border-left:2px solid rgba(254,94,108,0.35)}.main{position:relative}.modal-span-notify{position:absolute;display:grid;width:20%;height:20%;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);padding:1rem;font-size:6rem;align-content:center;justify-content:center;border:2px solid #ff5f6d;border-radius:10px;color:#ff5f6d;opacity:0}.selected-item-controls{position:relative;display:none;padding:15px;margin:1rem auto 1rem auto;border:2px solid #ff5f6d;border-radius:3px}.selected-item-controls input:last-child{margin-bottom:0}.selected-item-controls .selected-item-controls__title{font-weight:400;margin:0;color:#ff5f6d;font-size:1rem;text-align:right}.grid-buttons{display:grid;grid-template-columns:2fr 1fr;grid-gap:1rem;position:relative;opacity:0}.controls--two-column{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}.sidebar__label{display:block;position:absolute;right:0;top:35%;margin:0;transform:translateY(-50%) translateX(0.5rem);font-size:1rem;font-weight:400;color:#ff5f6d;transition:all .2s ease;background:transparent;padding:.5rem;border-radius:20px}.sidebar__label--layout{position:relative;transform:unset;padding:0;margin-bottom:.5rem}.sidebar__input{display:block;padding:.5rem 0;width:100%;margin-bottom:1rem;font-size:1.5rem;font-weight:400;background:transparent;border-width:0 0 2px 0;border-style:solid;border-color:#ff5f6d;color:#ff5f6d;transition-duration:.4s}.sidebar__input[type='number']{-webkit-appearance:textfield;-moz-appearance:textfield}.sidebar__input:focus{border-color:#ff5f6d;color:white;outline:0}.sidebar__input:focus+.sidebar__label{color:white;transform:translateY(-50%) translateX(0)}.sidebar__input:focus+.sidebar__label::after{content:'';display:inline-block;width:8px;height:8px;margin-left:5px;border-radius:50%;background:#ff5f6d}@media screen and (max-width:550px){.sidebar__input:focus+.sidebar__label::after{content:none}}.sidebar__input::placeholder{color:rgba(255,255,255,0.5);font-size:1rem}.sidebar__input--checkbox{-webkit-appearance:none;background-color:rgba(255,95,109,0.4);color:#ff5f6d;width:auto;height:30px;padding:.5rem}.sidebar__input--checkbox:hover{cursor:pointer}.sidebar__input--checkbox::after{content:'不显示占位文本';display:block;text-align:center;font-size:14px}.sidebar__input--checkbox:checked{background-color:#ff5f6d;color:white}.sidebar__input--checkbox:checked::after{content:'显示占位文本'}.sidebar__input--select{width:100%;margin-bottom:1rem;border:2px solid #ff5f6d;border-radius:3px;height:40px;font-size:1rem;background:transparent;text-transform:uppercase;color:#ff5f6d}.sidebar__input--select+.sidebar__label{display:block;position:relative;text-align:center;transform:translateY(-50%) translateX(0)}.btn{background:transparent;color:white;border:2px solid white;width:100%;text-align:center;outline:0;padding:.5rem 1.5rem;transition-duration:.3s;border-radius:3px;cursor:pointer}.btn--code{border-color:#ff5f6d;background:#ff5f6d;color:white}.btn--code:hover{color:white}.btn--close-modal{position:absolute;top:1rem;right:1rem;width:auto}.btn--reset{border-color:#94737d;color:white;background:#94737d}.control-group{opacity:0;position:relative}.sidebar__header{opacity:0;display:grid;grid-template-columns:100px auto}.sidebar__heading{font-size:1rem;font-weight:200;text-align:center;margin-bottom:1.5rem;color:#ff5f6d}.sidebar__links{font-size:.9rem;text-align:right;color:#222;text-decoration:underline}.sidebar__links a{color:inherit}.sidebar__logo{display:block;width:100%;max-width:100px;margin-bottom:2rem}#grid-preview{opacity:0;transition-duration:.4s;border-radius:5px;overflow:hidden}.grid__grid-item{font-weight:400;font-size:1rem;line-height:1.2;text-align:left;position:relative;border-radius:3px;background:#302742;border:2px solid #ffffff4d;padding:1.5rem;color:#ffffff80;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.grid__item--selected{border:2px dashed #ff5f6d;color:#ff5f6d}.grid__item--selected .item-number{background-color:#ff5f6d}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-overlay{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(32,30,51,0.8)}.modal{display:grid;width:100%;grid-template-columns:50% 50%;position:absolute;z-index:20;left:1rem;top:5%;background-color:#201e33;border:2px solid #ff5f6d;max-width:calc(100% - 2rem);max-height:90%;overflow:scroll}.modal>div{display:grid;grid-auto-rows:auto 1fr;padding:1rem;grid-gap:1rem}.modal>div pre{background:transparent;overflow:auto;margin:0}.modal>div code{color:white}.modal>div .btn{align-self:end;padding:2rem 1.5rem}.modal__title{display:block;margin:0;font-size:1.5rem;color:#ff5f6d;font-weight:200}.sidebar__logo--mobile{width:100%;max-width:100%;display:none}.twitter-follow-button-container{position:absolute;z-index:50;bottom:1rem;left:1rem}@media screen and (max-width:700px){.sidebar__header{grid-template-columns:1fr;margin-bottom:1rem}.sidebar__links{text-align:left}}@media screen and (max-width:550px){.twitter-follow-button-container{position:relative;z-index:50;bottom:unset;left:unset;margin-top:1rem}.sidebar__logos .sidebar__logo{display:none}.sidebar__logos .sidebar__logo--mobile{display:block;width:100%;margin-bottom:1rem}.app-container{display:block}.grid__grid-item{padding:.5rem}.main{height:50%;overflow-y:auto}.sidebar{position:absolute;width:100%;height:50%;z-index:2;border-top:2px solid #ff5f6d}.controls{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}.grid-buttons{margin-top:1.5rem}.control-group--lorem{display:none}.sidebar__label{position:relative;top:0;transform:none;padding:0}.modal{grid-template-columns:1fr;overflow-y:auto}}