.sponsored-column{flex-direction:column;width:100%;display:flex}.sponsored-column-header{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-self:center;margin-bottom:16px;font-family:Roobert,sans-serif;font-size:11px;font-weight:600}.sponsored-column-tiles{flex-direction:column;gap:28px;display:flex}.sponsored-tile{--tile-icon-size:56px;text-align:center;flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex;position:relative}.sponsored-tile-icon{width:var(--tile-icon-size);height:var(--tile-icon-size);border-radius:var(--radius-lg);background:var(--bg-primary);transition:transform var(--transition-slow);justify-content:center;align-items:center;display:flex;overflow:hidden}.sponsored-tile:hover .sponsored-tile-icon{transform:scale(1.05)}.sponsored-column-tiles .sponsored-tile{transition:transform var(--transition-fast)}.sponsored-column-tiles .sponsored-tile:nth-child(odd){transform:rotate(-3deg)}.sponsored-column-tiles .sponsored-tile:nth-child(2n){transform:rotate(3deg)}.sponsored-column-tiles .sponsored-tile:hover,.sponsored-column-tiles .sponsored-tile:focus-visible{transform:rotate(0)}.sponsored-tile-icon img{object-fit:cover;width:100%;height:100%}.sponsored-tile-icon-fallback{background:var(--brand-primary);width:100%;height:100%;color:var(--text-on-primary);justify-content:center;align-items:center;font-family:GeneralSans,sans-serif;font-size:20px;font-weight:600;display:flex}.sponsored-tile--placeholder .sponsored-tile-icon--placeholder{background:var(--bg-secondary);border:1px dashed var(--border-strong)}.sponsored-tile--placeholder .sponsored-tile-icon--placeholder svg{color:var(--brand-primary)}.sponsored-tile--placeholder:hover .sponsored-tile-icon--placeholder{background:var(--interactive-ghost-hover);border-color:var(--brand-primary)}.sponsored-tile-label{color:var(--text-tertiary);font-family:Roobert,sans-serif;font-size:12px;font-weight:500}.sponsored-tile--placeholder:hover .sponsored-tile-label{color:var(--text-link)}.sponsored-tile-tooltip{background:var(--modal-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);width:max-content;max-width:200px;box-shadow:var(--card-shadow-hover);color:var(--text-secondary);text-align:left;z-index:20;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast);padding:8px 10px;font-family:Roobert,sans-serif;font-size:12px;line-height:1.4;position:absolute}.sponsored-tile-tooltip-name{color:var(--brand-primary);margin-bottom:2px;font-family:GeneralSans,sans-serif;font-weight:600}.sponsored-tile-tooltip-tagline{color:var(--text-secondary);font-size:12px}.sponsored-column--left .sponsored-tile-tooltip{top:50%;left:100%;transform:translateY(-50%)translate(-4px)}.sponsored-column--left .sponsored-tile:hover .sponsored-tile-tooltip,.sponsored-column--left .sponsored-tile:focus-visible .sponsored-tile-tooltip{transform:translateY(-50%)translate(0)}.sponsored-column--right .sponsored-tile-tooltip{top:50%;left:auto;right:100%;transform:translateY(-50%)translate(4px)}.sponsored-column--right .sponsored-tile:hover .sponsored-tile-tooltip,.sponsored-column--right .sponsored-tile:focus-visible .sponsored-tile-tooltip{transform:translateY(-50%)translate(0)}.sponsored-tile:hover .sponsored-tile-tooltip,.sponsored-tile:focus-visible .sponsored-tile-tooltip{opacity:1;visibility:visible}.sponsored-tile:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px;border-radius:var(--radius-md)}@media (max-width:860px){.sponsored-column-tiles .sponsored-tile,.sponsored-column-tiles .sponsored-tile:nth-child(odd),.sponsored-column-tiles .sponsored-tile:nth-child(2n),.sponsored-column-tiles .sponsored-tile:hover,.sponsored-column-tiles .sponsored-tile:focus-visible{transform:rotate(0)}.sponsored-tile-tooltip{display:none}}.static-ad-columns{display:contents}.static-ad-columns--left,.static-ad-columns--right{display:none}@media (min-width:861px){.static-ad-columns--left{order:-1}.static-ad-columns--left,.static-ad-columns--right{z-index:5;flex-shrink:0;align-self:flex-start;width:120px;padding-top:16px;display:block;position:sticky;top:70px}}@media (min-width:861px) and (max-width:1299px){.static-ad-columns--left,.static-ad-columns--right{width:120px}}@media (max-width:860px){.static-ad-columns{flex-direction:column;gap:32px;width:100%;margin-top:40px;padding:0 20px;display:flex}.static-ad-columns--left,.static-ad-columns--right{width:100%;display:block}}
.dir-header{z-index:1000;background:var(--bg-navbar);position:sticky;top:0}.dir-header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;max-width:1320px;margin:0 auto;padding:14px 32px;display:grid}.dir-header-logo{flex-shrink:0;align-items:center;display:inline-flex}.dir-header-search{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-input);width:100%;max-width:480px;transition:border-color var(--transition-fast);align-items:center;gap:8px;margin:0 auto;padding:9px 14px;display:flex}.dir-header-search:focus-within{border-color:var(--input-border-focus);box-shadow:var(--input-focus-ring)}.dir-header-search-icon{color:var(--icon-muted);flex-shrink:0;align-items:center;display:flex}.dir-header-search input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:Roobert,sans-serif;font-size:14px}.dir-header-search input::placeholder{color:var(--input-placeholder)}.dir-header-links{white-space:nowrap;align-items:center;gap:20px;font-family:Roobert,sans-serif;font-size:14px;font-weight:500;display:flex}.dir-header-links a{color:var(--nav-text);text-decoration:none}.dir-header-links a:hover{color:var(--brand-primary)}.dir-header-submit{background:var(--brand-primary);border-radius:var(--radius-button);padding:8px 16px;color:var(--text-on-primary)!important}.dir-header-submit:hover{background:var(--brand-hover);color:var(--text-on-primary)!important}@media (max-width:860px){.dir-header-inner{grid-template-columns:auto 1fr;gap:12px}.dir-header-links{grid-column:1/-1;justify-content:center;gap:16px}}@media (max-width:560px){.dir-header-search{display:none}}@media (max-width:640px){.dir-header--product .dir-header-inner{grid-template-columns:auto auto;justify-content:space-between;gap:12px}.dir-header--product .dir-header-search,.dir-header--product .dir-header-link-home,.dir-header--product .dir-header-link-directory,.dir-header--product .dir-header-link-launchpad,.dir-header--product .dir-header-link-advertise{display:none}.dir-header--product .dir-header-links{grid-column:auto;justify-content:flex-end}}.breadcrumb{max-width:1320px;margin:0 auto;padding:14px 32px 0}.breadcrumb-list{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;font-family:Roobert,sans-serif;font-size:12.5px;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:6px;display:inline-flex}.breadcrumb-list a{color:var(--text-muted);text-decoration:none}.breadcrumb-list a:hover{color:var(--brand-primary);text-decoration:underline}.breadcrumb-current{color:var(--text-tertiary)}.breadcrumb-sep{color:var(--text-disabled)}.toast-container{z-index:500;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--card-shadow-hover);border:1px solid var(--card-border);color:var(--text-primary);opacity:0;max-width:340px;transition:opacity var(--transition-base), transform var(--transition-base);align-items:center;gap:10px;padding:12px 16px;font-family:Roobert,sans-serif;font-size:13.5px;font-weight:500;display:flex;transform:translateY(8px)}.toast.is-visible{opacity:1;transform:translateY(0)}.toast-icon{flex-shrink:0;align-items:center;display:flex}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-info .toast-icon{color:var(--info)}@media (max-width:768px){.toast-container{align-items:stretch;bottom:16px;left:16px;right:16px}.toast{max-width:none}}.btn-primary-cta{border-radius:var(--radius-button);background:var(--button-primary-bg);color:var(--button-primary-text);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 18px;font-family:Roobert,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.btn-primary-cta:hover{background:var(--button-primary-hover)}.btn-primary-cta:active{background:var(--button-primary-active)}.btn-primary-cta:disabled{background:var(--button-disabled-bg);color:var(--button-disabled-text);cursor:not-allowed}.btn-secondary-cta{border:1px solid var(--button-secondary-border);border-radius:var(--radius-button);background:var(--button-secondary-bg);color:var(--button-secondary-text);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast);align-items:center;gap:8px;padding:10px 16px;font-family:Roobert,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.btn-secondary-cta:hover{background:var(--button-secondary-hover)}.btn-secondary-cta:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{z-index:300;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--radius-card);background:var(--bg-card);width:100%;max-width:480px;max-height:80vh;box-shadow:var(--card-shadow-hover);flex-direction:column;gap:18px;padding:28px;display:flex;position:relative;overflow-y:auto}.modal-box-compact{max-width:420px}.modal-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--icon-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--interactive-ghost-hover);color:var(--icon-primary)}.modal-field{flex-direction:column;gap:4px;display:flex}.modal-title{color:var(--text-primary);margin:0 0 4px;font-family:GeneralSans,sans-serif;font-size:20px;font-weight:500}.modal-subtitle{color:var(--text-secondary);margin:0;font-family:Roobert,sans-serif;font-size:13.5px}.auth-button--google{box-sizing:border-box;border-radius:var(--radius-button);cursor:pointer;background:var(--button-secondary-bg);border:1px solid var(--button-secondary-border);width:100%;min-height:46px;color:var(--button-secondary-text);transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-family:Roobert,sans-serif;font-size:14px;font-weight:500;display:flex}.auth-button--google:hover{background:var(--button-secondary-hover);border-color:var(--input-border-hover)}.google-icon{flex:0 0 18px;width:18px;height:18px;display:inline-flex}.google-icon svg{width:100%;height:100%;display:block}.upvote-auth-modal{align-items:stretch}.upvote-auth-modal-field{text-align:center;align-items:center}.upvote-auth-modal .modal-title{margin:0}.upvote-auth-google-btn{margin-top:2px}.upvote-auth-modal-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.upvote-auth-email-btn,.upvote-auth-notnow-btn{justify-content:center;width:100%}
