.translation{border:solid 2px var(--color-blue-dk);border-radius:var(--border-radius-s);box-shadow:var(--drop-shadow-s);background:#fff;margin:.5rem 0;overflow:hidden}.translation .translation-toggles{justify-content:flex-start;align-items:stretch;gap:var(--padding-s);padding:var(--padding-s) var(--padding-s);background:var(--gradient-blue-md);color:#fff;flex-flow:row;display:flex}.translation .translation-toggles .translation-toggles--sep{margin:0 var(--padding-s);border-left:2px solid #fff;flex:none}.translation .translation-toggles .all-toggle{min-width:55px}.translation .translation-toggles button.toggle{padding:var(--padding-s) var(--padding);border-radius:var(--border-radius-xs);flex:none}.translation .translation-toggles button.toggle--caret{min-width:0;color:var(--color-blue-dk);cursor:pointer;background:0 0;border-style:none;justify-content:center;align-items:center;padding:0;display:flex}.translation .translation-toggles button.toggle--caret:hover{color:var(--color-yellow)}.translation .translation-toggles button.toggle--caret .tabler-icon{transition:var(--trans);width:20px;height:20px;transform:rotate(0)}.translation .translation-toggles .translation-toggles--fade{align-items:stretch;gap:var(--padding-s);opacity:1;transition:var(--trans);white-space:nowrap;flex-flow:row;flex:0 auto;display:flex;overflow:hidden}.translation .translation-toggles .translation-preview{white-space:nowrap;text-overflow:ellipsis;opacity:0;width:0;min-width:0;max-width:calc(100% - 50px);transition:var(--trans);flex:0 auto;align-self:center;font-size:1rem;overflow:hidden}.translation.translation--expanded .translation-toggles button.toggle--caret .tabler-icon{transform:rotate(90deg)}.translation.translation--collapsed .translation-toggles{gap:0}.translation.translation--collapsed .translation-toggles .translation-toggles--fade{opacity:0;pointer-events:none;flex-basis:0;margin:0}.translation.translation--collapsed .translation-toggles .translation-preview{opacity:1;flex:auto}.translation.translation--collapsed .translation-body{grid-template-rows:0fr}.translation .translation-body{transition:var(--trans);grid-template-rows:1fr;display:grid}.translation .translation-body__inner{min-height:0;overflow:hidden}.translation .translation-row+.translation-row{border-top:solid 1px var(--color-gray-subtle)}.translation .translation-english{padding:var(--padding-s) var(--padding);background:var(--color-gray-lt);background:var(--gradient-gray-wt-alt);border-bottom:solid 1px var(--color-gray-subtle);font-size:1.2rem}.translation .translation-passage{align-items:flex-end;gap:var(--padding-s) 0;padding:var(--padding-s) var(--padding);flex-flow:wrap;display:flex}.translation .translation-passage .translation-word{flex-flow:wrap;align-items:flex-end;display:flex}.translation .translation-passage .translation-col{align-items:center;gap:var(--padding-s) 0;flex-flow:column;display:flex}.translation .translation-passage .k{font-size:1.6rem}.translation .translation-passage .translation-line--gloss{font-size:.8rem;font-weight:500}.translation .translation-passage .translation-line--gloss:not(:first-child){margin-top:var(--padding-s)}.translation.translation--multi .translation-passage .translation-passage--start{margin-right:var(--padding-xs)}.translation.translation--multi .translation-passage .translation-passage--end{margin-left:var(--padding-xs)}.translation.translation--multi .translation-passage .translation-word{padding:0 var(--padding-s);border:solid 1px var(--color-gray-subtle);border-radius:var(--border-radius-s)}.translation.translation--multi .translation-passage .translation-passage--start,.translation.translation--multi .translation-passage .translation-passage--end{display:none}.translation.translation--multi .translation-passage .k .punct,.translation.translation--multi .translation-passage .ks .punct{color:var(--color-red)}.translation:not(.translation--multi) .translation-col{display:inline}.translation:not(.translation--multi) .translation-line.empty,.translation:not(.translation--multi) .translation-col--divider .translation-line--k,.translation:not(.translation--multi) .translation-col--divider .translation-line--ks{display:none}ul.gloss-abbreviations-list{font-size:var(--font-size-s);columns:6;column-gap:var(--padding);margin:0;padding:0;list-style-type:none}ul.gloss-abbreviations-list li{padding:1px}@media (width<=840px){ul.gloss-abbreviations-list{columns:4}}@media (width<=570px){ul.gloss-abbreviations-list{columns:2}}@media (width<=320px){ul.gloss-abbreviations-list{columns:1}}
