.skillpack-dropdown{position:relative}.skillpack-dropdown .dropdown-toggle{cursor:pointer;background:#fff9;border-radius:.5rem;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:32px;padding:4px 8px;transition:background .2s;display:flex}.skillpack-dropdown .dropdown-toggle:hover{background:#fffc}.skillpack-dropdown .dropdown-toggle .title{flex:1;min-width:0;display:block}.skillpack-dropdown .dropdown-toggle .title .name{color:#475569;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:500;line-height:1.2;display:none;overflow:hidden}@media (min-width:768px){.skillpack-dropdown .dropdown-toggle .title .name{font-size:1rem;display:block}}@media (min-width:1024px){.skillpack-dropdown .dropdown-toggle .title .name{font-size:1.1rem;line-height:1.25;display:block}}.skillpack-dropdown .dropdown-toggle .chevron{color:#09090b;flex-shrink:0;width:16px;height:16px;font-weight:700;transition:transform .3s}.skillpack-dropdown .dropdown-toggle .chevron.open{color:#374151;transform:rotate(180deg)}@media (min-width:768px){.skillpack-dropdown .dropdown-toggle .chevron{width:18px;height:18px}}.skillpack-dropdown .dropdown-backdrop{z-index:100;position:fixed;inset:0}.skillpack-dropdown .dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:110;background:#fffffff2;border-radius:.75rem;width:100%;min-width:16rem;margin-top:12px;padding:0 .5rem;position:absolute;top:100%;overflow:hidden;box-shadow:0 4px 6px #00000012,0 10px 15px #0000001a}@media (min-width:768px){.skillpack-dropdown .dropdown-menu{max-width:18rem;margin-top:12px;padding:0 .75rem;display:block}}@media (min-width:1024px){.skillpack-dropdown .dropdown-menu{max-width:22rem;margin-top:16px}}.skillpack-dropdown .dropdown-menu .dropdown-item{align-items:center;padding:.25rem 0;transition:all .2s;display:flex}@media (min-width:768px){.skillpack-dropdown .dropdown-menu .dropdown-item{padding:.25rem 0}}.skillpack-dropdown .dropdown-menu .dropdown-item.border-bottom{border-bottom:1px solid var(--primary-300)}.skillpack-dropdown .dropdown-menu .dropdown-item .item-link{border-radius:.375rem;align-items:center;gap:8px;width:100%;padding:.375rem .25rem;transition:background .2s;display:flex}@media (min-width:768px){.skillpack-dropdown .dropdown-menu .dropdown-item .item-link{gap:12px;padding:.5rem .25rem}}.skillpack-dropdown .dropdown-menu .dropdown-item .item-link:hover{background:#fff9}.skillpack-dropdown .dropdown-menu .dropdown-item .item-link.about .text{font-size:.8125rem}@media (min-width:768px){.skillpack-dropdown .dropdown-menu .dropdown-item .item-link.about .text{font-size:.875rem}}.skillpack-dropdown .dropdown-menu .dropdown-item .item-link.about .subtitle{opacity:.8;margin-top:2px;font-size:.625rem;font-weight:400;line-height:1.2}@media (min-width:768px){.skillpack-dropdown .dropdown-menu .dropdown-item .item-link.about .subtitle{font-size:.6875rem}}.skillpack-dropdown .dropdown-menu .dropdown-item .item-link .icon-box{background:var(--primary-200);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .2s;display:flex}@media (min-width:768px){.skillpack-dropdown .dropdown-menu .dropdown-item .item-link .icon-box{border-radius:.75rem;width:28px;height:28px}}.skillpack-dropdown .dropdown-menu .dropdown-item .item-link .icon-box .icon{width:14px;height:14px;color:var(--primary-600);font-weight:600}@media (min-width:768px){.skillpack-dropdown .dropdown-menu .dropdown-item .item-link .icon-box .icon{width:16px;height:16px}}.skillpack-dropdown .dropdown-menu .dropdown-item .item-link .text{color:var(--primary-600);font-size:.8125rem;font-weight:600;line-height:1.2}@media (min-width:768px){.skillpack-dropdown .dropdown-menu .dropdown-item .item-link .text{font-size:.875rem}}@media (min-width:1024px){.skillpack-dropdown .dropdown-menu .dropdown-item .item-link .text{font-size:.9375rem}}