.dictionary-training-chooser{--chooser-hue:170;position:relative;margin-top:22px;padding:26px;border-radius:23px;border:1px solid hsl(var(--chooser-hue) 32% 85%);background:radial-gradient(ellipse at 100% 0,hsl(var(--chooser-hue) 52% 86%/.24),transparent 65%),linear-gradient(125deg,hsl(var(--chooser-hue) 50% 96%),hsl(calc(var(--chooser-hue) + 20) 70% 99%) 65%,#fff);box-shadow:inset 0 1px 0 #ffffffef,0 8px 24px hsl(var(--chooser-hue) 45% 32%/.035)}.dictionary-training-chooser>.dictionary-set-eyebrow{color:hsl(var(--chooser-hue) 34% 40%);letter-spacing:.035em;font-size:11px}.dictionary-training-chooser h2{font-size:21px;margin:9px 0 0;line-height:1.35;color:hsl(var(--chooser-hue) 32% 25%)}.dictionary-training-chooser .dictionary-mode-picker{gap:14px;margin:25px 0 0}.dictionary-training-chooser .dictionary-mode-picker button{position:relative;min-width:0;min-height:108px;box-sizing:border-box;padding:20px 16px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px 13px;border:1px solid #d9e7e9;border-radius:17px;background:linear-gradient(135deg,#ffffffeb,#ffffffa8);box-shadow:inset 0 1px 0 #fff,0 3px 10px #325c6805;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.dictionary-training-chooser .dictionary-mode-picker strong{font-size:13px;line-height:1.4;align-self:end;color:#315365;padding-right:11px}.dictionary-training-chooser .dictionary-mode-description{font-size:10.5px;line-height:1.55;color:#7a929c;align-self:start}.dictionary-training-chooser .dictionary-mode-icon{grid-row:1/3;display:grid;place-items:center;width:42px;height:46px;align-self:center;border:1px solid #e0ecee;border-radius:14px;background:linear-gradient(145deg,#f0f8fa,#fff);color:#6d98a5;box-shadow:inset 0 1px 1px #fff}.dictionary-training-chooser .dictionary-mode-icon svg{width:24px;height:24px;grid-row:auto;transform-origin:center;transition:transform .2s ease}.dictionary-training-chooser .dictionary-mode-check{position:absolute;display:grid;place-items:center;right:9px;top:9px;width:16px;height:16px;border-radius:50%;background:hsl(var(--chooser-hue) 61% 33%);color:white;opacity:0;transform:scale(.7);transition:opacity .18s,transform .18s}.dictionary-training-chooser .dictionary-mode-check svg{width:11px;height:11px;grid-row:auto;stroke-width:2.6}.dictionary-training-chooser .dictionary-mode-picker button[aria-pressed=true]{border-color:hsl(var(--chooser-hue) 32% 57%);background:linear-gradient(135deg,hsl(var(--chooser-hue) 44% 94%/.94),hsl(calc(var(--chooser-hue) + 15) 65% 99%));box-shadow:inset 0 1px 0 #fff,0 0 0 1px hsl(var(--chooser-hue) 31% 63%/.16),0 5px 16px hsl(var(--chooser-hue) 36% 35%/.047)}.dictionary-training-chooser .dictionary-mode-picker button[aria-pressed=true] .dictionary-mode-icon{border-color:hsl(var(--chooser-hue) 35% 80%);color:hsl(var(--chooser-hue) 61% 33%);background:linear-gradient(145deg,hsl(var(--chooser-hue) 44% 90%),hsl(var(--chooser-hue) 75% 99%))}.dictionary-training-chooser .dictionary-mode-picker button[aria-pressed=true] .dictionary-mode-check{opacity:1;transform:scale(1)}.dictionary-training-chooser .dictionary-mode-picker button:focus-visible{outline:3px solid hsl(var(--chooser-hue) 37% 67%);outline-offset:4px}.dictionary-training-chooser .dictionary-start-row{margin-top:24px;padding-top:21px;border-top:0;gap:14px}.dictionary-training-chooser .dictionary-start-row .button{min-height:46px;padding:13px 21px;border:1px solid hsl(var(--chooser-hue) 52% 33%);border-radius:13px;background:linear-gradient(135deg,hsl(var(--chooser-hue) 54% 35%),hsl(calc(var(--chooser-hue) + 15) 55% 35%));color:white;box-shadow:inset 0 1px 0 #ffffff35,0 5px 13px hsl(var(--chooser-hue) 52% 34%/.145);transition:transform .18s,box-shadow .18s,filter .18s}.dictionary-training-chooser .dictionary-start-row .button svg{transition:transform .18s}.dictionary-training-chooser .dictionary-start-row .button:focus-visible{outline:3px solid hsl(var(--chooser-hue) 37% 67%);outline-offset:4px}.dictionary-training-chooser .dictionary-start-row button:disabled{opacity:.5;box-shadow:none;cursor:default}@media(hover:hover){.dictionary-training-chooser .dictionary-mode-picker button:hover{transform:translateY(-2px);border-color:hsl(var(--chooser-hue) 29% 64%);box-shadow:0 7px 18px #305f6a0d}.dictionary-training-chooser .dictionary-mode-picker button:hover .dictionary-mode-icon svg{transform:translateY(-2px) rotate(-5deg)}.dictionary-training-chooser .dictionary-start-row a:hover{transform:translateY(-1px);box-shadow:0 7px 18px hsl(var(--chooser-hue) 52% 34%/.21);filter:brightness(1.04)}.dictionary-training-chooser .dictionary-start-row a:hover svg{transform:translateX(3px)}}@media(prefers-reduced-motion:no-preference){.dictionary-training-chooser [data-practice-mode][aria-pressed=true] .dictionary-mode-icon svg{animation:dictionary-mode-lift .65s ease-out!important}.dictionary-training-chooser [data-practice-mode=listening][aria-pressed=true] .dictionary-mode-icon svg{animation:dictionary-mode-listen .8s ease-out!important}.dictionary-training-chooser [data-practice-mode=typing][aria-pressed=true] .dictionary-mode-icon svg{animation:dictionary-mode-type .65s ease-out!important}}@keyframes dictionary-mode-lift{0%,to{transform:translateY(0)}45%{transform:translateY(-4px)}}@keyframes dictionary-mode-listen{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}60%{transform:rotate(7deg)}}@keyframes dictionary-mode-type{0%,to{transform:translateY(0)}30%{transform:translateY(2px)}65%{transform:translateY(-2px)}}@media(max-width:760px){.dictionary-training-chooser{padding:20px 16px;border-radius:19px}.dictionary-training-chooser h2{font-size:19px}.dictionary-training-chooser .dictionary-mode-picker{margin-top:21px;gap:10px}.dictionary-training-chooser .dictionary-mode-picker button{min-height:91px;padding:15px;gap:6px 13px}.dictionary-training-chooser .dictionary-start-row{margin-top:20px;padding-top:18px}}@media(prefers-reduced-motion:reduce){.dictionary-training-chooser .dictionary-mode-check,.dictionary-training-chooser .dictionary-mode-icon svg,.dictionary-training-chooser .dictionary-mode-picker button,.dictionary-training-chooser .dictionary-start-row .button,.dictionary-training-chooser .dictionary-start-row .button svg{animation:none!important;transition:none!important;transform:none!important}}.dictionary-training-chooser[data-chooser-mode=listening]{--chooser-hue:270}.dictionary-training-chooser[data-chooser-mode=typing]{--chooser-hue:205}.dictionary-training-chooser[data-chooser-mode=choice]{--chooser-pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22100%22%20viewBox%3D%220%200%20120%20100%22%3E%3Cg%20transform%3D%22translate%2817%2017%29%20rotate%28-12%2012%2012%29%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%206%201%201%202-2m3%201h10M4%2012l1%201%202-2m3%201h10M4%2018l1%201%202-2m3%201h10%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2877%2067%29%20scale%28.75%29%20rotate%2812%2012%2012%29%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%206%201%201%202-2m3%201h10M4%2012l1%201%202-2m3%201h10M4%2018l1%201%202-2m3%201h10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.dictionary-training-chooser[data-chooser-mode=listening]{--chooser-pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22100%22%20viewBox%3D%220%200%20120%20100%22%3E%3Cg%20transform%3D%22translate%2817%2017%29%20rotate%28-12%2012%2012%29%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2014v-3a9%209%200%200%201%2018%200v3M3%2013h3v8H4a1%201%200%200%201-1-1Zm18%200h-3v8h2a1%201%200%200%200%201-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2877%2067%29%20scale%28.75%29%20rotate%2812%2012%2012%29%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2014v-3a9%209%200%200%201%2018%200v3M3%2013h3v8H4a1%201%200%200%201-1-1Zm18%200h-3v8h2a1%201%200%200%200%201-1Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.dictionary-training-chooser[data-chooser-mode=typing]{--chooser-pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22100%22%20viewBox%3D%220%200%20120%20100%22%3E%3Cg%20transform%3D%22translate%2817%2017%29%20rotate%28-12%2012%2012%29%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%209h.01M10%209h.01M14%209h.01M18%209h.01M6%2012h.01M10%2012h.01M14%2012h.01M18%2012h.01M7%2016h10%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2877%2067%29%20scale%28.75%29%20rotate%2812%2012%2012%29%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%209h.01M10%209h.01M14%209h.01M18%209h.01M6%2012h.01M10%2012h.01M14%2012h.01M18%2012h.01M7%2016h10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.dictionary-training-chooser{isolation:isolate;overflow:hidden}.dictionary-training-chooser:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:hsl(var(--chooser-hue) 42% 42%);opacity:.08;-webkit-mask-image:var(--chooser-pattern);mask-image:var(--chooser-pattern);-webkit-mask-size:120px 100px;mask-size:120px 100px;-webkit-mask-repeat:repeat;mask-repeat:repeat}