.oulpan-shortcuts{margin-block:0 28px}.oulpan-shortcuts__title{margin-block:0 10px;font-size:18px;font-weight:800}.oulpan-shortcuts__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.oulpan-shortcuts__list{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}}.oulpan-shortcuts__row{box-sizing:border-box;border:2px solid var(--learning-line,var(--elev-line));background:var(--elev-surface,#fff);block-size:100%;min-block-size:56px;color:inherit;transition:border-color .15s var(--elev-ease-out,ease-out), scale .15s var(--elev-ease-out,ease-out);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.oulpan-shortcuts__icon{color:var(--elev-brand-dark,var(--elev-brand));flex:none}.oulpan-shortcuts__words{flex-direction:column;flex:1;gap:2px;min-inline-size:0;display:flex}.oulpan-shortcuts__name{font-size:16px;font-weight:800}.oulpan-shortcuts__line{color:var(--elev-ink-soft);font-size:14px}.oulpan-shortcuts__arrow{color:var(--elev-ink-soft);flex:none;transition:color .15s,translate .15s}.oulpan-shortcuts__arrow:dir(rtl){scale:-1 1}.oulpan-shortcuts__row:focus-visible{outline:3px solid var(--elev-brand);outline-offset:2px}.oulpan-shortcuts__row:is(:focus-visible,:active){border-color:var(--elev-brand)}.oulpan-shortcuts__row:active{scale:.97}.oulpan-shortcuts__row:is(:focus-visible,:active) :is(.oulpan-shortcuts__name,.oulpan-shortcuts__arrow){color:var(--elev-brand-dark,var(--elev-brand))}@media (hover:hover){.oulpan-shortcuts__row:hover{border-color:var(--elev-brand)}.oulpan-shortcuts__row:hover :is(.oulpan-shortcuts__name,.oulpan-shortcuts__arrow){color:var(--elev-brand-dark,var(--elev-brand))}.oulpan-shortcuts__row:hover .oulpan-shortcuts__arrow{translate:2px}.oulpan-shortcuts__row:hover .oulpan-shortcuts__arrow:dir(rtl){translate:-2px}}@media (prefers-reduced-motion:reduce){.oulpan-shortcuts__row,.oulpan-shortcuts__arrow{transition:none}.oulpan-shortcuts__row:active{scale:none}}
