.corner-trainer{min-height:38rem;margin:0 var(--grid-margin) 4rem;flex-direction:row;align-items:start;gap:2rem;display:flex;position:relative}.corner-trainer__canvas{max-height:round(down, calc(80 * var(--layout-height-unit)) - 15rem, 1rem);height:round(down, calc(50 * var(--layout-unit)), 1rem)}.corner-trainer__canvas svg{aspect-ratio:1;width:auto;height:100%;display:block;overflow:visible}.corner-trainer__shape{fill:#23daff;opacity:.9}.corner-trainer__initial{fill:#000}.corner-trainer__target{fill:none;stroke:#f0c;stroke-width:1.5px;stroke-linecap:round}.corner-trainer__handles line{stroke:#72adff;stroke-width:1.5px}.corner-trainer__handles circle{fill:#fff;stroke:#72adff;stroke-width:1.5px}.corner-trainer__controls{border:1px solid var(--color-grey-10);corner-shape:squircle;background:var(--color-background);border-radius:4rem;flex-direction:column;gap:2rem;min-width:22rem;padding:calc(2.5rem - 1px) calc(3rem - 1px);display:flex}.corner-trainer__toggles{gap:1.5rem;display:grid}.corner-trainer__actions{justify-content:space-between;align-items:center;margin-top:auto;display:flex;position:relative}.corner-trainer__result-slot{pointer-events:none;justify-content:center;align-items:start;min-height:13rem;display:flex;position:absolute;inset:0}.corner-trainer__result{--result-color:#adf000;width:min-content;height:auto;font-size:round(down, min(round(down, calc(80 * var(--layout-height-unit)) - 15rem, 1rem), round(down, calc(50 * var(--layout-unit)), 1rem)) * .3, 1rem);color:#000;text-align:center;background:var(--result-color);corner-shape:squircle;transform-origin:50% 60%;left:calc(min(round(down, calc(80 * var(--layout-height-unit)) - 15rem, 1rem), round(down, calc(50 * var(--layout-unit)), 1rem)) / 2 - 1em);top:calc(min(round(down, calc(80 * var(--layout-height-unit)) - 15rem, 1rem), round(down, calc(50 * var(--layout-unit)), 1rem)) / 2 - 1em);border:.5rem solid #fff;border-radius:47% 53% 50% 50%/51% 48% 52% 49%;flex-direction:column;justify-content:center;align-items:center;padding:.125em .25em .25em;animation-duration:.82s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both;display:flex;position:absolute;transform:rotate(-5deg)}.corner-trainer__result strong,.corner-trainer__result strong span{font-size:round(down, min(round(down, calc(80 * var(--layout-height-unit)) - 15rem, 1rem), round(down, calc(50 * var(--layout-unit)), 1rem)) * .3, 1rem)}.corner-trainer__result strong{font-variant-numeric:lining-nums tabular-nums;font-weight:700;line-height:1}.corner-trainer__result span.corner-trainer__result--label{font-family:var(--font-serif);font-size:round(down, min(round(down, calc(80 * var(--layout-height-unit)) - 15rem, 1rem), round(down, calc(50 * var(--layout-unit)), 1rem)) * .1, 1rem);font-style:italic;line-height:.8}.corner-trainer__result--excellent{animation-name:result-excellent}.corner-trainer__result--very-good{animation-name:result-very-good}.corner-trainer__result--good{animation-name:result-good}.corner-trainer__result--okay{animation-name:result-okay}.corner-trainer__result--bad{animation-name:result-bad}.corner-trainer__result--very-bad{animation-name:result-very-bad}@keyframes result-excellent{0%{opacity:0;filter:blur(.6rem);translate:0 2rem;scale:.88}72%{opacity:1;filter:blur();translate:0 -.25rem;scale:1.07}to{opacity:1;filter:blur();translate:0;scale:1}}@keyframes result-very-good{0%{opacity:0;filter:blur(.55rem);translate:0 1.7rem;scale:.9}72%{opacity:1;filter:blur();translate:0 -.2rem;scale:1.05}to{opacity:1;filter:blur();translate:0;scale:1}}@keyframes result-good{0%{opacity:0;filter:blur(.45rem);translate:-1.5rem .5rem;scale:.93}72%{opacity:1;filter:blur();translate:.25rem -.1rem;scale:1.025}to{opacity:1;filter:blur();translate:0;scale:1}}@keyframes result-okay{0%{opacity:0;filter:blur(.4rem);translate:-1rem .7rem;rotate:none}35%{opacity:1;filter:blur();translate:.45rem -.1rem;rotate:-1.2deg}52%{translate:-.32rem .05rem;rotate:1deg}68%{translate:.2rem;rotate:-.6deg}84%{translate:-.06rem;rotate:.2deg}to{opacity:1;translate:0;rotate:0;filter:blur();scale:1}}@keyframes result-bad{0%{opacity:0;filter:blur(.45rem);translate:0 -1.5rem;rotate:none}65%{opacity:1;filter:blur();translate:0 .65rem;rotate:-2.5deg}82%{translate:0 -.1rem;rotate:.8deg}to{opacity:1;translate:0;rotate:0;filter:blur();scale:1}}@keyframes result-very-bad{0%{opacity:0;filter:blur(.6rem);translate:0 -1rem;scale:1.12 .72}68%{opacity:1;filter:blur();translate:0 .9rem;scale:1.24 .58}to{opacity:1;filter:blur();translate:0;scale:1}}@media (max-width:767px){.corner-trainer__actions{flex-wrap:wrap;gap:1rem}.corner-trainer__controls{flex:1;min-width:0;padding-inline:calc(1.5rem - 1px)}}
.page-corner-rounding-trainer{--corner-trainer-blue:#026beb}.corner-trainer-hero{flex-direction:row;justify-content:start;align-items:end;gap:2rem;margin-bottom:2rem;padding-top:5rem;padding-bottom:1rem;display:flex}.corner-trainer-hero h1{font-family:var(--font-sans);letter-spacing:-.02em;text-align:left;width:min-content;padding:round(.55rem,1px) 0 round(.45rem,1px);font-size:6.5rem;font-variant-caps:normal;font-weight:500;line-height:5rem}.corner-trainer-hero .task{width:100%;font-family:var(--font-sans);text-align:left;max-width:36ch;padding:round(.55rem,1px) 0 round(.45rem,1px);font-size:1.5rem;font-style:italic;line-height:2rem}.corner-trainer-hero .task strong{font-family:var(--font-sans);background:#ffc2f3;font-style:italic;font-weight:600}@media (max-width:1000px){.corner-trainer-hero h1{grid-column:1/7}.corner-trainer-hero p{grid-column:7/13}}@media (max-width:700px){.corner-trainer-hero{padding-top:3rem}.corner-trainer-hero h1,.corner-trainer-hero p{grid-column:1/13}.corner-trainer-hero h1{font-size:4.5rem}.corner-trainer-hero p{margin-left:var(--grid-column-padding);margin-right:var(--grid-column-padding)}}