@keyframes modmap-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modmap-slidein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.modmap-card{transition:border-color .2s,transform .2s,box-shadow .2s,opacity .12s;position:relative;overflow:hidden}.modmap-card:before{content:"";background:var(--card-accent);opacity:.5;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.modmap-card:hover{border-color:color-mix(in srgb, var(--card-accent) 40%, transparent);box-shadow:0 4px 24px color-mix(in srgb, var(--card-accent) 8%, transparent), 0 0 0 1px color-mix(in srgb, var(--card-accent) 15%, transparent);transform:translateY(-2px)}.modmap-card:hover:before{opacity:1}.modmap-grid-exit .modmap-card{opacity:0;pointer-events:none;transition:opacity .12s ease-in,transform .12s ease-in;transform:scale(.95)}.modmap-grid-exit .modmap-card-selected{opacity:0;transform:scale(1.03)}.modmap-grid-enter .modmap-card{animation:.15s ease-out both modmap-fadein}@keyframes modmap-panel-open{0%{opacity:0;transform-origin:top;transform:scaleY(.7)scaleX(.98)}to{opacity:1;transform-origin:top;transform:scaleY(1)scaleX(1)}}@keyframes modmap-panel-close{0%{opacity:1;transform-origin:top;transform:scaleY(1)scaleX(1)}to{opacity:0;transform-origin:top;transform:scaleY(.7)scaleX(.98)}}.modmap-panel-enter{animation:.2s cubic-bezier(.16,1,.3,1) modmap-panel-open}.modmap-panel-exit{pointer-events:none;animation:.12s ease-in forwards modmap-panel-close}.modmap-row{border-radius:8px;transition:background-color .15s;position:relative}.modmap-row:hover{background-color:#ffffff06}.modmap-row-expanded{background-color:var(--surface)!important}.modmap-expand-enter{animation:.2s ease-out modmap-slidein}@keyframes modmap-recent-in{0%{opacity:0;transform:translate(40px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes modmap-recent-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(40px)scale(.97)}}.modmap-recent-enter{animation:.25s cubic-bezier(.16,1,.3,1) modmap-recent-in}.modmap-recent-exit{pointer-events:none;animation:.15s ease-in forwards modmap-recent-out}.modmap-grid-shrink{opacity:.6;pointer-events:none;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s;transform:scale(.96)translate(-2%)}.modmap-grid-unshrink{opacity:1;transition:transform .2s ease-out,opacity .2s ease-out;transform:scale(1)translate(0)}.modmap-search-focus{transition:border-color .2s,box-shadow .2s}.modmap-search-focus:focus-within{box-shadow:0 0 0 3px #46d39a14,0 2px 12px #0000004d;border-color:#46d39a66!important}.modmap-back-btn{transition:color .15s,gap .15s}.modmap-back-btn:hover{color:var(--text-primary)!important}.modmap-back-btn:hover svg{transform:translate(-2px)}.modmap-back-btn svg{transition:transform .15s}.modmap-tile-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;max-width:100%;display:grid}.modmap-tile-grid>*{min-width:0;overflow:hidden}@media (max-width:600px){.modmap-tile-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:340px){.modmap-tile-grid{grid-template-columns:1fr}}.modmap-mod-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem;display:grid}@media (max-width:500px){.modmap-mod-grid{grid-template-columns:1fr}}.modmap-mod-card{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff06!important}.modmap-mod-card:hover{box-shadow:0 6px 20px #00000040, 0 0 0 1px color-mix(in srgb, var(--card-accent) 12%, transparent);transform:translateY(-2px);border-color:color-mix(in srgb, var(--card-accent) 45%, transparent)!important;background-color:#ffffff0a!important}.modmap-root,.modmap-scroll-container{overflow-x:hidden}.modmap-carousel-item{flex:0 0 100%}@media (max-width:600px){.modmap-carousel-arrow{width:2rem!important}.modmap-carousel-arrow-left{left:0!important}.modmap-carousel-arrow-right{right:0!important}}