*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:calc(var(--layout-nav-height) + var(--space-xl))}body{min-height:100vh;font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased}img,svg{max-width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}ul[role=list],ol[role=list]{list-style:none}:focus-visible{outline:var(--layer-focus-width) solid var(--border-focus);outline-offset:var(--layer-focus-offset)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-property:color,background-color,border-color,text-decoration-color!important;animation:none!important}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{width:calc(100% - 2 * var(--layout-margin));margin-inline:auto}@media (width>=1024px){.container{width:min(var(--layout-content), 100% - 2 * var(--layout-margin))}}.btn{isolation:isolate;justify-content:center;align-items:center;gap:var(--space-xs);height:var(--control-height);padding-inline:calc(var(--control-padding-x) - var(--layer-edge-width));border:var(--layer-edge-width) solid transparent;border-radius:var(--radius-pill);font-weight:500;font-size:var(--type-ui-size);line-height:var(--type-ui-line-height);letter-spacing:var(--type-ui-tracking);white-space:nowrap;cursor:pointer;flex:none;display:inline-flex;position:relative}.btn:before{content:"";inset:calc(-1 * var(--layer-edge-width));z-index:-1;border:var(--layer-edge-width) solid var(--btn-border,transparent);border-radius:inherit;background:var(--btn-bg);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);position:absolute}.btn--s{height:var(--control-height-sm);padding-inline:calc(var(--control-padding-x-sm) - var(--layer-edge-width))}.btn--l{height:var(--control-height-lg);padding-inline:calc(var(--control-padding-x-lg) - var(--layer-edge-width));font-size:var(--type-ui-l-size);line-height:var(--type-ui-l-line-height);letter-spacing:var(--type-ui-l-tracking)}.btn--primary{--btn-bg:var(--bg-inverse);color:var(--text-inverse)}.btn--secondary{--btn-bg:var(--bg-raised);--btn-border:var(--border-line);color:var(--text-primary)}.btn .icon{width:var(--icon-size);transition:transform var(--duration-fast) var(--ease-standard);padding-inline-end:var(--space-2xs)}.btn--s .icon{width:calc(var(--icon-size-xs) + var(--space-2xs))}.btn-sheet{inset-block:calc(-1 * var(--layer-edge-width));opacity:0;pointer-events:none;border:var(--layer-edge-width) solid var(--layer-open-edge);border-radius:var(--radius-pill);transition:transform var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);position:absolute}.btn-sheet--1{z-index:-2;inset-inline:calc(var(--layer-fan-inset-1) - var(--layer-edge-width));background:var(--layer-open-1)}.btn-sheet--2{z-index:-3;inset-inline:calc(var(--layer-fan-inset-2) - var(--layer-edge-width));background:var(--layer-open-2)}.btn-sheet--3{z-index:-4;inset-inline:calc(var(--layer-fan-inset-3) - var(--layer-edge-width));background:var(--layer-open-3)}.btn:not(:disabled,[aria-disabled=true]):hover .btn-sheet{opacity:1}.btn:not(:disabled,[aria-disabled=true]):hover .btn-sheet--1{transform:translateY(var(--layer-fan-y-1)) rotate(var(--rotate-fan-1))}.btn:not(:disabled,[aria-disabled=true]):hover .btn-sheet--2{transform:translateY(var(--layer-fan-y-2)) rotate(var(--rotate-fan-2))}.btn:not(:disabled,[aria-disabled=true]):hover .btn-sheet--3{transform:translateY(var(--layer-fan-y-3)) rotate(var(--rotate-fan-3))}.btn:not(:disabled,[aria-disabled=true]):hover .icon{transform:translateX(var(--space-2xs))}.btn:not(:disabled,[aria-disabled=true]):active .btn-sheet,.btn:not(:disabled,[aria-disabled=true]):active .icon{transition-duration:var(--duration-press);transition-timing-function:var(--ease-press)}.btn:not(:disabled,[aria-disabled=true]):active .btn-sheet{opacity:1}.btn:not(:disabled,[aria-disabled=true]):active .btn-sheet--1{transform:translateY(var(--layer-fan-press-y-1))}.btn:not(:disabled,[aria-disabled=true]):active .btn-sheet--2{transform:translateY(var(--layer-fan-press-y-2))}.btn:not(:disabled,[aria-disabled=true]):active .btn-sheet--3{transform:translateY(var(--layer-fan-press-y-3))}.btn:not(:disabled,[aria-disabled=true]):active .icon{transform:none}.btn:focus-visible{outline:var(--layer-focus-width) solid var(--border-focus);outline-offset:var(--layer-focus-offset);box-shadow:none}.btn:disabled,.btn[aria-disabled=true]{--btn-bg:var(--bg-disabled);--btn-border:transparent;color:var(--text-disabled);cursor:default}@media (prefers-reduced-motion:reduce){.btn-sheet{display:none}.btn:not(:disabled,[aria-disabled=true]):hover .icon,.btn:not(:disabled,[aria-disabled=true]):active .icon{transform:none}.btn--primary:not(:disabled,[aria-disabled=true]):hover,.btn--primary:not(:disabled,[aria-disabled=true]):active{--btn-bg:var(--bg-inverse-hover)}.btn--secondary:not(:disabled,[aria-disabled=true]):hover,.btn--secondary:not(:disabled,[aria-disabled=true]):active{--btn-bg:var(--bg-raised-hover);--btn-border:var(--border-strong)}}
