@layer theme,base,components,utilities;@layer components{.gdh-iconbtn{--iconbtn-box-sm: 32px;--iconbtn-box-md: 40px;--iconbtn-box-lg: 44px;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;border:0;background:transparent;color:var(--color-ink);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color var(--transition-base) var(--ease-standard),color var(--transition-base) var(--ease-standard),border-color var(--transition-base) var(--ease-standard)}.gdh-iconbtn[data-size=sm]{width:var(--iconbtn-box-sm);height:var(--iconbtn-box-sm);--icon-size: var(--icon-size-sm)}.gdh-iconbtn[data-size=md]{width:var(--iconbtn-box-md);height:var(--iconbtn-box-md);min-width:44px;min-height:44px}.gdh-iconbtn[data-size=lg]{width:var(--iconbtn-box-lg);height:var(--iconbtn-box-lg);min-width:44px;min-height:44px;--icon-size: var(--icon-size-lg)}.gdh-iconbtn[data-shape=pill]{border-radius:var(--radius-pill)}.gdh-iconbtn[data-shape=square]{border-radius:var(--radius-md)}.gdh-iconbtn>svg{display:block}.gdh-iconbtn[data-variant=ghost]{background:transparent;color:var(--color-ink)}.gdh-iconbtn[data-variant=ghost]:not(:disabled):hover{background:var(--color-ink);color:var(--color-paper)}.gdh-iconbtn[data-variant=ghost][aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.gdh-iconbtn[data-variant=filled]{background:var(--color-card-surface);border:1px solid var(--color-rule);color:var(--color-ink)}.gdh-iconbtn[data-variant=filled]:not(:disabled):hover{background:var(--color-paper-2)}.gdh-iconbtn[data-variant=filled][aria-pressed=true]{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.gdh-iconbtn[data-variant=on-dark]{background:color-mix(in srgb,var(--color-ink-on-dark) 12%,transparent);border:0;color:var(--color-ink-on-dark)}.gdh-iconbtn[data-variant=on-dark]:not(:disabled):hover{background:color-mix(in srgb,var(--color-ink-on-dark) 20%,transparent)}.gdh-iconbtn[data-variant=on-dark][aria-pressed=true]{background:var(--color-ink-on-dark);color:var(--color-surface-dark)}.gdh-iconbtn[data-variant=scrim]{background:color-mix(in srgb,var(--color-surface-dark) 60%,transparent);border:0;color:var(--color-ink-on-dark)}.gdh-iconbtn[data-variant=scrim]:not(:disabled):hover{background:color-mix(in srgb,var(--color-surface-dark) 82%,transparent)}.gdh-iconbtn[data-variant=scrim][aria-pressed=true]{background:color-mix(in srgb,var(--color-surface-dark) 82%,transparent)}.gdh-iconbtn[data-variant=scrim]:focus-visible{outline-color:var(--focus-ring-color-on-dark)}.gdh-iconbtn[data-variant=inverse]{background:var(--color-ink);border:0;color:var(--color-ink-on-dark);transition:opacity var(--transition-fast) var(--ease-standard),transform var(--transition-fast) var(--ease-standard)}.gdh-iconbtn[data-variant=inverse]:not(:disabled):hover{opacity:.85}.gdh-iconbtn[data-variant=on-dark-ghost]{background:transparent;border:0;color:var(--color-ink-on-dark)}.gdh-iconbtn[data-variant=on-dark-ghost]:not(:disabled):hover{background:color-mix(in srgb,var(--color-ink-on-dark) 12%,transparent)}.gdh-iconbtn[data-variant=on-dark-ghost][aria-pressed=true]{background:color-mix(in srgb,var(--color-ink-on-dark) 12%,transparent)}.gdh-iconbtn[data-variant=on-dark-ghost]:focus-visible{outline-color:var(--focus-ring-color-on-dark)}.gdh-iconbtn[data-variant=link]{background:transparent;border:0;color:var(--color-ink)}.gdh-iconbtn[data-variant=link]>svg{transition:opacity var(--transition-fast) var(--ease-standard)}.gdh-iconbtn[data-variant=link]:not(:disabled):hover>svg{opacity:.7}.gdh-iconbtn[data-variant=link][aria-pressed=true]>svg{opacity:.7}.gdh-iconbtn[data-variant=on-dark][data-with-count=true]{flex-direction:column;gap:.125rem;height:auto;padding-block:.375rem}.gdh-iconbtn__count{font-family:var(--font-sans);font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--text-ui--font-weight);font-variant-numeric:tabular-nums}.gdh-iconbtn:not(:disabled):active{transform:translateY(1px)}.gdh-iconbtn[data-variant=on-dark]:not(:disabled):active>svg{transform:scale(.9)}.gdh-iconbtn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.gdh-iconbtn[data-variant=on-dark]:focus-visible{outline-color:var(--focus-ring-color-on-dark)}.gdh-iconbtn:disabled{opacity:.5;cursor:not-allowed}.gdh-iconbtn[data-tip]{--iconbtn-tip-gap: calc(var(--spacing) * 2)}.gdh-iconbtn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + var(--iconbtn-tip-gap));left:50%;transform:translate(-50%) translateY(.25rem);padding:.25rem .5rem;white-space:nowrap;border-radius:var(--radius-md);background:var(--color-surface-dark);color:var(--color-ink-on-dark);box-shadow:var(--shadow-2);font-family:var(--font-sans);font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--text-ui--font-weight);opacity:0;pointer-events:none;transition:opacity var(--transition-base) var(--ease-standard),transform var(--transition-base) var(--ease-standard);z-index:var(--z-overlay)}.gdh-iconbtn[data-tip]:hover:after,.gdh-iconbtn[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.gdh-iconbtn[data-tip]:before{content:"";position:absolute;bottom:calc(100% + var(--iconbtn-tip-gap) - .1875rem);left:50%;width:.375rem;height:.375rem;background:var(--color-surface-dark);transform:translate(-50%) translateY(.25rem) rotate(45deg);opacity:0;pointer-events:none;transition:opacity var(--transition-base) var(--ease-standard),transform var(--transition-base) var(--ease-standard);z-index:var(--z-overlay)}.gdh-iconbtn[data-tip]:hover:before,.gdh-iconbtn[data-tip]:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0) rotate(45deg)}.gdh-iconbtn[data-tip][data-tip-pos=bottom]:after{bottom:auto;top:calc(100% + var(--iconbtn-tip-gap));transform:translate(-50%) translateY(-.25rem)}.gdh-iconbtn[data-tip][data-tip-pos=bottom]:hover:after,.gdh-iconbtn[data-tip][data-tip-pos=bottom]:focus-visible:after{transform:translate(-50%) translateY(0)}.gdh-iconbtn[data-tip][data-tip-pos=bottom]:before{bottom:auto;top:calc(100% + var(--iconbtn-tip-gap) - .1875rem);transform:translate(-50%) translateY(-.25rem) rotate(45deg)}.gdh-iconbtn[data-tip][data-tip-pos=bottom]:hover:before,.gdh-iconbtn[data-tip][data-tip-pos=bottom]:focus-visible:before{transform:translate(-50%) translateY(0) rotate(45deg)}.gdh-iconbtn[data-tip][data-tip-align=start]:after{left:0;transform:translate(0) translateY(.25rem)}.gdh-iconbtn[data-tip][data-tip-align=start]:hover:after,.gdh-iconbtn[data-tip][data-tip-align=start]:focus-visible:after{transform:translate(0) translateY(0)}.gdh-iconbtn[data-tip][data-tip-pos=bottom][data-tip-align=start]:after{transform:translate(0) translateY(-.25rem)}.gdh-iconbtn[data-tip][data-tip-pos=bottom][data-tip-align=start]:hover:after,.gdh-iconbtn[data-tip][data-tip-pos=bottom][data-tip-align=start]:focus-visible:after{transform:translate(0) translateY(0)}.gdh-iconbtn[data-tip][data-tip-align=end]:after{left:auto;right:0;transform:translate(0) translateY(.25rem)}.gdh-iconbtn[data-tip][data-tip-align=end]:hover:after,.gdh-iconbtn[data-tip][data-tip-align=end]:focus-visible:after{transform:translate(0) translateY(0)}.gdh-iconbtn[data-tip][data-tip-pos=bottom][data-tip-align=end]:after{transform:translate(0) translateY(-.25rem)}.gdh-iconbtn[data-tip][data-tip-pos=bottom][data-tip-align=end]:hover:after,.gdh-iconbtn[data-tip][data-tip-pos=bottom][data-tip-align=end]:focus-visible:after{transform:translate(0) translateY(0)}}