.vocabulary{height:23rem;position:relative}.vocabulary__wrapper{background:#fff;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:all .2s,z-index 1ms;z-index:1}.vocabulary__wrapper-inner{height:100%;position:relative;width:100%}.vocabulary__letter{bottom:0;color:#ebebeb;font-size:140px;font-weight:bolder;line-height:.6;margin:0;position:absolute;right:-1.5rem;z-index:1}.vocabulary__content{border:1px solid #ddd;bottom:0;height:100%;left:0;padding:20px;position:absolute;right:0;top:0;z-index:2}.vocabulary__link{line-height:2}.vocabulary dt{color:blue}.no-js .vocabulary{overflow-y:auto}.vocabulary .is-hidden,.vocabulary__link.is-hidden{display:none}.vocabulary.is-open .vocabulary__wrapper{bottom:-50px;box-shadow:0 0 20px #ccc;right:0;z-index:3}.vocabulary.is-open .vocabulary__expander{display:none}.vocabulary.is-close .vocabulary__wrapper{z-index:2}.vocabulary--large.is-open .vocabulary__expander{display:none}@media (min-width:61em){.vocabulary--large dt:nth-of-type(n+7){opacity:0}.vocabulary--large.is-open .vocabulary--large__content{flex-flow:column wrap}.vocabulary--large.is-open dt{opacity:1;transition:all .2s .2s}.vocabulary--2col.is-open .vocabulary--2col__content{display:flex;flex-flow:column wrap}.vocabulary--2col.is-open dt{display:inline-block;width:49%}}