@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped:wght@200;400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap";body{background-color:#fff;color:#474747;display:flex;flex-direction:column;align-items:center;font-family:ibm plex sans thai looped,sans-serif;font-smooth:auto;-webkit-font-smooth:auto;-moz-osx-font-smooth:auto}div,pre,code{box-sizing:border-box}.link{color:#474747;text-decoration:none}.link:hover{color:#c87955}img{max-width:100%}.page{width:80vw;padding-bottom:48px}.summary-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.summary-list>a{text-decoration:none;display:flex;flex-direction:row;justify-content:center;align-items:center}.summary-list>a>.summary{display:flex;height:100%;flex-direction:column;padding:0;border-radius:6px;background-color:#fff;align-items:center;width:100%}.summary-list>a>.summary>.cover{border:1px solid silver;width:calc(100% - 2px);aspect-ratio:1.9;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;overflow:hidden}.summary-list>a>.summary>.abridge{margin-top:4px;width:100%}.summary-list>a>.summary>.abridge>.header{font-size:14pt;font-weight:600;padding:8px 8px 0;text-align:left;color:#474747}.summary-list>a>.summary>.abridge>.body{font-size:12pt;font-weight:400;padding:0 8px 8px;text-align:left;color:#474747}.summary-list>a:hover>.summary>.abridge>.header{color:#c87955;transition:all .19s cubic-bezier(0,0,.58,1)}.summary-list>a:hover>.summary>.abridge>.body{color:#c87955;transition:all .19s cubic-bezier(0,0,.58,1)}.home>.header>h1{line-height:1.5}.single>.header>h1{line-height:1.5}.single>.body{display:flex;flex-direction:column;align-items:center}.single>.body>.cover{width:100%;max-width:800px;aspect-ratio:1.9;background-size:cover;background-position:50%;margin-bottom:32px;border-radius:6px}.single>.body>.content{width:100%}.single>.body>.content pre{padding:16px;border-radius:6px;overflow-x:auto}.single>.body>.content pre>code{font-family:source code pro,monospace!important}.single>.body>.content p+h3,.single>.body>.content div+h3,.single>.body>.content p+table{margin-top:32px}.single>.body>.content table{width:100%;border-spacing:0;border-collapse:separate}.single>.body>.content table>thead>tr>th{border-bottom:2px solid #9ca6b6}.single>.body>.content table>tbody>tr>td{border-bottom:1px solid #9ca6b6;padding:8px}.single>.body>.content p>code{background-color:#272822;color:#fff;padding:2px 8px;font-family:source code pro,monospace!important;border-radius:6px;word-break:keep-all}.single>.body>.content p>strong{color:#c87955}.single>.body>.content p>a{color:#474747}.single>.body>.content p>a:hover{color:#c87955}.meta{width:100%;display:flex;flex-direction:row;justify-content:space-between}.meta .updated-date{margin-top:0;line-height:1.7;font-weight:400;font-size:10pt;color:#9ca6b6;display:flex;align-items:center}.meta .tags-list{margin:0;display:flex;flex-direction:row;column-gap:8px;list-style:none;padding:0}.meta .tags-list>li{float:left;background-color:#9ca6b6;padding:0 12px;border-radius:6px}.meta .tags-list>li>.tag{display:flex;align-items:center;color:#fff;text-decoration:none;font-weight:400;font-size:10pt;line-height:1.7}.navigator{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-top:32px;flex-wrap:wrap}.navigator>div>.previous{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;column-gap:4px}.navigator>div>.previous::before{display:block;content:' ';background-image:url(/images/chevron-left.svg);height:16px;width:16px;background-size:contain;background-position:50%}.navigator>div>.next{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;column-gap:4px}.navigator>div>.next::after{display:block;content:' ';background-image:url(/images/chevron-right.svg);height:16px;width:16px;background-size:contain;background-position:50%}