.top{position:sticky;top:0;z-index:10;background:#f9f8f3;padding-block:16px;gap:24px;min-height:77px}
.top>span{margin-right:auto}
.top .case-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #241f1b;background:#241f1b;color:#f8f5ef;font:13px/1.4 Arial,sans-serif;white-space:nowrap}
.top .case-back:hover{background:#514b43}
.nav{top:77px;z-index:9}
.section{scroll-margin-top:155px}
.demo-stage.is-dialog-open{position:fixed;top:var(--demo-dialog-top);bottom:12px;left:max(12px,calc((100vw - 1320px)/2));right:max(12px,calc((100vw - 1320px)/2));z-index:8;padding:12px;border:1px solid var(--line);overflow:hidden}
.demo-stage.is-dialog-open .frame-shell{margin:0 auto}
.lightbox-head button{background:#241f1b;color:#f8f5ef;border-color:#241f1b;white-space:nowrap}
@media(max-width:700px){.top{padding-block:12px;gap:12px;min-height:69px}.top>span{display:none}.top .sense{font-size:19px}.top .case-back{font-size:12px;padding:9px 12px}.nav{top:69px;gap:22px}.section{scroll-margin-top:145px}}
@media(max-width:380px){.top{flex-wrap:wrap}.top .case-back{width:100%}.nav{top:111px}.section{scroll-margin-top:185px}}