.kmn-top-banner{width:100%;display:flex}.kmn-top-banner--wrapper{margin:0 auto;display:flex;gap:var(--spacing-50);padding:var(--spacing-50)}.kmn-top-banner--content{display:flex;gap:var(--spacing-50);align-items:center;font-size:var(--font-body-xs);line-height:var(--text-xs-line-height);color:var(--body-color)}.kmn-top-banner--text{font-size:var(--font-body-xs);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.kmn-top-banner--fake-link{flex-shrink:0;display:flex;align-items:center;color:currentColor;font-weight:var(--font-bold);text-decoration:none}.kmn-top-banner--fake-link:active,.kmn-top-banner--fake-link:hover,:hover>.kmn-top-banner--fake-link{text-decoration:underline}.kmn-top-banner--fake-link--icon{width:1rem;height:auto;stroke:currentColor}.kmn-drawer--content{position:fixed;display:flex;flex-direction:column;z-index:var(--zindex-500);background-color:var(--color-white);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);width:100%;max-width:320px}.kmn-drawer--content-left{top:0;bottom:0;transition:left .2s linear;left:-400px}.kmn-drawer--content-left.open{left:0}.kmn-drawer--content-right{top:0;bottom:0;transition:right .2s linear;right:-400px}.kmn-drawer--content-right.open{right:0}.kmn-drawer--content-bottom{transition:bottom .2s linear;left:0;right:0;height:calc(100vh - 20px);max-width:100%;bottom:-100vh;border-radius:8px 8px 0 0}.kmn-drawer--content-bottom.open{bottom:0}.kmn-drawer--content-wrapper{flex:1 1}.kmn-drawer--overlay{display:none;position:fixed;z-index:var(--zindex-400);top:0;left:0;width:100%;height:100%;background-color:var(--color-light-opacity-40)}.kmn-drawer--overlay-open{display:block}.kmn-drawer--header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:1px solid var(--color-electric-blue-100)}.kmn-drawer--footer{padding:.5rem}