*::selection{color:#e8f0f4;background-color:#1d98b5}.col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0}.light.paper.outlined{--ripple-opacity: .25;--hover-opacity: .05}.light.paper.outlined.control,.light.paper.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-light);color:var(--paper-light)}.light.paper.outlined.control:focus-within>.animation,.light.paper.outlined.symbol:focus-within>.animation{animation:ripple-paper .4s ease-in-out forwards}.light.paper.outlined.control:active>.animation,.light.paper.outlined.symbol:active>.animation{animation:none}.light.paper.outlined.control .animation,.light.paper.outlined.symbol .animation{background-color:var(--paper);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.light.paper.outlined.control:before,.light.paper.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.light.paper.outlined.control:before,.light.paper.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.light.paper.outlined.control:before,.light.paper.outlined.symbol:before{background-color:var(--paper-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-light)}.light.paper.outlined.control:hover:before,.light.paper.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.light.paper.filled{--ripple-opacity: .1;--hover-opacity: .1}.light.paper.filled.control,.light.paper.filled.symbol,.light.paper.filled.link,.light.paper.filled.switch.button{position:relative;background-color:var(--paper-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-light);color:var(--ink)}.light.paper.filled.control:before,.light.paper.filled.symbol:before,.light.paper.filled.link:before,.light.paper.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-light)}.light.paper.filled.control:focus-within>.animation,.light.paper.filled.symbol:focus-within>.animation,.light.paper.filled.link:focus-within>.animation,.light.paper.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.light.paper.filled.control:active>.animation,.light.paper.filled.symbol:active>.animation,.light.paper.filled.link:active>.animation,.light.paper.filled.switch.button:active>.animation{animation:none}.light.paper.filled.control .animation,.light.paper.filled.symbol .animation,.light.paper.filled.link .animation,.light.paper.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.light.paper.filled.control:before,.light.paper.filled.symbol:before,.light.paper.filled.link:before,.light.paper.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.light.paper.filled.control:before,.light.paper.filled.symbol:before,.light.paper.filled.link:before,.light.paper.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.light.paper.filled.control:before,.light.paper.filled.symbol:before,.light.paper.filled.link:before,.light.paper.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.light.paper.filled.control:hover:before,.light.paper.filled.symbol:hover:before,.light.paper.filled.link:hover:before,.light.paper.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.light.paper.plain{--ripple-opacity: .1;--hover-opacity: .05}.light.paper.plain.control,.light.paper.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--paper-light)}.light.paper.plain.control:focus-within>.animation,.light.paper.plain.switch.button:focus-within>.animation{animation:ripple-paper .4s ease-in-out forwards}.light.paper.plain.control:active>.animation,.light.paper.plain.switch.button:active>.animation{animation:none}.light.paper.plain.control .animation,.light.paper.plain.switch.button .animation{background-color:var(--paper-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.light.paper.plain.control:before,.light.paper.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.light.paper.plain.control:before,.light.paper.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.light.paper.plain.control:before,.light.paper.plain.switch.button:before{background-color:var(--paper-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-light)}.light.paper.plain.control:hover:before,.light.paper.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.light.paper.plain.symbol,.light.paper.plain.link,.light.paper.symbol,.light.paper.link{color:var(--paper-light)}.paper.outlined{--ripple-opacity: .25;--hover-opacity: .05}.paper.outlined.control,.paper.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper);color:var(--paper)}.paper.outlined.control:focus-within>.animation,.paper.outlined.symbol:focus-within>.animation{animation:ripple-paper .4s ease-in-out forwards}.paper.outlined.control:active>.animation,.paper.outlined.symbol:active>.animation{animation:none}.paper.outlined.control .animation,.paper.outlined.symbol .animation{background-color:var(--paper);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.paper.outlined.control:before,.paper.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.paper.outlined.control:before,.paper.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.paper.outlined.control:before,.paper.outlined.symbol:before{background-color:var(--paper);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper)}.paper.outlined.control:hover:before,.paper.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.paper.filled{--ripple-opacity: .1;--hover-opacity: .1}.paper.filled.control,.paper.filled.symbol,.paper.filled.link,.paper.filled.switch.button{position:relative;background-color:var(--paper);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper);color:var(--ink)}.paper.filled.control:before,.paper.filled.symbol:before,.paper.filled.link:before,.paper.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper)}.paper.filled.control:focus-within>.animation,.paper.filled.symbol:focus-within>.animation,.paper.filled.link:focus-within>.animation,.paper.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.paper.filled.control:active>.animation,.paper.filled.symbol:active>.animation,.paper.filled.link:active>.animation,.paper.filled.switch.button:active>.animation{animation:none}.paper.filled.control .animation,.paper.filled.symbol .animation,.paper.filled.link .animation,.paper.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.paper.filled.control:before,.paper.filled.symbol:before,.paper.filled.link:before,.paper.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.paper.filled.control:before,.paper.filled.symbol:before,.paper.filled.link:before,.paper.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.paper.filled.control:before,.paper.filled.symbol:before,.paper.filled.link:before,.paper.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.paper.filled.control:hover:before,.paper.filled.symbol:hover:before,.paper.filled.link:hover:before,.paper.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.paper.plain{--ripple-opacity: .1;--hover-opacity: .05}.paper.plain.control,.paper.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--paper)}.paper.plain.control:focus-within>.animation,.paper.plain.switch.button:focus-within>.animation{animation:ripple-paper .4s ease-in-out forwards}.paper.plain.control:active>.animation,.paper.plain.switch.button:active>.animation{animation:none}.paper.plain.control .animation,.paper.plain.switch.button .animation{background-color:var(--paper);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.paper.plain.control:before,.paper.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.paper.plain.control:before,.paper.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.paper.plain.control:before,.paper.plain.switch.button:before{background-color:var(--paper);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper)}.paper.plain.control:hover:before,.paper.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.paper.plain.symbol,.paper.plain.link,.paper.symbol,.paper.link{color:var(--paper)}.dark.paper.outlined{--ripple-opacity: .25;--hover-opacity: .05}.dark.paper.outlined.control,.dark.paper.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-dark);color:var(--paper-dark)}.dark.paper.outlined.control:focus-within>.animation,.dark.paper.outlined.symbol:focus-within>.animation{animation:ripple-paper .4s ease-in-out forwards}.dark.paper.outlined.control:active>.animation,.dark.paper.outlined.symbol:active>.animation{animation:none}.dark.paper.outlined.control .animation,.dark.paper.outlined.symbol .animation{background-color:var(--paper);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.dark.paper.outlined.control:before,.dark.paper.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dark.paper.outlined.control:before,.dark.paper.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.dark.paper.outlined.control:before,.dark.paper.outlined.symbol:before{background-color:var(--paper-dark);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-dark)}.dark.paper.outlined.control:hover:before,.dark.paper.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.dark.paper.filled{--ripple-opacity: .1;--hover-opacity: .1}.dark.paper.filled.control,.dark.paper.filled.symbol,.dark.paper.filled.link,.dark.paper.filled.switch.button{position:relative;background-color:var(--paper-dark);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-dark);color:var(--ink)}.dark.paper.filled.control:before,.dark.paper.filled.symbol:before,.dark.paper.filled.link:before,.dark.paper.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-dark)}.dark.paper.filled.control:focus-within>.animation,.dark.paper.filled.symbol:focus-within>.animation,.dark.paper.filled.link:focus-within>.animation,.dark.paper.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.dark.paper.filled.control:active>.animation,.dark.paper.filled.symbol:active>.animation,.dark.paper.filled.link:active>.animation,.dark.paper.filled.switch.button:active>.animation{animation:none}.dark.paper.filled.control .animation,.dark.paper.filled.symbol .animation,.dark.paper.filled.link .animation,.dark.paper.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.dark.paper.filled.control:before,.dark.paper.filled.symbol:before,.dark.paper.filled.link:before,.dark.paper.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dark.paper.filled.control:before,.dark.paper.filled.symbol:before,.dark.paper.filled.link:before,.dark.paper.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.dark.paper.filled.control:before,.dark.paper.filled.symbol:before,.dark.paper.filled.link:before,.dark.paper.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.dark.paper.filled.control:hover:before,.dark.paper.filled.symbol:hover:before,.dark.paper.filled.link:hover:before,.dark.paper.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.dark.paper.plain{--ripple-opacity: .1;--hover-opacity: .05}.dark.paper.plain.control,.dark.paper.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--paper-dark)}.dark.paper.plain.control:focus-within>.animation,.dark.paper.plain.switch.button:focus-within>.animation{animation:ripple-paper .4s ease-in-out forwards}.dark.paper.plain.control:active>.animation,.dark.paper.plain.switch.button:active>.animation{animation:none}.dark.paper.plain.control .animation,.dark.paper.plain.switch.button .animation{background-color:var(--paper-dark);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.dark.paper.plain.control:before,.dark.paper.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dark.paper.plain.control:before,.dark.paper.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.dark.paper.plain.control:before,.dark.paper.plain.switch.button:before{background-color:var(--paper-dark);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-dark)}.dark.paper.plain.control:hover:before,.dark.paper.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.dark.paper.plain.symbol,.dark.paper.plain.link,.dark.paper.symbol,.dark.paper.link{color:var(--paper-dark)}.light.ink.outlined{--ripple-opacity: .25;--hover-opacity: .05}.light.ink.outlined.control,.light.ink.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light);color:var(--ink-light)}.light.ink.outlined.control:focus-within>.animation,.light.ink.outlined.symbol:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.light.ink.outlined.control:active>.animation,.light.ink.outlined.symbol:active>.animation{animation:none}.light.ink.outlined.control .animation,.light.ink.outlined.symbol .animation{background-color:var(--ink);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.light.ink.outlined.control:before,.light.ink.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.light.ink.outlined.control:before,.light.ink.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.light.ink.outlined.control:before,.light.ink.outlined.symbol:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.light.ink.outlined.control:hover:before,.light.ink.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.light.ink.filled{--ripple-opacity: .1;--hover-opacity: .1}.light.ink.filled.control,.light.ink.filled.symbol,.light.ink.filled.link,.light.ink.filled.switch.button{position:relative;background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light);color:var(--paper)}.light.ink.filled.control:before,.light.ink.filled.symbol:before,.light.ink.filled.link:before,.light.ink.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.light.ink.filled.control:focus-within>.animation,.light.ink.filled.symbol:focus-within>.animation,.light.ink.filled.link:focus-within>.animation,.light.ink.filled.switch.button:focus-within>.animation{animation:ripple-paper .4s ease-in-out forwards}.light.ink.filled.control:active>.animation,.light.ink.filled.symbol:active>.animation,.light.ink.filled.link:active>.animation,.light.ink.filled.switch.button:active>.animation{animation:none}.light.ink.filled.control .animation,.light.ink.filled.symbol .animation,.light.ink.filled.link .animation,.light.ink.filled.switch.button .animation{background-color:var(--paper-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.light.ink.filled.control:before,.light.ink.filled.symbol:before,.light.ink.filled.link:before,.light.ink.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.light.ink.filled.control:before,.light.ink.filled.symbol:before,.light.ink.filled.link:before,.light.ink.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.light.ink.filled.control:before,.light.ink.filled.symbol:before,.light.ink.filled.link:before,.light.ink.filled.switch.button:before{background-color:var(--paper-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-light)}.light.ink.filled.control:hover:before,.light.ink.filled.symbol:hover:before,.light.ink.filled.link:hover:before,.light.ink.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.light.ink.plain{--ripple-opacity: .1;--hover-opacity: .05}.light.ink.plain.control,.light.ink.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--ink-light)}.light.ink.plain.control:focus-within>.animation,.light.ink.plain.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.light.ink.plain.control:active>.animation,.light.ink.plain.switch.button:active>.animation{animation:none}.light.ink.plain.control .animation,.light.ink.plain.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.light.ink.plain.control:before,.light.ink.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.light.ink.plain.control:before,.light.ink.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.light.ink.plain.control:before,.light.ink.plain.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.light.ink.plain.control:hover:before,.light.ink.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.light.ink.plain.symbol,.light.ink.plain.link,.light.ink.symbol,.light.ink.link{color:var(--ink-light)}.ink.outlined{--ripple-opacity: .25;--hover-opacity: .05}.ink.outlined.control,.ink.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink);color:var(--ink)}.ink.outlined.control:focus-within>.animation,.ink.outlined.symbol:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.ink.outlined.control:active>.animation,.ink.outlined.symbol:active>.animation{animation:none}.ink.outlined.control .animation,.ink.outlined.symbol .animation{background-color:var(--ink);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.ink.outlined.control:before,.ink.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.ink.outlined.control:before,.ink.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.ink.outlined.control:before,.ink.outlined.symbol:before{background-color:var(--ink);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink)}.ink.outlined.control:hover:before,.ink.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.ink.filled{--ripple-opacity: .1;--hover-opacity: .1}.ink.filled.control,.ink.filled.symbol,.ink.filled.link,.ink.filled.switch.button{position:relative;background-color:var(--ink);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink);color:var(--paper)}.ink.filled.control:before,.ink.filled.symbol:before,.ink.filled.link:before,.ink.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink)}.ink.filled.control:focus-within>.animation,.ink.filled.symbol:focus-within>.animation,.ink.filled.link:focus-within>.animation,.ink.filled.switch.button:focus-within>.animation{animation:ripple-paper .4s ease-in-out forwards}.ink.filled.control:active>.animation,.ink.filled.symbol:active>.animation,.ink.filled.link:active>.animation,.ink.filled.switch.button:active>.animation{animation:none}.ink.filled.control .animation,.ink.filled.symbol .animation,.ink.filled.link .animation,.ink.filled.switch.button .animation{background-color:var(--paper-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.ink.filled.control:before,.ink.filled.symbol:before,.ink.filled.link:before,.ink.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.ink.filled.control:before,.ink.filled.symbol:before,.ink.filled.link:before,.ink.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.ink.filled.control:before,.ink.filled.symbol:before,.ink.filled.link:before,.ink.filled.switch.button:before{background-color:var(--paper-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-light)}.ink.filled.control:hover:before,.ink.filled.symbol:hover:before,.ink.filled.link:hover:before,.ink.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.ink.plain{--ripple-opacity: .1;--hover-opacity: .05}.ink.plain.control,.ink.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--ink)}.ink.plain.control:focus-within>.animation,.ink.plain.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.ink.plain.control:active>.animation,.ink.plain.switch.button:active>.animation{animation:none}.ink.plain.control .animation,.ink.plain.switch.button .animation{background-color:var(--ink);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.ink.plain.control:before,.ink.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.ink.plain.control:before,.ink.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.ink.plain.control:before,.ink.plain.switch.button:before{background-color:var(--ink);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink)}.ink.plain.control:hover:before,.ink.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.ink.plain.symbol,.ink.plain.link,.ink.symbol,.ink.link{color:var(--ink)}.dark.ink.outlined{--ripple-opacity: .25;--hover-opacity: .05}.dark.ink.outlined.control,.dark.ink.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-dark);color:var(--ink-dark)}.dark.ink.outlined.control:focus-within>.animation,.dark.ink.outlined.symbol:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.dark.ink.outlined.control:active>.animation,.dark.ink.outlined.symbol:active>.animation{animation:none}.dark.ink.outlined.control .animation,.dark.ink.outlined.symbol .animation{background-color:var(--ink);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.dark.ink.outlined.control:before,.dark.ink.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dark.ink.outlined.control:before,.dark.ink.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.dark.ink.outlined.control:before,.dark.ink.outlined.symbol:before{background-color:var(--ink-dark);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-dark)}.dark.ink.outlined.control:hover:before,.dark.ink.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.dark.ink.filled{--ripple-opacity: .1;--hover-opacity: .1}.dark.ink.filled.control,.dark.ink.filled.symbol,.dark.ink.filled.link,.dark.ink.filled.switch.button{position:relative;background-color:var(--ink-dark);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-dark);color:var(--paper)}.dark.ink.filled.control:before,.dark.ink.filled.symbol:before,.dark.ink.filled.link:before,.dark.ink.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-dark)}@keyframes ripple-paper{0%{width:30%;opacity:var(--ripple-opacity)}to{width:200%;opacity:0}}.dark.ink.filled.control:focus-within>.animation,.dark.ink.filled.symbol:focus-within>.animation,.dark.ink.filled.link:focus-within>.animation,.dark.ink.filled.switch.button:focus-within>.animation{animation:ripple-paper .4s ease-in-out forwards}.dark.ink.filled.control:active>.animation,.dark.ink.filled.symbol:active>.animation,.dark.ink.filled.link:active>.animation,.dark.ink.filled.switch.button:active>.animation{animation:none}.dark.ink.filled.control .animation,.dark.ink.filled.symbol .animation,.dark.ink.filled.link .animation,.dark.ink.filled.switch.button .animation{background-color:var(--paper-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.dark.ink.filled.control:before,.dark.ink.filled.symbol:before,.dark.ink.filled.link:before,.dark.ink.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dark.ink.filled.control:before,.dark.ink.filled.symbol:before,.dark.ink.filled.link:before,.dark.ink.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.dark.ink.filled.control:before,.dark.ink.filled.symbol:before,.dark.ink.filled.link:before,.dark.ink.filled.switch.button:before{background-color:var(--paper-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--paper-light)}.dark.ink.filled.control:hover:before,.dark.ink.filled.symbol:hover:before,.dark.ink.filled.link:hover:before,.dark.ink.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.dark.ink.plain{--ripple-opacity: .1;--hover-opacity: .05}.dark.ink.plain.control,.dark.ink.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--ink-dark)}.dark.ink.plain.control:focus-within>.animation,.dark.ink.plain.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.dark.ink.plain.control:active>.animation,.dark.ink.plain.switch.button:active>.animation{animation:none}.dark.ink.plain.control .animation,.dark.ink.plain.switch.button .animation{background-color:var(--ink-dark);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.dark.ink.plain.control:before,.dark.ink.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dark.ink.plain.control:before,.dark.ink.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.dark.ink.plain.control:before,.dark.ink.plain.switch.button:before{background-color:var(--ink-dark);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-dark)}.dark.ink.plain.control:hover:before,.dark.ink.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.dark.ink.plain.symbol,.dark.ink.plain.link,.dark.ink.symbol,.dark.ink.link{color:var(--ink-dark)}.light.accent.outlined{--ripple-opacity: .25;--hover-opacity: .05}.light.accent.outlined.control,.light.accent.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent-light);color:var(--accent-light)}.light.accent.outlined.control:focus-within>.animation,.light.accent.outlined.symbol:focus-within>.animation{animation:ripple-accent .4s ease-in-out forwards}.light.accent.outlined.control:active>.animation,.light.accent.outlined.symbol:active>.animation{animation:none}.light.accent.outlined.control .animation,.light.accent.outlined.symbol .animation{background-color:var(--accent);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.light.accent.outlined.control:before,.light.accent.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.light.accent.outlined.control:before,.light.accent.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.light.accent.outlined.control:before,.light.accent.outlined.symbol:before{background-color:var(--accent-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent-light)}.light.accent.outlined.control:hover:before,.light.accent.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.light.accent.filled{--ripple-opacity: .1;--hover-opacity: .1}.light.accent.filled.control,.light.accent.filled.symbol,.light.accent.filled.link,.light.accent.filled.switch.button{position:relative;background-color:var(--accent-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent-light);color:var(--paper)}.light.accent.filled.control:before,.light.accent.filled.symbol:before,.light.accent.filled.link:before,.light.accent.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent-light)}.light.accent.filled.control:focus-within>.animation,.light.accent.filled.symbol:focus-within>.animation,.light.accent.filled.link:focus-within>.animation,.light.accent.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.light.accent.filled.control:active>.animation,.light.accent.filled.symbol:active>.animation,.light.accent.filled.link:active>.animation,.light.accent.filled.switch.button:active>.animation{animation:none}.light.accent.filled.control .animation,.light.accent.filled.symbol .animation,.light.accent.filled.link .animation,.light.accent.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.light.accent.filled.control:before,.light.accent.filled.symbol:before,.light.accent.filled.link:before,.light.accent.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.light.accent.filled.control:before,.light.accent.filled.symbol:before,.light.accent.filled.link:before,.light.accent.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.light.accent.filled.control:before,.light.accent.filled.symbol:before,.light.accent.filled.link:before,.light.accent.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.light.accent.filled.control:hover:before,.light.accent.filled.symbol:hover:before,.light.accent.filled.link:hover:before,.light.accent.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.light.accent.plain{--ripple-opacity: .1;--hover-opacity: .05}.light.accent.plain.control,.light.accent.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--accent-light)}.light.accent.plain.control:focus-within>.animation,.light.accent.plain.switch.button:focus-within>.animation{animation:ripple-accent .4s ease-in-out forwards}.light.accent.plain.control:active>.animation,.light.accent.plain.switch.button:active>.animation{animation:none}.light.accent.plain.control .animation,.light.accent.plain.switch.button .animation{background-color:var(--accent-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.light.accent.plain.control:before,.light.accent.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.light.accent.plain.control:before,.light.accent.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.light.accent.plain.control:before,.light.accent.plain.switch.button:before{background-color:var(--accent-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent-light)}.light.accent.plain.control:hover:before,.light.accent.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.light.accent.plain.symbol,.light.accent.plain.link,.light.accent.symbol,.light.accent.link{color:var(--accent-light)}.accent.outlined{--ripple-opacity: .25;--hover-opacity: .05}.accent.outlined.control,.accent.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent);color:var(--accent)}.accent.outlined.control:focus-within>.animation,.accent.outlined.symbol:focus-within>.animation{animation:ripple-accent .4s ease-in-out forwards}.accent.outlined.control:active>.animation,.accent.outlined.symbol:active>.animation{animation:none}.accent.outlined.control .animation,.accent.outlined.symbol .animation{background-color:var(--accent);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.accent.outlined.control:before,.accent.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.accent.outlined.control:before,.accent.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.accent.outlined.control:before,.accent.outlined.symbol:before{background-color:var(--accent);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent)}.accent.outlined.control:hover:before,.accent.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.accent.filled{--ripple-opacity: .1;--hover-opacity: .1}.accent.filled.control,.accent.filled.symbol,.accent.filled.link,.accent.filled.switch.button{position:relative;background-color:var(--accent);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent);color:var(--paper)}.accent.filled.control:before,.accent.filled.symbol:before,.accent.filled.link:before,.accent.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent)}.accent.filled.control:focus-within>.animation,.accent.filled.symbol:focus-within>.animation,.accent.filled.link:focus-within>.animation,.accent.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.accent.filled.control:active>.animation,.accent.filled.symbol:active>.animation,.accent.filled.link:active>.animation,.accent.filled.switch.button:active>.animation{animation:none}.accent.filled.control .animation,.accent.filled.symbol .animation,.accent.filled.link .animation,.accent.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.accent.filled.control:before,.accent.filled.symbol:before,.accent.filled.link:before,.accent.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.accent.filled.control:before,.accent.filled.symbol:before,.accent.filled.link:before,.accent.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.accent.filled.control:before,.accent.filled.symbol:before,.accent.filled.link:before,.accent.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.accent.filled.control:hover:before,.accent.filled.symbol:hover:before,.accent.filled.link:hover:before,.accent.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.accent.plain{--ripple-opacity: .1;--hover-opacity: .05}.accent.plain.control,.accent.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--accent)}.accent.plain.control:focus-within>.animation,.accent.plain.switch.button:focus-within>.animation{animation:ripple-accent .4s ease-in-out forwards}.accent.plain.control:active>.animation,.accent.plain.switch.button:active>.animation{animation:none}.accent.plain.control .animation,.accent.plain.switch.button .animation{background-color:var(--accent);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.accent.plain.control:before,.accent.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.accent.plain.control:before,.accent.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.accent.plain.control:before,.accent.plain.switch.button:before{background-color:var(--accent);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent)}.accent.plain.control:hover:before,.accent.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.accent.plain.symbol,.accent.plain.link,.accent.symbol,.accent.link{color:var(--accent)}.dark.accent.outlined{--ripple-opacity: .25;--hover-opacity: .05}.dark.accent.outlined.control,.dark.accent.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent-dark);color:var(--accent-dark)}.dark.accent.outlined.control:focus-within>.animation,.dark.accent.outlined.symbol:focus-within>.animation{animation:ripple-accent .4s ease-in-out forwards}.dark.accent.outlined.control:active>.animation,.dark.accent.outlined.symbol:active>.animation{animation:none}.dark.accent.outlined.control .animation,.dark.accent.outlined.symbol .animation{background-color:var(--accent);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.dark.accent.outlined.control:before,.dark.accent.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dark.accent.outlined.control:before,.dark.accent.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.dark.accent.outlined.control:before,.dark.accent.outlined.symbol:before{background-color:var(--accent-dark);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent-dark)}.dark.accent.outlined.control:hover:before,.dark.accent.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.dark.accent.filled{--ripple-opacity: .1;--hover-opacity: .1}.dark.accent.filled.control,.dark.accent.filled.symbol,.dark.accent.filled.link,.dark.accent.filled.switch.button{position:relative;background-color:var(--accent-dark);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent-dark);color:var(--paper)}.dark.accent.filled.control:before,.dark.accent.filled.symbol:before,.dark.accent.filled.link:before,.dark.accent.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent-dark)}.dark.accent.filled.control:focus-within>.animation,.dark.accent.filled.symbol:focus-within>.animation,.dark.accent.filled.link:focus-within>.animation,.dark.accent.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.dark.accent.filled.control:active>.animation,.dark.accent.filled.symbol:active>.animation,.dark.accent.filled.link:active>.animation,.dark.accent.filled.switch.button:active>.animation{animation:none}.dark.accent.filled.control .animation,.dark.accent.filled.symbol .animation,.dark.accent.filled.link .animation,.dark.accent.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.dark.accent.filled.control:before,.dark.accent.filled.symbol:before,.dark.accent.filled.link:before,.dark.accent.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dark.accent.filled.control:before,.dark.accent.filled.symbol:before,.dark.accent.filled.link:before,.dark.accent.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.dark.accent.filled.control:before,.dark.accent.filled.symbol:before,.dark.accent.filled.link:before,.dark.accent.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.dark.accent.filled.control:hover:before,.dark.accent.filled.symbol:hover:before,.dark.accent.filled.link:hover:before,.dark.accent.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.dark.accent.plain{--ripple-opacity: .1;--hover-opacity: .05}.dark.accent.plain.control,.dark.accent.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--accent-dark)}@keyframes ripple-accent{0%{width:30%;opacity:var(--ripple-opacity)}to{width:200%;opacity:0}}.dark.accent.plain.control:focus-within>.animation,.dark.accent.plain.switch.button:focus-within>.animation{animation:ripple-accent .4s ease-in-out forwards}.dark.accent.plain.control:active>.animation,.dark.accent.plain.switch.button:active>.animation{animation:none}.dark.accent.plain.control .animation,.dark.accent.plain.switch.button .animation{background-color:var(--accent-dark);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.dark.accent.plain.control:before,.dark.accent.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dark.accent.plain.control:before,.dark.accent.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.dark.accent.plain.control:before,.dark.accent.plain.switch.button:before{background-color:var(--accent-dark);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--accent-dark)}.dark.accent.plain.control:hover:before,.dark.accent.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.dark.accent.plain.symbol,.dark.accent.plain.link,.dark.accent.symbol,.dark.accent.link{color:var(--accent-dark)}.light.tone.outlined{--ripple-opacity: .25;--hover-opacity: .05}.light.tone.outlined.control,.light.tone.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone-light);color:var(--tone-light)}.light.tone.outlined.control:focus-within>.animation,.light.tone.outlined.symbol:focus-within>.animation{animation:ripple-tone .4s ease-in-out forwards}.light.tone.outlined.control:active>.animation,.light.tone.outlined.symbol:active>.animation{animation:none}.light.tone.outlined.control .animation,.light.tone.outlined.symbol .animation{background-color:var(--tone);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.light.tone.outlined.control:before,.light.tone.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.light.tone.outlined.control:before,.light.tone.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.light.tone.outlined.control:before,.light.tone.outlined.symbol:before{background-color:var(--tone-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone-light)}.light.tone.outlined.control:hover:before,.light.tone.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.light.tone.filled{--ripple-opacity: .1;--hover-opacity: .1}.light.tone.filled.control,.light.tone.filled.symbol,.light.tone.filled.link,.light.tone.filled.switch.button{position:relative;background-color:var(--tone-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone-light);color:var(--paper)}.light.tone.filled.control:before,.light.tone.filled.symbol:before,.light.tone.filled.link:before,.light.tone.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone-light)}.light.tone.filled.control:focus-within>.animation,.light.tone.filled.symbol:focus-within>.animation,.light.tone.filled.link:focus-within>.animation,.light.tone.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.light.tone.filled.control:active>.animation,.light.tone.filled.symbol:active>.animation,.light.tone.filled.link:active>.animation,.light.tone.filled.switch.button:active>.animation{animation:none}.light.tone.filled.control .animation,.light.tone.filled.symbol .animation,.light.tone.filled.link .animation,.light.tone.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.light.tone.filled.control:before,.light.tone.filled.symbol:before,.light.tone.filled.link:before,.light.tone.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.light.tone.filled.control:before,.light.tone.filled.symbol:before,.light.tone.filled.link:before,.light.tone.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.light.tone.filled.control:before,.light.tone.filled.symbol:before,.light.tone.filled.link:before,.light.tone.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.light.tone.filled.control:hover:before,.light.tone.filled.symbol:hover:before,.light.tone.filled.link:hover:before,.light.tone.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.light.tone.plain{--ripple-opacity: .1;--hover-opacity: .05}.light.tone.plain.control,.light.tone.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--tone-light)}.light.tone.plain.control:focus-within>.animation,.light.tone.plain.switch.button:focus-within>.animation{animation:ripple-tone .4s ease-in-out forwards}.light.tone.plain.control:active>.animation,.light.tone.plain.switch.button:active>.animation{animation:none}.light.tone.plain.control .animation,.light.tone.plain.switch.button .animation{background-color:var(--tone-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.light.tone.plain.control:before,.light.tone.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.light.tone.plain.control:before,.light.tone.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.light.tone.plain.control:before,.light.tone.plain.switch.button:before{background-color:var(--tone-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone-light)}.light.tone.plain.control:hover:before,.light.tone.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.light.tone.plain.symbol,.light.tone.plain.link,.light.tone.symbol,.light.tone.link{color:var(--tone-light)}.tone.outlined{--ripple-opacity: .25;--hover-opacity: .05}.tone.outlined.control,.tone.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone);color:var(--tone)}.tone.outlined.control:focus-within>.animation,.tone.outlined.symbol:focus-within>.animation{animation:ripple-tone .4s ease-in-out forwards}.tone.outlined.control:active>.animation,.tone.outlined.symbol:active>.animation{animation:none}.tone.outlined.control .animation,.tone.outlined.symbol .animation{background-color:var(--tone);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.tone.outlined.control:before,.tone.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.tone.outlined.control:before,.tone.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.tone.outlined.control:before,.tone.outlined.symbol:before{background-color:var(--tone);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone)}.tone.outlined.control:hover:before,.tone.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.tone.filled{--ripple-opacity: .1;--hover-opacity: .1}.tone.filled.control,.tone.filled.symbol,.tone.filled.link,.tone.filled.switch.button{position:relative;background-color:var(--tone);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone);color:var(--paper)}.tone.filled.control:before,.tone.filled.symbol:before,.tone.filled.link:before,.tone.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone)}.tone.filled.control:focus-within>.animation,.tone.filled.symbol:focus-within>.animation,.tone.filled.link:focus-within>.animation,.tone.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.tone.filled.control:active>.animation,.tone.filled.symbol:active>.animation,.tone.filled.link:active>.animation,.tone.filled.switch.button:active>.animation{animation:none}.tone.filled.control .animation,.tone.filled.symbol .animation,.tone.filled.link .animation,.tone.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.tone.filled.control:before,.tone.filled.symbol:before,.tone.filled.link:before,.tone.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.tone.filled.control:before,.tone.filled.symbol:before,.tone.filled.link:before,.tone.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.tone.filled.control:before,.tone.filled.symbol:before,.tone.filled.link:before,.tone.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.tone.filled.control:hover:before,.tone.filled.symbol:hover:before,.tone.filled.link:hover:before,.tone.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.tone.plain{--ripple-opacity: .1;--hover-opacity: .05}.tone.plain.control,.tone.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--tone)}.tone.plain.control:focus-within>.animation,.tone.plain.switch.button:focus-within>.animation{animation:ripple-tone .4s ease-in-out forwards}.tone.plain.control:active>.animation,.tone.plain.switch.button:active>.animation{animation:none}.tone.plain.control .animation,.tone.plain.switch.button .animation{background-color:var(--tone);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.tone.plain.control:before,.tone.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.tone.plain.control:before,.tone.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.tone.plain.control:before,.tone.plain.switch.button:before{background-color:var(--tone);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone)}.tone.plain.control:hover:before,.tone.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.tone.plain.symbol,.tone.plain.link,.tone.symbol,.tone.link{color:var(--tone)}.dark.tone.outlined{--ripple-opacity: .25;--hover-opacity: .05}.dark.tone.outlined.control,.dark.tone.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone-dark);color:var(--tone-dark)}.dark.tone.outlined.control:focus-within>.animation,.dark.tone.outlined.symbol:focus-within>.animation{animation:ripple-tone .4s ease-in-out forwards}.dark.tone.outlined.control:active>.animation,.dark.tone.outlined.symbol:active>.animation{animation:none}.dark.tone.outlined.control .animation,.dark.tone.outlined.symbol .animation{background-color:var(--tone);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.dark.tone.outlined.control:before,.dark.tone.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dark.tone.outlined.control:before,.dark.tone.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.dark.tone.outlined.control:before,.dark.tone.outlined.symbol:before{background-color:var(--tone-dark);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone-dark)}.dark.tone.outlined.control:hover:before,.dark.tone.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.dark.tone.filled{--ripple-opacity: .1;--hover-opacity: .1}.dark.tone.filled.control,.dark.tone.filled.symbol,.dark.tone.filled.link,.dark.tone.filled.switch.button{position:relative;background-color:var(--tone-dark);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone-dark);color:var(--paper)}.dark.tone.filled.control:before,.dark.tone.filled.symbol:before,.dark.tone.filled.link:before,.dark.tone.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone-dark)}.dark.tone.filled.control:focus-within>.animation,.dark.tone.filled.symbol:focus-within>.animation,.dark.tone.filled.link:focus-within>.animation,.dark.tone.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.dark.tone.filled.control:active>.animation,.dark.tone.filled.symbol:active>.animation,.dark.tone.filled.link:active>.animation,.dark.tone.filled.switch.button:active>.animation{animation:none}.dark.tone.filled.control .animation,.dark.tone.filled.symbol .animation,.dark.tone.filled.link .animation,.dark.tone.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.dark.tone.filled.control:before,.dark.tone.filled.symbol:before,.dark.tone.filled.link:before,.dark.tone.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dark.tone.filled.control:before,.dark.tone.filled.symbol:before,.dark.tone.filled.link:before,.dark.tone.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.dark.tone.filled.control:before,.dark.tone.filled.symbol:before,.dark.tone.filled.link:before,.dark.tone.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.dark.tone.filled.control:hover:before,.dark.tone.filled.symbol:hover:before,.dark.tone.filled.link:hover:before,.dark.tone.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.dark.tone.plain{--ripple-opacity: .1;--hover-opacity: .05}.dark.tone.plain.control,.dark.tone.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--tone-dark)}@keyframes ripple-tone{0%{width:30%;opacity:var(--ripple-opacity)}to{width:200%;opacity:0}}.dark.tone.plain.control:focus-within>.animation,.dark.tone.plain.switch.button:focus-within>.animation{animation:ripple-tone .4s ease-in-out forwards}.dark.tone.plain.control:active>.animation,.dark.tone.plain.switch.button:active>.animation{animation:none}.dark.tone.plain.control .animation,.dark.tone.plain.switch.button .animation{background-color:var(--tone-dark);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.dark.tone.plain.control:before,.dark.tone.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dark.tone.plain.control:before,.dark.tone.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.dark.tone.plain.control:before,.dark.tone.plain.switch.button:before{background-color:var(--tone-dark);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--tone-dark)}.dark.tone.plain.control:hover:before,.dark.tone.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.dark.tone.plain.symbol,.dark.tone.plain.link,.dark.tone.symbol,.dark.tone.link{color:var(--tone-dark)}.magenta.outlined{--ripple-opacity: .25;--hover-opacity: .05}.magenta.outlined.control,.magenta.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--magenta);color:var(--magenta)}.magenta.outlined.control:focus-within>.animation,.magenta.outlined.symbol:focus-within>.animation{animation:ripple-magenta .4s ease-in-out forwards}.magenta.outlined.control:active>.animation,.magenta.outlined.symbol:active>.animation{animation:none}.magenta.outlined.control .animation,.magenta.outlined.symbol .animation{background-color:var(--magenta);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.magenta.outlined.control:before,.magenta.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.magenta.outlined.control:before,.magenta.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.magenta.outlined.control:before,.magenta.outlined.symbol:before{background-color:var(--magenta);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--magenta)}.magenta.outlined.control:hover:before,.magenta.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.magenta.filled{--ripple-opacity: .1;--hover-opacity: .1}.magenta.filled.control,.magenta.filled.symbol,.magenta.filled.link,.magenta.filled.switch.button{position:relative;background-color:var(--magenta);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--magenta);color:var(--paper)}.magenta.filled.control:before,.magenta.filled.symbol:before,.magenta.filled.link:before,.magenta.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--magenta)}.magenta.filled.control:focus-within>.animation,.magenta.filled.symbol:focus-within>.animation,.magenta.filled.link:focus-within>.animation,.magenta.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.magenta.filled.control:active>.animation,.magenta.filled.symbol:active>.animation,.magenta.filled.link:active>.animation,.magenta.filled.switch.button:active>.animation{animation:none}.magenta.filled.control .animation,.magenta.filled.symbol .animation,.magenta.filled.link .animation,.magenta.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.magenta.filled.control:before,.magenta.filled.symbol:before,.magenta.filled.link:before,.magenta.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.magenta.filled.control:before,.magenta.filled.symbol:before,.magenta.filled.link:before,.magenta.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.magenta.filled.control:before,.magenta.filled.symbol:before,.magenta.filled.link:before,.magenta.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.magenta.filled.control:hover:before,.magenta.filled.symbol:hover:before,.magenta.filled.link:hover:before,.magenta.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.magenta.plain{--ripple-opacity: .1;--hover-opacity: .05}.magenta.plain.control,.magenta.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--magenta)}@keyframes ripple-magenta{0%{width:30%;opacity:var(--ripple-opacity)}to{width:200%;opacity:0}}.magenta.plain.control:focus-within>.animation,.magenta.plain.switch.button:focus-within>.animation{animation:ripple-magenta .4s ease-in-out forwards}.magenta.plain.control:active>.animation,.magenta.plain.switch.button:active>.animation{animation:none}.magenta.plain.control .animation,.magenta.plain.switch.button .animation{background-color:var(--magenta);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.magenta.plain.control:before,.magenta.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.magenta.plain.control:before,.magenta.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.magenta.plain.control:before,.magenta.plain.switch.button:before{background-color:var(--magenta);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--magenta)}.magenta.plain.control:hover:before,.magenta.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.magenta.plain.symbol,.magenta.plain.link,.magenta.symbol,.magenta.link{color:var(--magenta)}.white.outlined{--ripple-opacity: .25;--hover-opacity: .05}.white.outlined.control,.white.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--white);color:var(--white)}.white.outlined.control:focus-within>.animation,.white.outlined.symbol:focus-within>.animation{animation:ripple-white .4s ease-in-out forwards}.white.outlined.control:active>.animation,.white.outlined.symbol:active>.animation{animation:none}.white.outlined.control .animation,.white.outlined.symbol .animation{background-color:var(--white);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.white.outlined.control:before,.white.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.white.outlined.control:before,.white.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.white.outlined.control:before,.white.outlined.symbol:before{background-color:var(--white);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--white)}.white.outlined.control:hover:before,.white.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.white.filled{--ripple-opacity: .1;--hover-opacity: .1}.white.filled.control,.white.filled.symbol,.white.filled.link,.white.filled.switch.button{position:relative;background-color:var(--white);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--white);color:var(--paper)}.white.filled.control:before,.white.filled.symbol:before,.white.filled.link:before,.white.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--white)}.white.filled.control:focus-within>.animation,.white.filled.symbol:focus-within>.animation,.white.filled.link:focus-within>.animation,.white.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.white.filled.control:active>.animation,.white.filled.symbol:active>.animation,.white.filled.link:active>.animation,.white.filled.switch.button:active>.animation{animation:none}.white.filled.control .animation,.white.filled.symbol .animation,.white.filled.link .animation,.white.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.white.filled.control:before,.white.filled.symbol:before,.white.filled.link:before,.white.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.white.filled.control:before,.white.filled.symbol:before,.white.filled.link:before,.white.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.white.filled.control:before,.white.filled.symbol:before,.white.filled.link:before,.white.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.white.filled.control:hover:before,.white.filled.symbol:hover:before,.white.filled.link:hover:before,.white.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.white.plain{--ripple-opacity: .1;--hover-opacity: .05}.white.plain.control,.white.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--white)}@keyframes ripple-white{0%{width:30%;opacity:var(--ripple-opacity)}to{width:200%;opacity:0}}.white.plain.control:focus-within>.animation,.white.plain.switch.button:focus-within>.animation{animation:ripple-white .4s ease-in-out forwards}.white.plain.control:active>.animation,.white.plain.switch.button:active>.animation{animation:none}.white.plain.control .animation,.white.plain.switch.button .animation{background-color:var(--white);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.white.plain.control:before,.white.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.white.plain.control:before,.white.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.white.plain.control:before,.white.plain.switch.button:before{background-color:var(--white);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--white)}.white.plain.control:hover:before,.white.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.white.plain.symbol,.white.plain.link,.white.symbol,.white.link{color:var(--white)}.gray.outlined{--ripple-opacity: .25;--hover-opacity: .05}.gray.outlined.control,.gray.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--gray);color:var(--gray)}.gray.outlined.control:focus-within>.animation,.gray.outlined.symbol:focus-within>.animation{animation:ripple-gray .4s ease-in-out forwards}.gray.outlined.control:active>.animation,.gray.outlined.symbol:active>.animation{animation:none}.gray.outlined.control .animation,.gray.outlined.symbol .animation{background-color:var(--gray);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.gray.outlined.control:before,.gray.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.gray.outlined.control:before,.gray.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.gray.outlined.control:before,.gray.outlined.symbol:before{background-color:var(--gray);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--gray)}.gray.outlined.control:hover:before,.gray.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.gray.filled{--ripple-opacity: .1;--hover-opacity: .1}.gray.filled.control,.gray.filled.symbol,.gray.filled.link,.gray.filled.switch.button{position:relative;background-color:var(--gray);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--gray);color:var(--paper)}.gray.filled.control:before,.gray.filled.symbol:before,.gray.filled.link:before,.gray.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--gray)}.gray.filled.control:focus-within>.animation,.gray.filled.symbol:focus-within>.animation,.gray.filled.link:focus-within>.animation,.gray.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.gray.filled.control:active>.animation,.gray.filled.symbol:active>.animation,.gray.filled.link:active>.animation,.gray.filled.switch.button:active>.animation{animation:none}.gray.filled.control .animation,.gray.filled.symbol .animation,.gray.filled.link .animation,.gray.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.gray.filled.control:before,.gray.filled.symbol:before,.gray.filled.link:before,.gray.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.gray.filled.control:before,.gray.filled.symbol:before,.gray.filled.link:before,.gray.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.gray.filled.control:before,.gray.filled.symbol:before,.gray.filled.link:before,.gray.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.gray.filled.control:hover:before,.gray.filled.symbol:hover:before,.gray.filled.link:hover:before,.gray.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.gray.plain{--ripple-opacity: .1;--hover-opacity: .05}.gray.plain.control,.gray.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--gray)}@keyframes ripple-gray{0%{width:30%;opacity:var(--ripple-opacity)}to{width:200%;opacity:0}}.gray.plain.control:focus-within>.animation,.gray.plain.switch.button:focus-within>.animation{animation:ripple-gray .4s ease-in-out forwards}.gray.plain.control:active>.animation,.gray.plain.switch.button:active>.animation{animation:none}.gray.plain.control .animation,.gray.plain.switch.button .animation{background-color:var(--gray);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.gray.plain.control:before,.gray.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.gray.plain.control:before,.gray.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.gray.plain.control:before,.gray.plain.switch.button:before{background-color:var(--gray);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--gray)}.gray.plain.control:hover:before,.gray.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.gray.plain.symbol,.gray.plain.link,.gray.symbol,.gray.link{color:var(--gray)}.cyan.outlined{--ripple-opacity: .25;--hover-opacity: .05}.cyan.outlined.control,.cyan.outlined.symbol{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--cyan);color:var(--cyan)}.cyan.outlined.control:focus-within>.animation,.cyan.outlined.symbol:focus-within>.animation{animation:ripple-cyan .4s ease-in-out forwards}.cyan.outlined.control:active>.animation,.cyan.outlined.symbol:active>.animation{animation:none}.cyan.outlined.control .animation,.cyan.outlined.symbol .animation{background-color:var(--cyan);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.cyan.outlined.control:before,.cyan.outlined.symbol:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.cyan.outlined.control:before,.cyan.outlined.symbol:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.cyan.outlined.control:before,.cyan.outlined.symbol:before{background-color:var(--cyan);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--cyan)}.cyan.outlined.control:hover:before,.cyan.outlined.symbol:hover:before{opacity:var(--hover-opacity);width:100%}}.cyan.filled{--ripple-opacity: .1;--hover-opacity: .1}.cyan.filled.control,.cyan.filled.symbol,.cyan.filled.link,.cyan.filled.switch.button{position:relative;background-color:var(--cyan);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--cyan);color:var(--paper)}.cyan.filled.control:before,.cyan.filled.symbol:before,.cyan.filled.link:before,.cyan.filled.switch.button:before{border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--cyan)}@keyframes ripple-ink{0%{width:30%;opacity:var(--ripple-opacity)}to{width:200%;opacity:0}}.cyan.filled.control:focus-within>.animation,.cyan.filled.symbol:focus-within>.animation,.cyan.filled.link:focus-within>.animation,.cyan.filled.switch.button:focus-within>.animation{animation:ripple-ink .4s ease-in-out forwards}.cyan.filled.control:active>.animation,.cyan.filled.symbol:active>.animation,.cyan.filled.link:active>.animation,.cyan.filled.switch.button:active>.animation{animation:none}.cyan.filled.control .animation,.cyan.filled.symbol .animation,.cyan.filled.link .animation,.cyan.filled.switch.button .animation{background-color:var(--ink-light);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.cyan.filled.control:before,.cyan.filled.symbol:before,.cyan.filled.link:before,.cyan.filled.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.cyan.filled.control:before,.cyan.filled.symbol:before,.cyan.filled.link:before,.cyan.filled.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.cyan.filled.control:before,.cyan.filled.symbol:before,.cyan.filled.link:before,.cyan.filled.switch.button:before{background-color:var(--ink-light);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--ink-light)}.cyan.filled.control:hover:before,.cyan.filled.symbol:hover:before,.cyan.filled.link:hover:before,.cyan.filled.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.cyan.plain{--ripple-opacity: .1;--hover-opacity: .05}.cyan.plain.control,.cyan.plain.switch.button{position:relative;border-radius:.5rem;border-width:2px;border-style:solid;border-color:transparent;color:var(--cyan)}@keyframes ripple-cyan{0%{width:30%;opacity:var(--ripple-opacity)}to{width:200%;opacity:0}}.cyan.plain.control:focus-within>.animation,.cyan.plain.switch.button:focus-within>.animation{animation:ripple-cyan .4s ease-in-out forwards}.cyan.plain.control:active>.animation,.cyan.plain.switch.button:active>.animation{animation:none}.cyan.plain.control .animation,.cyan.plain.switch.button .animation{background-color:var(--cyan);z-index:2;height:100%;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:.5rem}@media (min-width: 1024px){.cyan.plain.control:before,.cyan.plain.switch.button:before{content:"";z-index:0;width:0;height:100%;opacity:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.cyan.plain.control:before,.cyan.plain.switch.button:before{transition-property:opacity,width;transition-duration:.2s;transition-delay:none;transition-timing-function:ease-in-out}.cyan.plain.control:before,.cyan.plain.switch.button:before{background-color:var(--cyan);border-radius:.5rem;border-width:2px;border-style:solid;border-color:var(--cyan)}.cyan.plain.control:hover:before,.cyan.plain.switch.button:hover:before{opacity:var(--hover-opacity);width:100%}}.cyan.plain.symbol,.cyan.plain.link,.cyan.symbol,.cyan.link{color:var(--cyan)}.light.paper{--nav-bg: var(--paper-dark)}.light.paper.fog.flat{background-color:var(--nav-bg)}.light.paper.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.light.paper.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.paper{--nav-bg: var(--paper-dark)}.paper.fog.flat{background-color:var(--nav-bg)}.paper.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.paper.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.dark.paper{--nav-bg: var(--paper-dark)}.dark.paper.fog.flat{background-color:var(--nav-bg)}.dark.paper.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.dark.paper.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.light.ink{--nav-bg: var(--paper-dark)}.light.ink.fog.flat{background-color:var(--nav-bg)}.light.ink.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.light.ink.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.ink{--nav-bg: var(--paper-dark)}.ink.fog.flat{background-color:var(--nav-bg)}.ink.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.ink.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.dark.ink{--nav-bg: var(--paper-dark)}.dark.ink.fog.flat{background-color:var(--nav-bg)}.dark.ink.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.dark.ink.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.light.accent{--nav-bg: var(--paper-dark)}.light.accent.fog.flat{background-color:var(--nav-bg)}.light.accent.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.light.accent.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.accent{--nav-bg: var(--paper-dark)}.accent.fog.flat{background-color:var(--nav-bg)}.accent.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.accent.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.dark.accent{--nav-bg: var(--paper-dark)}.dark.accent.fog.flat{background-color:var(--nav-bg)}.dark.accent.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.dark.accent.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.light.tone{--nav-bg: var(--paper-dark)}.light.tone.fog.flat{background-color:var(--nav-bg)}.light.tone.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.light.tone.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.tone{--nav-bg: var(--paper-dark)}.tone.fog.flat{background-color:var(--nav-bg)}.tone.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.tone.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.dark.tone{--nav-bg: var(--paper-dark)}.dark.tone.fog.flat{background-color:var(--nav-bg)}.dark.tone.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.dark.tone.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.magenta{--nav-bg: var(--paper-dark)}.magenta.fog.flat{background-color:var(--nav-bg)}.magenta.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.magenta.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.white{--nav-bg: var(--paper-dark)}.white.fog.flat{background-color:var(--nav-bg)}.white.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.white.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.gray{--nav-bg: var(--paper-dark)}.gray.fog.flat{background-color:var(--nav-bg)}.gray.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.gray.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.cyan{--nav-bg: var(--paper-dark)}.cyan.fog.flat{background-color:var(--nav-bg)}.cyan.fog.translucent{backdrop-filter:blur(5px);box-shadow:0 -1px 2px 1px #00000026}.cyan.fog.translucent:before{background-color:var(--nav-bg);content:"";width:100%;height:100%;opacity:75%;position:absolute;inset:0 auto auto 0;transform:translate(0)}.control .symbol{font-size:2em}.control>*{position:relative;z-index:5}body{background-color:rgb(var(--paper-dark-raw))}