@layer mdc-focus-ring{._focus-ring_cc6l7_2{animation-delay:0s,calc(var(--md-focus-ring-duration, .6s) * .25);animation-duration:calc(var(--md-focus-ring-duration, .6s) * .25),calc(var(--md-focus-ring-duration, .6s) * .75);animation-timing-function:cubic-bezier(.2,0,0,1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}._focus-ring_cc6l7_2[visible]{display:flex}._focus-ring_cc6l7_2:not([inward]){animation-name:_outward-grow_cc6l7_1,_outward-shrink_cc6l7_1;inset:calc(-1 * var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}._focus-ring_cc6l7_2[inward]{animation-name:_inward-grow_cc6l7_1,_inward-shrink_cc6l7_1;border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}._focus-ring_cc6l7_2[shape-inherit]:not([inward]){border-end-end-radius:inherit;border-end-start-radius:inherit;border-start-end-radius:inherit;border-start-start-radius:inherit}._focus-ring_cc6l7_2[shape-inherit][inward]{border-end-end-radius:inherit;border-end-start-radius:inherit;border-start-end-radius:inherit;border-start-start-radius:inherit}._focus-ring_cc6l7_2:not([shape-inherit]):not([inward]){border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px))}._focus-ring_cc6l7_2:not([shape-inherit])[inward]{border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px))}@keyframes _outward-grow_cc6l7_1{0%{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes _outward-shrink_cc6l7_1{0%{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes _inward-grow_cc6l7_1{0%{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes _inward-shrink_cc6l7_1{0%{border-width:var(--md-focus-ring-active-width, 8px)}}@media (prefers-reduced-motion){._focus-ring_cc6l7_2{animation:none}}}