@gambito-corp/mbs-library
Version:
Librería de componentes React reutilizables - Sistema de diseño modular y escalable
1 lines • 55.2 kB
CSS
.icon-component{align-items:center;display:inline-flex;justify-content:center;line-height:1;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle}.icon-xs{font-size:12px;height:12px;width:12px}.icon-sm{font-size:16px;height:16px;width:16px}.icon-md{font-size:20px;height:20px;width:20px}.icon-lg{font-size:24px;height:24px;width:24px}.icon-xl{font-size:32px;height:32px;width:32px}.icon-2x{font-size:40px;height:40px;width:40px}.icon-3x{font-size:60px;height:60px;width:60px}.icon-default{color:#374151}.icon-primary{color:#3b82f6}.icon-secondary{color:#6b7280}.icon-success{color:#10b981}.icon-warning{color:#f59e0b}.icon-error{color:#ef4444}.icon-info{color:#3b82f6}.icon-muted{color:#9ca3af;opacity:.7}.icon-inverse{color:#fff}.icon-disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.icon-loading{animation:iconSpin 1s linear infinite}@keyframes iconSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon-fontawesome{display:inline-block}.icon-svg-custom,.icon-svg-data{align-items:center;display:inline-flex;justify-content:center}.icon-svg-custom svg,.icon-svg-data{fill:currentColor;height:100%;width:100%}.icon-image{height:100%;object-fit:contain;object-position:center;width:100%}.icon-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif}.icon-emoji,.icon-unicode{font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.icon-unicode{font-family:Segoe UI Symbol,Symbola,sans-serif}.icon-default{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.icon-component:not(.icon-disabled){cursor:pointer}.icon-component:not(.icon-disabled):hover{opacity:.8;transform:scale(1.1)}.icon-component:not(.icon-disabled):active{transform:scale(.95)}.icon-component:not(.icon-disabled):hover.icon-primary{color:#2563eb;filter:drop-shadow(0 0 4px rgba(59,130,246,.4))}.icon-component:not(.icon-disabled):hover.icon-success{color:#059669;filter:drop-shadow(0 0 4px rgba(16,185,129,.4))}.icon-component:not(.icon-disabled):hover.icon-warning{color:#d97706;filter:drop-shadow(0 0 4px rgba(245,158,11,.4))}.icon-component:not(.icon-disabled):hover.icon-error{color:#dc2626;filter:drop-shadow(0 0 4px rgba(239,68,68,.4))}.icon-pulse{animation:iconPulse 2s infinite}@keyframes iconPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.icon-bounce{animation:iconBounce .6s ease-in-out}@keyframes iconBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.icon-shake{animation:iconShake .6s ease-in-out}@keyframes iconShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@media (prefers-color-scheme:dark){.icon-default{color:#f3f4f6}.icon-muted{color:#6b7280}.icon-inverse{color:#111827}}@media (max-width:640px){.icon-3x{font-size:48px;height:48px;width:48px}.icon-2x{font-size:32px;height:32px;width:32px}}@media (prefers-reduced-motion:reduce){.icon-bounce,.icon-component,.icon-loading,.icon-pulse,.icon-shake{animation:none!important;transition:none!important}.icon-component:hover{transform:none!important}}.icon-component:focus{border-radius:2px;outline:2px solid #3b82f6;outline-offset:2px}.icon-component:focus:not(:focus-visible){outline:none}.icon-group{align-items:center;display:flex;gap:.5rem}.icon-group .icon-component{flex-shrink:0}.btn .icon-component{margin-right:.5rem}.btn .icon-component:last-child{margin-left:.5rem;margin-right:0}.btn .icon-component:only-child{margin:0}.badge .icon-component{font-size:.875rem;height:.875rem;width:.875rem}@media print{.icon-component{color:#000!important;filter:none!important;transform:none!important}.icon-loading{display:none}}.icon-rotate-90{transform:rotate(90deg)}.icon-rotate-180{transform:rotate(180deg)}.icon-rotate-270{transform:rotate(270deg)}.icon-flip-horizontal{transform:scaleX(-1)}.icon-flip-vertical{transform:scaleY(-1)}.icon-loading-container{display:inline-flex;position:relative}.icon-loading-overlay{align-items:center;background:#fffc;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.icon-component[title]:hover:after{background:#1f2937;border-radius:.25rem;color:#fff;content:attr(title);font-size:.75rem;margin-bottom:.25rem;padding:.25rem .5rem;white-space:nowrap}.icon-component[title]:hover:after,.icon-component[title]:hover:before{bottom:100%;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.icon-component[title]:hover:before{border:4px solid #0000;border-top-color:#1f2937;content:""}.text{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;line-height:1.5rem;margin:0;padding:0;transition:color .2s ease-in-out}.text--bold{color:#111827;font-weight:700}.text--bolder{color:#000;font-weight:900;letter-spacing:-.025em}.text--tiny{color:#6b7280;font-size:.625rem;font-weight:400;letter-spacing:.025em;line-height:.875rem}.text--light{color:#4b5563;font-weight:300;letter-spacing:.025em}.text--cursiva{color:#374151;font-style:italic;font-weight:400;letter-spacing:.01em}.text--subrayado{color:#1f2937;text-decoration:underline;-webkit-text-decoration-color:#3b82f6;text-decoration-color:#3b82f6;text-decoration-thickness:1px;text-underline-offset:2px;transition:-webkit-text-decoration-color .2s ease-in-out;transition:text-decoration-color .2s ease-in-out;transition:text-decoration-color .2s ease-in-out,-webkit-text-decoration-color .2s ease-in-out}.text--subrayado:hover{-webkit-text-decoration-color:#1d4ed8;text-decoration-color:#1d4ed8}.text--muted{color:#6b7280;font-weight:400;opacity:.8}.text--subrayado.text--bold{font-weight:700;text-decoration-thickness:2px}.text--subrayado.text--bolder{font-weight:900;-webkit-text-decoration-color:#1d4ed8;text-decoration-color:#1d4ed8;text-decoration-thickness:2px}.text--muted.text--small,.text--muted.text--xs{color:#9ca3af;opacity:.9}.text--muted.text--tiny{color:#9ca3af;opacity:.7}.text--subrayado.text--cursiva{font-style:italic;-webkit-text-decoration-color:#8b5cf6;text-decoration-color:#8b5cf6}.text--xs{font-size:.75rem;line-height:1rem}.text--small{font-size:.875rem;line-height:1.25rem}.text--large{font-size:1.125rem;line-height:1.75rem}.text--xlarge{font-size:1.25rem;font-weight:500;line-height:1.75rem}.text--2xl{font-size:1.5rem;line-height:2rem}.text--2xl,.text--xs.text--bold{font-weight:600}.text--2xl.text--bold,.text--large.text--bold,.text--xlarge.text--bold{font-weight:700}.text--color-primary{color:#3b82f6!important}.text--color-secondary{color:#6b7280!important}.text--color-success{color:#10b981!important}.text--color-warning{color:#f59e0b!important}.text--color-error{color:#ef4444!important}.text--color-info{color:#06b6d4!important}.text--color-white{color:#fff!important}.text--color-black{color:#000!important}.text--subrayado.text--color-primary{-webkit-text-decoration-color:#3b82f6;text-decoration-color:#3b82f6}.text--subrayado.text--color-success{-webkit-text-decoration-color:#10b981;text-decoration-color:#10b981}.text--subrayado.text--color-error{-webkit-text-decoration-color:#ef4444;text-decoration-color:#ef4444}.text--subrayado.text--color-warning{-webkit-text-decoration-color:#f59e0b;text-decoration-color:#f59e0b}.text--gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;background-size:100% 100%}.text--gradient,.text--gradient-animated{-webkit-text-fill-color:#0000;display:inline-block;font-weight:600;position:relative}.text--gradient-animated{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6);-webkit-background-clip:text;background-clip:text;background-size:300% 300%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text--gradient-animated.text--2xl,.text--gradient-animated.text--large,.text--gradient-animated.text--xlarge,.text--gradient.text--2xl,.text--gradient.text--large,.text--gradient.text--xlarge{font-weight:700;letter-spacing:-.025em}.text--gradient-animated.text--bold,.text--gradient.text--bold{font-weight:800}.text--gradient-animated.text--bolder,.text--gradient.text--bolder{font-weight:900;letter-spacing:-.05em}.dark .text{color:#f9fafb}.dark .text--bold{color:#fff}.dark .text--bolder{color:#fff;text-shadow:0 0 1px #ffffff80}.dark .text--tiny{color:#9ca3af}.dark .text--light{color:#d1d5db;font-weight:200}.dark .text--cursiva{color:#e5e7eb}.dark .text--subrayado{color:#f9fafb;-webkit-text-decoration-color:#60a5fa;text-decoration-color:#60a5fa}.dark .text--subrayado:hover{-webkit-text-decoration-color:#3b82f6;text-decoration-color:#3b82f6}.dark .text--subrayado.text--cursiva{-webkit-text-decoration-color:#a78bfa;text-decoration-color:#a78bfa}.dark .text--muted{color:#9ca3af;opacity:.9}.dark .text--color-primary{color:#60a5fa!important}.dark .text--color-secondary{color:#9ca3af!important}.dark .text--color-success{color:#34d399!important}.dark .text--color-warning{color:#fbbf24!important}.dark .text--color-error{color:#f87171!important}.dark .text--color-info{color:#22d3ee!important}.dark .text--color-white{color:#fff!important}.dark .text--color-black{color:#1f2937!important}.dark .text--gradient{background:linear-gradient(135deg,#60a5fa,#a78bfa)}.dark .text--gradient-animated{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6,#60a5fa);background-size:300% 300%}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.text--gradient,.text--gradient-animated{-webkit-text-fill-color:initial;background:none;color:#3b82f6}}@media (prefers-reduced-motion:reduce){.text--gradient-animated{animation:none;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background-size:100% 100%}}@media print{.text--gradient,.text--gradient-animated{-webkit-text-fill-color:initial!important;animation:none!important;background:none!important;color:#000!important}}.text--neon{animation:neonPulse 2s ease-in-out infinite alternate;display:inline-block;font-weight:500;position:relative}.text--neon.text--2xl,.text--neon.text--large,.text--neon.text--xlarge{font-weight:600;letter-spacing:.05em}.text--neon.text--bold{font-weight:700}.text--neon.text--bolder{font-weight:800;letter-spacing:.1em}.dark .text--neon{filter:brightness(1.3) saturate(1.5)}@media (prefers-reduced-motion:reduce){.text--neon{animation:none;filter:none;transform:none}}@media print{.text--neon{animation:none!important;color:#000!important;filter:none!important;text-shadow:none!important}}@keyframes neonPulse{0%{filter:brightness(1) saturate(1);transform:scale(1)}to{filter:brightness(1.2) saturate(1.3);transform:scale(1.02)}}.text--neon{animation:neonPulse 2s ease-in-out infinite alternate!important;display:inline-block!important;font-weight:600!important}.typewriter-cursor{animation:typewriterBlink 1s infinite;animation-fill-mode:both;animation-timing-function:step-end;color:currentColor;display:inline-block;font-weight:400;margin-left:2px}@keyframes typewriterBlink{0%,50%{opacity:1}51%,to{opacity:0}}.typewriter-cursor.block,.typewriter-cursor.classic{animation:typewriterBlink 1s infinite}.typewriter-cursor.block{background-color:currentColor;color:#0000}.typewriter-cursor.underscore{animation:typewriterBlink 1s infinite;border-bottom:2px solid}.text--typewriter.text--2xl,.text--typewriter.text--large,.text--typewriter.text--xlarge{font-weight:500;letter-spacing:.025em}.text--typewriter.text--bold{font-weight:700}.text--typewriter.text--color-primary{color:#3b82f6}.text--typewriter.text--color-success{color:#10b981}.text--typewriter.text--color-error{color:#ef4444}.dark .text--typewriter,.dark .typewriter-cursor{color:#f9fafb}@media (prefers-reduced-motion:reduce){.typewriter-cursor{animation:none;opacity:1}}@media print{.text--typewriter{font-family:monospace}.typewriter-cursor{display:none}}.text-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;display:inline-block;height:1.25rem;width:8rem}.text-skeleton--xs{height:.75rem;width:4rem}.text-skeleton--small{height:1rem;width:5rem}.text-skeleton--large{height:1.5rem;width:10rem}.text-skeleton--xlarge{height:1.75rem;width:12rem}.text-skeleton--2xl{height:2rem;width:14rem}.text-skeleton--h1{display:block;height:2rem;margin-bottom:.5rem;width:16rem}.text-skeleton--h2{display:block;height:1.75rem;margin-bottom:.5rem;width:14rem}.text-skeleton--p{display:block;height:1.25rem;margin-bottom:.5rem;width:100%}.text-skeleton--gradient{background:linear-gradient(90deg,#dbeafe,#c7d2fe,#dbeafe);background-size:200% 100%}.text-skeleton--neon{background:linear-gradient(90deg,#cffafe,#a5f3fc,#cffafe);background-size:200% 100%;box-shadow:0 0 10px #0ff3}.text-skeleton--typewriter{animation:typewriterSkeleton 2s ease-in-out infinite;width:0}@keyframes typewriterSkeleton{0%{width:0}50%{width:8rem}to{width:0}}.dark .text-skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%)}.dark .text-skeleton--gradient{background:linear-gradient(90deg,#1e40af,#7c3aed,#1e40af)}.dark .text-skeleton--neon{background:linear-gradient(90deg,#164e63,#0891b2,#164e63)}.button{border:none;border-radius:.5rem;box-sizing:border-box;cursor:pointer;font-family:inherit;font-weight:500;gap:.5rem;line-height:1.5;outline:none;position:relative;text-decoration:none;transition:all .2s ease-in-out}.button,.button__icon{align-items:center;display:inline-flex;justify-content:center}.button__icon{flex-shrink:0}.button__icon--loading{animation:button-spin 1s linear infinite}.button__text{display:inline;font:inherit;white-space:nowrap}.button--xs{font-size:.75rem;gap:.25rem;min-height:24px;padding:.25rem .5rem}.button--small{font-size:.875rem;gap:.375rem;min-height:32px;padding:.5rem .75rem}.button--medium{font-size:1rem;gap:.5rem;min-height:40px;padding:.75rem 1rem}.button--large{font-size:1.125rem;gap:.625rem;min-height:48px;padding:1rem 1.5rem}.button--xlarge{font-size:1.25rem;gap:.75rem;min-height:56px;padding:1.25rem 2rem}.button--game{font-size:1rem;gap:.5rem;min-height:50px;padding:.9375rem 1rem}.button--full{justify-content:center;width:100%}.button--with-icon{padding-left:.75rem;padding-right:.75rem}.button--primary{background-color:#2563eb;border:1px solid #0000;color:#fff}.button--primary:focus,.button--primary:hover{background-color:#1d4ed8}.button--primary:focus{box-shadow:0 0 0 3px #2563eb4d}.button--primary:active{background-color:#1e40af}.button--gradient{background:linear-gradient(135deg,#3b82f6,#6366f1);border:1px solid #0000;box-shadow:0 4px 14px #3b82f633,0 2px 4px #0000000d;color:#fff}.button--gradient:hover{box-shadow:0 6px 20px #3b82f640,0 3px 6px #00000014;transform:translateY(-1px)}.button--gradient:focus,.button--gradient:hover{background:linear-gradient(135deg,#2563eb,#4f46e5)}.button--gradient:focus{box-shadow:0 6px 20px #3b82f640,0 0 0 3px #6366f14d}.button--gradient:active{background:linear-gradient(135deg,#1e40af,#3730a3);box-shadow:0 2px 8px #3b82f626;transform:translateY(0)}.button--secondary{background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid #0000;color:#fff}.button--secondary:focus,.button--secondary:hover{background:linear-gradient(135deg,#4b5563,#374151)}.button--secondary:focus{box-shadow:0 0 0 3px #6b72804d}.button--success{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #0000;color:#fff}.button--success:focus,.button--success:hover{background:linear-gradient(135deg,#059669,#047857)}.button--success:focus{box-shadow:0 0 0 3px #10b9814d}.button--danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #0000;color:#fff}.button--danger:focus,.button--danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.button--danger:focus{box-shadow:0 0 0 3px #ef44444d}.button--warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #0000;color:#fff}.button--warning:focus,.button--warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}.button--warning:focus{box-shadow:0 0 0 3px #f59e0b4d}.button--outline{background-color:initial;border:2px solid #2563eb;color:#2563eb}.button--outline:focus,.button--outline:hover{background-color:#2563eb;color:#fff}.button--outline:focus{box-shadow:0 0 0 3px #2563eb4d}.button--ghost{background-color:initial;border:1px solid #0000;color:#2563eb}.button--ghost:focus,.button--ghost:hover{background-color:#2563eb1a}.button--ghost:focus{box-shadow:0 0 0 3px #2563eb4d}.button--gameReveal{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #195b81;border-radius:.625rem;box-shadow:0 2px 8px #195b8126;color:#195b81;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.button--gameReveal:hover{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);box-shadow:0 4px 12px #195b8133;transform:translateY(-1px)}.button--gameReveal:focus{box-shadow:0 4px 12px #195b8133,0 0 0 3px #195b814d}.button--gameCorrect{animation:correctPulse .6s ease-out;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #0000;border-radius:.625rem;box-shadow:0 4px 15px #10b9814d;color:#fff}.button--gameCorrect:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px) scale(1.02)}.button--gameIncorrect{animation:incorrectShake .6s ease-out;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #0000;border-radius:.625rem;color:#fff}.button--gameIncorrect:hover{animation:shake .3s ease-in-out infinite;background:linear-gradient(135deg,#dc2626,#b91c1c)}.button--gameRestart{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #0000;box-shadow:0 4px 15px #10b9814d;color:#fff}.button--gameRestart:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px) scale(1.02)}.button--gameExit{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #0000;box-shadow:0 4px 15px #2563eb4d;color:#fff}.button--gameExit:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px) scale(1.02)}.button--disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none;transform:none!important}.button--loading{cursor:wait;pointer-events:none}@keyframes button-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.button--icon-top{flex-direction:column;gap:.25rem}.button--icon-bottom{flex-direction:column-reverse;gap:.25rem}.button--icon-left{flex-direction:row}.button--icon-right{flex-direction:row-reverse}[data-theme=dark] .button--primary{background-color:#1e40af;color:#e5e7eb}[data-theme=dark] .button--primary:hover{background-color:#1e3a8a}[data-theme=dark] .button--gradient{background:linear-gradient(135deg,#1e40af,#4338ca);color:#e5e7eb}[data-theme=dark] .button--gradient:hover{background:linear-gradient(135deg,#1e3a8a,#3730a3)}[data-theme=dark] .button--secondary{background:linear-gradient(135deg,#374151,#1f2937);color:#e5e7eb}[data-theme=dark] .button--outline{border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .button--outline:hover{background-color:#60a5fa;color:#111827}[data-theme=dark] .button--ghost{color:#60a5fa}[data-theme=dark] .button--ghost:hover{background-color:#60a5fa1a}[data-theme=dark] .button--gameReveal{background:linear-gradient(145deg,#1f2937,#374151);border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .button--gameReveal:hover{background:linear-gradient(145deg,#374151,#4b5563)}.button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (prefers-reduced-motion:reduce){.button,.button--gameCorrect,.button--gameIncorrect,.button__icon--loading{animation:none!important;transition:none!important}.button:hover{transform:none!important}}@media (max-width:640px){.button{min-height:44px}.button--large,.button--xlarge{font-size:1rem;padding:.75rem 1.5rem}.button--full{width:100%}}@media (prefers-contrast:high){.button{border-width:2px}.button:focus-visible{outline-offset:3px;outline-width:3px}}@media print{.button{background:#fff!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important;transform:none!important}}.container--card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a}.container--card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-2px)}.container--panel{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem}.container--hero{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:3rem 1rem;text-align:center}.container--sidebar{background-color:#f3f4f6;border-right:1px solid #d1d5db;min-height:100vh}.container--modal{background-color:#fff;border:1px solid #d1d5db;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;position:relative;z-index:50}.container--xs{max-width:20rem}.container--small{max-width:24rem}.container--large{max-width:32rem}.container--xlarge{max-width:36rem}.container--max-xs{max-width:20rem}.container--max-sm{max-width:24rem}.container--max-md{max-width:28rem}.container--max-lg{max-width:32rem}.container--max-xl{max-width:36rem}.container--max-2xl{max-width:42rem}.container--max-3xl{max-width:48rem}.container--max-4xl{max-width:56rem}.container--max-5xl{max-width:64rem}.container--max-6xl{max-width:72rem}.container--max-7xl{max-width:80rem}.container--max-none{max-width:none}.container--padding-none{padding:0}.container--padding-small{padding:.5rem}.container--padding-large{padding:1.5rem}.container--padding-xlarge{padding:2rem}.container--margin-none{margin:0}.container--margin-small{margin:.5rem}.container--margin-medium{margin:1rem}.container--margin-large{margin:1.5rem}.container--margin-xlarge{margin:2rem}.container--margin-auto{margin:0 auto}.container--shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.container--shadow-md{box-shadow:0 4px 6px -1px #0000001a}.container--shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.container--shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.container--shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.container--border-sm{border:1px solid #d1d5db}.container--border-md{border:2px solid #d1d5db}.container--border-lg{border:4px solid #d1d5db}.container--border-dashed{border:1px dashed #d1d5db}.container--border-dotted{border:1px dotted #d1d5db}.container--rounded-sm{border-radius:.125rem}.container--rounded-md{border-radius:.375rem}.container--rounded-lg{border-radius:.5rem}.container--rounded-xl{border-radius:.75rem}.container--rounded-2xl{border-radius:1rem}.container--rounded-3xl{border-radius:1.5rem}.container--rounded-full{border-radius:9999px}.container--bg-white{background-color:#fff}.container--bg-gray{background-color:#f3f4f6}.container--bg-primary{background-color:#3b82f6;color:#fff}.container--bg-secondary{background-color:#6b7280;color:#fff}.container--bg-accent{background-color:#8b5cf6;color:#fff}@media (max-width:640px){.container{margin-left:.5rem;margin-right:.5rem;padding:.75rem}.container--hero{padding:2rem 1rem}}@media (max-width:480px){.container--padding-large{padding:1rem}.container--padding-xlarge{padding:1.5rem}}.dark .container--card{background-color:#1f2937;border-color:#374151;color:#f9fafb}.dark .container--panel{background-color:#111827;border-color:#374151;color:#f9fafb}.dark .container--modal,.dark .container--sidebar{background-color:#1f2937;border-color:#374151;color:#f9fafb}.dark .container--bg-gray{background-color:#374151;color:#f9fafb}.container:focus-within{outline:2px solid #3b82f6;outline-offset:2px}@media print{.container{background:#fff!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important}}.container{background-color:initial;box-sizing:border-box;display:block;margin:0;max-width:100%;padding:1rem;transition:all .2s ease-in-out;width:100%}.container--centered{margin-left:auto;margin-right:auto}.container--fluid{max-width:100%;width:100%}.container--fit-content{max-width:-webkit-fit-content;max-width:fit-content;width:-webkit-fit-content;width:fit-content}.container--fit-content.container--centered{margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:fit-content}.container-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.5rem;box-sizing:border-box;display:block;height:6rem;overflow:hidden;padding:1rem;position:relative;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.container-skeleton__content{display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center}.container-skeleton__line{background:#ffffff4d;border-radius:.25rem;height:.75rem;width:100%}.container-skeleton__line--title{background:#ffffff80;height:1rem;width:60%}.container-skeleton__line--text{height:.75rem;width:80%}.container-skeleton__line--short{width:40%}.container-skeleton--xs{height:3rem;width:20rem}.container-skeleton--small{height:4rem;width:24rem}.container-skeleton--large{height:8rem;width:32rem}.container-skeleton--xlarge{height:10rem;width:36rem}.container-skeleton--max-xs{max-width:20rem}.container-skeleton--max-sm{max-width:24rem}.container-skeleton--max-md{max-width:28rem}.container-skeleton--max-lg{max-width:32rem}.container-skeleton--max-xl{max-width:36rem}.container-skeleton--max-2xl{max-width:42rem}.container-skeleton--max-3xl{max-width:48rem}.container-skeleton--max-4xl{max-width:56rem}.container-skeleton--max-5xl{max-width:64rem}.container-skeleton--max-6xl{max-width:72rem}.container-skeleton--max-7xl{max-width:80rem}.container-skeleton--max-none{max-width:none}.container-skeleton--padding-none{padding:0}.container-skeleton--padding-small{padding:.5rem}.container-skeleton--padding-large{padding:1.5rem}.container-skeleton--padding-xlarge{padding:2rem}.container-skeleton--rounded-none{border-radius:0}.container-skeleton--rounded-sm{border-radius:.125rem}.container-skeleton--rounded-md{border-radius:.375rem}.container-skeleton--rounded-lg{border-radius:.5rem}.container-skeleton--rounded-xl{border-radius:.75rem}.container-skeleton--rounded-2xl{border-radius:1rem}.container-skeleton--rounded-3xl{border-radius:1.5rem}.container-skeleton--rounded-full{border-radius:9999px}.container-skeleton--card{background:linear-gradient(90deg,#f8fafc 25%,#e2e8f0 50%,#f8fafc 75%);border:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a}.container-skeleton--panel{background:linear-gradient(90deg,#f1f5f9 25%,#cbd5e1 50%,#f1f5f9 75%);border:1px solid #cbd5e1}.container-skeleton--hero{background:linear-gradient(90deg,#dbeafe 25%,#93c5fd 50%,#dbeafe 75%);height:12rem;text-align:center}.container-skeleton--sidebar{background:linear-gradient(90deg,#f3f4f6 25%,#d1d5db 50%,#f3f4f6 75%);height:24rem;width:16rem}.container-skeleton--modal{background:linear-gradient(90deg,#fff 25%,#f3f4f6 50%,#fff 75%);border:1px solid #d1d5db;box-shadow:0 25px 50px -12px #00000040;max-width:28rem}.container-skeleton--centered{margin-left:auto;margin-right:auto}.container-skeleton--fluid{max-width:100%;width:100%}.container-skeleton--fit-content{max-width:-webkit-fit-content;max-width:fit-content;width:-webkit-fit-content;width:fit-content}.container-skeleton--block{display:block}.container-skeleton--hero .container-skeleton__content{align-items:center;text-align:center}.container-skeleton--hero .container-skeleton__line--title{height:1.5rem;width:80%}.container-skeleton--sidebar .container-skeleton__content{gap:.75rem}.container-skeleton--sidebar .container-skeleton__line{width:90%}.container-skeleton--modal .container-skeleton__content{gap:1rem}.container-skeleton--modal .container-skeleton__line--title{height:1.25rem;width:70%}.dark .container-skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%)}.dark .container-skeleton__line{background:#ffffff1a}.dark .container-skeleton__line--title{background:#fff3}.dark .container-skeleton--card{background:linear-gradient(90deg,#1f2937 25%,#374151 50%,#1f2937 75%);border-color:#374151}.dark .container-skeleton--panel{background:linear-gradient(90deg,#111827 25%,#374151 50%,#111827 75%);border-color:#374151}.dark .container-skeleton--hero{background:linear-gradient(90deg,#1e40af 25%,#3b82f6 50%,#1e40af 75%)}.dark .container-skeleton--modal,.dark .container-skeleton--sidebar{background:linear-gradient(90deg,#1f2937 25%,#374151 50%,#1f2937 75%)}.dark .container-skeleton--modal{border-color:#374151}@media (max-width:640px){.container-skeleton{margin-left:.5rem;margin-right:.5rem;padding:.75rem}.container-skeleton--hero{height:8rem;padding:2rem 1rem}.container-skeleton--sidebar{height:8rem;width:100%}}@media (prefers-reduced-motion:reduce){.container-skeleton{animation:none;background:#f0f0f0}.dark .container-skeleton{background:#374151}}.animated-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.5rem;box-sizing:border-box;display:block;height:4rem;overflow:hidden;padding:1rem;position:relative;width:100%}.animated-skeleton__content{display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center}.animated-skeleton__line{background:#ffffff4d;border-radius:.25rem;height:.75rem;width:100%}.animated-skeleton__line--title{background:#ffffff80;height:1rem;width:60%}.animated-skeleton__line--text{height:.75rem;width:80%}.animated-skeleton__line--short{width:40%}.animated-skeleton--pulse{animation:skeletonPulse 1.5s ease-in-out infinite}.animated-skeleton--fade-in{animation:skeletonFadeIn 1s ease-in-out infinite}.animated-skeleton--fade-out{animation:skeletonFadeOut 1s ease-in-out infinite}.animated-skeleton--bounce{animation:skeletonBounce 1s ease-in-out infinite}.animated-skeleton--slide{animation:skeletonSlide 1.5s ease-in-out infinite}.animated-skeleton--rotate{animation:skeletonRotate 2s linear infinite}.animated-skeleton--scale{animation:skeletonScale 1s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@keyframes skeletonFadeIn{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes skeletonFadeOut{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes skeletonBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes skeletonSlide{0%{opacity:0;transform:translateX(-20px)}50%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@keyframes skeletonRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes skeletonScale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animated-skeleton--infinite{animation-iteration-count:infinite}.animated-skeleton--medium{height:4rem}.dark .animated-skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%)}.dark .animated-skeleton__line{background:#ffffff1a}.dark .animated-skeleton__line--title{background:#fff3}@media (prefers-reduced-motion:reduce){.animated-skeleton,.animated-skeleton--bounce,.animated-skeleton--fade-in,.animated-skeleton--fade-out,.animated-skeleton--pulse,.animated-skeleton--rotate,.animated-skeleton--scale,.animated-skeleton--slide{animation:none;background:#f0f0f0}.dark .animated-skeleton{background:#374151}}.fade-in{animation:fade-in .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in-top{animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.fade-in-bottom{animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-bottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.fade-in-left{animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-left{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.fade-in-right{animation:fade-in-right .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-right{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.fade-in-top-left{animation:fade-in-top-left .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-top-left{0%{opacity:0;transform:translate(-50px,-50px)}to{opacity:1;transform:translate(0)}}.fade-in-top-right{animation:fade-in-top-right .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-top-right{0%{opacity:0;transform:translate(50px,-50px)}to{opacity:1;transform:translate(0)}}.fade-in-bottom-left{animation:fade-in-bottom-left .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-bottom-left{0%{opacity:0;transform:translate(-50px,50px)}to{opacity:1;transform:translate(0)}}.fade-in-bottom-right{animation:fade-in-bottom-right .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-bottom-right{0%{opacity:0;transform:translate(50px,50px)}to{opacity:1;transform:translate(0)}}.scale-in-center{animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-in-center{0%{opacity:1;transform:scale(0)}to{opacity:1;transform:scale(1)}}.scale-in-top{animation:scale-in-top .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-in-top{0%{opacity:1;transform:scale(0);transform-origin:50% 0}to{opacity:1;transform:scale(1);transform-origin:50% 0}}.scale-in-bottom{animation:scale-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-in-bottom{0%{opacity:1;transform:scale(0);transform-origin:50% 100%}to{opacity:1;transform:scale(1);transform-origin:50% 100%}}.scale-in-left{animation:scale-in-left .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-in-left{0%{opacity:1;transform:scale(0);transform-origin:0 50%}to{opacity:1;transform:scale(1);transform-origin:0 50%}}.scale-in-right{animation:scale-in-right .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-in-right{0%{opacity:1;transform:scale(0);transform-origin:100% 50%}to{opacity:1;transform:scale(1);transform-origin:100% 50%}}.scale-in-hor-center{animation:scale-in-hor-center .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-in-hor-center{0%{opacity:1;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.scale-in-ver-center{animation:scale-in-ver-center .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-in-ver-center{0%{opacity:1;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.slide-in-top{animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-1000px)}to{opacity:1;transform:translateY(0)}}.slide-in-bottom{animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(1000px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-1000px)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-right{0%{opacity:0;transform:translateX(1000px)}to{opacity:1;transform:translateX(0)}}.slide-in-blurred-top{animation:slide-in-blurred-top .6s cubic-bezier(.23,1,.32,1) both}@keyframes slide-in-blurred-top{0%{filter:blur(40px);opacity:0;transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0}to{filter:blur(0);opacity:1;transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%}}.slide-in-blurred-bottom{animation:slide-in-blurred-bottom .6s cubic-bezier(.23,1,.32,1) both}@keyframes slide-in-blurred-bottom{0%{filter:blur(40px);opacity:0;transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%}to{filter:blur(0);opacity:1;transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%}}.slide-in-blurred-left{animation:slide-in-blurred-left .6s cubic-bezier(.23,1,.32,1) both}@keyframes slide-in-blurred-left{0%{filter:blur(40px);opacity:0;transform:translateX(-1000px) scaleX(2.5) scaleY(.2);transform-origin:0 50%}to{filter:blur(0);opacity:1;transform:translateX(0) scaleX(1) scaleY(1);transform-origin:50% 50%}}.slide-in-blurred-right{animation:slide-in-blurred-right .6s cubic-bezier(.23,1,.32,1) both}@keyframes slide-in-blurred-right{0%{filter:blur(40px);opacity:0;transform:translateX(1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%}to{filter:blur(0);opacity:1;transform:translateX(0) scaleX(1) scaleY(1);transform-origin:50% 50%}}.rotate-in-center{animation:rotate-in-center .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes rotate-in-center{0%{opacity:0;transform:rotate(-1turn)}to{opacity:1;transform:rotate(0)}}.rotate-in-left{animation:rotate-in-left .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes rotate-in-left{0%{opacity:0;transform:rotate(-1turn);transform-origin:left center}to{opacity:1;transform:rotate(0);transform-origin:left center}}.rotate-in-right{animation:rotate-in-right .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes rotate-in-right{0%{opacity:0;transform:rotate(1turn);transform-origin:right center}to{opacity:1;transform:rotate(0);transform-origin:right center}}.rotate-in-top{animation:rotate-in-top .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes rotate-in-top{0%{opacity:0;transform:rotate(-1turn);transform-origin:top center}to{opacity:1;transform:rotate(0);transform-origin:top center}}.rotate-in-bottom{animation:rotate-in-bottom .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes rotate-in-bottom{0%{opacity:0;transform:rotate(1turn);transform-origin:bottom center}to{opacity:1;transform:rotate(0);transform-origin:bottom center}}.bounce-in-center{animation:bounce-in-center 1.1s both}@keyframes bounce-in-center{0%{opacity:0;transform:scale(.3)}50%{opacity:1}55%{transform:scale(1.05)}60%{transform:scale(.9)}80%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.bounce-in-top{animation:bounce-in-top 1.1s both}@keyframes bounce-in-top{0%{animation-timing-function:ease-in;opacity:0;transform:translateY(-500px)}38%{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}55%{animation-timing-function:ease-in;transform:translateY(-65px)}72%{animation-timing-function:ease-out;transform:translateY(0)}81%{animation-timing-function:ease-in;transform:translateY(-28px)}90%{animation-timing-function:ease-out;transform:translateY(0)}95%{animation-timing-function:ease-in;transform:translateY(-8px)}to{animation-timing-function:ease-out;transform:translateY(0)}}.bounce-in-bottom{animation:bounce-in-bottom 1.1s both}@keyframes bounce-in-bottom{0%{animation-timing-function:ease-in;opacity:0;transform:translateY(500px)}38%{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}55%{animation-timing-function:ease-in;transform:translateY(65px)}72%{animation-timing-function:ease-out;transform:translateY(0)}81%{animation-timing-function:ease-in;transform:translateY(28px)}90%{animation-timing-function:ease-out;transform:translateY(0)}95%{animation-timing-function:ease-in;transform:translateY(8px)}to{animation-timing-function:ease-out;transform:translateY(0)}}.bounce-in-left{animation:bounce-in-left 1.1s both}@keyframes bounce-in-left{0%{animation-timing-function:ease-in;opacity:0;transform:translateX(-600px)}38%{animation-timing-function:ease-out;opacity:1;transform:translateX(0)}55%{animation-timing-function:ease-in;transform:translateX(-68px)}72%{animation-timing-function:ease-out;transform:translateX(0)}81%{animation-timing-function:ease-in;transform:translateX(-28px)}90%{animation-timing-function:ease-out;transform:translateX(0)}95%{animation-timing-function:ease-in;transform:translateX(-8px)}to{animation-timing-function:ease-out;transform:translateX(0)}}.bounce-in-right{animation:bounce-in-right 1.1s both}@keyframes bounce-in-right{0%{animation-timing-function:ease-in;opacity:0;transform:translateX(600px)}38%{animation-timing-function:ease-out;opacity:1;transform:translateX(0)}55%{animation-timing-function:ease-in;transform:translateX(68px)}72%{animation-timing-function:ease-out;transform:translateX(0)}81%{animation-timing-function:ease-in;transform:translateX(28px)}90%{animation-timing-function:ease-out;transform:translateX(0)}95%{animation-timing-function:ease-in;transform:translateX(8px)}to{animation-timing-function:ease-out;transform:translateX(0)}}.puff-in-center{animation:puff-in-center .7s cubic-bezier(.47,0,.745,.715) both}@keyframes puff-in-center{0%{filter:blur(4px);opacity:0;transform:scale(2)}to{filter:blur(0);opacity:1;transform:scale(1)}}.puff-in-top{animation:puff-in-top .7s cubic-bezier(.47,0,.745,.715) both}@keyframes puff-in-top{0%{filter:blur(4px);opacity:0;transform:scale(2) translateY(-300px);transform-origin:50% 0}to{filter:blur(0);opacity:1;transform:scale(1) translateY(0);transform-origin:50% 50%}}.puff-in-bottom{animation:puff-in-bottom .7s cubic-bezier(.47,0,.745,.715) both}@keyframes puff-in-bottom{0%{filter:blur(4px);opacity:0;transform:scale(2) translateY(300px);transform-origin:50% 100%}to{filter:blur(0);opacity:1;transform:scale(1) translateY(0);transform-origin:50% 50%}}.puff-in-left{animation:puff-in-left .7s cubic-bezier(.47,0,.745,.715) both}@keyframes puff-in-left{0%{filter:blur(4px);opacity:0;transform:scale(2) translateX(-300px);transform-origin:0 50%}to{filter:blur(0);opacity:1;transform:scale(1) translateX(0);transform-origin:50% 50%}}.puff-in-right{animation:puff-in-right .7s cubic-bezier(.47,0,.745,.715) both}@keyframes puff-in-right{0%{filter:blur(4px);opacity:0;transform:scale(2) translateX(300px);transform-origin:100% 50%}to{filter:blur(0);opacity:1;transform:scale(1) translateX(0);transform-origin:50% 50%}}.flip-in-hor-bottom{animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes flip-in-hor-bottom{0%{opacity:0;transform:rotateX(80deg)}to{opacity:1;transform:rotateX(0)}}.flip-in-hor-top{animation:flip-in-hor-top .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes flip-in-hor-top{0%{opacity:0;transform:rotateX(-80deg)}to{opacity:1;transform:rotateX(0)}}.flip-in-ver-left{animation:flip-in-ver-left .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes flip-in-ver-left{0%{opacity:0;transform:rotateY(-80deg)}to{opacity:1;transform:rotateY(0)}}.flip-in-ver-right{animation:flip-in-ver-right .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes flip-in-ver-right{0%{opacity:0;transform:rotateY(80deg)}to{opacity:1;transform:rotateY(0)}}.swing-in-top-fwd{animation:swing-in-top-fwd .6s cubic-bezier(.175,.885,.32,1.275) both}@keyframes swing-in-top-fwd{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0deg);transform-origin:top}}.swing-in-bottom-fwd{animation:swing-in-bottom-fwd .6s cubic-bezier(.175,.885,.32,1.275) both}@keyframes swing-in-bottom-fwd{0%{opacity:0;transform:rotateX(100deg);transform-origin:bottom}to{opacity:1;transform:rotateX(0deg);transform-origin:bottom}}.bounce-top{animation:bounce-top .9s both}@keyframes bounce-top{0%{animation-timing-function:ease-in;opacity:1;transform:translateY(-45px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(-24px)}65%{animation-timing-function:ease-in;transform:translateY(-12px)}82%{animation-timing-function:ease-in;transform:translateY(-6px)}93%{animation-timing-function:ease-in;transform:translateY(-4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateY(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}}.bounce-bottom{animation:bounce-bottom .9s both}@keyframes bounce-bottom{0%{animation-timing-function:ease-in;opacity:1;transform:translateY(45px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(24px)}65%{animation-timing-function:ease-in;transform:translateY(12px)}82%{animation-timing-function:ease-in;transform:translateY(6px)}93%{animation-timing-function:ease-in;transform:translateY(4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateY(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}}.bounce-left{animation:bounce-left .9s both}@keyframes bounce-left{0%{animation-timing-function:ease-in;opacity:1;transform:translateX(-48px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateX(-26px)}65%{animation-timing-function:ease-in;transform:translateX(-13px)}82%{animation-timing-function:ease-in;transform:translateX(-6.5px)}93%{animation-timing-function:ease-in;transform:translateX(-4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateX(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateX(0)}}.bounce-right{animation:bounce-right .9s both}@keyframes bounce-right{0%{animation-timing-function:ease-in;opacity:1;transform:translateX(48px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateX(26px)}65%{animation-timing-function:ease-in;transform:translateX(13px)}82%{animation-timing-function:ease-in;transform:translateX(6.5px)}93%{animation-timing-function:ease-in;transform:translateX(4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateX(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateX(0)}}.flash{animation:flash 2s infinite}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.pulse-1{animation:pulse-1 2s infinite}@keyframes pulse-1{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pulse-2{animation:pulse-2 2s infinite}@keyframes pulse-2{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.shake-horizontal{animation:shake-horizontal .8s cubic-bezier(.455,.03,.515,.955) both}@keyframes shake-horizontal{0%,to{transform:translateX(0)}10%,30%,50%,70%{transform:translateX(-10px)}20%,40%,60%{transform:translateX(10px)}80%{transform:translateX(8px)}90%{transform:translateX(-8px)}}.shake-vertical{animation:shake-vertical .8s cubic-bezier(.455,.03,.515,.955) both}@keyframes shake-vertical{0%,to{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-8px)}20%,40%,60%{transform:translateY(8px)}80%{transform:translateY(6.4px)}90%{transform:translateY(-6.4px)}}.vibrate-1{animation:vibrate-1 .3s linear infinite both}@keyframes vibrate-1{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.vibrate-2{animation:vibrate-2 .3s linear infinite both}@keyframes vibrate-2{0%{transform:translate(0)}10%{transform:translate(-2px,-2px)}20%{transform:translate(2px,-2px)}30%{transform:translate(-2px,2px)}40%{transform:translate(2px,2px)}50%{transform:translate(-2px,-2px)}60%{transform:translate(2px,-2px)}70%{transform:translate(-2px,2px)}80%{transform:translate(-2px,-2px)}90%{transform:translate(2px,-2px)}to{transform:translate(0)}}.wobble-hor-bottom{animation:wobble-hor-bottom .8s both}@keyframes wobble-hor-bottom{0%,to{transform:translateX(0);transform-origin:50% 50%}15%{transform:translateX(-30px) rotate(-6deg)}30%{transform:translateX(15px) rotate(6deg)}45%{transform:translateX(-15px) rotate(-3.6deg)}60%{transform:translateX(9px) rotate(2.4deg)}75%{transform:translateX(-6px) rotate(-1.2deg)}}.wobble-hor-top{animation:wobble-hor-top .8s both}@keyframes wobble-hor-top{0%,to{transform:translateX(0);transform-origin:50% 50%}15%{transform:translateX(-30px) rotate(6deg)}30%{transform:translateX(15px) rotate(-6deg)}45%{transform:translateX(-15px) rotate(3.6deg)}60%{transform:translateX(9px) rotate(-2.4deg)}75%{transform:translateX(-6px) rotate(1.2deg)}}.jello-horizontal{animation:jello-horizontal .9s both}@keyframes jello-horizontal{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.jello-vertical{animation:jello-vertical .9s both}@keyframes jello-vertical{0%{transform:scaleX(1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}to{transform:scaleX(1)}}.heartbeat{animation:heartbeat 1.5s ease-in-out infinite both}@keyframes heartbeat{0%{animation-timing-function:ease-out;transform:scale(1);transform-origin:center center}10%{animation-timing-function:ease-in;transform:scale(.91)}17%{animation-timing-function:ease-out;transform:scale(.98)}33%{animation-timing-function:ease-in;transform:scale(.87)}45%{animation-timing-function:ease-out;transform:scale(1)}}.swing{animation:swing 1s ease-in-out infinite alternate}@keyframes swing{0%{transform:rotate(15deg)}to{transform:rotate(-15deg)}}.rubber-band{animation:rubber-band 1s both}@keyframes rubber-band{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.tada{animation:tada 1s ease-in-out}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.blink-1{animation:blink-1 .6s both}@keyframes blink-1{0%,50%,to{opacity:1}25%,75%{opacity:0}}.blink-2{animation:blink-2 2s infinite both}@keyframes blink-2{0%,50%,to{opacity:1}25%,75%{opacity:0}}.glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #e60073,0 0 40px #e60073,0 0 50px #e60073,0 0 60px #e60073,0 0 70px #e60073}to{box-shadow:0 0 20