:root{--onyx-ui-font:var(--font-montserrat),var(--font-nanum-gothic),"Apple SD Gothic Neo",Arial,sans-serif;--onyx-body-font:var(--font-noto-sans),var(--font-nanum-gothic),"Apple SD Gothic Neo",sans-serif;--onyx-heading-font:var(--font-nanum-gothic),"Apple SD Gothic Neo",sans-serif;--onyx-code-font:var(--font-source-code-pro),var(--font-nanum-gothic-coding),ui-monospace,monospace;--content-body-font:var(--onyx-body-font);--content-text-primary:#757b85;--content-text-tertiary:#a0a6b0;--content-accent:#436fc1;--content-bg:#fff;--content-bg-secondary:#f6f8fc;--content-border:#e9eaeb}#theme-onyx{min-height:100vh;background:#f3f5f8;color:#7d828c;font:300 16px/1.6 var(--onyx-body-font);-webkit-font-smoothing:antialiased;letter-spacing:normal}#theme-onyx a{transition:color .15s ease-out,border .15s ease-out,opacity .15s ease-out,background-color .15s ease-out}.onyx-wrapper{width:92.5%;max-width:1600px;margin:0 auto}.onyx-icon{width:14px;height:14px;flex:none}.onyx-chevron{width:11px;height:11px;flex:none}.onyx-pill{display:inline-block;padding:13px 35px;border-radius:100px;background:#474d53;color:#fff;font:400 11px/1 var(--onyx-ui-font);text-transform:uppercase;white-space:nowrap}a.onyx-pill:hover{filter:brightness(.92)}.onyx-top-bar{position:absolute;top:0;left:0;z-index:1200;width:100%;height:115px;border-bottom:1px solid rgba(240,243,246,.28)}.onyx-top-bar--solid{position:relative;border-bottom:0;background:#0d0d0e}.onyx-top-bar__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.onyx-top-bar__logo{color:#fff;font:400 28px/1 var(--onyx-ui-font)}.onyx-nav ul{display:flex;margin:0;padding:0;list-style:none}.onyx-nav li{position:relative}.onyx-nav a{display:block;padding:49px 22px 47px;color:#fff;font:400 15px/18px var(--onyx-ui-font);text-transform:uppercase}.onyx-nav a:hover{color:#c4c4cf}.onyx-nav li.is-active:after{position:absolute;bottom:0;left:50%;width:20px;height:2px;margin-left:-10px;content:"";background:#fff}.onyx-nav-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:36px;height:36px;border:0;border-radius:35px;background:#161617;cursor:pointer}.onyx-nav-toggle span{width:14px;height:2px;background:#eee}.onyx-nav-mobile{position:absolute;top:100px;right:3.75%;display:flex;flex-direction:column;width:300px;max-width:92.5%;padding:20px 0;border-radius:2px;background:#000;text-align:right}.onyx-nav-mobile a{padding:12px 28px;color:#fff;font:400 14px/1.2 var(--onyx-ui-font);text-transform:uppercase}.onyx-nav-mobile a.is-active{color:#9aa0ab}.onyx-cover{position:relative;overflow:hidden;background:#16181a}.onyx-cover__background{position:absolute;inset:0;z-index:1;opacity:.7;background-position:bottom;background-size:cover;transition:opacity 1s ease-in-out;animation:onyx-fadein-bg .5s ease-out}.onyx-cover__background--hero{background-image:url(/onyx/thumbs/426.jpg);background-position:50%}.onyx-cover__shadow{position:absolute;bottom:0;z-index:2;width:100%;height:100%;opacity:.7;background:linear-gradient(180deg,rgba(22,24,26,0) 0,#16181a 78%,#16181a 99%)}.onyx-cover__content{position:relative;z-index:3;height:100%}.onyx-cover--blog{height:calc(100vh - 90px);min-height:660px}.onyx-cover--blog .onyx-cover__shadow{opacity:.8}.onyx-cover-posts{position:absolute;bottom:7.5vh;left:0;display:flex;align-items:flex-end;width:100%}.onyx-cover-post{width:30.6875%;margin-right:3.96875%;animation:onyx-slidedownin .5s ease-in-out}.onyx-cover-post:last-child{margin-right:0}.onyx-cover-post__category.onyx-pill{padding:12px 30px;color:#656a79;font-size:11px;font-weight:700;transition:background-color .3s ease-out,color .3s ease-out}.onyx-cover-post.is-active .onyx-cover-post__category.onyx-pill{color:#fff}.onyx-cover-post__title{margin:30px 0;font:400 23px/38px var(--onyx-heading-font);letter-spacing:-.25px}.onyx-cover-post__title a{color:#7d818b;transition:color .3s ease-out}.onyx-cover-post.is-active .onyx-cover-post__title a{color:#fff}.onyx-cover-post__excerpt{display:-webkit-box;overflow:hidden;margin:0;color:#6d717b;font:400 15px/28px var(--onyx-heading-font);-webkit-box-orient:vertical;-webkit-line-clamp:3;transition:color .35s ease-out}.onyx-cover-post__more{display:inline-flex;align-items:center;gap:12px;margin-top:25px;color:#fff;font:700 13px/1 var(--onyx-ui-font);text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .35s ease-out}.onyx-cover-post.is-active .onyx-cover-post__excerpt{color:#b3b8bf}.onyx-cover-post.is-active .onyx-cover-post__more{opacity:1;pointer-events:auto}.onyx-cover--archive{height:480px}.onyx-archive-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding-top:115px;text-align:center}.onyx-archive-heading>span:first-child{color:#8f93a1;font:400 15px/1 var(--onyx-ui-font);text-transform:uppercase;letter-spacing:1px}.onyx-archive-heading h1{margin:0;color:#fff;font:700 46px/1.3 var(--onyx-heading-font);letter-spacing:-.25px}.onyx-search-hero input{width:min(640px,80vw);padding:14px 4px;border:0;border-bottom:2px solid hsla(0,0%,100%,.3);outline:0;background:transparent;color:#fff;font:400 32px/1.3 var(--onyx-heading-font);text-align:center}.onyx-search-hero input:focus{border-bottom-color:#fff}.onyx-cover--single{display:flex;height:90vh;min-height:760px}.onyx-cover--single .onyx-cover__content{display:flex;align-items:flex-end;width:92.5%;padding-bottom:350px}.onyx-single__info{width:100%;max-width:940px;animation:onyx-slidedownin .5s ease-in-out}.onyx-single__category.onyx-pill{padding:15px 50px;color:#f3f5f8;font-size:13px;font-weight:700}.onyx-single__title{margin:50px 0 40px;color:#fff;font:700 46px/68px var(--onyx-heading-font);letter-spacing:-.25px;word-break:keep-all}.onyx-single__meta{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;color:#b4bcca;font:300 13px/1.6 var(--onyx-ui-font);text-transform:uppercase}.onyx-single__meta li{display:inline-flex;align-items:center;gap:8px}.onyx-single__meta li+li:before{margin:0 15px;content:"|";opacity:.6}.onyx-filter-bar{position:relative;z-index:300;background:#ebeff1}.onyx-filter-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px}.onyx-filter-bar__options{display:flex;flex-wrap:wrap;align-items:center;gap:10px 15px;margin:0;padding:20px 0;list-style:none;font-family:var(--onyx-ui-font);text-transform:uppercase}.onyx-filter-bar__title{margin-right:18px;color:#23272a;font-size:18px}.onyx-filter-bar__title:after{content:":"}.onyx-filter-bar__options a{display:block;padding:14px 32px;border-radius:80px;background:#fff;color:#4e565d;font-size:13px;line-height:1}.onyx-filter-bar__options a:hover{background:#44444a;color:#fff}.onyx-filter-bar__options .is-active a{background:#23272a;color:#f3f5f8}.onyx-filter-bar__search{display:flex;flex:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:48px;background:#fff;color:#b1b5bc}.onyx-filter-bar__search:hover{background:#343338;color:#fff}.onyx-page-container{display:flex;align-items:flex-start;justify-content:space-between;padding:110px 0}.onyx-page-contents{width:65.3125%;min-width:0}.onyx-post{position:relative;overflow:hidden;margin-bottom:60px;border-radius:3px;background:#fff}.onyx-post__image{display:block;overflow:hidden;border-radius:3px 3px 0 0}.onyx-post__image img{display:block;width:100%;max-height:640px;object-fit:cover;transition:transform .6s ease-out}.onyx-post__image:hover img{transform:scale(1.02)}.onyx-post__placeholder{display:block;aspect-ratio:16/7;background-position:50%;background-size:cover}.onyx-post__info{position:relative;display:flex;flex-wrap:wrap;padding:0 7.177% 6%}.onyx-post__category.onyx-pill{position:absolute;top:0;left:50%;padding:13px 30px;font-size:12px;transform:translate(-50%,-50%)}.onyx-post__date{position:relative;width:15%;margin:100px 0 0 -20px;font-family:var(--onyx-ui-font);text-align:center;text-transform:uppercase}.onyx-post__date span{display:block}.onyx-post__day{margin:0 auto 15px;color:#51555b;font-size:24px}.onyx-post__day small{font-size:16px}.onyx-post__month{margin-bottom:15px;color:#abb0b7;font-size:17px}.onyx-post__year{margin-bottom:15px;color:#d4d8df;font-size:14px}.onyx-post__dot{position:absolute;top:30%;right:-20%;width:8px;height:8px;border-radius:8px;transition:width .25s ease-out,right .25s ease-out}.onyx-post:hover .onyx-post__dot{right:calc(-20% - 8px);width:16px}.onyx-post__date hr{width:60px;height:1px;margin:35px auto;border:0;background:#e2e7ed}.onyx-post__body{width:78%;margin-left:auto}.onyx-post__title{width:90%;margin:50px 0 40px;font:700 32px/48px var(--onyx-heading-font);letter-spacing:-.25px;word-break:keep-all}.onyx-post__title a{color:#222529}.onyx-post__title a:hover{color:#55595f}.onyx-post__excerpt{margin:40px 0;color:#757a83;font:400 15px/32px var(--onyx-heading-font);word-break:keep-all}.onyx-post__meta{display:flex;align-items:center;justify-content:space-between;margin-top:9%;color:#b4bcca;font:400 13px/1 var(--onyx-ui-font);text-transform:uppercase}.onyx-post__more{display:inline-flex;align-items:center;gap:15px;color:#111112;font-weight:700}.onyx-post__more:hover{color:#686c75}.onyx-pagination{display:flex;align-items:center;justify-content:space-between;margin:100px auto 20px;font:400 15px/1 var(--onyx-ui-font);text-transform:uppercase}.onyx-pagination ul{margin:0;padding:0;list-style:none}.onyx-pagination li,.onyx-pagination ul{display:flex;gap:8px}.onyx-pagination li a,.onyx-pagination li>span{display:block;width:48px;height:48px;border-radius:90px;background:#fff;color:#373737;line-height:48px;text-align:center}.onyx-pagination li a:hover{background:#c0bfc7;color:#fff}.onyx-pagination li>span[aria-current]{background:#373c41;color:#fff}.onyx-pagination li>.onyx-pagination__gap{width:auto;background:transparent;color:#afb7be}.onyx-pagination__button{display:inline-flex;align-items:center;gap:15px;padding:17px 40px;border-radius:100px;background:#373c41;color:#fff}.onyx-pagination__button:hover{background:#262a2d}.onyx-sidebar{width:30.8125%;padding-left:3.75%}.onyx-widget{margin-bottom:55px;padding-bottom:55px;border-bottom:1px solid #e9eaeb}.onyx-widget:last-child{border-bottom:0}.onyx-widget h3{margin:0 0 40px;color:#1a1a1b;font:400 20px/1.2 var(--onyx-ui-font);text-transform:uppercase}.onyx-widget__brand{display:block;color:#373737;font:600 34px/1.2 var(--onyx-ui-font)}.onyx-widget--info hr{width:125px;height:2px;margin:40px 0 0;border:0;background:#e9ebee}.onyx-widget--info{padding-bottom:0;border-bottom:0}.onyx-searchform{position:relative}.onyx-searchform input{width:100%;height:66px;padding:0 60px 0 35px;border:0;border-radius:100px;outline:0;background:#fff;color:#2c3033;font:600 11px/1 var(--onyx-ui-font);text-transform:uppercase;box-shadow:0 5px 30px rgba(0,0,0,.04)}.onyx-searchform input::placeholder{color:#2c3033}.onyx-searchform button{position:absolute;top:16px;right:17px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:34px;background:#373c41;color:#fff;cursor:pointer}.onyx-searchform button .onyx-icon{width:12px;height:12px}.onyx-widget__categories{margin:0;padding:0;list-style:none}.onyx-widget__categories li{display:flex;align-items:center;margin:25px 0;color:#676d73;font:400 15px/1.4 var(--onyx-body-font)}.onyx-widget__categories li:first-child{margin-top:0}.onyx-widget__categories li:last-child{margin-bottom:0}.onyx-widget__categories li:before{width:6px;height:6px;margin-right:20px;border-top:1.5px solid #c9cbe2;border-right:1.5px solid #c9cbe2;content:"";transform:rotate(45deg)}.onyx-widget__categories a{flex:1;color:#676d73;transition:padding-left 125ms ease-in-out,color .15s ease-out}.onyx-widget__categories a:hover{padding-left:5px;color:#1d1d1f}.onyx-count{width:40px;padding:5px 0;border-radius:100px;background:#e6e7eb;color:#222529;font:400 12px/1.2 var(--onyx-ui-font);text-align:center}.onyx-latest{display:flex;gap:7.5%}.onyx-latest+.onyx-latest{margin-top:30px}.onyx-latest:not(:last-child):after{display:none}.onyx-latest__thumb{flex:none;width:76px;height:76px;overflow:hidden;border-radius:100px;background:#202225}.onyx-latest__thumb span{display:block;width:100%;height:100%;background-position:50%;background-size:cover;transition:opacity .25s ease-in-out}.onyx-latest__thumb:hover span{opacity:.8}.onyx-latest__info h5{margin:0;font:700 15px/23px var(--onyx-heading-font);letter-spacing:-.25px}.onyx-latest__info h5 a{color:#1c1c1d}.onyx-latest__info h5 a:hover{color:#686c75}.onyx-latest__meta{margin-top:12px;color:#b0bcc7;font:400 12px/1.2 var(--onyx-body-font);text-transform:uppercase}.onyx-single .onyx-page-container{padding-top:0}.onyx-single__body{position:relative;z-index:4;margin-top:-300px;margin-bottom:60px;padding:7.65%;border-radius:3px;background:#fff}.onyx-single .onyx-sidebar{padding-top:60px}.onyx-toc{display:inline-block;min-width:260px;max-width:100%;margin:0 0 40px;padding:22px 30px 24px;border:1px solid #e9eaeb;border-radius:3px;background:#f9fafc}.onyx-toc__title{margin:0 0 12px;color:#2d2f34;font:600 14px/1.4 var(--onyx-ui-font);text-transform:uppercase}.onyx-toc ol{margin:0;padding:0;list-style:none;counter-reset:onyx-toc}.onyx-toc__item{margin:4px 0;font:400 14px/26px var(--onyx-heading-font)}.onyx-toc__item--2{padding-left:18px}.onyx-toc__item--3{padding-left:36px}.onyx-toc__item a{color:#656770}.onyx-toc__item a:hover{color:#222529}.onyx-single__footer{display:flex;margin-top:60px;padding-top:50px;border-top:2px solid #f6f8fc}.onyx-single__tags .onyx-pill{padding:15px 40px}.onyx-related{display:grid;grid-template-columns:repeat(3,1fr);gap:6.2%;margin-bottom:60px}.onyx-related__post{position:relative;display:block;height:305px;overflow:hidden;padding:35px;border-radius:3px;background:#202225}.onyx-related__background{position:absolute;inset:0;opacity:.32;background-position:50%;background-size:cover;transition:all .4s ease-out}.onyx-related__post:hover .onyx-related__background{opacity:.2;transform:scale(1.05)}.onyx-related__info{position:relative;display:block;height:100%}.onyx-related__label{display:block;color:#a0a3a8;font:400 13px/1 var(--onyx-ui-font);text-transform:uppercase}.onyx-related__bottom{position:absolute;bottom:0;display:block;transition:transform .25s ease-in-out}.onyx-related__post:hover .onyx-related__bottom{transform:translateY(-30px)}.onyx-related__bottom .onyx-pill{padding:10px 24px;font-size:10px}.onyx-related__title{display:block;margin:14px 0 0;color:#fff;font:700 15px/24px var(--onyx-heading-font);word-break:keep-all}.onyx-related__more{position:absolute;bottom:-30px;display:inline-flex;align-items:center;gap:10px;color:#fff;font:700 13px/1 var(--onyx-ui-font);text-transform:uppercase;opacity:0;transition:opacity .25s ease-in-out}.onyx-related__post:hover .onyx-related__more{opacity:1}.onyx-next-post{position:relative;display:flex;align-items:center;justify-content:center;height:510px;padding:0 5%;overflow:hidden;background:#121416;text-align:center}.onyx-next-post__background{position:absolute;inset:0;opacity:.25;background-position:50%;background-size:cover;transition:opacity .15s ease-out}.onyx-next-post:hover .onyx-next-post__background{opacity:.35}.onyx-next-post__inner{position:relative;display:block;width:90%;max-width:570px}.onyx-next-post__label{display:block;color:#8f93a1;font:400 17px/1 var(--onyx-ui-font);text-transform:uppercase}.onyx-next-post hr{width:50px;height:1px;margin:35px auto;border:0;background:#fff;opacity:.26;transition:width .2s ease-out}.onyx-next-post:hover hr{width:90px}.onyx-next-post__title{display:block;margin:0 auto 35px;color:#fff;font:700 29px/44px var(--onyx-heading-font);word-break:keep-all}.onyx-post-contents .notion{color:#757b85;font:400 17px/38px var(--onyx-body-font);word-break:keep-all;overflow-wrap:anywhere}.onyx-post-contents .notion-column>*,.onyx-post-contents .notion>*{padding:0}.onyx-post-contents .notion-text{margin:0 0 22px;padding:0;color:#757b85;font-size:17px;line-height:38px;white-space:pre-wrap}.onyx-post-contents .notion-blank{height:22px;line-height:22px}.onyx-post-contents .notion-h1,.onyx-post-contents .notion-h2,.onyx-post-contents .notion-h3{scroll-margin-top:30px;font-family:var(--onyx-heading-font);letter-spacing:-.25px}.onyx-post-contents .notion-h1{margin:60px 0 40px;color:#2d2f34;font-size:36px;font-weight:700;line-height:48px}.onyx-post-contents .notion-h2{margin:50px 0 35px;color:#2d2f34;font-size:30px;font-weight:700;line-height:40px}.onyx-post-contents .notion-h3{margin:45px 0 30px;color:#8d939e;font-size:24px;font-weight:400;line-height:34px}.onyx-post-contents .notion>.notion-h1:first-child,.onyx-post-contents .notion>.notion-h2:first-child,.onyx-post-contents .notion>.notion-h3:first-child{margin-top:0}.onyx-post-contents .notion-link{color:#656770;border-bottom:1px solid #d4d5de;text-decoration:none;opacity:1}.onyx-post-contents .notion-link:hover{color:#222529;border-bottom-color:#222529}.onyx-post-contents b,.onyx-post-contents strong{color:#4e5158;font-weight:700}.onyx-post-contents .notion-list{margin:0 0 26px;padding-left:7.5%;color:#757b85;font-size:17px;line-height:34px}.onyx-post-contents .notion-list li{margin:0 0 12px;padding:0 0 0 1%}.onyx-post-contents .notion-quote{margin:45px 5%;padding:20px 0 20px 5%;border-left:6px solid #e8eaed;color:#4e5158;font:600 19px/36px var(--onyx-heading-font);letter-spacing:-.5px}.onyx-post-contents .notion-hr{width:60%;height:1px;margin:7.5% auto;border:0;background:#dfdfdf}.onyx-post-contents .notion-asset-wrapper{margin:30px 0}.onyx-post-contents .notion-asset-wrapper img{border-radius:3px}.onyx-post-contents .notion-image-caption{margin-top:10px;color:#a0a6b0;font-size:13px;line-height:20px;text-align:center}.onyx-post-contents .notion-callout{margin:30px 0;padding:22px 26px;border:0;border-radius:3px;background:#f6f8fc;line-height:32px}.onyx-post-contents .notion-table{display:block;width:100%;margin:30px 0;overflow-x:auto;border-collapse:collapse;font-size:15px;line-height:26px}.onyx-post-contents .notion-td,.onyx-post-contents .notion-th{padding:.5rem .75rem;border:1px solid #dbdbdb;text-align:left}.onyx-post-contents .notion-th{background:#f0f0f0;color:#4e5158;font-weight:700}.onyx-post-contents .notion-bookmark{border-color:#e9eaeb;border-radius:3px}.onyx-post-contents .notion-toggle{margin:0 0 22px}.onyx-post-contents .notion-toggle>summary{cursor:pointer}.onyx-post-contents .notion-inline-code{padding:2px 6px;border-radius:3px;background:#f4f5f7;color:#c7254e;font-family:var(--onyx-code-font);font-size:.86em}.onyx-post-contents .code-toolbar{position:relative;margin:10px 0 30px}.onyx-post-contents .notion-code{margin:0;padding:10px 0;overflow-x:auto;border-radius:8px;background:#f9f9f9!important;color:#333;font:500 13px/24px var(--onyx-code-font);tab-size:4;white-space:pre;word-break:normal;overflow-wrap:normal}.onyx-post-contents .notion-code>code{display:flex;flex-direction:column;min-width:max-content;padding:0;background:transparent;font:inherit;counter-reset:onyx-line}.onyx-post-contents .notion-code .line{display:block;padding:1px 18px 1px 0;counter-increment:onyx-line}.onyx-post-contents .notion-code .line:before{display:inline-block;width:3.2em;margin-right:14px;padding-right:10px;border-right:1px solid #e6e6e6;color:#aaa;content:counter(onyx-line);text-align:right;user-select:none}.onyx-post-contents .notion-code .line:last-child:empty{display:none}.onyx-post-contents .notion-code .line:hover{background:#f0f0f0}.onyx-post-contents .notion-code:not(.shiki)>code{display:block;padding:0 18px;white-space:pre}.onyx-post-contents .code-toolbar>.toolbar{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .15s ease-out}.onyx-post-contents .code-toolbar:hover>.toolbar{opacity:1}.onyx-post-contents .copy-to-clipboard-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e3e3e3;border-radius:100px;background:#fff;color:#6b7280;font:600 11px/1 var(--onyx-ui-font);text-transform:uppercase;cursor:pointer}.onyx-post-contents .copy-to-clipboard-button:hover{background:#373c41;color:#fff}.onyx-post-contents .copy-to-clipboard-button svg{width:12px;height:12px}.onyx-post-contents .notion-mermaid{display:flex;justify-content:center;margin:30px 0;padding:24px;border-radius:8px;background:#f9f9f9}.onyx-post-contents .notion-mermaid-error{margin:30px 0;padding:16px;border-radius:8px;background:#fff4f4;color:#b91c1c;font-size:14px;line-height:24px}.onyx-post-contents .notion-mermaid-error pre{margin-top:8px;overflow-x:auto;font:12px/20px var(--onyx-code-font);white-space:pre}.onyx-archive__year{margin-bottom:40px;padding:50px 7.177%;border-radius:3px;background:#fff}.onyx-archive__year h2{margin:0 0 30px;color:#d4d8df;font:400 36px/1 var(--onyx-ui-font)}.onyx-archive__year ul{margin:0;padding:0;list-style:none}.onyx-archive__year li{display:flex;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid #f0f2f5}.onyx-archive__year li:last-child{border-bottom:0}.onyx-archive__year time{flex:none;width:48px;color:#abb0b7;font:400 14px/1 var(--onyx-ui-font)}.onyx-archive__title{flex:1;min-width:0;color:#222529;font:700 17px/28px var(--onyx-heading-font);word-break:keep-all}.onyx-archive__title:hover{color:#686c75}.onyx-archive__year .onyx-pill{flex:none;padding:9px 20px;font-size:10px}.onyx-empty{padding:60px 7%;border-radius:3px;background:#fff;color:#757a83;font-size:16px;text-align:center}.onyx-footer{padding:40px 0;background:#2c3033}.onyx-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.onyx-footer p{margin:0;font:400 13px/26px var(--onyx-ui-font)}.onyx-footer__main,.onyx-footer__main a{color:#e7eaed}.onyx-footer__alt{color:#6c7985}.onyx-footer__utils{display:flex;gap:8px;margin:0;padding:0;list-style:none}.onyx-footer__utils a{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:42px;background:#373c41;color:#c4c9cf;font:600 11px/1 var(--onyx-ui-font)}.onyx-footer__utils a:hover{background:#fff;color:#2c3033}@keyframes onyx-fadein-bg{0%{opacity:0}}@keyframes onyx-slidedownin{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}@media (max-width:1680px){.onyx-post__title{font-size:30px;line-height:46px;width:100%;margin:40px 0 30px}}@media (max-width:1280px){.onyx-cover-post__title{font-size:21px;line-height:34px}}@media (max-width:1120px){.onyx-cover--blog{height:75vh}.onyx-post-contents .notion,.onyx-post-contents .notion-text{font-size:16px;line-height:36px}.onyx-post-contents .notion-h1{font-size:32px;line-height:44px}.onyx-post-contents .notion-h2{font-size:28px;line-height:38px}.onyx-single__title{font-size:38px;line-height:56px}}@media (max-width:1024px){.onyx-nav{display:none}.onyx-nav-toggle{display:flex}.onyx-page-container{flex-direction:column;padding:70px 0}.onyx-page-contents,.onyx-sidebar{width:100%}.onyx-sidebar{padding:40px 0 0}.onyx-cover-post:not(.is-active) .onyx-cover-post__excerpt{display:none}}@media (max-width:900px){.onyx-cover-posts{flex-direction:column;align-items:stretch;gap:22px}.onyx-cover-post{width:100%;margin:0}.onyx-cover-post:not(.is-active),.onyx-filter-bar__search,.onyx-filter-bar__title{display:none}.onyx-filter-bar__options{flex-wrap:nowrap;overflow-x:auto}.onyx-related{grid-template-columns:1fr;gap:20px}.onyx-related__post{height:220px}}@media (max-width:780px){.onyx-top-bar{height:90px}.onyx-top-bar__logo{font-size:22px}.onyx-nav-mobile{top:80px}.onyx-post__date{display:none}.onyx-post__body{width:100%}.onyx-post__info{padding:0 7% 8%}.onyx-post__title{font-size:24px;line-height:36px;margin:45px 0 20px}.onyx-post__excerpt{margin:20px 0;font-size:14px;line-height:28px}.onyx-cover--single{min-height:560px}.onyx-cover--single .onyx-cover__content{padding-bottom:200px}.onyx-single__body{margin-top:-160px;padding:30px 6%}.onyx-single__title{margin:35px 0 25px;font-size:28px;line-height:40px}.onyx-post-contents .notion,.onyx-post-contents .notion-text{font-size:15px;line-height:32px}.onyx-post-contents .notion-h1{font-size:26px;line-height:36px}.onyx-post-contents .notion-h2{font-size:23px;line-height:32px}.onyx-post-contents .notion-h3{font-size:20px;line-height:30px}.onyx-post-contents .notion-list{padding-left:22px}.onyx-post-contents .notion-code{font-size:12px;line-height:22px}.onyx-post-contents .notion-code .line:before{width:2.2em;margin-right:10px}.onyx-archive-heading h1{font-size:32px}.onyx-search-hero input{font-size:22px}.onyx-archive__year{padding:30px 6%}.onyx-archive__year li{flex-wrap:wrap;gap:8px 16px}.onyx-archive__title{flex-basis:calc(100% - 64px)}.onyx-archive__year .onyx-pill{margin-left:64px}.onyx-pagination__button{padding:15px 22px}.onyx-next-post{height:380px}.onyx-next-post__title{font-size:22px;line-height:34px}.onyx-footer__inner{flex-direction:column;align-items:flex-start}}