@font-face{font-family:"K";src:url("../_fonts/K-T-sub.woff2") format("woff2");font-weight:200;font-display:swap}@font-face{font-family:"K";src:url("../_fonts/K-L-sub.woff2") format("woff2");font-weight:300;font-display:swap}@font-face{font-family:"K";src:url("../_fonts/K-R-sub.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"K";src:url("../_fonts/K-M-sub.woff2") format("woff2");font-weight:500;font-display:swap}@font-face{font-family:"K";src:url("../_fonts/K-B-sub.woff2") format("woff2");font-weight:600;font-display:swap}@font-face{font-family:"K";src:url("../_fonts/K-BL-sub.woff2") format("woff2");font-weight:700;font-display:swap}@font-face{font-family:"GN";src:url("../_fonts/GN-R-sub.woff2") format("woff2");font-weight:400;font-display:swap}@keyframes fadeIn1{0%{opacity:.2}100%{opacity:1}}@keyframes fadeIn2{0%{opacity:.7}100%{opacity:1}}@keyframes fadeIn3{0%{opacity:.9}100%{opacity:1}}@keyframes fadeIn4{0%{opacity:0}50%{opacity:.8}100%{opacity:.35}}html{opacity:0;font-size:17.5px}html.run{opacity:1}html .pc{display:inline}html .sp{display:none}html body{background-color:#fff;font-family:"K",Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif,sans-serif;font-weight:400;font-size:1rem;letter-spacing:.2px;line-height:1.55rem;-webkit-user-drag:none;-khtml-user-drag:none}html body ::selection{background-color:#f7c308;color:#fff}html body .progress{background-color:#f7c308}html body :focus-visible{outline:none}html body img{pointer-events:none}html body #app{display:grid;align-content:center;height:100svh;margin:0;padding:0px 0 4.5svh 3.5vw;font-size:2.1rem;font-weight:200}html body .highlight,html body .highlight_s{background-color:#ff3}html body *::after{transition:all .15s cubic-bezier(0, 0, 0.25, 0.8);-webkit-transition:all .15s cubic-bezier(0, 0, 0.25, 0.8)}section.content{padding-top:0;padding-top:0;transition:all .22s cubic-bezier(0, 0, 0.25, 0.8);-webkit-transition:all .22s cubic-bezier(0, 0, 0.25, 0.8);left:280px}#main{max-width:100%;padding-top:0;padding-top:0;padding-bottom:24px;transition:all .22s cubic-bezier(0, 0, 0.25, 0.8);-webkit-transition:all .22s cubic-bezier(0, 0, 0.25, 0.8)}#main p:has(textarea){display:grid;align-content:center;height:calc(1.55rem + 3px);line-height:unset}#main textarea{width:100%;height:100%;background:none;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;padding:1px 0px 0px;resize:none;border:none}#main textarea::placeholder{color:rgba(153,153,153,.5019607843);font-size:.8rem}#main #en_jp~h4{user-select:all}#main #en_jp~h4 a{pointer-events:none}#main #en_jp~div p{user-select:all}#main a.fab{color:#fff}#main .token.attr-value,#main .token.control,#main .token.directive,#main .token.unit,#main .token.entity{color:#e39f00}#main .token.property{color:#fc8422}#main .token.string,#main .language-css .token.string,#main .style .token.string,#main .token.url{color:#55a8f6}#main a,#main pre>code,#main h1,#main h2,#main h3,#main h4,#main h5,#main h6,#main strong,#main .docsify-pagination-container a,#main #top-pagination a{color:#34495e}#main *{animation:fadeIn1 .75s ease-in-out 0s 1 normal}#main>h2,#main>h2 *{animation:fadeIn1 .6s ease-in-out 0s 1 normal}#main>h1,#main>h1 *{animation:fadeIn1 .4s ease-in-out 0s 1 normal}#main>p{animation:fadeIn1 .85s ease-in-out 0s 1 normal}#main picture{height:100%}#main img{max-height:95vh;max-height:calc(var(--vh, 1vh)*95);object-fit:cover}#main #h1_img_group{transition:all .3s cubic-bezier(0, 0, 0.2, 0.8);-webkit-transition:all .3s cubic-bezier(0, 0, 0.2, 0.8);display:grid;grid-template-rows:minmax(50vh, 70.6vh) minmax(12.2vh, auto) minmax(6.5vh, auto) 40px;align-items:center;padding-bottom:1vh;margin-bottom:4vh;height:97vh;height:calc(var(--vh, 1vh)*97)}#main #h1_img_group img#h1_img{height:100%;align-self:stretch;width:100%;object-fit:cover}#main #h1_img_group #h1_main_title{font-size:1.9rem;font-weight:700;margin:2vh 0 .8vh;padding:1.4vh 0;align-self:center;padding-left:.2rem;text-indent:-0.2rem}#main #h1_img_group #h1_sub_title{padding-top:0;padding-left:3px;padding-bottom:1.6vh;font-size:1rem;font-weight:200;line-height:1.6rem;align-self:start}#main #h1_img_group .h_subs time{padding:0}#main #h1_img_group+p,#main #h1_img_group+h2,#main #h1_img_group+h3{margin-top:8vh;margin-top:calc(var(--vh, 1vh)*8)}#main #h1_img_group+.h_subs+h2,#main #h1_img_group+.h_subs+h3,#main #h1_img_group+.docsify-tabs{margin-top:32px}#main #h1_img_group.img_none{grid-template-rows:max-content max-content max-content;height:auto;padding-top:2vh;padding-top:calc(var(--vh, 1vh)*2);margin-top:3rem}#main #h1_img_group.img_none.en_none{grid-template-rows:max-content 50px}#main #h1_img_group.img_none #h1_main_title{font-size:2.2rem;font-weight:700;line-height:2.75rem;padding-left:.1rem;text-indent:-0.1rem}#main #h1_img_group.img_none .h_subs{padding-top:0;padding-right:.7rem}#main #h1_img_group.img_none+p,#main #h1_img_group.img_none+h2,#main #h1_img_group.img_none+h3{margin-top:5vh;margin-top:calc(var(--vh, 1vh)*5)}#main #h1_img_group.img_none.top #h1_main_title{line-height:3.6rem}#main #h1_img_group.img_none.top #h1_main_title .h1_en_title{font-size:3.05rem;vertical-align:-3.5px}#main #h1_img_group.img_none.top #h1_main_title .h1_jp_title{font-size:2.3rem;padding-left:.15rem}#main #h1_img_group.img_none.top .h_subs{padding-right:.1rem}#main .h_subs{display:grid;grid-template-columns:1fr 5px auto;grid-gap:1.1rem;justify-items:end;align-items:center;padding-top:10px}#main .h_subs *{font-weight:200;color:rgba(52,73,94,.8);transition:all .15s;-webkit-transition:all .15s}#main .h_subs--tag{margin-top:1px;text-decoration:none;font-size:.85rem}#main .h_subs--tag:hover{color:#f7c308}#main .h_subs--line{opacity:.5;font-size:.7rem}#main .h_subs time{display:grid;justify-content:end;font-size:.85rem}#main h1{font-size:2.2rem;padding:36px 0 12px;margin:0;line-height:calc(1.55rem + 16px)}#main h1:first-of-type{margin-top:3.6rem;padding-bottom:1.8rem}#main h1:not(#top){display:block}#main h1 a{font-weight:700}#main h1#top{font-size:2.5rem;line-height:3.6rem;margin-bottom:3.5rem}#main h1+p,#main h1+h2,#main h1+h3{margin-top:60px}#main h1+h2#h_design_02{margin-top:2.5rem}#main h1+.h_subs+h2,#main h1+.h_subs+h3,#main h1+.docsify-tabs{margin-top:32px}#main h2 a::before{content:"◆"}#main h3 a::before{content:"◇"}#main h2,#main h3{padding-left:2px}#main h2 a,#main h3 a{text-indent:-1.55rem;position:relative;left:1.07rem;padding-right:1.55rem}#main h2 a::before,#main h3 a::before{font-size:.9rem;padding-right:.6rem;position:relative}#main h2#noicon~* a,#main h2#noicon a,#main h3#noicon~* a,#main h3#noicon a{text-indent:unset;left:unset;padding-right:unset}#main h2#noicon~* a::before,#main h2#noicon a::before,#main h3#noicon~* a::before,#main h3#noicon a::before{content:none}#main h2{font-size:1.7rem;margin:6.5rem 0 3rem;line-height:calc(1.55rem + 10px)}#main h2,#main h2 a{font-weight:600}#main h2 a::before{top:-4px}#main h2#h_design_01,#main h2#h_design_01~h2,#main h2#h_design_02,#main h2#h_design_02~h2{text-align:center;margin-right:calc(.5rem + 1.5vw);margin-left:calc(.5rem + 1vw);margin-bottom:3.4rem;border-bottom:1px #eee solid}#main h2#h_design_01 a,#main h2#h_design_01~h2 a,#main h2#h_design_02 a,#main h2#h_design_02~h2 a{background:#fff;padding:0 calc(1rem + 1vw);margin-right:2.7rem;text-indent:unset;top:1.1rem}#main h2#h_design_01 a::before,#main h2#h_design_01~h2 a::before,#main h2#h_design_02 a::before,#main h2#h_design_02~h2 a::before{display:none}#main h2#h_design_01+h3,#main h2#h_design_01~h2+h3,#main h2#h_design_02+h3,#main h2#h_design_02~h2+h3{margin-top:2.1rem}#main h2#h_design_01,#main h2#h_design_01~h2{font-family:"GN",cursive,serif;font-size:2.9rem}#main h2#h_design_01 a span,#main h2#h_design_01~h2 a span{font-weight:400;text-shadow:.5px .5px 0,.5px -0.5px 0,-0.5px .5px 0,-0.5px -0.5px 0,.5px 0 0,0 .5px 0,-0.5px 0 0,0 -0.5px 0}#main h2#h_design_02,#main h2#h_design_02~h2{font-family:"K",Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;font-style:italic;font-size:2.2rem;margin-right:0;margin-left:0;margin-bottom:5rem;margin-top:7rem}#main h2#h_design_02 a,#main h2#h_design_02~h2 a{font-weight:600}#main h3{font-size:1.5rem;margin:4rem 0 24px;line-height:calc(1.55rem + 7px)}#main h3,#main h3 a{font-weight:600}#main h3 a::before{top:-3px}#main h4{font-size:1.15rem;margin:38px 0 22px}#main h4,#main h4 a{font-weight:500}#main h4 a::before{top:-2px}#main h5,#main h6{margin:36px 0 12px}#main h5,#main h5 a,#main h6,#main h6 a{font-weight:500;font-size:1rem}#main ul li,#main ol li{line-height:calc(1.55rem + 4px)}#main p{padding:0 6px;text-align:left;line-height:calc(1.55rem + 3px)}#main p a{font-weight:normal;font-size:.95rem}#main p.tip{padding:1rem 1rem 1rem calc(1rem + 2px);background-color:rgba(255,189,211,.1019607843)}#main p.tip:before{top:-5px}#main p.warn{padding:1rem 1rem 1rem calc(1rem + 2px);background-color:rgba(255,247,0,.1019607843)}#main p.tip code,#main p.warn code{background-color:#fff}#main p>code{font-size:1rem}#main .thum{display:grid;overflow:hidden;height:240px;grid-template-columns:36.5% 59%;padding-right:4%;grid-column-gap:4%;margin:calc(.6rem + 1.4vw) 0;text-decoration:none;background-color:rgba(255,255,255,.9333333333);box-shadow:-0.2px -0.2px 1px rgba(230,230,230,.9),1.5px 1.2px 3px rgba(201,201,201,.74);border-radius:4px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;border-width:0}#main .thum:active{box-shadow:inset rgba(250,250,250,.8) 1px 1px 0px 0px;-webkit-transform:translate(0, 1px);transform:translate(0, 1px);border-top-color:rgba(224,224,224,.8);border-top-width:1px;border-left-color:rgba(224,224,224,.8);border-left-width:1px;border-right-color:rgba(245,245,245,.8);border-right-width:1px;border-bottom-color:rgba(245,245,245,.8);border-bottom-width:1px}#main .thum dt,#main .thum dd{text-decoration:none;overflow:hidden}#main .thum:hover{transform:scale(1.03)}#main .thum:hover .thum--title{color:#f7c308}#main .thum:hover .thum--texts_subs{text-shadow:0 0 0 #34495e,0 0 0 #34495e,0 0 0 #34495e,0 0 0 #34495e,0 0 0 #34495e,0 0 0 #34495e}#main .thum.extlink:hover .thum--texts_subs::after{opacity:1;filter:invert(76%) sepia(107%) saturate(200%) hue-rotate(370deg) brightness(125%) contrast(140%)}#main .ad{pointer-events:none}#main .ad .thum{margin:4vh 0}#main .ad.first .thum{margin-top:13vh}#main .ad .thum--title,#main .ad .thum--desc,#main .ad .thum--texts_subs{color:#666;font-weight:200}#main .thum--img_flame{height:100%;overflow:hidden}#main .thum--img_flame img{height:100%;width:100%;object-fit:cover;object-position:50% 50%;transition:all .4s ease-out;-webkit-transition:all .4s ease-out}#main .thum--texts{display:grid;white-space:normal;max-height:100%;margin:0;background-color:rgba(0,0,0,0);align-content:space-between;align-items:center}#main .thum--title{font-size:1.35rem;font-weight:600;margin:11px 2px 6px;min-height:1.8rem;max-height:100%;line-height:1.9rem;color:#34495e;transition:all .15s cubic-bezier(0, 0, 0.2, 0.8);-webkit-transition:all .15s cubic-bezier(0, 0, 0.2, 0.8);overflow-wrap:anywhere}#main .thum--desc{height:100%;max-height:2.8rem;min-height:0;margin:0 5px;font-size:.85rem;font-weight:400;color:gray;line-height:24px;text-overflow:ellipsis}#main .thum--texts_subs{display:grid;grid-gap:0;grid-auto-flow:column;justify-content:end;align-items:center;margin-top:1px;margin-right:0;white-space:nowrap;overflow-x:clip;text-overflow:ellipsis;color:#34495e;font-size:.85rem;font-weight:200;text-shadow:0 0 0 #34495e}#main .thum.extlink .thum--texts_subs::after{content:"";background:url(../img/extlink.svg);opacity:.6;background-size:contain;background-repeat:no-repeat;display:inline-block;width:20px;height:20px;margin-left:12px;margin-bottom:2px}#main .thum--line{opacity:.5;font-size:.7rem;margin:0 calc(6px + .6vw)}#main .thum-1col .thum:hover{transform:scale(1.025)}#main .thum-1col .thum--texts{grid-template-rows:minmax(5rem, auto) minmax(0, 0.8fr) minmax(auto, max-content);padding:18px 0 18px}#main .thum-1col .thum--title{margin:24px 0px 12px;padding:.5rem 1px 0px 0px;font-size:1.5rem;line-height:1.9rem}#main .thum-1col .thum--desc{font-size:1rem;line-height:1.45rem}#main .thum-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:calc(.5rem + 1vw);margin:calc(.6rem + 1.4vw) calc(.5rem + 1vw)}#main .thum-2col .thum{height:220px;grid-template-columns:51% 46%;padding-right:4%;grid-column-gap:2.5%;margin:0}#main .thum-2col .thum .thum--img_flame{height:100%;clip-path:polygon(0% 0px, 100% 0px, 93% 100%, 0 100%)}#main .thum-2col .thum .thum--texts{height:220px;padding-top:.1rem;padding-bottom:.82rem;align-items:center;justify-items:center;grid-template-rows:minmax(6.4rem, auto) minmax(0, 0.8fr) minmax(auto, max-content)}#main .thum-2col .thum .thum--title{margin:20px 0px 12px;padding:.5rem 1px 0px 0px;font-size:1.4rem;line-height:1.9rem;text-align:center}#main .thum-2col .thum .thum--desc{margin:0px;line-height:24px;font-size:.85rem;max-height:4rem;text-align:center}#main .thum-2col .thum .thum--texts_subs{font-size:.8rem;margin-top:3px}#main .thum-2col .thum.extlink .thum--texts_subs::after{width:18px;height:18px;margin-left:8px;margin-bottom:1.2px}#main .thum-3col{display:grid;grid-gap:calc(.5rem + 1vw);margin:calc(.6rem + 1.4vw) calc(.5rem + 1vw);grid-template-columns:1fr 1fr 1fr}#main .thum-3col .thum{height:350px;grid-template-columns:100%;grid-template-rows:auto minmax(0%, auto);padding-right:0;margin:0}#main .thum-3col .thum .thum--img_flame{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 3% 100%)}#main .thum-3col .thum .thum--texts{padding:.1rem 1.2rem .65rem;grid-template-rows:minmax(3.8rem, auto) minmax(0, 0.8fr) minmax(0, min-content)}#main .thum-3col .thum .thum--title{margin:.8rem 0 .5rem;padding:.5rem 1px 0px 0px;font-size:1.4rem;line-height:2.05rem}#main .thum-3col .thum .thum--texts_subs{font-size:.8rem;margin-top:3px;padding:.2rem 0rem 0rem}#main .thum-3col .thum .thum--desc{font-size:.85rem;line-height:28px;padding:0;margin:0}#main .thum-4col{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:calc(.5rem + 1vw);margin:calc(.6rem + 1.4vw) calc(.5rem + 1vw);position:relative}#main .thum-4col .thum{height:125px;grid-template-rows:100%;grid-template-columns:115px auto;grid-gap:5%;padding-right:0;margin:0}#main .thum-4col .thum:hover{transform:scale(1.05)}#main .thum-4col .thum.extlink .thum--texts::after{content:"";background:url(../img/extlink.svg);opacity:.25;background-size:contain;background-repeat:no-repeat;display:inline-block;width:16px;height:16px;margin:7px;justify-self:flex-end;align-self:flex-end;position:absolute}#main .thum-4col .thum.extlink:hover .thum--texts::after{opacity:1;filter:invert(76%) sepia(107%) saturate(200%) hue-rotate(370deg) brightness(125%) contrast(140%)}#main .thum-4col.vl .thum{height:220px;grid-template-columns:100%;grid-template-rows:auto minmax(33%, auto);grid-gap:0}#main .thum-4col.vl .thum .thum--img_flame{padding-top:0;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 2.5% 100%)}#main .thum-4col.vl .thum .thum--img_flame img{object-position:center}#main .thum-4col.vl .thum .thum--texts{padding:5px 5px 5px;height:100%;grid-template-rows:calc(100% - 1.4rem) 1.4rem}#main .thum-4col.vl .thum .thum--texts::after{margin:0px 9px 10px;width:16px;height:16px;opacity:.5}#main .thum-4col.vl .thum .thum--title{font-size:1.04rem;line-height:1.53rem;min-height:auto;margin:0 5px 0 0;padding:14px 0 0 7px;align-self:center;width:100%}#main .thum-4col.vl .thum .thum--title a{height:100%;text-decoration:none;color:unset;text-align:center;transition:all .3s cubic-bezier(0, 0, 0.25, 0.8);-webkit-transition:all .3s cubic-bezier(0, 0, 0.25, 0.8)}#main .thum-4col.vl .thum .thum--title a:hover{text-decoration:underline;text-decoration-thickness:.5px;text-underline-offset:4px}#main .thum-4col.vl .thum .thum--desc{display:none}#main .thum-4col.vl .thum.thum_img_none .thum--desc{display:block}#main .thum-4col.vl .thum.extlink .thum--texts_subs{padding:0 1.3rem 0 .35rem}#main .thum-4col.vl .thum .thum--texts_subs{font-size:.75rem;padding:0 0 0 .35rem;margin:0 .4rem 0 0;justify-self:end}#main .thum-4col.vl .thum .thum--texts_subs .thum--line{height:100%}#main .thum-4col.vl .thum .thum--texts_subs::after{content:none}#main .thum-4col.vl .thum .thum--texts_subs.links{display:grid;grid-template-columns:repeat(3, 1fr);margin-top:.1rem;width:100%;height:20px}#main .thum-4col.vl .thum .thum--texts_subs.links a{display:grid;justify-items:center;align-items:center;width:100%;height:100%}#main .thum-4col.vl .thum .thum--texts_subs.links a img{aspect-ratio:auto;transition:all .3s cubic-bezier(0, 0, 0.25, 0.8);-webkit-transition:all .3s cubic-bezier(0, 0, 0.25, 0.8);opacity:.3}#main .thum-4col.vl .thum .thum--texts_subs.links a.perplexity img{width:13px}#main .thum-4col.vl .thum .thum--texts_subs.links a.twitter img{width:18px}#main .thum-4col.vl .thum .thum--texts_subs.links a.youtube img{width:18px}#main .thum-4col.vl .thum:hover .thum--texts_subs.links a img{opacity:1}#main .thum-4col.vl .thum:hover .thum--texts_subs.links a:hover img{scale:1.3}#main .thum-4col.vl .thum .thum--line{margin:0 .4rem}#main .thum-4col.vl .thum.thum_img_none{grid-template-rows:1fr;height:145px;padding-left:0}#main .thum-4col.vl .thum.thum_img_none .thum--texts{grid-template-rows:minmax(max-content, 40%) minmax(min-content, 40%) min-content;padding:5% 9% 3%}#main .thum-4col.vl .thum.thum_img_none .thum--texts .thum--desc{text-align:center;margin:.5rem 0;padding:0}#main .thum-4col.vl .thum.thum_img_none .thum--texts_subs{padding:0 .3rem 0 .35rem}#main .thum-4col.vl .thum.thum_img_none .thum--texts_subs.links{padding:0 .6rem 0 0}#main .thum-4col .thum.thum_img_fill{grid-template-columns:1fr;padding:0}#main .thum-4col .thum.thum_img_fill .thum--img_flame{padding:0}#main .thum-4col .thum.thum_img_fill.extlink{position:relative}#main .thum-4col .thum.thum_img_fill.extlink .thum--img_flame::after{content:"";background:url(../img/extlink.svg);opacity:.25;background-size:contain;background-repeat:no-repeat;display:inline-block;width:16px;height:16px;margin:7px;right:0;bottom:0;position:absolute}#main .thum-4col .thum.thum_img_fill.extlink:hover .thum--img_flame::after{opacity:1;filter:invert(76%) sepia(107%) saturate(200%) hue-rotate(370deg) brightness(125%) contrast(140%)}#main .thum-4col .thum--img_flame{height:100%;padding-top:3px}#main .thum-4col .thum--img_flame img{object-position:39% 50%}#main .thum-4col .thum--texts{padding:.2rem 0px .7rem 0px;grid-template-columns:100%;grid-template-rows:minmax(3rem, auto) minmax(1.5rem, auto);grid-gap:0;position:relative;align-content:center}#main .thum-4col .thum--title{display:grid;white-space:normal;min-height:1.5rem;font-size:1.1rem;align-content:start;align-self:center;line-height:1.4rem;margin:14px 0px 12px;padding-bottom:.1rem;padding-right:.5rem}#main .thum-4col .thum--title.jp{font-size:1.05rem}#main .thum-4col .thum--desc{font-size:.75rem;align-self:center;line-height:1.24rem;height:unset;max-height:2.6rem;padding:0px .9rem 0px 2px;margin:0}#main .thum-4col .thum--texts_subs{font-size:.75rem;padding:0}#main .thum-4col .thum--line{margin:0 calc(4px + .4vw)}#main .thum-4col .thum.thum_img_none{grid-template-columns:1fr;padding-left:0}#main .thum-4col .thum.thum_img_none .thum--img_flame{display:none}#main .thum-4col .thum.thum_img_none .thum--texts{padding:.2rem 9% .7rem 9%;justify-items:center}#main .thum-4col .thum.thum_img_none .thum--title{font-size:1.34rem}#main .tweets{display:grid;grid-template-columns:repeat(4, auto);justify-content:center;align-items:center}#main .tweets a{width:100%;padding:2.4%}#main .tweets a img{display:block;width:100%;height:auto;max-height:83vh;border-radius:12px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;box-shadow:-3px -3px 5px #fff,1px 1px 1.8px rgba(13,13,13,.07)}#main .tweets a:hover img{transform:scale(1.04)}#main .two-col{display:grid;grid-template-columns:49% 49%;grid-column-gap:2%}#main .slider{margin:4vh 0 12vh;margin:calc(var(--vh, 1vh)*4) 0 calc(var(--vh, 1vh)*12)}#main .slider .slider__scroll{scroll-snap-type:both mandatory;max-height:90vh;max-height:calc(var(--vh, 1vh)*90);height:calc(65vh + 5rem);height:calc(var(--vh, 1vh)*65 + 5rem);width:100%;overflow:auto}#main .slider .slider__child{position:relative;scroll-snap-align:start;height:100%;margin:3.5rem 0}#main .slider .slider__child img{height:calc(100% - 2.5rem);width:100%}#main .slider .slider__child:last-of-type{margin-bottom:0}#main .slider .slider__child::before,#main .slider .slider__child::after{display:inline-block;width:.7rem;font-size:.65rem;right:.9rem;line-height:1.15rem;color:#fff;transition:all ease-out .2s;-webkit-transition:all .2s ease-out;text-shadow:0px 0px 0px rgba(255,255,255,.7019607843),0px 0px 1px #fff,1px 1px 1px rgba(0,0,0,.5019607843);position:absolute}#main .slider .slider__child::before{content:"△";bottom:calc(50% + 22px)}#main .slider .slider__child::after{content:"▽";bottom:calc(50% - 2px)}#main .slider .slider__child:first-of-type::before,#main .slider .slider__child:last-of-type::after{opacity:.45}#main .slider .slider__caption{width:100%;font-size:.75rem;text-align:center;line-height:1.35rem;padding:.25rem 1.7rem;overflow:hidden;height:1.9rem}#main code,#main output:after,#main pre{font-family:"K",Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif,sans-serif}#main code{color:#03a52c;background:none}#main blockquote{border-color:#f7c308;border-width:1px;padding:0 3% 0 3%}#main blockquote p{font-weight:400}#main table{word-break:keep-all;white-space:nowrap;table-layout:fixed;width:100%}#main table th{font-size:.88rem;font-weight:500;font-style:italic;line-height:1.3rem;padding:9px 14px 7px}#main table td{font-weight:400;font-size:1.02rem;padding:9px 14px 8px}#main table th,#main table td{border:1px solid rgba(230,230,230,.9019607843)}#main table thead tr th{background-color:#fdfdfd;color:rgba(52,73,94,.8)}#main table tbody tr{background-color:unset}#main table tbody tr td{background-color:unset}#main table tbody tr:nth-child(2n) td{background-color:#fdfdfd}#main table::-webkit-scrollbar,#main code::-webkit-scrollbar{height:1.2px}#main table:hover::-webkit-scrollbar-thumb,#main code:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.0705882353)}#main table:hover::-webkit-scrollbar-track,#main code:hover::-webkit-scrollbar-track{background-color:rgba(0,0,0,.0117647059)}#main hr.footer_line{margin-bottom:2.8571428571vh}#main kbd{margin:3px 6px 6px}#main pre{background:none;border:1px solid #f2f2f2;padding:0 4%}#main pre code{font-size:.95rem;padding:2.2em 4px;margin-right:7px;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55rem}#main pre code .token{font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#main pre code .token.function,#main pre code .token.keyword{color:#fc8422}#main pre>code{color:#555}#main pre .token.boolean,#main pre .token.number{color:#e39f00}#main pre .token.tag,#main pre .token.attr-name{color:#03a52c}#main pre button.docsify-copy-code-button{background:#fff;box-shadow:-1px 1px #eee;color:#aaa;animation:none}#main pre button.docsify-copy-code-button .label{background:none;display:block;font-size:.8em;animation:none}#main pre button.docsify-copy-code-button .error,#main pre button.docsify-copy-code-button .success{transform:translateY(-50%)}#main output:after,#main pre:after{font-size:.8em;font-weight:normal;color:#bfbfbf;letter-spacing:-0.2px;padding-top:8px}#main footer{padding:.5rem .5rem .75rem 1rem}#main footer .copyright{color:rgba(52,73,94,.8509803922);font-size:.9rem;display:grid;justify-content:center;grid-auto-flow:column}#main footer .copyright .space{margin-left:.5rem}#main #top-pagination{border-top:1px solid rgba(0,0,0,.0705882353)}#main #top-pagination *{opacity:1}#main #top-pagination+.docsify-pagination-container{display:none}#main #top-pagination,#main .docsify-pagination-container{flex-wrap:wrap-reverse;margin:4vh 0 6vh}#main #top-pagination .pagination-item,#main .docsify-pagination-container .pagination-item{margin-top:5.1vh}#main #top-pagination .pagination-item *,#main .docsify-pagination-container .pagination-item *{animation:none}#main #top-pagination .pagination-item .pagination-item-label,#main #top-pagination .pagination-item .pagination-item-title,#main .docsify-pagination-container .pagination-item .pagination-item-label,#main .docsify-pagination-container .pagination-item .pagination-item-title{opacity:.3;transition:all .15s cubic-bezier(0, 0, 0.2, 0.8);-webkit-transition:all .15s cubic-bezier(0, 0, 0.2, 0.8)}#main #top-pagination .pagination-item a:hover .pagination-item-title,#main .docsify-pagination-container .pagination-item a:hover .pagination-item-title{text-decoration:none}#main #top-pagination .pagination-item:hover .pagination-item-label,#main .docsify-pagination-container .pagination-item:hover .pagination-item-label{opacity:.6}#main #top-pagination .pagination-item:hover .pagination-item-title,#main .docsify-pagination-container .pagination-item:hover .pagination-item-title{opacity:1;text-decoration:none;color:#f7c308}#main #top-pagination .pagination-item .pagination-item-label span,#main .docsify-pagination-container .pagination-item .pagination-item-label span{font-size:.9rem;font-weight:400}#main #top-pagination .pagination-item .pagination-item-label svg,#main .docsify-pagination-container .pagination-item .pagination-item-label svg{margin-top:1px}#main #top-pagination .pagination-item .pagination-item-title,#main .docsify-pagination-container .pagination-item .pagination-item-title{padding:8px 0 4px;font-size:1.3rem;line-height:calc(1.55rem + 3px)}#main #top-pagination .pagination-item--next,#main .docsify-pagination-container .pagination-item--next{min-width:65%;padding-left:3%;padding-right:3%}#main #top-pagination .pagination-item--next .pagination-item-label,#main .docsify-pagination-container .pagination-item--next .pagination-item-label{opacity:.6}#main #top-pagination .pagination-item--next .pagination-item-title,#main .docsify-pagination-container .pagination-item--next .pagination-item-title{opacity:.8}#main #top-pagination .pagination-item--previous,#main .docsify-pagination-container .pagination-item--previous{min-width:35%;padding-left:3%}#main .tab-badge{position:absolute;top:0;right:0;transform:translate(35%, -45%);padding:.25em .35em;border-radius:3px;background:#f7c308;color:#fff;font-size:11px;font-weight:bold}#main .docsify-tabs{margin:0;padding-top:2vh;padding-bottom:4vh}#main .docsify-tabs .docsify-tabs__tab{font-family:"K",Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;font-size:.87rem;padding:.7rem .9rem;background:none}#main .docsify-tabs .docsify-tabs__tab:not(.docsify-tabs__tab--active){color:#999;font-weight:300}#main .docsify-tabs .docsify-tabs__tab:hover{color:rgba(53,74,95,.9215686275)}#main .docsify-tabs .docsify-tabs__tab--active{box-shadow:inset 0 1px 0 0 #f7c308;color:rgba(53,74,95,.9215686275)}#main .docsify-tabs .docsify-tabs__tab--active em{color:rgba(53,74,95,.9215686275)}#main .docsify-tabs .docsify-tabs__content{padding:1.7rem 1.5rem}#main .docsify-tabs .docsify-tabs__content p{font-size:1.03rem;font-weight:400}#main .docsify-tabs.docsify-tabs--material .docsify-tabs__content{border-color:#ededed}#main .docsify-tabs.docsify-tabs--material .docsify-tabs__tab--active{box-shadow:0 1px 0 0 #f7c308;padding-bottom:calc(.7rem + 2px);margin-bottom:0}#main .anchor:hover{text-decoration:none}body[data-page="readme.md"] #main h2,body[data-page="readme.md"] #main h3,body[data-page="readme.md"] #main h4{margin-left:1%}body[data-page="readme.md"] #main .thum-1col.ad,body[data-page="readme.md"] #main .docsify-pagination-container,body[data-page="readme.md"] #main hr.footer_line{margin-right:calc(.5rem + 1vw);margin-left:calc(.5rem + 1vw)}body:not([data-page="readme.md"]) #main .thum-2col,body:not([data-page="readme.md"]) #main .thum-3col{margin:calc(.6rem + 1.4vw) 0}@media screen and (min-width: 1025px){body[data-page="readme.md"] #main{padding-right:1.2vw;padding-left:1vw;margin:0 calc((.5rem + 1vw)*.9) 0 calc((.5rem + 1vw)*.3)}body[data-page="readme.md"] #main #h1_img_group.top{margin-top:5.5vh;margin-right:6%;margin-left:5.5%;margin-bottom:4.5vh}body[data-page="readme.md"] #main h3::before,body[data-page="readme.md"] #main h4::before,body[data-page="readme.md"] #main h5::before,body[data-page="readme.md"] #main h6::before{top:-2.5px}body[data-page="readme.md"] #main h3 a,body[data-page="readme.md"] #main h4 a,body[data-page="readme.md"] #main h5 a,body[data-page="readme.md"] #main h6 a{left:1.7rem}body[data-page="readme.md"].close #main{padding-right:0;padding-left:0;margin:0px calc((.5rem + 1vw)*1) 0 calc((.5rem + 1vw)*2)}body[data-page="readme.md"].close #main #h1_img_group.top{margin-right:6%;margin-left:7%}body:not([data-page="readme.md"]) #main{padding-right:3vw;padding-left:calc(1vw + 20px);margin:0 7% 0 4%}body.close section.content{padding-top:0;transition:all .3s cubic-bezier(0, 0, 0.2, 0.8);-webkit-transition:all .3s cubic-bezier(0, 0, 0.2, 0.8)}body.close #main{padding-top:0;padding-right:4.5vw;padding-left:5.5vw;margin:0 5%;transition:all .3s cubic-bezier(0, 0, 0.2, 0.8);-webkit-transition:all .3s cubic-bezier(0, 0, 0.2, 0.8)}}@media screen and (min-width: 1920px){html{font-size:19px}#main .thum-1col .thum{padding-right:2.5%;grid-column-gap:3.5%}#main .thum-1col .thum .thum--texts{padding:13px 0 0}#main .thum-1col .thum .thum--texts_subs{padding:.4rem 0 1.3rem}#main .thum-2col .thum .thum--texts_subs{padding:.7rem 0 .8rem}#main .thum-3col .thum .thum--texts{grid-template-rows:minmax(auto, max-content) minmax(0, 0.9fr) minmax(auto, 1.7rem)}#main .thum-3col .thum .thum--texts_subs{padding:.7rem 0 .7rem}#main .thum-4col .thum .thum--title{margin:.8rem 0rem .4rem .1rem}#main .thum-4col .thum .thum--texts{grid-template-rows:minmax(2.8rem, max-content) minmax(0, 1fr) minmax(auto, 1.7rem)}}@media screen and (min-width: 1536px)and (max-width: 1919px){html{font-size:18px}}@media screen and (min-width: 600px){#main pre .docsify-copy-code-button{display:none}#main table,#main .docsify-tabs{padding-left:3.2%;padding-right:3.2%}}@media screen and (max-width: 1024px){#main{max-width:94%}#main .slider .slider__scroll{height:calc(55vh + 8rem)}#main .slider .slider__scroll .slider__child{margin:2.6666666667rem 0}#main .slider .slider__scroll .slider__child:last-of-type{margin-bottom:0}#main .slider .slider__child img{height:calc(100% - 4rem)}#main .slider .slider__child::before{bottom:calc(52% + 24px)}#main .slider .slider__child::after{bottom:calc(52% + 2px)}#main .slider .slider__caption{height:3rem}#main .thum{border-radius:3.5px;height:160px;grid-template-columns:36% 60%;grid-column-gap:3.5vw;padding-right:3.5vw;margin:calc(.7rem + 1.5vw) 0}#main .thum--img_flame{height:160px}#main .thum--texts{max-height:160px}#main .thum--title{margin:11px 2px 7px;line-height:1.75rem}#main .thum--desc{margin:0;text-overflow:ellipsis}#main .thum--tag,#main .thum--date{font-size:.75rem}#main .thum--line{font-size:.5rem}#main .thum--domain{margin-top:1px}#main .thum-1col .thum--texts{grid-template-rows:minmax(auto, max-content) minmax(0, 0.85fr) minmax(auto, 1.8rem);padding:.55rem 0 .7rem}#main .thum-1col .thum--title{font-size:1.17rem}#main .thum-1col .thum--desc{line-height:1.4rem;font-size:.8rem}#main .thum-1col .thum--texts_subs{font-size:.8rem}#main .thum-1col .thum--texts_subs{margin:0 calc(1px + .5vw) 0 0}#main .thum-2col{grid-gap:calc(.5rem + 1vw);margin:calc(.7rem + 1.5vw) 0}#main .thum-2col .thum{height:220px;grid-template-rows:39% 60%;grid-template-columns:none;grid-row-gap:1%;padding-right:0}#main .thum-2col .thum .thum--texts{grid-template-rows:minmax(auto, max-content) minmax(0, 0.75fr) minmax(auto, 1.7rem);grid-gap:0;max-height:100%;padding:0 .8rem 1px .5rem}#main .thum-2col .thum .thum--title{display:grid;white-space:normal;margin:.8rem .25rem .1rem;font-size:1.1rem;min-height:1.5rem;line-height:1.5rem}#main .thum-2col .thum .thum--desc{align-self:center;margin-left:1vw;font-size:.77rem;line-height:1.3rem}#main .thum-2col .thum .thum--texts_subs{font-size:.75rem;padding:0rem 0 .8rem}#main .thum-3col{grid-gap:calc(.4rem + 1vw);margin:calc(.7rem + 1.5vw) 0}#main .thum-3col .thum .thum--texts{padding:0 .5rem .15rem}#main .thum-3col .thum .thum--title{line-height:1.35rem;min-height:1.3rem}#main .thum-3col .thum .thum--desc{margin:0 4px;max-height:3.5rem}#main .thum-3col .thum .thum--texts_subs{margin:0 4px;padding:0}#main .thum-3col .thum .thum--line{margin:0 calc(3px + .3vw)}#main .thum-3col .thum{grid-template-rows:42% 58%;height:220px}#main .thum-3col .thum .thum--texts{grid-template-rows:minmax(auto, max-content) minmax(0, 0.85fr) minmax(auto, 2rem)}#main .thum-3col .thum .thum--title{font-size:.95rem;line-height:1.4rem;margin:.85rem .15rem .25rem}#main .thum-3col .thum .thum--desc{font-size:.75rem;line-height:1.15rem}#main .thum-3col .thum .thum--texts_subs{font-size:.7rem}}@media screen and (max-width: 599px){html{font-size:17px}html .pc{display:none}html .sp{display:inline}html #app{font-size:1.3rem}html .github-corner img{width:64px;height:64px}html *{animation:none}html>h2,html>h2 *{animation:none}html>h1,html>h1 *{animation:none}html>p{animation:none}section.content{padding-top:3vh;padding-top:0;transition:none;-webkit-transition:none}#main{max-width:100%;padding:0 0% 18px;transition:none;-webkit-transition:none}#main #h1_img_group{grid-template-rows:minmax(50vh, 68vh) minmax(10vh, auto) minmax(7vh, auto) 50px;height:100vh;height:calc(var(--vh, 1vh)*100);margin-bottom:6vh;transition:none;-webkit-transition:none}#main #h1_img_group img#h1_img{min-height:57vh;min-height:calc(var(--vh, 1vh)*57);margin-top:-1vh;margin-top:0}#main #h1_img_group h1#h1_main_title{font-size:1.5rem;margin:.77rem .85rem .3rem;padding:1vh 8px 1vh 9.5px;line-height:2.12rem}#main #h1_img_group h1#h1_sub_title{padding:0 6px 2vh 10.5px}#main #h1_img_group .h_subs{padding:4px 16px 12px 8px}#main #h1_img_group+h2,#main #h1_img_group+h3,#main #h1_img_group+h4,#main #h1_img_group+h5,#main #h1_img_group+h6{margin-top:5vh;margin-top:calc(var(--vh, 1vh)*5)}#main #h1_img_group.img_none{padding-top:6vh;padding-top:calc(var(--vh, 1vh)*6);margin-top:2.8vh}#main #h1_img_group.img_none h1#h1_main_title{font-size:1.7rem;line-height:2.45rem;margin-bottom:1px;padding-left:7px}#main #h1_img_group.img_none h1#h1_sub_title{padding:0 6px 2vh 9.5px}#main #h1_img_group.img_none .h_subs,#main #h1_img_group.img_none.top .h_subs{padding:4px 20px 4px 0}#main #h1_img_group.img_none.top h1#h1_main_title{line-height:3.1rem;margin-bottom:6px;padding-left:.3rem}#main #h1_img_group.img_none.top h1#h1_main_title .h1_en_title{font-size:2.7rem;vertical-align:-4px}#main #h1_img_group.img_none.top h1#h1_main_title .h1_jp_title{font-size:2.1rem;display:grid;justify-content:right}#main #h1_img_group.img_none.top h1#h1_sub_title{word-break:break-all}#main h1{font-size:1.7rem;line-height:2.45rem;margin:0 12px 0;padding-left:4px}#main h1:first-of-type{margin-top:6.4vh;margin:4.2rem .85rem .3rem;padding:.6rem 8px 1.4rem 7px}#main h1#top{font-size:2.2rem;line-height:2.8rem;margin:0 12px 0;padding:3.6rem 0 2rem 4px}#main h1+p,#main h1+h2,#main h1+h3{margin-top:3rem}#main h1+h2#h_design_02{margin-top:1.8rem}#main h2,#main h3,#main h4,#main h5,#main h6{padding-left:6px;padding-right:8px;line-height:1.8rem}#main h2 a,#main h3 a,#main h4 a,#main h5 a,#main h6 a{left:1.45rem}#main h2 a::before,#main h3 a::before,#main h4 a::before,#main h5 a::before,#main h6 a::before{padding-right:.55rem}#main h2{font-size:1.4rem;margin:80px 8px 1.8rem}#main h2 a::before{top:-3px}#main h2#h_design_01,#main h2#h_design_01~h2,#main h2#h_design_02,#main h2#h_design_02~h2{margin-top:4rem;margin-right:8px;margin-left:8px;margin-bottom:3.2rem}#main h2#h_design_01 a,#main h2#h_design_01~h2 a,#main h2#h_design_02 a,#main h2#h_design_02~h2 a{top:.9rem}#main h2#h_design_01+h3,#main h2#h_design_01~h2+h3,#main h2#h_design_02+h3,#main h2#h_design_02~h2+h3{margin-top:2rem}#main h2#h_design_01,#main h2#h_design_01~h2{font-size:2.2rem}#main h2#h_design_02,#main h2#h_design_02~h2{font-size:1.6rem}#main h3{font-size:1.2rem;margin:2.8rem 8px 18px}#main h3 a::before{top:-2px}#main h4{font-size:1.12rem;margin:44px 8px 18px}#main h4 a::before{top:-1px}#main h5,#main h6{font-size:1rem;margin:40px 8px 0px}#main p{padding:0 8px 0 16px}#main p.tip{margin:32px 16px}#main time{padding-right:14px}#main ul{padding-left:26px}#main ol{padding-left:32px}#main pre{margin:8px}#main blockquote{margin:32px 8px 32px 16px;padding-left:4px}#main table{padding-bottom:.5px;margin-left:16px;width:calc(100% - 32px)}#main .ad .thum{height:180px}#main .ad:not(:last-of-type) .thum .thum--img_flame img.no-image{object-position:72% 50%}#main .ad:last-of-type .thum .thum--img_flame img.no-image{object-position:40% 50%}#main footer{padding:.7rem .5rem .5rem 2rem}#main footer .copyright{font-size:.81rem;margin-left:.7rem}#main hr.footer_line{margin-bottom:2.5vh}#main .docsify-tabs{margin:24px 16px;padding-top:2vh;padding-bottom:2vh}#main .docsify-tabs .docsify-tabs__tab{font-size:.85rem}#main .docsify-tabs .docsify-tabs__content{padding:1.5rem 1.3rem}#main .docsify-tabs .docsify-tabs__content p{font-size:1rem;padding:0}#main .h_subs{grid-template-columns:1fr 9px auto;margin-top:0;grid-gap:.5rem}#main .h_subs--tag,#main .h_subs--date{font-size:.75rem}#main .h_subs--line{font-size:.5rem}#main .thum{height:180px;margin:calc(.75rem + 1.6vw) 2px calc(.75rem + 1.6vw);box-shadow:-0.1px -0.1px .1px rgba(252,252,252,.8),1.2px .8px 2.4px rgba(204,204,204,.8);border-right-width:0;border-bottom-width:0;border-top-width:0;border-left-width:0}#main .thum:hover{transform:scale(1)}#main .thum--img_flame{height:180px}#main .thum .thum--texts{max-height:180px;grid-gap:0;padding:7px 0 7px}#main .thum.extlink .thum--texts_subs::after{width:16px;height:16px;margin-left:7px;margin-bottom:1.1px;opacity:.5}#main .thum-1col{margin:0 8px}#main .thum-1col .thum{grid-template-columns:37% 58%;gap:5%;padding-right:4%}#main .thum-1col .thum:hover{transform:scale(1)}#main .thum-1col .thum--texts{grid-template-rows:minmax(4rem, auto) minmax(0, 2.3rem) minmax(auto, max-content);padding:12px 0px 12px}#main .thum-1col .thum--title{font-size:1rem;line-height:1.5rem;margin:5px 0px 7px;padding:.75rem 1px 0px 0px}#main .thum-1col .thum--desc{font-size:.7rem;line-height:1.15rem;margin:0;max-height:100%;margin-bottom:.2rem}#main .thum-1col .thum--texts_subs{font-size:.7rem}#main .thum-2col{margin:calc(.75rem + 1.6vw) 8px;grid-gap:calc(.4rem + 1vw)}#main .thum-2col .thum{height:280px;grid-template-rows:50% 50%;grid-gap:0%}#main .thum-2col .thum .thum--img_flame{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 3.5% 100%)}#main .thum-2col .thum .thum--texts{grid-template-rows:minmax(3rem, auto) minmax(0, 0.8fr) minmax(auto, max-content);padding:0px .3rem .4rem;height:100%}#main .thum-2col .thum .thum--title{margin:.8rem 0 .6rem;font-size:1.03rem;line-height:1.38rem;padding:.5rem 2px 0px 2px}#main .thum-2col .thum .thum--desc{max-height:none;font-size:.7rem;line-height:1.2rem}#main .thum-2col .thum .thum--texts_subs{font-size:.67rem;padding:0}#main .thum-2col .thum.extlink .thum--texts_subs::after{width:16px;height:16px;margin-left:6px;margin-bottom:1px}#main .thum-3col{grid-gap:calc(.4rem + 1vw);margin:calc(.75rem + 1.6vw) 8px;grid-template-columns:1fr}#main .thum-3col .thum{grid-template-columns:42% 58%;grid-template-rows:none;grid-gap:3.8%;height:130px;padding-right:6%}#main .thum-3col .thum .thum--img_flame{height:100%;align-self:end;clip-path:polygon(0% 0px, 100% 0px, 92% 100%, 0 100%)}#main .thum-3col .thum .thum--texts{height:130px;grid-template-rows:minmax(3.3rem, auto) minmax(0, 0.8fr) minmax(1.2rem, max-content);padding:.1rem 0 .6rem}#main .thum-3col .thum .thum--title{font-size:1.03rem;line-height:1.45rem;margin:.7rem 0px .5rem;padding:.4rem 2px 0px 2px}#main .thum-3col .thum .thum--desc{font-size:.65rem;line-height:1rem;margin:0;padding-right:.1rem}#main .thum-3col .thum .thum--texts_subs{justify-content:end;font-size:.65rem;line-height:.75rem;min-height:.8rem;margin:3px 0 0;padding:0}#main .thum-4col{grid-template-columns:1fr 1fr}#main .thum-4col .thum{height:60px;grid-template-columns:70px auto;grid-gap:5%}#main .thum-4col .thum:hover{transform:scale(1)}#main .thum-4col .thum.thum_img_none{padding-left:.4rem}#main .thum-4col .thum.thum_img_none .thum--texts{padding:7px 0px}#main .thum-4col .thum.extlink .thum--texts::after{width:11px;height:11px;margin:4px;opacity:.2}#main .thum-4col.vl .thum.extlink .thum--texts_subs{padding:0 1rem 0 .35rem}#main .thum-4col.vl .thum{height:140px}#main .thum-4col.vl .thum .thum--texts{grid-template-rows:calc(100% - 1.1rem) 1.1rem;padding:3px}#main .thum-4col.vl .thum .thum--texts::after{margin:0px 6px 7px;width:12px;height:12px;opacity:.5}#main .thum-4col.vl .thum.thum_img_none .thum--texts{padding:5% 5.2% 3%}#main .thum-4col.vl .thum.thum_img_none .thum--texts_subs.links{padding-right:.8rem}#main .thum-4col.vl .thum .thum--title{font-size:.7rem;line-height:1.05rem;padding:6px 0 0 6px}#main .thum-4col.vl .thum .thum--texts_subs{font-size:.55rem;margin:0 .2rem 0 0;line-height:100%}#main .thum-4col.vl .thum .thum--texts_subs.links a.perplexity img{width:11px}#main .thum-4col.vl .thum .thum--texts_subs.links a.twitter img{width:16px}#main .thum-4col.vl .thum .thum--texts_subs.links a.youtube img{width:16px}#main .thum-4col.vl .thum.thum_img_none{height:130px}#main .thum-4col.vl .thum.thum_img_none .thum--texts::after{margin:0px 7px 8px}#main .thum-4col.vl .thum.thum_img_none .thum--texts .thum--desc{height:100%}#main .thum-4col .thum.thum_img_fill.extlink .thum--img_flame::after{width:11px;height:11px;margin:4px;opacity:.2}#main .thum-4col .thum--img_flame{padding-top:1.5px}#main .thum-4col .thum--img_flame img{object-position:0% 50%}#main .thum-4col .thum--texts{grid-template-rows:minmax(auto, 1rem) 0}#main .thum-4col .thum.thum_img_none .thum--title{font-size:.95rem}#main .thum-4col .thum--title{font-size:.85rem;padding-right:.5rem;line-height:19.5px;min-height:1rem}#main .thum-4col .thum--texts::after{width:11px;height:11px;margin:6px 1.5px 5px 4px}#main .thum-4col .thum--desc{height:0}#main .tweets{display:grid;grid-template-columns:auto auto;grid-gap:.5%;margin:2px}#main .tweets a{padding:0}#main .tweets a img{border-radius:6px;width:100%;max-width:100%;box-shadow:none}#main .tweets a:hover img{transform:scale(1)}#main .tweets.sp_odd a:last-of-type{grid-column:span 2}#main .tweets.sp_odd a:last-of-type img{max-width:49.5%;margin:auto}#main .slider .slider__scroll{height:calc(67vh + 9rem)}#main .slider .slider__scroll .slider__child{margin:3rem 0}#main .slider .slider__scroll .slider__child img{height:calc(100% - 4.5rem - 1rem)}#main .slider .slider__scroll .slider__child::before,#main .slider .slider__scroll .slider__child::after{right:.6rem;opacity:.8}#main .slider .slider__scroll .slider__child::before{bottom:calc(54% + 25px)}#main .slider .slider__scroll .slider__child::after{bottom:calc(54% + 5px)}#main .slider .slider__scroll .slider__child:first-of-type::before,#main .slider .slider__scroll .slider__child:last-of-type::after{opacity:.3}#main .slider .slider__caption{height:4.5rem}#main #top-pagination,#main .docsify-pagination-container{margin:4vh 1vh 5.4vh;padding:0 18px 0 14px}#main .docsify-pagination-container .pagination-item .pagination-item-label span{font-size:.85rem}#main .docsify-pagination-container .pagination-item .pagination-item-label svg{margin-top:-1px}#main .docsify-pagination-container .pagination-item .pagination-item-title{font-size:1.1rem}#main .docsify-pagination-container .pagination-item--next{min-width:67%;padding-left:7%}#main .docsify-pagination-container .pagination-item--previous{min-width:30%}#main>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(p) code{font-size:.9rem}body[data-page="readme.md"] #main #h1_img_group.top{margin-top:2vh;margin-bottom:-2vh}body[data-page="readme.md"] #main h2,body[data-page="readme.md"] #main h3,body[data-page="readme.md"] #main h4,body[data-page="readme.md"] #main h5,body[data-page="readme.md"] #main h6{padding-left:11px}}aside.sidebar{display:grid;grid-template-rows:auto auto 1fr;width:280px;background-color:rgba(0,0,0,0);overflow-y:scroll;transition:all .22s cubic-bezier(0, 0, 0.25, 0.8);-webkit-transition:all .22s cubic-bezier(0, 0, 0.25, 0.8);border:0px;box-shadow:0px 0 2px rgba(0,0,0,.1019607843);padding-top:0}aside.sidebar::-webkit-scrollbar{width:1.5px}aside.sidebar:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.0705882353)}aside.sidebar:hover::-webkit-scrollbar-track{background-color:rgba(0,0,0,.0117647059)}aside.sidebar ::placeholder{color:#ccc}aside.sidebar h1.app-name{display:grid;order:1;align-self:center;padding:40px 3px 20px 0px;width:100%;margin-bottom:0}aside.sidebar h1.app-name a{font-family:"GN",cursive,serif;font-size:1.9rem;height:50px;background:url("../img/designTrail-logo-lightmode-v22_1065w.png") no-repeat center;background-size:190px}aside.sidebar h1.app-name a img{opacity:0;display:none}aside.sidebar h1.app-name a.app-name-link{pointer-events:none;font-size:0}aside.sidebar .sidebar-nav{order:2;padding-bottom:0;margin-left:0;max-width:279px}aside.sidebar .sidebar-nav *{font-size:.93rem}aside.sidebar .sidebar-nav p{margin-bottom:0;font-size:.9rem}aside.sidebar .sidebar-nav p strong{opacity:.85;color:#a6a6a6;font-size:.9rem}aside.sidebar .sidebar-nav .app-sub-sidebar li:before{content:""}aside.sidebar .sidebar-nav ul{margin:3px 0 0 9px}aside.sidebar .sidebar-nav ul li{font-weight:400}aside.sidebar .sidebar-nav ul li a{padding-right:1rem;margin:8px 0}aside.sidebar .sidebar-nav ul li p{padding-top:3px;padding-bottom:3px}aside.sidebar .sidebar-nav ul li.collapse .app-sub-sidebar{display:block}aside.sidebar .sidebar-nav ul li,aside.sidebar .sidebar-nav ul li a,aside.sidebar .sidebar-nav ul li p{color:rgba(52,73,94,.8509803922)}aside.sidebar .sidebar-nav ul li.active>ul a,aside.sidebar .sidebar-nav ul li.collapse a,aside.sidebar .sidebar-nav ul li.open.active li,aside.sidebar .sidebar-nav ul li.open.active li>a,aside.sidebar .sidebar-nav ul li.collapse li,aside.sidebar .sidebar-nav ul li.collapse.active,aside.sidebar .sidebar-nav ul li.file.open>ul li:not(.active) a{font-weight:600;animation:fadeIn3 .3s ease-in 0s 1 normal;-webkit-animation:fadeIn3 .3s ease-in 0s 1 normal}aside.sidebar .sidebar-nav ul li.active>ul a:hover,aside.sidebar .sidebar-nav ul li.collapse a:hover,aside.sidebar .sidebar-nav ul li.open.active li:hover,aside.sidebar .sidebar-nav ul li.open.active li>a:hover,aside.sidebar .sidebar-nav ul li.collapse li:hover,aside.sidebar .sidebar-nav ul li.collapse.active:hover,aside.sidebar .sidebar-nav ul li.file.open>ul li:not(.active) a:hover{color:#f7c308}aside.sidebar .sidebar-nav ul li.active{color:#34495e}aside.sidebar .sidebar-nav ul li.active>a{border:none;font-weight:700;font-size:.98rem}aside.sidebar .sidebar-nav ul li.active>a:hover{text-decoration:underline 1px dotted #f7c308}aside.sidebar .sidebar-nav ul li.active>a.section-link{color:#f7c308;font-weight:700;border:none}aside.sidebar .sidebar-nav ul li.active>ul a{color:#34495e;font-size:.95rem}aside.sidebar .sidebar-nav ul li a{text-decoration:none}aside.sidebar .sidebar-nav ul li.open:has(.active),aside.sidebar .sidebar-nav ul li.open:has(.active)>a{font-weight:700}aside.sidebar .sidebar-nav ul li.open:has(.active):hover,aside.sidebar .sidebar-nav ul li.open:has(.active)>a:hover{color:#f7c308}aside.sidebar .sidebar-nav ul li.open.active.folder{color:#34495e;font-weight:600}aside.sidebar .sidebar-nav ul li.open.active.folder:hover{color:#f7c308}aside.sidebar .sidebar-nav ul li.open.folder{color:#34495e;font-weight:600}aside.sidebar .sidebar-nav ul li.open.active>a,aside.sidebar .sidebar-nav ul li.open:has(.active)>a{text-decoration:underline;text-decoration-thickness:2.7px;text-decoration-skip-ink:none;text-underline-offset:5.7px;text-decoration-color:rgba(247,195,8,.6)}aside.sidebar .sidebar-nav ul li.open.active>ul,aside.sidebar .sidebar-nav ul li.open:has(.active)>ul{margin:11px 0 0 9px}aside.sidebar .sidebar-nav ul:not(.app-sub-sidebar)>li:not(.file),aside.sidebar .sidebar-nav>ul>li{margin:5px 0 3px 0}aside.sidebar .sidebar-nav>ul{display:grid;grid-template-columns:100%}aside.sidebar .sidebar-nav>ul:first-of-type{margin:0;padding-left:36px}aside.sidebar .sidebar-nav>ul:first-of-type+*{margin-top:.2rem}aside.sidebar .sidebar-nav>ul:first-of-type>li>a{font-size:.95rem}aside.sidebar .sidebar-nav>ul:first-of-type a{font-size:.93rem}aside.sidebar .sidebar-nav>ul>li{font-size:.95rem;max-width:100%}aside.sidebar .sidebar-nav>ul>li.file{margin-left:0}aside.sidebar .sidebar-nav>ul>li>a{margin:0}aside.sidebar .sidebar-nav>ul>li>ul li.file.last-of-type>a{margin-bottom:10px}aside.sidebar .sidebar-nav>ul:not(.app-sub-sidebar)>li:not(.file){margin-left:0}aside.sidebar .sidebar-nav .share-icons{display:grid;grid-auto-flow:column;width:calc(100% - 1.2rem);grid-template-columns:1fr 1fr 1fr 1fr 1fr;padding:.4rem .4rem .4rem 0;margin-bottom:1rem}aside.sidebar .sidebar-nav .share-icons a{display:grid;align-content:center;justify-content:center;line-height:normal;padding:10px 2px;text-decoration:none}aside.sidebar .sidebar-nav .share-icons a .share-icon{font-size:24px;width:24px;height:auto}aside.sidebar .sidebar-nav .share-icons a .fa-brands{color:#202020}aside.sidebar .sidebar-nav .share-icons a .fa-twitter{color:#1d9bf0;font-size:27px}aside.sidebar .sidebar-nav .share-icons a .twitter-svg{width:auto;height:24px}aside.sidebar .sidebar-nav .share-icons a .fa-get-pocket{color:#ef4154}aside.sidebar .sidebar-nav .share-icons a .fa-pinterest{color:#e60023}aside.sidebar .sidebar-nav .share-icons a .fa-flipboard{color:#f42827;font-size:26px}aside.sidebar .sidebar-nav .share-icons a .note-svg{width:auto;height:24px}aside.sidebar .sidebar-nav .copyUrlTitle_btn{display:grid;align-content:center;align-items:center;width:132.5px;height:36.5px;margin:2vh auto 3.8vh;padding-bottom:3px;background-color:rgba(255,255,255,.9333333333);-webkit-appearance:none;color:rgba(52,73,94,.8509803922);font-size:.8rem;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;pointer-events:auto;cursor:pointer;border-radius:4px;border-style:solid;border-left-color:rgba(230,230,230,.7019607843);border-left-width:1px;border-top-color:rgba(230,230,230,.7019607843);border-top-width:1px;border-right-color:rgba(204,204,204,.8);border-right-width:1px;border-bottom-color:rgba(204,204,204,.8);border-bottom-width:1px}aside.sidebar .sidebar-nav .copyUrlTitle_btn:hover{color:#f7c308}aside.sidebar .sidebar-nav .copyUrlTitle_btn:active{color:#f7c308;-webkit-transform:translate(0, 0.5px);transform:translate(0, 0.5px);border-top-color:rgba(204,204,204,.8);border-top-width:1.5px;border-left-color:rgba(204,204,204,.8);border-left-width:1.5px;border-right-color:rgba(230,230,230,.7019607843);border-right-width:1px;border-bottom-color:rgba(230,230,230,.7019607843);border-bottom-width:1px}aside.sidebar .search{order:3;-webkit-order:3;height:2.3rem;padding:0 2rem 2px 2.3rem;margin:8px 0 112px;max-width:275px;border:none}aside.sidebar .search a{transition:all .15s cubic-bezier(0, 0, 0.25, 0.8);-webkit-transition:all .15s cubic-bezier(0, 0, 0.25, 0.8)}aside.sidebar .search a:hover{color:#f7c308}aside.sidebar .search .search-keyword{color:#34495e}aside.sidebar .search .input-wrap{width:100%;padding-bottom:3px}aside.sidebar .search .input-wrap input[type=search]{padding:3px 11px 2px;line-height:1.8rem;border-radius:4px;background-color:rgba(255,255,255,.9333333333);text-align:center;border-bottom-color:rgba(128,128,128,.1019607843);font-size:16px}aside.sidebar .search .input-wrap input[type=search]::placeholder{font-size:16px}aside.sidebar .search .input-wrap input[type=search]:focus{width:100%;border:1px solid #f7c308;box-shadow:none}aside.sidebar .search .input-wrap input:focus+.clear-button{display:block}aside.sidebar .search .input-wrap .clear-button{text-align:center;padding-top:6px;padding-left:6px;opacity:.8}aside.sidebar .search .results-panel{margin-top:4px;padding:0 0 100px}aside.sidebar .search .results-panel .matching-post{width:100%}aside.sidebar .search .results-panel h2{margin-top:14px;margin-bottom:4px;overflow:hidden}aside.sidebar .search .results-panel p{margin-top:0px}aside.sidebar .search .results-panel .empty{margin-top:20px;font-weight:bold}aside.sidebar .darkmode-toggle1{display:grid;grid-template-columns:50% 50%;align-items:end;justify-content:center;padding:.4rem .4rem;margin:0 auto;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;cursor:pointer}aside.sidebar .darkmode-toggle1:hover .darkmode-label{color:#f7c308}aside.sidebar .darkmode-toggle1 .darkmode-input_btn{justify-self:end;align-self:center;width:2rem;height:1rem;margin:5.8px 4px 3px 3px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230000002a'/%3e%3c/svg%3e");border:1px solid rgba(0,0,0,.1019607843);border-radius:2rem;transition:background-position .15s ease-in-out;-webkit-transition:background-position .15s ease-in-out;float:left;background-repeat:no-repeat;appearance:none;-webkit-appearance:none;cursor:pointer}aside.sidebar .darkmode-toggle1 .darkmode-label{display:grid;width:100%;height:3.3rem;line-height:24px;margin:0;-webkit-mask-image:url(../img/icon/moon-outline.svg);background-color:#34495e;-webkit-mask-size:1.2rem;-webkit-mask-repeat:no-repeat;-webkit-mask-position:left .85rem center;opacity:.8;cursor:pointer}aside.sidebar .darkmode-toggle1 .darkmode-label:hover{color:#f7c308}aside.sidebar .sidebar-hr{margin:4vh 36px 2vh;border-bottom:0;opacity:.09}body.close aside.sidebar{transition:all .3s cubic-bezier(0, 0, 0.2, 0.8);-webkit-transition:all .3s cubic-bezier(0, 0, 0.2, 0.8)}button.sidebar-toggle{width:280px;padding:80px 104px 30px 38px;display:grid;justify-items:left;transition:width .19s;-webkit-transition:width .19s;background:none}button.sidebar-toggle:hover .sidebar-toggle-button{opacity:1}button.sidebar-toggle:hover span{background-color:#f7c308}button.sidebar-toggle span{background-color:#34495e;margin-bottom:5px;width:22px;transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;position:absolute}button.sidebar-toggle span:first-child{bottom:26px}button.sidebar-toggle span:nth-child(2){bottom:34px}button.sidebar-toggle span:last-child{bottom:42px}body.close button.sidebar-toggle{width:280px;transition:width .2s;-webkit-transition:width .2s}@media screen and (min-width: 769px){button.sidebar-toggle .sidebar-toggle-button{position:relative;bottom:-25px;left:2px}button.sidebar-toggle span:first-child{bottom:30px}button.sidebar-toggle span:nth-child(2){bottom:38px}button.sidebar-toggle span:last-child{bottom:46px}body:not(.close) button.sidebar-toggle span{position:absolute}body:not(.close) button.sidebar-toggle span:first-child{transform:rotate(-180deg)}body:not(.close) button.sidebar-toggle span:last-child{transform:rotate(180deg)}}@media screen and (max-width: 768px){body{touch-action:manipulation}body.sidebarMenu_Open section.content{touch-action:none;-webkit-overflow-scrolling:none}body.sidebarMenu_Open section.content a{pointer-events:none}body main button.sidebar-toggle{width:auto;padding:0 0 0 24px}body main button.sidebar-toggle .sidebar-toggle-button{position:relative;bottom:-4px}main aside.sidebar{overscroll-behavior:none}main aside.sidebar h1.app-name{padding-left:3px}main aside.sidebar .sidebar-nav *{font-size:.97rem}main aside.sidebar .sidebar-nav ul li p{padding-top:2px;padding-bottom:2px}main aside.sidebar .sidebar-nav ul li.active>a{font-size:1rem}main aside.sidebar .sidebar-nav ul li.open.active>a,main aside.sidebar .sidebar-nav ul li.open:has(.active)>a{font-size:1.01rem}main aside.sidebar .sidebar-nav ul li a:hover{text-decoration:none}main aside.sidebar .sidebar-nav ul li.active>ul a,main aside.sidebar .sidebar-nav ul li.open,main aside.sidebar .sidebar-nav ul li.open>a,main aside.sidebar .sidebar-nav ul li.collapse a,main aside.sidebar .sidebar-nav ul li.open.active li,main aside.sidebar .sidebar-nav ul li.open.active li>a,main aside.sidebar .sidebar-nav ul li.collapse,main aside.sidebar .sidebar-nav ul li.collapse li,main aside.sidebar .sidebar-nav ul li.collapse.active,main aside.sidebar .sidebar-nav ul li.file.open>ul li:not(.active) a{animation:fadeIn2 0s ease-in-out 0s 1 normal;-webkit-animation:fadeIn2 0s ease-in-out 0s 1 normal}main aside.sidebar .sidebar-nav ul li.open.active>a.section-link{text-decoration:none}main aside.sidebar .sidebar-nav>ul:first-of-type{padding-left:28px}main aside.sidebar .sidebar-nav .copyUrlTitle_btn{padding-bottom:1px}button.sidebar-pin{width:50vw;height:88px}body.sidebarMenu_Open button.sidebar-pin{width:164px;height:92px;touch-action:none;-webkit-overflow-scrolling:none}}@media screen and (max-width: 599px){body aside.sidebar{transition:none;-webkit-transition:none}}body.dark{background-color:#202020;color:#ebebeb}body.dark ::selection{background-color:#fff200;color:#202020}body.dark .progress{background-color:#fff200}body.dark .search input[type=search],body.dark #main pre{background-color:#202020}body.dark #main h2#h_design_01,body.dark #main h2#h_design_01~h2,body.dark #main h2#h_design_02,body.dark #main h2#h_design_02~h2{border-bottom:1px rgba(255,255,255,.0705882353) solid}body.dark #main h2#h_design_01 a,body.dark #main h2#h_design_01~h2 a,body.dark #main h2#h_design_02 a,body.dark #main h2#h_design_02~h2 a{background-color:#202020}body.dark #main h2#h_design_01::before,body.dark #main h2#h_design_01~h2::before,body.dark #main h2#h_design_02::before,body.dark #main h2#h_design_02~h2::before{background:rgba(255,255,255,.0705882353)}body.dark #main .token.attr-value,body.dark #main .token.control,body.dark #main .token.directive,body.dark #main .token.unit{color:#f6d360}body.dark #main a,body.dark #main pre>code,body.dark #main h1,body.dark #main h2,body.dark #main h3,body.dark #main h4,body.dark #main h5,body.dark #main h6,body.dark #main strong,body.dark #main .docsify-pagination-container a,body.dark #main #top-pagination a{color:#f5f5f5}body.dark #main .h_subs *{color:#ebebeb}body.dark #main footer .copyright{color:#e6e6e6}body.dark #main hr,body.dark #main .docsify-pagination-container,body.dark #main #top-pagination{border-color:rgba(255,255,255,.0705882353)}body.dark #main hr .pagination-item:hover .pagination-item-title,body.dark #main .docsify-pagination-container .pagination-item:hover .pagination-item-title,body.dark #main #top-pagination .pagination-item:hover .pagination-item-title{color:#fff200}body.dark #main .anchor span{color:#e6e6e6}body.dark #main blockquote{color:#ccc;border-color:#fff200}body.dark #main pre{border-color:#333}body.dark #main .docsify-tabs.docsify-tabs--classic .docsify-tabs__content,body.dark #main .docsify-tabs.docsify-tabs--classic .docsify-tabs__tab,body.dark #main .docsify-tabs.docsify-tabs--classic:before{border-color:#333}body.dark #main .docsify-tabs .docsify-tabs__tab:hover{color:#ebebeb}body.dark #main .docsify-tabs .docsify-tabs__tab:hover em{color:#ebebeb}body.dark #main .docsify-tabs .docsify-tabs__tab--active{color:#ebebeb;box-shadow:0 1px 0 0 #fff200}body.dark #main .docsify-tabs .docsify-tabs__tab--active em{color:#ebebeb}body.dark #main .docsify-tabs .docsify-tabs__content{border-color:#333}body.dark #main .docsify-tabs .docsify-tabs__content p{color:#f5f5f5}body.dark #main table thead tr th{background-color:#242424;color:rgba(252,252,252,.7019607843)}body.dark #main table tbody tr td{background-color:unset;color:#f5f5f5}body.dark #main table tbody tr:nth-child(2n) td{background-color:#242424}body.dark #main table td,body.dark #main table th{border-color:#454545}body.dark #main table::-webkit-scrollbar{height:2px}body.dark #main table:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3019607843)}body.dark #main code::-webkit-scrollbar{height:2.5px}body.dark #main code:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4)}body.dark #main .token.string,body.dark #main .language-css .token.string,body.dark #main .style .token.string,body.dark #main .token.url{color:#9ee4fa}body.dark #main .token.function,body.dark #main .token.keyword,body.dark #main .token.property{color:#f3a23f}body.dark #main code,body.dark #main .token.tag,body.dark #main .token.attr-name{color:#36ff8d}body.dark #main .token.boolean,body.dark #main .token.number,body.dark #main .token.entity{color:#f6d360}body.dark #main p.tip{background-color:rgba(255,189,211,.5019607843)}body.dark #main p.tip code{background-color:rgba(38,38,38,.1490196078)}body.dark #main p.warn{background-color:rgba(255,247,0,.5019607843)}body.dark #main p.warn code{background-color:rgba(38,38,38,.1490196078)}body.dark #main .ad .thum--title,body.dark #main .ad .thum--desc,body.dark #main .ad .thum--texts_subs{color:#fff;font-weight:200}body.dark #main .ad .thum--img_flame img.no-image{filter:invert(86%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(150%) contrast(150%)}body.dark #main .thum{border-width:0;box-shadow:-1px -1px 1.5px rgba(153,153,153,.1019607843),1.5px 1.5px 3px rgba(18,18,18,.7019607843);background-color:rgba(217,217,217,.0117647059)}body.dark #main .thum:active{color:#fff200;border-left-color:rgba(13,13,13,.8);border-top-color:rgba(13,13,13,.8);border-right-color:rgba(54,54,54,.8);border-bottom-color:rgba(54,54,54,.8);border-top-width:1.5px;border-left-width:1.5px;border-right-width:1px;border-bottom-width:1px;box-shadow:none}body.dark #main .thum:hover .thum--title{color:#fff200;transition:all .15s;-webkit-transition:all .15s}body.dark #main .thum:hover .thum--texts_subs{color:#fff;text-shadow:none}body.dark #main .thum .thum--texts_subs{color:rgba(255,255,255,.7019607843)}body.dark #main .thum .thum--texts_subs.links a img{filter:invert(100%)}body.dark #main .thum.extlink:hover .thum--texts_subs::after,body.dark #main .thum.extlink:hover .thum--texts::after{opacity:1;filter:invert(76%) sepia(97%) saturate(130%) hue-rotate(370deg) brightness(125%) contrast(130%)}body.dark #main .thum--img_flame img.no-image{filter:invert(80%) sepia(100%) saturate(0%) hue-rotate(0) brightness(100%) contrast(100%)}body.dark #main .thum--texts{background-color:rgba(0,0,0,0)}body.dark #main .thum--title{color:#ebebeb;font-weight:600}body.dark #main .thum--desc{color:#d9d9d9}body.dark #main .tweets a img{box-shadow:-1px -1px 1.5px rgba(153,153,153,.1019607843),1.5px 1.5px 3px rgba(18,18,18,.7019607843)}body.dark #main .h_subs--tag:hover{color:#fff200}body.dark button.sidebar-toggle span{background-color:#fff}body.dark button.sidebar-toggle:hover span{background-color:#fff200}body.dark aside.sidebar,body aside.sidebar.dark{color:#d9d9d9;border-right:0px solid rgba(255,255,255,.031372549);background:#202020;box-shadow:0px 0 2px rgba(0,0,0,.5019607843)}body.dark aside.sidebar h1.app-name a,body aside.sidebar.dark h1.app-name a{background:url("../img/designTrail-logo-darkmode-v20_1065w.png") no-repeat center;background-size:190px}body.dark aside.sidebar::-webkit-scrollbar,body aside.sidebar.dark::-webkit-scrollbar{width:1px}body.dark aside.sidebar:hover::-webkit-scrollbar-thumb,body aside.sidebar.dark:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.6)}body.dark aside.sidebar .sidebar-nav li,body.dark aside.sidebar .sidebar-nav li a,body.dark aside.sidebar .sidebar-nav li p,body aside.sidebar.dark .sidebar-nav li,body aside.sidebar.dark .sidebar-nav li a,body aside.sidebar.dark .sidebar-nav li p{color:#e3e3e3;font-weight:400}body.dark aside.sidebar .sidebar-nav li.active>ul a,body.dark aside.sidebar .sidebar-nav li.collapse a,body.dark aside.sidebar .sidebar-nav li.open.active li,body.dark aside.sidebar .sidebar-nav li.collapse,body.dark aside.sidebar .sidebar-nav li.collapse li,body.dark aside.sidebar .sidebar-nav li.collapse.active,body.dark aside.sidebar .sidebar-nav li.file.open>ul li:not(.active) a,body aside.sidebar.dark .sidebar-nav li.active>ul a,body aside.sidebar.dark .sidebar-nav li.collapse a,body aside.sidebar.dark .sidebar-nav li.open.active li,body aside.sidebar.dark .sidebar-nav li.collapse,body aside.sidebar.dark .sidebar-nav li.collapse li,body aside.sidebar.dark .sidebar-nav li.collapse.active,body aside.sidebar.dark .sidebar-nav li.file.open>ul li:not(.active) a{font-weight:500;color:#fff}body.dark aside.sidebar .sidebar-nav li.active>ul a:hover,body.dark aside.sidebar .sidebar-nav li.collapse a:hover,body.dark aside.sidebar .sidebar-nav li.open.active li:hover,body.dark aside.sidebar .sidebar-nav li.collapse:hover,body.dark aside.sidebar .sidebar-nav li.collapse li:hover,body.dark aside.sidebar .sidebar-nav li.collapse.active:hover,body.dark aside.sidebar .sidebar-nav li.file.open>ul li:not(.active) a:hover,body aside.sidebar.dark .sidebar-nav li.active>ul a:hover,body aside.sidebar.dark .sidebar-nav li.collapse a:hover,body aside.sidebar.dark .sidebar-nav li.open.active li:hover,body aside.sidebar.dark .sidebar-nav li.collapse:hover,body aside.sidebar.dark .sidebar-nav li.collapse li:hover,body aside.sidebar.dark .sidebar-nav li.collapse.active:hover,body aside.sidebar.dark .sidebar-nav li.file.open>ul li:not(.active) a:hover{color:#fff200}body.dark aside.sidebar .sidebar-nav li.open:has(.active):hover,body.dark aside.sidebar .sidebar-nav li.open:has(.active)>a:hover,body aside.sidebar.dark .sidebar-nav li.open:has(.active):hover,body aside.sidebar.dark .sidebar-nav li.open:has(.active)>a:hover{color:#fff200}body.dark aside.sidebar .sidebar-nav li:hover,body.dark aside.sidebar .sidebar-nav li a:hover,body aside.sidebar.dark .sidebar-nav li:hover,body aside.sidebar.dark .sidebar-nav li a:hover{color:#fff}body.dark aside.sidebar .sidebar-nav li.open:has(.active),body.dark aside.sidebar .sidebar-nav li.open:has(.active)>a,body.dark aside.sidebar .sidebar-nav li.active>a,body.dark aside.sidebar .sidebar-nav li.active.collapse>a,body.dark aside.sidebar .sidebar-nav li.active>a.section-link,body aside.sidebar.dark .sidebar-nav li.open:has(.active),body aside.sidebar.dark .sidebar-nav li.open:has(.active)>a,body aside.sidebar.dark .sidebar-nav li.active>a,body aside.sidebar.dark .sidebar-nav li.active.collapse>a,body aside.sidebar.dark .sidebar-nav li.active>a.section-link{font-weight:700;border:none}body.dark aside.sidebar .sidebar-nav li.active>a.section-link,body aside.sidebar.dark .sidebar-nav li.active>a.section-link{color:#fff200}body.dark aside.sidebar .sidebar-nav li.open.active.folder,body aside.sidebar.dark .sidebar-nav li.open.active.folder{color:#fff;font-weight:600}body.dark aside.sidebar .sidebar-nav li.open.active.folder:hover,body aside.sidebar.dark .sidebar-nav li.open.active.folder:hover{color:#fff200}body.dark aside.sidebar .sidebar-nav li.open.folder,body aside.sidebar.dark .sidebar-nav li.open.folder{color:#fff;font-weight:700}body.dark aside.sidebar .sidebar-nav li.open.active>a,body.dark aside.sidebar .sidebar-nav li.open:has(.active)>a,body aside.sidebar.dark .sidebar-nav li.open.active>a,body aside.sidebar.dark .sidebar-nav li.open:has(.active)>a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:7.3px;text-decoration-color:#fff200}body.dark aside.sidebar .sidebar-nav li a:hover,body.dark aside.sidebar .sidebar-nav li:hover:not(.open),body.dark aside.sidebar .sidebar-nav li:hover:not(.open):not(.collapse),body aside.sidebar.dark .sidebar-nav li a:hover,body aside.sidebar.dark .sidebar-nav li:hover:not(.open),body aside.sidebar.dark .sidebar-nav li:hover:not(.open):not(.collapse){color:#fff200}body.dark aside.sidebar .sidebar-nav li a:hover>a,body.dark aside.sidebar .sidebar-nav li:hover:not(.open)>a,body.dark aside.sidebar .sidebar-nav li:hover:not(.open):not(.collapse)>a,body aside.sidebar.dark .sidebar-nav li a:hover>a,body aside.sidebar.dark .sidebar-nav li:hover:not(.open)>a,body aside.sidebar.dark .sidebar-nav li:hover:not(.open):not(.collapse)>a{color:#fff200}body.dark aside.sidebar .sidebar-nav .share-icons a .notion-svg,body aside.sidebar.dark .sidebar-nav .share-icons a .notion-svg{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(85%)}body.dark aside.sidebar .sidebar-nav .copyUrlTitle_btn,body aside.sidebar.dark .sidebar-nav .copyUrlTitle_btn{color:rgba(217,217,217,.8509803922);background-color:rgba(0,0,0,0);border-left-color:rgba(46,46,46,.7019607843);border-top-color:rgba(46,46,46,.7019607843);border-right-color:rgba(23,23,23,.7019607843);border-bottom-color:rgba(23,23,23,.7019607843)}body.dark aside.sidebar .sidebar-nav .copyUrlTitle_btn:active,body aside.sidebar.dark .sidebar-nav .copyUrlTitle_btn:active{color:#fff200;border-left-color:rgba(13,13,13,.8);border-top-color:rgba(13,13,13,.8);border-right-color:rgba(54,54,54,.8);border-bottom-color:rgba(54,54,54,.8);border-top-width:1.5px;border-left-width:1.5px;border-right-width:1px;border-bottom-width:1px}body.dark aside.sidebar .sidebar-nav .copyUrlTitle_btn:hover,body aside.sidebar.dark .sidebar-nav .copyUrlTitle_btn:hover{color:#fff200}body.dark aside.sidebar .darkmode-toggle1 .darkmode-input_btn,body aside.sidebar.dark .darkmode-toggle1 .darkmode-input_btn{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff50'/%3e%3c/svg%3e");background-color:#202020;color:rgba(52,73,94,.8509803922);border:1px solid #383838}body.dark aside.sidebar .darkmode-toggle1 .darkmode-label,body aside.sidebar.dark .darkmode-toggle1 .darkmode-label{opacity:.35;-webkit-mask-image:url(../img/icon/moon-fill.svg);background-color:#fff}body.dark aside.sidebar .darkmode-toggle1 .darkmode-label:hover,body aside.sidebar.dark .darkmode-toggle1 .darkmode-label:hover{color:#fff200}body.dark aside.sidebar .darkmode-toggle1 .darkSwitch,body aside.sidebar.dark .darkmode-toggle1 .darkSwitch{animation-name:fadeIn4;animation-duration:.8s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}body.dark aside.sidebar .search .search-keyword,body aside.sidebar.dark .search .search-keyword{color:#fff200}body.dark aside.sidebar .search a:hover,body aside.sidebar.dark .search a:hover{color:#fff200}body.dark aside.sidebar .search .input-wrap,body aside.sidebar.dark .search .input-wrap{border:none}body.dark aside.sidebar .search .input-wrap input[type=search],body aside.sidebar.dark .search .input-wrap input[type=search]{background-color:rgba(0,0,0,0);color:#ebebeb;padding-top:3px}body.dark aside.sidebar .search .input-wrap input[type=search]::placeholder,body aside.sidebar.dark .search .input-wrap input[type=search]::placeholder{color:#555}body.dark aside.sidebar .search .input-wrap input[type=search]:not(:focus),body aside.sidebar.dark .search .input-wrap input[type=search]:not(:focus){border-bottom-color:rgba(128,128,128,.1490196078)}body.dark aside.sidebar .search .input-wrap input[type=search]:focus,body aside.sidebar.dark .search .input-wrap input[type=search]:focus{border:1px solid #fff200}body.dark aside.sidebar .search .results-panel,body aside.sidebar.dark .search .results-panel{border-color:#333}body.dark aside.sidebar .search .results-panel .matching-post,body aside.sidebar.dark .search .results-panel .matching-post{border-color:#333}body.dark aside.sidebar .highlight,body.dark aside.sidebar .highlight_s,body.dark aside.sidebar #main .anchor span.highlight,body.dark aside.sidebar #main .anchor span.highlight_s,body.dark aside.sidebar #main .h_subs .highlight,body aside.sidebar.dark .highlight,body aside.sidebar.dark .highlight_s,body aside.sidebar.dark #main .anchor span.highlight,body aside.sidebar.dark #main .anchor span.highlight_s,body aside.sidebar.dark #main .h_subs .highlight{color:#212121}@media screen and (min-width: 1025px){.sidebar-nav ul li a:hover,.sidebar-nav ul li:hover:not(.open),.sidebar-nav ul li:hover:not(.open):not(.collapse){text-underline-offset:4px;text-decoration:underline dotted #f7c308 1px;color:#f7c308}.sidebar-nav ul li a:hover>a,.sidebar-nav ul li:hover:not(.open)>a,.sidebar-nav ul li:hover:not(.open):not(.collapse)>a{color:#f7c308}}@media screen and (max-width: 599px){body.dark #main .thum,body.dark #main .tweets a img{box-shadow:-1px -1px 1.1px rgba(128,128,128,.1019607843),1.4px 1.4px 2px rgba(18,18,18,.5019607843)}}/*# sourceMappingURL=ma-or-min.css.map */