.menu{display:none;width:280px;position:absolute;z-index:32000;background-color:#fff;box-shadow:0 4px 5px 3px rgba(0,0,0,0.2);margin:0;box-sizing:border-box}.menu *{margin:0;padding:0;box-sizing:border-box}.menu span,.menu a{display:block}.menu .menu-header{padding-bottom:1rem;border-bottom:1px solid #efefef;margin-bottom:1rem}.menu .menu-header .menu-header__title{font-weight:700;padding:1rem 1rem 0}.menu .menu-header .menu-header__description{color:#aaa;font-size:.9rem;line-height:1.3;padding:0 1rem}.menu .menu-social{padding-bottom:.5rem;border-bottom:1px solid #efefef;margin-bottom:1rem}.menu .menu-social .menu-social__title{margin-bottom:0 !important;padding:0 1rem .25rem}.menu .menu-social .menu-social__list{list-style-type:none}.menu .menu-social .menu-social__list .menu-social__item .menu-social__link{color:inherit;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:.5rem 1rem}.menu .menu-social .menu-social__list .menu-social__item .menu-social__link:hover{background-color:rgba(0,0,0,0.05)}.menu .menu-social .menu-social__list .menu-social__item .menu-social__link .menu-social__icon{width:1.5rem;height:1.5rem;display:block;margin-right:.5rem}.menu .menu-htmlcode .menu-htmlcode__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 1rem;margin-bottom:.5rem}.menu .menu-htmlcode .menu-htmlcode__header .menu-htmlcode__title{margin-bottom:0 !important}.menu .menu-htmlcode .menu-htmlcode__copy{padding:0 1rem;margin-bottom:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.menu .menu-htmlcode .menu-htmlcode__copy .menu-htmlcode__button{border:0;background-color:#6ea371;color:#fff;text-transform:uppercase;font-size:.7rem;letter-spacing:1px;padding:.25rem .5rem;margin-right:1rem;box-shadow:0 1px 4px rgba(0,0,0,0.125);-webkit-transition:all .3s;transition:all .3s}.menu .menu-htmlcode .menu-htmlcode__copy .menu-htmlcode__button:hover{box-shadow:0 0 8px rgba(0,0,0,0.25);-webkit-filter:brightness(1.1);filter:brightness(1.1)}.menu .menu-htmlcode .menu-htmlcode__copy .menu-htmlcode__copyconfirm{font-size:.9rem;font-weight:700}.menu .menu-htmlcode .menu-htmlcode__copy .menu-htmlcode__copyconfirm[data-status='hide']{display:none}.menu .menu-htmlcode .menu-htmlcode__copy .menu-htmlcode__copyconfirm[data-status='show']{-webkit-animation:fadeIn .5s 1 forwards;animation:fadeIn .5s 1 forwards}.menu .menu-htmlcode .menu-htmlcode__copy .menu-htmlcode__copyconfirm.menu-htmlcode__copyconfirm--success{color:#23762d}.menu .menu-htmlcode .menu-htmlcode__copy .menu-htmlcode__copyconfirm.menu-htmlcode__copyconfirm--error{color:crimson}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.menu .menu-htmlcode .menu-htmlcode__code{width:100%;height:4.8rem;font-family:'Fira Code',monospace;font-size:.7rem;padding:.5rem 1rem;border:0;background:rgba(0,0,0,0.025);word-break:break-all}.menu .menu-htmlcode .menu-htmlcode__code::-webkit-scrollbar{display:none}.menu .menu-footer .menu-footer__text{color:#ccc;font-size:.8rem;font-style:italic;line-height:1.3;padding:1rem}.menu .menu-htmlcode__title,.menu .menu-social__title{font-weight:700;margin-bottom:.5rem;font-size:.8rem;text-transform:uppercase}