.page_detailPage__66FMG{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%}.page_detailPageGrid__Ttg7C{display:grid;grid-template-rows:52px 1fr 32px;height:100%;width:100%}.page_header__KEdTe{z-index:10}.page_main__xMW5e{position:relative;overflow:hidden}.page_headerDetailH1__24lmV{display:flex;align-items:center;margin-left:15px;font-size:1.5rem;text-align:left;opacity:0;transform:translate3d(-10px,0,0);transition:all .6s cubic-bezier(0,0,0,1)}.page_contentType__fwT7B{padding:4px 8px;margin-left:10px;font-size:.75rem;font-weight:700;vertical-align:middle;color:#ccc;background:#555;border-radius:3px}.page_show__ImilL .page_headerDetailH1__24lmV{opacity:1;transform:translateZ(0)}.page_mainContent__y8DTy:after{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;content:"";background:black;opacity:0;transition:opacity .5s}.page_showing__it9qN{pointer-events:none}.page_showing__it9qN .page_headerDetailH1__24lmV{opacity:0;transform:translate3d(-10px,0,0)}.page_content__RnTer{position:relative;width:100%;height:calc(100vh - 52px - 32px);margin-top:52px}.page_iframeContainer__3TVWM,.page_iframeWrapper__NYbau{position:relative;width:100%;height:100%}.page_demoIframe__1cs21{position:absolute;top:0;left:0;width:100%;height:100%;background:black;border:none}.page_errorContainer__pBI0I,.page_loadingContainer__X0TX9{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.page_errorContainer__pBI0I{flex-direction:column}.page_errorContainer__pBI0I h2{margin-bottom:1rem;font-size:2rem;color:var(--color-text-primary)}.page_errorContainer__pBI0I p{font-size:1rem;color:var(--color-text-secondary)}.Footer_footer__UaG1g{position:fixed;bottom:0;left:0;z-index:20;display:grid;grid-template:". author ." auto/auto 1fr auto;grid-gap:8px;gap:8px;place-content:center;width:100%;min-height:32px;padding-right:16px;padding-left:8px;font-size:.75rem;color:var(--color-text-secondary);text-align:right;background:var(--color-background-secondary);box-sizing:border-box}@media (max-width:767px){.Footer_footer__UaG1g{position:static;display:block;text-align:center}}.Footer_footerAuthor__Qlop7{grid-area:author;text-align:right;@media (max-width:767px){display:none}}@media (max-width:767px){.Footer_footerAuthor__Qlop7{text-align:center}}.Footer_footer__UaG1g a,.Footer_footer__UaG1g a:visited{color:var(--color-link)}.Footer_footer__UaG1g a:hover{color:var(--color-link-hover)}.Footer_footer__UaG1g a:active{color:var(--color-link-active)}.Footer_footerLink__twEJY{@media (min-width:768px){padding-right:16px}}.Header_detailPageNavi__6AQh_{position:fixed;z-index:10;display:flex;width:100%;height:52px;padding:0 16px;overflow:hidden;background-color:var(--color-background-secondary);align-items:center;h1{display:inline-block;font-family:Lato,sans-serif;font-weight:300}}.Header_headerH1Top__lUjgl{flex:1 1}.Header_headerDetailH1__0dhhA{flex:1 1;padding-left:8px;h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;display:block}}.Header_headerAuthor__8yQsA{flex:1 1}.Header_detailPageNaviNavigation__MbfZ_{display:flex;gap:8px}.Header_btnBack__LgxYp{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;font-family:Lato,sans-serif;font-size:.875rem;font-weight:400;color:var(--color-text-primary);text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--color-border-primary);border-radius:0;transition:all 1s;gap:4px;&,&:visited{color:var(--color-text-primary)}&,&:hover,&:visited{text-decoration:none}&:hover{color:var(--color-hover-text);background:var(--color-hover-background);border:1px solid var(--color-hover-background);transition:all .05s}&:active{text-decoration:none;background:var(--color-active-background);border:1px solid var(--color-active-background)}}.VersionSelector_versionSelector__zvu8_{margin-left:auto;padding-right:32px;::picker(select),select{-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;border:none}::picker(select){transition:.2s;@starting-style{scale:.9}}selectedcontent{.VersionSelector_optionImage__Cqnln,.VersionSelector_optionTech__FHiVq{display:none}}.VersionSelector_versionSelect__whXDl{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:inherit;font-size:.875rem;color:var(--color-text-primary);background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:0;padding:8px 32px 8px 12px;cursor:pointer;min-width:196px;&:hover{background-color:var(--color-background-secondary)}&:focus,&:hover{border-color:var(--color-hover-background)}&:focus{outline:none;box-shadow:0 0 0 2px rgba(0,123,255,.25)}-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;selectedcontent:normal;option{display:grid;padding:8px;grid-gap:0;gap:0;grid-template:"visual title" auto "visual meta" auto/auto 1fr;&::checkmark{content:none}&:checked{background:var(--color-background-secondary)}.VersionSelector_optionImage__Cqnln{grid-area:visual;object-fit:cover;width:42px;height:42px;margin-right:8px}.VersionSelector_optionTitle__2lIlh{grid-area:title;font-weight:700;font-size:.875rem;color:var(--color-text-primary)}.VersionSelector_optionTech__FHiVq{grid-area:meta;font-size:.75rem;color:var(--color-text-secondary)}}}}.WorkItem_workItem___d8xX{-webkit-user-select:none;-moz-user-select:none;user-select:none;&.WorkItem_show__esuWY{.WorkItem_imgContainer__467Lp{border:1px solid rgb(255 255 255/100%);transition:border-color .15s ease-out}.WorkItem_imgRollover__Oa54K{opacity:.1;animation-name:WorkItem_anim-img-rollover-show__kszfk;animation-duration:.5s}.WorkItem_date__vRl8Z,.WorkItem_title__92moB{color:#fff}}}.WorkItem_title__92moB{position:relative;overflow:hidden;text-overflow:ellipsis;font-family:Ropa Sans,sans-serif;font-size:.875rem;color:#999;white-space:nowrap;transition:left .2s}.WorkItem_meta__7wEki{a,a:visited{color:#888}a:hover .WorkItem_title__92moB{color:#fff}}.WorkItem_workItemButton__XkgsK{position:relative;display:flex;flex-direction:column;gap:4px;width:100%;padding:0;margin:0;text-align:left;background:none;border:none}.WorkItem_imgContainer__467Lp{position:relative;width:100%;height:0;padding-top:calc(100% * 200 / 460);overflow:hidden;border:1px solid rgb(255 255 255/0);transition:border-color .5s ease-out;img{position:absolute;top:0;visibility:hidden;width:100%;height:auto;aspect-ratio:460/200;object-fit:cover;filter:brightness(400%);transition:all .3s ease;&.WorkItem_show__esuWY{visibility:visible;filter:brightness(100%)}}}.WorkItem_thumb__YhagL{position:relative;display:block;cursor:pointer;.WorkItem_meta__7wEki{margin-top:1px;&:before{position:absolute;width:0;height:1rem;content:"";background:rgb(255 255 255/0);transition:all 1.2s cubic-bezier(1,0,1,.5)}}&:hover .WorkItem_meta__7wEki:before{width:100%;background:rgb(255 255 255/20%);transition:all .3s cubic-bezier(0,0,0,1)}}.WorkItem_imgRollover__Oa54K{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;background:#fff;mix-blend-mode:hard-light;opacity:0;animation-name:WorkItem_anim-img-rollover__TtvVT;animation-duration:1s}.WorkItem_date__vRl8Z{position:relative;font-size:.75rem;color:#999;transition:left .2s}.WorkItem_btnGroup__jcuW3{display:flex;gap:4px;margin-top:4px}.WorkItem_customLink__JytO2{display:inline-block;padding:0 3px;font-family:Ropa Sans,sans-serif;font-size:.75rem;color:#666;cursor:pointer;border:1px solid #333;transition:all 1s;&:hover{color:#000;background:#fff;border:1px solid #fff;transition:all .05s}}@keyframes WorkItem_anim-img-rollover-show__kszfk{0%{opacity:0}5%{opacity:.7}to{opacity:.1}}@keyframes WorkItem_anim-img-rollover__TtvVT{0%{opacity:.1}to{opacity:0}}.page_pageGrid___rkFt{display:grid;grid-template-rows:52px 1fr 32px;min-height:100%;width:100%}.page_main__GlU4n{position:relative;overflow:auto}.page_subTitle__ftcAH{position:absolute;top:46px;left:16px;z-index:1;line-height:1}.page_subTitle__ftcAH strong{font-size:1.6rem;font-weight:200}@media (max-width:767px){.page_subTitle__ftcAH strong{font-size:1.25rem}}.page_subTitle__ftcAH small{font-size:.75rem;font-weight:200;color:var(--color-text-secondary)}.page_pageTopHero__0Sm7s{position:relative;height:84px;padding-bottom:32px;background-image:url(/_next/static/media/bg-photo.a0490219.jpg);background-repeat:no-repeat}.page_pageTopHeroArea__Ow8Ip{padding:10px 16px 16px;overflow:auto;position:relative}.page_pageTopHeroArea__Ow8Ip:before{position:absolute;top:0;left:0;width:100%;height:100px;pointer-events:none;content:"";background-image:url(/_next/static/media/bg-area.e0476f8e.png);background-repeat:repeat-x;background-size:50%}.page_pageTopHeroAreaRow___jpNB{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));grid-gap:16px 8px;gap:16px 8px;align-items:start;grid-auto-rows:min-content;grid-auto-flow:row}@media (max-width:767px){.page_pageTopHeroAreaRow___jpNB{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}