@layer theme,base,components,utilities;@layer components{.dz-shimmer{overflow:hidden;isolation:isolate}.dz-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--shimmer);opacity:0;transform:translate(-130%);transition:opacity var(--dur-press) var(--ease-state)}@keyframes dz-shimmer-pass{0%{transform:translate(-130%)}to{transform:translate(130%)}}@media (hover: hover) and (pointer: fine){.dz-shimmer:hover:not([aria-disabled=true]):after{opacity:1;animation:dz-shimmer-pass var(--dur-shimmer) var(--ease-out) both}}.dz-shimmer:focus-visible:not([aria-disabled=true]):after{opacity:1;animation:dz-shimmer-pass var(--dur-shimmer) var(--ease-out) both}@media (prefers-reduced-motion: reduce){.dz-shimmer:after{display:none}}.dz-arrow-link,.ul-link-arrow{--link-nudge: 3px;--link-shift: 68%;display:inline-flex;align-items:center;gap:6px;font-weight:var(--fw-button);text-decoration:none}.dz-arrow-link .ul-btn__label,.ul-link-arrow__label{font-weight:var(--fw-button);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:4px;transition:color var(--dur-press) var(--ease-state),text-decoration-color var(--dur-press) var(--ease-state)}.dz-arrow-link .ul-btn__arrow,.ul-link-arrow__icon{flex:none;width:1em;height:1em;transition:transform var(--dur-press) var(--ease-out)}.ul-link-arrow__icon--ext,.dz-arrow-link .ul-btn__arrow--ext{stroke-linecap:butt;stroke-linejoin:miter}.ul-link-arrow--inline{display:inline}.ul-link-arrow--inline .ul-link-arrow__icon{display:inline-block;width:.62em;height:.62em;margin-left:.28em;vertical-align:.1em}.dz-arrow-link:focus-visible .ul-btn__label,.ul-link-arrow:focus-visible .ul-link-arrow__label,.ul-link-host:has(.ul-link-arrow:focus-visible) .ul-link-arrow__label{text-decoration-color:currentColor}.ul-btn.dz-arrow-link:focus-visible:not([aria-disabled=true]) .ul-btn__arrow,.ul-link-arrow:focus-visible .ul-link-arrow__icon,.ul-link-host:has(.ul-link-arrow:focus-visible) .ul-link-arrow__icon{transform:translate(var(--link-nudge))}.ul-btn.dz-arrow-link:focus-visible:not([aria-disabled=true]) .ul-btn__arrow--ext,.ul-link-arrow:focus-visible .ul-link-arrow__icon--ext,.ul-link-host:has(.ul-link-arrow:focus-visible) .ul-link-arrow__icon--ext{transform:translate(calc(var(--link-nudge) * .7),calc(var(--link-nudge) * -.7))}@media (hover: hover) and (pointer: fine){.ul-btn.dz-arrow-link:hover:not([aria-disabled=true]) .ul-btn__label,.ul-link-arrow:hover .ul-link-arrow__label,.ul-link-host:hover .ul-link-arrow__label{color:color-mix(in srgb,currentColor var(--link-shift),transparent)}.ul-btn.dz-arrow-link:hover:not([aria-disabled=true]) .ul-btn__arrow,.ul-link-arrow:hover .ul-link-arrow__icon,.ul-link-host:hover .ul-link-arrow__icon{transform:translate(var(--link-nudge))}.ul-btn.dz-arrow-link:hover:not([aria-disabled=true]) .ul-btn__arrow--ext,.ul-link-arrow:hover .ul-link-arrow__icon--ext,.ul-link-host:hover .ul-link-arrow__icon--ext{transform:translate(calc(var(--link-nudge) * .7),calc(var(--link-nudge) * -.7))}}@media (prefers-reduced-motion: reduce){.dz-arrow-link .ul-btn__arrow,.ul-link-arrow__icon{transform:none!important}}}@layer theme,base,components,utilities;@layer components{.ul-btn.ul-btn--pill{--pill-bg: var(--ink);--pill-fg: var(--page);--pill-acc: var(--green);--pill-acc-fg: var(--ink);--pill-disc-hover: var(--ink);--pill-arrow-hover: var(--pill-acc);--pill-hover-bg: var(--pill-acc);--pill-hover-fg: var(--pill-acc-fg);--m-fill: var(--pill-bg);--m-fg: var(--pill-fg);--pill-h: 48px;--disc-ink: 14px;--disc-pad: 6px;min-height:var(--pill-h);padding:0 calc((var(--pill-h) - var(--disc-ink) - 2 * var(--disc-pad)) / 2 - 1px) 0 24px;gap:25px;justify-content:space-between}.ul-btn.ul-btn--pill[data-tone=light],.ul-on-ink .ul-btn.ul-btn--pill:not([data-tone]){--pill-bg: var(--page);--pill-fg: var(--ink)}.ul-btn.ul-btn--pill[data-tone=outline]{--pill-bg: transparent;--pill-fg: var(--ink);--pill-line: var(--line-strong);--m-bg: transparent;--m-bd: var(--pill-line);--m-sh: none;--m-face: 0}.ul-on-ink .ul-btn.ul-btn--pill[data-tone=outline]{--pill-fg: var(--page);--pill-line: color-mix(in srgb, var(--page) 55%, transparent)}.ul-btn.ul-btn--pill[data-accent=lime]{--pill-acc: var(--lime)}.ul-btn.ul-btn--pill[data-accent=orange]{--pill-acc: var(--orange)}.ul-btn.ul-btn--pill[data-accent=pink]{--pill-acc: var(--pink)}.ul-btn.ul-btn--pill[data-accent=purple]{--pill-acc: var(--purple);--pill-acc-fg: var(--page);--pill-disc-hover: var(--page)}.ul-btn.ul-btn--pill{background-color:var(--m-bg, var(--m-fill));border-color:var(--m-bd, color-mix(in srgb, var(--m-fill) calc(100% - var(--m-edge)), var(--m-fg)));box-shadow:var(--m-sh, var(--m-sh-rest))}.ul-btn--pill:before{opacity:var(--m-face, 1)}.ul-btn--pill .ul-btn__label{min-width:0}.ul-btn--pill .ul-btn__disc{flex:none;box-sizing:content-box;display:grid;place-items:center;width:var(--disc-ink);height:var(--disc-ink);padding:var(--disc-pad);border-radius:50%;--d-fill: var(--pill-acc);--d-fg: var(--pill-acc-fg);background-color:var(--d-fill);background-image:linear-gradient(180deg,color-mix(in srgb,var(--page) var(--btn-hi),transparent) 0%,transparent 100%),linear-gradient(180deg,transparent 35%,color-mix(in srgb,var(--ink) var(--btn-lo),transparent) 100%);box-shadow:inset 0 1px color-mix(in srgb,var(--page) var(--btn-glint),transparent),0 0 0 1px color-mix(in srgb,var(--d-fill) calc(100% - var(--btn-edge)),var(--d-fg));color:var(--d-fg);transition:transform var(--dur-pill) var(--ease-out),background-color var(--dur-pill) var(--ease-out),box-shadow var(--dur-pill) var(--ease-out),color var(--dur-pill) var(--ease-out)}.ul-btn--pill .ul-btn__disc>svg,.ul-btn--pill .ul-btn__disc>.ul-btn__spinner{display:block;width:var(--disc-ink);height:var(--disc-ink)}.ul-btn--pill.ul-btn--sm{--pill-h: var(--tap);--disc-pad: 5px;padding-left:18px;gap:16px}.ul-btn--pill.ul-btn--lg{--pill-h: 56px;--disc-ink: 16px;--disc-pad: 9px;padding-left:28px}@media (min-width: 640px){.ul-btn--pill:not(.ul-btn--sm){min-width:240px}}@media (hover: hover) and (pointer: fine){.ul-btn.ul-btn--pill:hover:not([aria-disabled=true]){--m-fill: var(--pill-hover-bg);--m-fg: var(--pill-hover-fg);--m-bg: initial;--m-bd: initial;--m-face: 1;transform:translateY(-1px);box-shadow:var(--m-sh-hover)}.ul-btn.ul-btn--pill:hover:not([aria-disabled=true]) .ul-btn__disc{--d-fill: var(--pill-disc-hover);--d-fg: var(--pill-arrow-hover);transform:translate(3px)}.ul-btn.ul-btn--pill:hover:not([aria-disabled=true]) .ul-btn__disc--ext{transform:translate(2px,-2px)}}.ul-btn.ul-btn--pill:focus-visible:not([aria-disabled=true]){--m-fill: var(--pill-hover-bg);--m-fg: var(--pill-hover-fg);--m-bg: initial;--m-bd: initial;--m-face: 1;transform:translateY(-1px);box-shadow:var(--m-sh-hover)}.ul-btn.ul-btn--pill:focus-visible:not([aria-disabled=true]) .ul-btn__disc{--d-fill: var(--pill-disc-hover);--d-fg: var(--pill-arrow-hover);transform:translate(3px)}.ul-btn.ul-btn--pill:focus-visible:not([aria-disabled=true]) .ul-btn__disc--ext{transform:translate(2px,-2px)}@media (hover: hover) and (pointer: fine){.ul-btn.ul-btn--pill[data-accent=purple]:hover:not([aria-disabled=true]){--btn-hi: 5%;--m-edge: 14%}}.ul-btn.ul-btn--pill[data-accent=purple]:focus-visible:not([aria-disabled=true]){--btn-hi: 5%;--m-edge: 14%}.ul-btn.ul-btn--pill:active:not([aria-disabled=true]){transform:translateY(1px);box-shadow:var(--m-sh-press)}.ul-btn.ul-btn--pill[data-tone=outline]:active:not([aria-disabled=true]){--m-fill: var(--pill-hover-bg);--m-fg: var(--pill-hover-fg);--m-bg: initial;--m-bd: initial;--m-face: 1}@media (prefers-reduced-motion: reduce){.ul-btn.ul-btn--pill:is(:hover,:focus-visible,:active):not([aria-disabled=true]){transform:none}.ul-btn.ul-btn--pill:is(:hover,:focus-visible):not([aria-disabled=true]) .ul-btn__disc{transform:none}}.ul-btn .ul-btn__disc--ext>svg,.ul-btn .ul-btn__arrow--ext{stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10}}