.core-animation-picker{margin:20px 0;padding:18px 0;border:0;border-top:1px solid #72dbf526;border-bottom:1px solid #72dbf526;min-width:0}.core-animation-picker legend{padding:0 10px 0 0;font:11px var(--mono);letter-spacing:1px;color:#b5e8f3}.core-animation-choice{display:grid;grid-template-columns:155px minmax(0,1fr);align-items:center;gap:18px}.core-animation-preview{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid #68c9db2e;border-radius:14px;background:radial-gradient(circle at center,#0c394b99,#031018aa);overflow:hidden}.core-animation-preview canvas{width:100%;height:100%;display:block;pointer-events:none}.core-animation-preview>small{position:absolute;bottom:7px;color:#629aa9;font:8px var(--mono);letter-spacing:2px;pointer-events:none}.core-animation-choice label{display:grid;gap:9px;font-size:12px;color:#a6cbd9}.core-animation-choice select{width:100%;min-width:0;font-size:12px}.core-animation-choice p{font-size:12px;line-height:1.65;color:#80aebb;margin:12px 0 0}.core-animation-picker>.settings-copy{font-size:10px;margin:14px 0 0!important;line-height:1.6}html[data-jarvis-template=holographic] .core-animation-preview{background:radial-gradient(circle at center,#17445799,#071722aa);box-shadow:inset 0 1px 0 #c3f7ff12}
@media(max-width:480px){.core-animation-choice{grid-template-columns:110px minmax(0,1fr);gap:12px}.core-animation-choice select{font-size:11px;padding-left:8px;padding-right:20px}.core-animation-choice p{font-size:10px;line-height:1.6}.core-animation-picker legend{font-size:10px}.core-animation-preview>small{font-size:6px;bottom:5px}.core-animation-picker>.settings-copy{font-size:9px}}