.tools-menu-cards-module__vvH3ZW__panel{background:color-mix(in srgb, var(--popover) 60%, transparent);--tool-blue:oklch(59% .2 258);--tool-green:oklch(58% .16 155);--tool-orange:oklch(67% .17 48);--tool-violet:oklch(59% .2 298);--tool-amber:oklch(69% .15 78);--tool-rose:oklch(65% .2 20);--tool-cyan:oklch(61% .12 191);--tool-surface-rest:color-mix(in srgb, var(--foreground) 3%, var(--popover));--tool-surface-hover:color-mix(in srgb, var(--foreground) 6%, var(--popover));--tool-surface-active:color-mix(in oklab, var(--brand) 10%, var(--popover));--tool-hairline:color-mix(in srgb, var(--foreground) 10%, transparent);--tool-hairline-hover:color-mix(in srgb, var(--foreground) 18%, transparent);width:min(680px, calc(100vw - 32px), calc(var(--radix-popover-content-available-width,100vw) - 2px));flex-direction:column;display:flex;container-type:inline-size}.dark .tools-menu-cards-module__vvH3ZW__panel{--tool-blue:oklch(76% .14 258);--tool-green:oklch(75% .13 155);--tool-orange:oklch(78% .13 48);--tool-violet:oklch(76% .15 298);--tool-amber:oklch(81% .14 78);--tool-rose:oklch(77% .14 20);--tool-cyan:oklch(76% .1 191);--tool-surface-rest:color-mix(in srgb, var(--foreground) 5%, var(--popover));--tool-surface-hover:color-mix(in srgb, var(--foreground) 9%, var(--popover));--tool-surface-active:color-mix(in oklab, var(--brand) 18%, var(--popover))}.tools-menu-cards-module__vvH3ZW__card[data-tone=blue]{--tool-color:var(--tool-blue)}.tools-menu-cards-module__vvH3ZW__card[data-tone=green]{--tool-color:var(--tool-green)}.tools-menu-cards-module__vvH3ZW__card[data-tone=orange]{--tool-color:var(--tool-orange)}.tools-menu-cards-module__vvH3ZW__card[data-tone=violet]{--tool-color:var(--tool-violet)}.tools-menu-cards-module__vvH3ZW__card[data-tone=amber]{--tool-color:var(--tool-amber)}.tools-menu-cards-module__vvH3ZW__card[data-tone=rose]{--tool-color:var(--tool-rose)}.tools-menu-cards-module__vvH3ZW__card[data-tone=cyan]{--tool-color:var(--tool-cyan)}.tools-menu-cards-module__vvH3ZW__card{--tool-surface:var(--tool-surface-rest);--tool-art-surface:color-mix(in srgb, var(--tool-color) 4%, var(--tool-surface));isolation:isolate;border:1px solid var(--tool-hairline);border-radius:var(--radius-sm);background:var(--tool-surface);height:120px;transition:border-color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);padding:0;display:block;position:relative;overflow:hidden}.tools-menu-cards-module__vvH3ZW__card:hover{--tool-surface:var(--tool-surface-hover);border-color:var(--tool-hairline-hover)}.tools-menu-cards-module__vvH3ZW__card:active{transform:scale(.985)}.tools-menu-cards-module__vvH3ZW__card[data-active=true]{--tool-surface:var(--tool-surface-active);border-color:color-mix(in srgb, var(--brand) 45%, transparent)}.tools-menu-cards-module__vvH3ZW__card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tools-menu-cards-module__vvH3ZW__coverArtwork{z-index:0;object-fit:cover;opacity:.58;transition:opacity var(--dur-fast) var(--ease-standard), transform var(--dur-slow) var(--ease-standard);pointer-events:none;transform:scale(1.01)}.tools-menu-cards-module__vvH3ZW__card[data-has-cover=true]:after{content:"";z-index:0;background:linear-gradient(145deg, color-mix(in srgb, var(--tool-surface) 92%, transparent) 0%, color-mix(in srgb, var(--tool-surface) 64%, transparent) 54%, transparent 82%);pointer-events:none;position:absolute;inset:0}.tools-menu-cards-module__vvH3ZW__card:hover .tools-menu-cards-module__vvH3ZW__coverArtwork{opacity:.76;transform:scale(1.04)}.tools-menu-cards-module__vvH3ZW__copy{z-index:1;padding:14px 16px 0;position:relative}.tools-menu-cards-module__vvH3ZW__title{color:var(--foreground);letter-spacing:-.015em;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:18px}.tools-menu-cards-module__vvH3ZW__card[data-active=true] .tools-menu-cards-module__vvH3ZW__title{color:var(--brand)}.tools-menu-cards-module__vvH3ZW__description{color:color-mix(in srgb, var(--foreground) 63%, var(--tool-surface));margin-top:4px;font-size:12px;line-height:17px}.tools-menu-cards-module__vvH3ZW__artwork{width:132px;height:89px;color:var(--tool-color);opacity:.65;-webkit-mask-image:linear-gradient(145deg, transparent 5%, var(--background) 53%);mask-image:linear-gradient(145deg, transparent 5%, var(--background) 53%);transition:opacity var(--dur-fast) var(--ease-standard), transform var(--dur-slow) var(--ease-standard);pointer-events:none;position:absolute;bottom:-22px;right:-22px;transform:rotate(-13deg)}.tools-menu-cards-module__vvH3ZW__card:hover .tools-menu-cards-module__vvH3ZW__artwork{opacity:.9;transform:rotate(-13deg)scale(1.04)}.dark .tools-menu-cards-module__vvH3ZW__artwork{opacity:.5}.dark .tools-menu-cards-module__vvH3ZW__card:hover .tools-menu-cards-module__vvH3ZW__artwork{opacity:.7}.dark .tools-menu-cards-module__vvH3ZW__coverArtwork{opacity:.22}.dark .tools-menu-cards-module__vvH3ZW__card:hover .tools-menu-cards-module__vvH3ZW__coverArtwork{opacity:.32}@media (max-width:767px){.tools-menu-cards-module__vvH3ZW__panel{width:min(480px, calc(100vw - 32px), calc(var(--radix-popover-content-available-width,100vw) - 2px))}.tools-menu-cards-module__vvH3ZW__artwork{width:112px;height:76px}}@media (prefers-reduced-motion:reduce){.tools-menu-cards-module__vvH3ZW__card,.tools-menu-cards-module__vvH3ZW__artwork,.tools-menu-cards-module__vvH3ZW__coverArtwork{transition:none}.tools-menu-cards-module__vvH3ZW__card:active{transform:none}.tools-menu-cards-module__vvH3ZW__card:hover .tools-menu-cards-module__vvH3ZW__artwork{transform:rotate(-13deg)}.tools-menu-cards-module__vvH3ZW__card:hover .tools-menu-cards-module__vvH3ZW__coverArtwork{transform:scale(1.01)}}