.home-drop{width:100%;padding:var(--ran-space-6);background:linear-gradient(to bottom right, color-mix(in srgb, var(--primary) 5%, transparent), color-mix(in srgb, var(--primary) 10%, transparent));border:3px dashed color-mix(in srgb, var(--primary) 30%, transparent);border-radius:calc(var(--radius) + 8px);text-align:center;cursor:pointer;transition:all .3s var(--ran-motion-ease-standard);flex-direction:column;justify-content:center;align-items:center;display:flex}.home-drop:hover{border-color:color-mix(in srgb, var(--primary) 60%, transparent);box-shadow:0 10px 15px -3px color-mix(in srgb, var(--primary) 10%, transparent)}.home-drop:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.home-drop.is-over{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 20%, transparent);transform:scale(1.02)}.home-drop-mark{width:80px;height:80px;margin-bottom:var(--ran-space-4);border-radius:calc(var(--radius) + 8px);background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);transition:all .3s var(--ran-motion-ease-standard);justify-content:center;align-items:center;display:flex}.home-drop:hover .home-drop-mark{background:var(--primary);color:#fff;transform:scale(1.1)}.home-drop.is-over .home-drop-mark{background:var(--primary);color:#fff;transform:scale(1.1)rotate(12deg)}.home-drop-mark .ic{width:36px;height:36px;transition:color .3s var(--ran-motion-ease-standard)}.home-drop-title{margin-bottom:6px;font-size:18px;font-weight:700}.home-drop-hint{max-width:28rem;color:var(--text-secondary);margin:0 auto 4px;font-size:12px;line-height:1.625}.home-drop-formats{margin-bottom:var(--ran-space-4);color:color-mix(in srgb, var(--text-secondary) 70%, transparent);font-size:10px}.home-types{gap:var(--ran-space-3);margin-bottom:var(--ran-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=768px){.home-types{flex-wrap:nowrap;align-items:stretch;display:flex}.home-type{flex:1;min-width:0}}.home-type{justify-content:center;align-items:center;gap:var(--ran-space-2);padding:var(--ran-space-4);border:1px solid var(--insuite-border);border-radius:calc(var(--radius) + 8px);background:color-mix(in srgb, var(--muted) 40%, transparent);color:var(--ran-color-text);text-align:center;transition:all .2s var(--ran-motion-ease-standard);flex-direction:column;font-size:12px;font-weight:600;display:flex;overflow:hidden}.home-type:hover{border-color:color-mix(in srgb, var(--doc-tint) 50%, transparent);box-shadow:0 10px 15px -3px color-mix(in srgb, var(--primary) 5%, transparent);transform:translateY(-2px)}.app-type-mark{border-radius:var(--radius-lg);background:var(--doc-ground);width:40px;height:40px;color:var(--doc-tint);transition:background .3s var(--ran-motion-ease-standard);justify-content:center;align-items:center;display:flex}.home-type:hover .app-type-mark{background:var(--doc-tint);color:#fff}.app-type-mark .ic{width:20px;height:20px}.home-recent-all{color:var(--primary);font-size:12px;font-weight:500}.home-recent-all:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.home-type,.home-drop,.home-drop-mark{transition:none}.home-type:hover,.home-drop.is-over,.home-drop:hover .home-drop-mark,.home-drop.is-over .home-drop-mark{transform:none}}