.views-playground-icon-modal__modal-container{padding:3rem}.views-playground-icon-modal__preview-container{display:flex;justify-content:center;width:100%}.views-playground-icon-modal__preview-icon-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.views-playground-icon-modal__preview-icon{padding:1rem}.views-playground-icon-modal__preview-icon--background-grande-900{background-color:#1f2938}.views-playground-icon-modal__preview-icon--background-grande-700{background-color:#222f42}.views-playground-icon-modal__preview-icon--background-grande-500{background-color:#2b3a51}.views-playground-icon-modal__preview-icon--background-grande-300{background-color:#315181}.views-playground-icon-modal__preview-icon--background-grande-200{background-color:#6c8bbc}.views-playground-icon-modal__preview-icon--background-grande-100{background-color:#b8cae5}.views-playground-icon-modal__preview-icon--background-blue-700{background-color:#005eb8}.views-playground-icon-modal__preview-icon--background-blue-500{background-color:#0b7ce5}.views-playground-icon-modal__preview-icon--background-blue-300{background-color:#4f94f7}.views-playground-icon-modal__preview-icon--background-blue-200{background-color:#99c1fa}.views-playground-icon-modal__preview-icon--background-blue-100{background-color:#cbdffd}.views-playground-icon-modal__preview-icon--background-blue-50{background-color:#e9f1fe}.views-playground-icon-modal__preview-icon--background-gray-900{background-color:#717171}.views-playground-icon-modal__preview-icon--background-gray-700{background-color:#494949}.views-playground-icon-modal__preview-icon--background-gray-500{background-color:#616161}.views-playground-icon-modal__preview-icon--background-gray-400{background-color:#808184}.views-playground-icon-modal__preview-icon--background-gray-300{background-color:#9e9e9e}.views-playground-icon-modal__preview-icon--background-gray-200{background-color:#c9c9ca}.views-playground-icon-modal__preview-icon--background-gray-100{background-color:#e5e7eb}.views-playground-icon-modal__preview-icon--background-gray-75{background-color:#e8ebef}.views-playground-icon-modal__preview-icon--background-gray-50{background-color:#f4f6f9}.views-playground-icon-modal__preview-icon--background-red-600{background-color:#b22314}.views-playground-icon-modal__preview-icon--background-red-500{background-color:#db2b19}.views-playground-icon-modal__preview-icon--background-red-300{background-color:#f0511c}.views-playground-icon-modal__preview-icon--background-red-100{background-color:#f0b19c}.views-playground-icon-modal__preview-icon--background-red-50{background-color:#ffe2d9}.views-playground-icon-modal__preview-icon--background-yellow-900{background-color:#624d17}.views-playground-icon-modal__preview-icon--background-yellow-500{background-color:#e79f2f}.views-playground-icon-modal__preview-icon--background-yellow-300{background-color:#ffb954}.views-playground-icon-modal__preview-icon--background-yellow-100{background-color:#fbdcb0}.views-playground-icon-modal__preview-icon--background-yellow-50{background-color:#fbf1e2}.views-playground-icon-modal__preview-icon--background-green-700{background-color:#0f4600}.views-playground-icon-modal__preview-icon--background-green-500{background-color:#166402}.views-playground-icon-modal__preview-icon--background-green-300{background-color:#468422}.views-playground-icon-modal__preview-icon--background-green-200{background-color:#74bf1c}.views-playground-icon-modal__preview-icon--background-green-100{background-color:#c6e5a1}.views-playground-icon-modal__preview-icon--background-green-50{background-color:#e7f2da}.views-playground-icon-modal__preview-icon--background-white{background-color:#fff}.views-playground-icon-modal__preview-icon--color-grande-900{color:#1f2938}.views-playground-icon-modal__preview-icon--color-grande-700{color:#222f42}.views-playground-icon-modal__preview-icon--color-grande-500{color:#2b3a51}.views-playground-icon-modal__preview-icon--color-grande-300{color:#315181}.views-playground-icon-modal__preview-icon--color-grande-200{color:#6c8bbc}.views-playground-icon-modal__preview-icon--color-grande-100{color:#b8cae5}.views-playground-icon-modal__preview-icon--color-blue-700{color:#005eb8}.views-playground-icon-modal__preview-icon--color-blue-500{color:#0b7ce5}.views-playground-icon-modal__preview-icon--color-blue-300{color:#4f94f7}.views-playground-icon-modal__preview-icon--color-blue-200{color:#99c1fa}.views-playground-icon-modal__preview-icon--color-blue-100{color:#cbdffd}.views-playground-icon-modal__preview-icon--color-blue-50{color:#e9f1fe}.views-playground-icon-modal__preview-icon--color-gray-900{color:#717171}.views-playground-icon-modal__preview-icon--color-gray-700{color:#494949}.views-playground-icon-modal__preview-icon--color-gray-500{color:#616161}.views-playground-icon-modal__preview-icon--color-gray-400{color:#808184}.views-playground-icon-modal__preview-icon--color-gray-300{color:#9e9e9e}.views-playground-icon-modal__preview-icon--color-gray-200{color:#c9c9ca}.views-playground-icon-modal__preview-icon--color-gray-100{color:#e5e7eb}.views-playground-icon-modal__preview-icon--color-gray-75{color:#e8ebef}.views-playground-icon-modal__preview-icon--color-gray-50{color:#f4f6f9}.views-playground-icon-modal__preview-icon--color-red-600{color:#b22314}.views-playground-icon-modal__preview-icon--color-red-500{color:#db2b19}.views-playground-icon-modal__preview-icon--color-red-300{color:#f0511c}.views-playground-icon-modal__preview-icon--color-red-100{color:#f0b19c}.views-playground-icon-modal__preview-icon--color-red-50{color:#ffe2d9}.views-playground-icon-modal__preview-icon--color-yellow-900{color:#624d17}.views-playground-icon-modal__preview-icon--color-yellow-500{color:#e79f2f}.views-playground-icon-modal__preview-icon--color-yellow-300{color:#ffb954}.views-playground-icon-modal__preview-icon--color-yellow-100{color:#fbdcb0}.views-playground-icon-modal__preview-icon--color-yellow-50{color:#fbf1e2}.views-playground-icon-modal__preview-icon--color-green-700{color:#0f4600}.views-playground-icon-modal__preview-icon--color-green-500{color:#166402}.views-playground-icon-modal__preview-icon--color-green-300{color:#468422}.views-playground-icon-modal__preview-icon--color-green-200{color:#74bf1c}.views-playground-icon-modal__preview-icon--color-green-100{color:#c6e5a1}.views-playground-icon-modal__preview-icon--color-green-50{color:#e7f2da}.views-playground-icon-modal__preview-icon--color-white{color:#fff}.views-playground-icon-modal__preview-options{display:flex;flex-direction:column;gap:1rem}.views-playground-icon-modal__preview-code{display:inline-block;width:100%;white-space:pre;padding-left:2rem}
.views-playground-icons__items{display:flex;flex-wrap:wrap}.views-playground-icons__icon-wrapper{width:17rem;display:flex;flex-direction:column;align-items:center;padding:1rem;margin-bottom:1.5rem}.views-playground-icons__icon{padding:1rem;font-size:2rem;border-radius:.5rem}.views-playground-icons__icon:hover{cursor:pointer;background-color:#2b3a51;color:#fff}.views-playground-icons__modal-container{padding:3rem}.views-playground-icons__preview-container{display:flex;justify-content:center;width:100%}.views-playground-icons__preview-icon-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.views-playground-icons__preview-icon{padding:1rem}.views-playground-icons__preview-icon--background-grande-900{background-color:#1f2938}.views-playground-icons__preview-icon--background-grande-700{background-color:#222f42}.views-playground-icons__preview-icon--background-grande-500{background-color:#2b3a51}.views-playground-icons__preview-icon--background-grande-300{background-color:#315181}.views-playground-icons__preview-icon--background-grande-200{background-color:#6c8bbc}.views-playground-icons__preview-icon--background-grande-100{background-color:#b8cae5}.views-playground-icons__preview-icon--background-blue-700{background-color:#005eb8}.views-playground-icons__preview-icon--background-blue-500{background-color:#0b7ce5}.views-playground-icons__preview-icon--background-blue-300{background-color:#4f94f7}.views-playground-icons__preview-icon--background-blue-200{background-color:#99c1fa}.views-playground-icons__preview-icon--background-blue-100{background-color:#cbdffd}.views-playground-icons__preview-icon--background-blue-50{background-color:#e9f1fe}.views-playground-icons__preview-icon--background-gray-900{background-color:#717171}.views-playground-icons__preview-icon--background-gray-700{background-color:#494949}.views-playground-icons__preview-icon--background-gray-500{background-color:#616161}.views-playground-icons__preview-icon--background-gray-400{background-color:#808184}.views-playground-icons__preview-icon--background-gray-300{background-color:#9e9e9e}.views-playground-icons__preview-icon--background-gray-200{background-color:#c9c9ca}.views-playground-icons__preview-icon--background-gray-100{background-color:#e5e7eb}.views-playground-icons__preview-icon--background-gray-75{background-color:#e8ebef}.views-playground-icons__preview-icon--background-gray-50{background-color:#f4f6f9}.views-playground-icons__preview-icon--background-red-600{background-color:#b22314}.views-playground-icons__preview-icon--background-red-500{background-color:#db2b19}.views-playground-icons__preview-icon--background-red-300{background-color:#f0511c}.views-playground-icons__preview-icon--background-red-100{background-color:#f0b19c}.views-playground-icons__preview-icon--background-red-50{background-color:#ffe2d9}.views-playground-icons__preview-icon--background-yellow-900{background-color:#624d17}.views-playground-icons__preview-icon--background-yellow-500{background-color:#e79f2f}.views-playground-icons__preview-icon--background-yellow-300{background-color:#ffb954}.views-playground-icons__preview-icon--background-yellow-100{background-color:#fbdcb0}.views-playground-icons__preview-icon--background-yellow-50{background-color:#fbf1e2}.views-playground-icons__preview-icon--background-green-700{background-color:#0f4600}.views-playground-icons__preview-icon--background-green-500{background-color:#166402}.views-playground-icons__preview-icon--background-green-300{background-color:#468422}.views-playground-icons__preview-icon--background-green-200{background-color:#74bf1c}.views-playground-icons__preview-icon--background-green-100{background-color:#c6e5a1}.views-playground-icons__preview-icon--background-green-50{background-color:#e7f2da}.views-playground-icons__preview-icon--color-grande-900{color:#1f2938}.views-playground-icons__preview-icon--color-grande-700{color:#222f42}.views-playground-icons__preview-icon--color-grande-500{color:#2b3a51}.views-playground-icons__preview-icon--color-grande-300{color:#315181}.views-playground-icons__preview-icon--color-grande-200{color:#6c8bbc}.views-playground-icons__preview-icon--color-grande-100{color:#b8cae5}.views-playground-icons__preview-icon--color-blue-700{color:#005eb8}.views-playground-icons__preview-icon--color-blue-500{color:#0b7ce5}.views-playground-icons__preview-icon--color-blue-300{color:#4f94f7}.views-playground-icons__preview-icon--color-blue-200{color:#99c1fa}.views-playground-icons__preview-icon--color-blue-100{color:#cbdffd}.views-playground-icons__preview-icon--color-blue-50{color:#e9f1fe}.views-playground-icons__preview-icon--color-gray-900{color:#717171}.views-playground-icons__preview-icon--color-gray-700{color:#494949}.views-playground-icons__preview-icon--color-gray-500{color:#616161}.views-playground-icons__preview-icon--color-gray-400{color:#808184}.views-playground-icons__preview-icon--color-gray-300{color:#9e9e9e}.views-playground-icons__preview-icon--color-gray-200{color:#c9c9ca}.views-playground-icons__preview-icon--color-gray-100{color:#e5e7eb}.views-playground-icons__preview-icon--color-gray-75{color:#e8ebef}.views-playground-icons__preview-icon--color-gray-50{color:#f4f6f9}.views-playground-icons__preview-icon--color-red-600{color:#b22314}.views-playground-icons__preview-icon--color-red-500{color:#db2b19}.views-playground-icons__preview-icon--color-red-300{color:#f0511c}.views-playground-icons__preview-icon--color-red-100{color:#f0b19c}.views-playground-icons__preview-icon--color-red-50{color:#ffe2d9}.views-playground-icons__preview-icon--color-yellow-900{color:#624d17}.views-playground-icons__preview-icon--color-yellow-500{color:#e79f2f}.views-playground-icons__preview-icon--color-yellow-300{color:#ffb954}.views-playground-icons__preview-icon--color-yellow-100{color:#fbdcb0}.views-playground-icons__preview-icon--color-yellow-50{color:#fbf1e2}.views-playground-icons__preview-icon--color-green-700{color:#0f4600}.views-playground-icons__preview-icon--color-green-500{color:#166402}.views-playground-icons__preview-icon--color-green-300{color:#468422}.views-playground-icons__preview-icon--color-green-200{color:#74bf1c}.views-playground-icons__preview-icon--color-green-100{color:#c6e5a1}.views-playground-icons__preview-icon--color-green-50{color:#e7f2da}.views-playground-icons__preview-options{display:flex;flex-direction:column;gap:1rem}.views-playground-icons__preview-code{display:inline-block;width:100%;white-space:pre}